/* Northants CAMRA Style Sheet */



body {

        background-color: #F8FCD1;
        font-family: "Comic Sans MS", "Gill Sans MS", Arial, Helvetica, sans-serif;
        color: green;
        margin: 0px;
 }


p {

        text-align: justify;
        text-indent: 2em;
 }


dt {

        padding-top: 1em;
        padding-bottom: 1em;
 }

tr {

        vertical-align: middle;
 }

td {

        vertical-align: middle;
 }


.center {

        text-align: center;
 }

.addlink {

        font-size: 75%;
 }


.footnote {

        font-size: 75%;
        text-align: center;
        text-indent: 0em;
        margin-top: 2em;
 }


address {

        font-style: normal;
        margin-top: 0.5em;
        margin-bottom: 1em;
        margin-left: 2em;
 }


.news {

        width: 90%;
        background-color: #D5EAB3;
        text-align: left;
        font-size: 75%;
        color: #004900;
        border: ridge 0.5em #004900;
        padding: 0.5em;
        margin-top: 2em;
}


h1 {

        margin: 0px;
        text-align: left;
        font-size: 160%;
        font-weight: bold;
 }

h1.head {

        margin: 0px;
        text-align: left;
        font-size: 250%;
        font-weight: bold;
 }

h2 {

        margin: 0px;
        text-align: center;
        font-size: 130%;
        font-weight: bold;
        text-decoration: underline;
 }

h3 {

        margin: 2em 0em 1em 0em;
        font-weight: bold;
        text-decoration: underline;
 }


ul {

        text-align: left;
        list-style-type: square;
 }


div#notall {

        background-color: green;
        border: thin outset;
 }


div#all {

        background-color: #F8FCD1;
        border: thin outset;
 }


div#header {

        color: green;
        border-bottom: 0.5em solid #006600;
        padding: 1em;
        background-color: #F8FCD1;
        text-align: right;
        height: 130px; /* Holly hack for Peekaboo Bug */
        min-height: 120px;
 }

div#menu {

        float: left;
        padding: 1em;
        width: 12em;
        margin-bottom: 2em;
        border-right: solid 0.5em #006600;
        border-bottom: solid 0.5em #006600;
        color: #F8FCD1;
        background-color: green;
        text-align: center;
        min-width: 180px;

 }


div.captionpic {

        text-align: center;
        font-size: 75%;
	color: black;
        padding: 1em;
 }


img {


        border: 0px;
 }

div#content {

        margin-left: 14em;
        padding: 1em 2em;
        background-color: #F8FCD1;
        height: 1%; /* Holly hack for Peekaboo Bug */

 }


div#footer {

        font-size: 75%;
        color: #F8FCD1;
        background-color: green;
        border-top: solid 0.5em #006600;
        padding: 1em;
        text-align: center;
        clear: both;
 }


#menulist {

        margin-left: 0;
        padding-left: 0;
        list-style: none;
 }

#menulist li {
        margin: 0;
        padding-left: 42px;
        background-image: url(images/beer.gif);
        background-repeat: no-repeat;
        background-position: 0.5em;
        text-align: left;
        font-weight: bold;
        line-height: 200%;
 }

#menulist a {

        color: #F8FCD1;
        text-decoration: none;
 }


#menulist li:hover {

        background-image: url(images/beer.gif);
        background-repeat: no-repeat;
        background-position: 0em;
 }

#menulist a:hover {

        color: orange;
        text-decoration: underline;
 }

.lastupdated {

        width: 90%;
        text-align: center;
        text-indent: 0em;
        color: #F8FCD1;
        font-size: 75%;
        margin-top: 2em;

 }

img.random {
        border: none;
 }


.intro {

        font-size: 110%;
        padding: 1em;
        text-indent: 0em;
 }


a:link {
        color: #7e3d0a;
        text-decoration: underline;
 }


a:visited {
        color: #7e3d0a;
        text-decoration: underline;
 }


a:link:hover {
        color: #ff4400;
        text-decoration: underline;
 }

a:visited:hover {
        color: #ff4400;
        text-decoration: underline;
 }


acronym {
            border-bottom: 1px dotted #000084;
 }

acronym:hover {
            cursor: help
 }

abbr {
            border-bottom: 1px dotted #000084;
 }

abbr:hover {
            cursor: help
 }

.station {
        padding-left: 28px;
        text-indent: 0em;
        background: transparent url(images/railway.gif) no-repeat center left;
}


.busstop {
        padding-left: 28px;
        text-indent: 0em;
        background: transparent url(images/busstop.gif) no-repeat center left;
}

.parking {
        padding-left: 28px;
        text-indent: 0em;
        background: transparent url(images/parking.gif) no-repeat center left;
}

.weblink {
        padding-left: 28px;
        text-indent: 0em;
        background: transparent url(images/icon-link.gif) no-repeat center left;
}


/* FOOD menu items */

.food-menu {

	font-family: Georgia, "Times New Roman", Times, serif;
	color: black;
	background-color: #eeeeee;
	border: outset thick green;
	padding: 0.5em;
}

.menu-title {

	font-size: 150%;
	font-weight: bold;
	text-decoration: underline;
	text-align: center;
	color: green;
	padding: 0.5em;
}

.item {

	font-size: 110%;
	font-weight: bold;
}

.desc {

	font-style: italic;
	padding-right: 8em;
	padding-bottom: 0.5em;
}

.symbols {

	font-size: 110%;
	text-align: center;
	width: 4em;
}

.price {

	font-size: 110%;
	text-align: right;
	width: 4em;
}


/* conditional icons based on href content */


a[href ^="mailto:"] {
   padding-right: 20px;
   background: transparent url(images/icon-mailto.gif) no-repeat center right;
}

a[href $='.pdf'] { 
   padding-right: 18px;
   background: transparent url(images/icon-pdf.gif) no-repeat center right;
}

a[href ^="http://www.multimap.com"] {
        padding-left: 24px;
        background: transparent url(images/icon-road.gif) no-repeat center left;
}

a[href ^="http://maps.google.co.uk"] {
        padding-left: 24px;
        background: transparent url(images/icon-road.gif) no-repeat center left;
}