body {background: #cac59b; margin: 0px; padding: 0px;}

p, h1, h2, h3, h4, h5, a, ul, li, lo, address, td {
	font-family: Verdana, Arial, Helvetica, sans-serif;text-align: left; }
/* You may use pixels or ems for text sizing */
p, div#content li {font-size: 11px; line-height: 21px; list-style-type: square;}
h1 {font-size: 16px; font-weight: bold;color: #8b0304;}
h2 {font-size: 14px; font-weight: normal;}
address {font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal;}

a {color: #c50507; font-weight: bold; text-decoration: none;}
/* All links must inclde some type of hover interactivity */
a:hover {text-decoration: underline;}

/* ----------------- PAGE LAYOUT ELEMENTS ----------------- */

div#header {width: 850px; height: 325px; position: relative; margin: 0px auto;
	background: url(images/header-bg.jpg) bottom no-repeat;}

div#flash {width: 300px; height: 180px; position: absolute; top: 135px; left: 540px;}

div#container {width: 850px; margin: 10px auto; background: url(images/content-bg.gif) center repeat-y;
	padding: 0px;}	
div#container div.top {background: url(images/content-sidebar-top.gif) bottom left no-repeat; 
	width: 100%; height: 10px;}
div#container div.bottom {background: url(images/content-bottom-bg.gif) bottom left no-repeat; 
	width: 100%; height: 10px;}

div#content-container {width: 590px; float: left;}
div#content {padding: 5px 15px 10px 15px;}

div#sidebar {width: 250px; float: right;}
div#contact {padding: 15px 0px 15px 10px;}
div#contact p {font-size: 11px; color: #333333; margin: 0px; padding: 0px 0px 5px 0px; line-height: normal;
	margin-bottom: 15px;}
div#contact h1 {color: #6e6273; font-size: 13px; margin: 0px 0px 10px 0px; padding-top: 10px;}
div#contact h2 {font-size: 11px; margin: 0px; padding: 0px;
	color: #8b0304; font-weight: bold;}
div#contact address {color: #333333; font-weight: bold; font-size: 11px; margin-bottom: 10px;}
div#contact a {font-weight: bold; text-decoration: none; color: #000000;}
div#contact a:hover {color: #c50507;}

div#footer {clear: left; padding: 5px 10px; width: 830px; margin: 0px auto;}
div#owner {float: right; padding-top: 15px;}
div#owner img {border: none;}
div#copyright {clear: left; font-size: 9px;font-family: Verdana, Arial, Helvetica, sans-serif; padding-top: 5px; margin: 0px;}
div#copyright img {border: none;}
div#copyright a {color: #0c1859; text-decoration: none;}
div#copyright a:hover {text-decoration: underline;}

div#map {width: 500px; margin: 0px auto; padding: 5px; border: 1px solid #ccc;}

/* ----------------- NAVIGATION (MAIN) ----------------- */
div#nav {position: absolute; top: 79px; left: 350px; height: 46px;}
div#nav ul {margin: 0px; padding:0px; list-style:none; font-size:9px; text-transform:uppercase;} 
div#nav li {list-style: none; float:left; margin:0px; padding: 0px; line-height:normal;}
div#nav li a {
	display:block; padding-left: 8px; color:#ffffff; text-decoration:none;
	background: url(images/nav-tab-1.gif) bottom left no-repeat; font-weight: bold;}
div#nav li a span {
	display: block; padding: 24px 10px 10px 0px; margin-right: 0px;
	background: url(images/nav-tab-2.gif) bottom right no-repeat; color: #ffffff;}
div#nav li a:hover, div#nav li a#current, div#nav li a#current:hover {
	background: url(images/nav-hover-1.gif) bottom left no-repeat; color: #ffffff;}
div#nav li a:hover span, div#nav li a#current span, div#nav li a#current:hover span {
	background: url(images/nav-hover-2.gif) bottom right no-repeat; background-color: #0c1859;}

/* ----------------------------  NAVIGATION (HORIZONTAL) ----------------------------  */
div#utility {}
ul#utilitynav {float: left; margin: 0px; padding: 0px; list-style-type: none;}
ul#utilitynav li {display: inline;float: left;margin: 0px auto;padding: 0px;}
ul#utilitynav li a:link, ul#utilitynav li a:visited, ul#utilitynav li a:active {
	font-size: 11px;text-decoration: none;text-align: center;display: block;
	width: auto;padding: 5px 10px 5px 0px;margin: 0px;border-right: 1px none #ccc; color: #9e0b0f;}
ul#utilitynav li a:hover, ul#utilitynav li a.current:visited {text-decoration: underline;}

/* ----------------- CUSTOM CLASSES ----------------- */

/* Images should include some type of border. We tend to favor this one. */
img.left {float: left; margin: 0px 15px 10px 0px;}
img.right {float: right; margin: 0px 0px 10px 15px;}
img.photo {width: 540px; margin-left: 10px; border: none; text-align: center;}
div.clearboth {clear: both;}
div.clearright {clear: right;}
div.clearleft {clear: left;}