body{ text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 62.5%; }
#wrapper{ width: 800px; text-align: left; margin: 0 auto; }


/*===================================
	Header
===================================*/
#header{ height: 170px; position: relative; background: #8e1724 url(images/layout/header.jpg) no-repeat left top;}

/* == Rotating Flash == */
#header #rotating{ position: absolute; z-index: 1; left: 0;}

/* == Logo and Nav container == */
#header #top{ position: absolute; z-index: 10; top: 0; right: 0; width: 800px; height: 170px;}

/* == Logo == */
#header h1{ position: absolute; width: 489px; height: 115px; top: 10px; right: 0; margin: 0; padding: 0; color: #fff;}
#header h1 a{ width: 100%; height: 100%; display: block; }
#header h1 a span{ position: absolute; background:url(images/layout/logo.png) no-repeat bottom right; display: block; width: 100%; height: 100%; }

/* == Nav == */
#header ul{ list-style: none; margin: 0; padding: 0; position: absolute; bottom: 0; right: 0; height: 28px;  }
#header ul li{ float: left; color: #b9976c;}
#header ul li a{ padding: 3px 6px; font-size: 1.4em; color: #b9976c; text-decoration: none; }
#header ul li a:hover,
			body.home #header ul li a.home,
			body.county #header ul li a.county,
			body.tour #header ul li a.tour,
			body.overview #header ul li a.overview,
			body.membership #header ul li a.membership,
			body.info #header ul li a.info,
			body.links #header ul li a.links{ color: #fff; }


/*===================================
	Main
===================================*/
#main{ margin-top: 11px; }


/*===================================
	Sidebar
===================================*/
#sidebar{ float: left; width: 171px; background: url(images/layout/sidebar-bg.jpg) no-repeat; height: 557px; position: relative;}
#sidebar ul{ font-size: 1.2em; color: #8e1724; margin-left: 18px; padding-left: 10px; margin-top: 15px; }
#sidebar ul li a { color: #8e1724; text-decoration: none; }
#sidebar ul li a:hover{ text-decoration: underline; }
#sidebar ul li a.here{ color: #231f20; }
#sidebar p{ position: absolute; bottom: 0; margin: 0; padding: 0;}


/*===================================
	Right Column
===================================*/
.right{ float: right; width: 614px; position: relative;}

/* == Content Container == */
#contentcontainer{ background: url(images/layout/content-bg.jpg) no-repeat; height: 413px; width: 614px; position: relative; }

/* == Stamp == */
#stamp{ position:absolute; background: url(images/layout/stamp.png) no-repeat; width: 135px; height: 96px; top: 11px; right: 0; }

/* == Content == */
#content{ width: 436px; font-size: 1.2em; position: absolute; left: 16px; top: 20px; height: 340px; overflow: scroll; }
#content h2{ color: #8e1724; font-weight: bold; font-size: 1.5em; }
#content a{ color: #8e1724; }
#content dd{ margin: 0 0 8px 0; padding-left: 8px; }
	
/* == Footer == */
#footer{ margin-top: 10px; background: url(images/layout/footer-bg.jpg) no-repeat; height: 134px; width: 614px; position: relative; }
#footer p.img{position: absolute; bottom: 0; left: 0; margin:0; padding: 0;}
body.home .right #footer p.img{ right: 0; left: auto;}

#footer p.view{ position: absolute; font-size: 20px; right: 50px; top: 30px;}
#footer p.view a{ color: #8e1724; text-decoration: none; }
#footer p.view a:hover{ text-decoration: underline; }