body {background: url(images/body-bg.gif) top repeat-x #e7ddb6; margin: 0px; padding: 0px; text-align: center;}

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

h1, h2 {font-family: Georgia, "Times New Roman", Times, serif; font-size: 22px; font-weight: normal;
	color: #b21318;}
h2 {font-size: 14px; font-weight: normal;}

address {font-style: normal;}

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

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

div#container {width: 800px; margin: 0px auto; background: url(images/container-bg.gif) repeat-y;}

div#logo {position: relative; width: 100%; height: 120px; background: url(images/header-logo.gif) no-repeat;}

div#header {position: relative; width: 100%; height: 220px; 
	background: url(images/header-flash.gif) no-repeat top center #111;}

div#flash {position: absolute; top: 0px; left: 20px;}	

div#content {width: 680px; padding: 20px 60px; background: url(images/content-top.gif) top no-repeat;}

div#contact {width: 100%; height: 110px; padding-top: 50px;
	background: url(images/content-bottom.gif) top no-repeat;}
div#contact h1 {font-size: 18px; text-align: center; color: #fff; margin: 0px; padding: 0px;}
div#contact address, div#contact p {text-align: center; color: #fff; display: inline; font-weight: bold;
	text-transform: uppercase; font-size: 10px;}
div#contact img {display: block; width: 81px; margin: 10px auto;}

div#footer {width: 800px; margin: 0px auto;}

div#owner {position:relative; width: 800px; margin: 10px auto;}
div#owner img {position:absolute; top:15px; right: 0px; z-index:3; border: none;}

div#copyright {position: relative; width: 800px; margin: 10px auto; padding: 10px 0px;
	font: normal 9px Arial, Helvetica, Verdana, sans-serif; text-align:center; color: #111;}
div#copyright a {color: #111; font-size:9px; text-decoration: none;}
div#copyright a:hover, div#copyright a.current {color: #111; font-size:9px; text-decoration: underline;}
.ypimg {position:absolute; top: 2px; left: 0px; z-index: 2;}

div#map {clear: left; width: 550px; margin: 25px auto; padding: 5px; background-color: #fff; border: 1px solid #ccc;}

/* ----------------------------  NAVIGATION (HORIZONTAL) ----------------------------  */
div#nav{position: absolute; bottom: 30px; right: 55px;
	background: url(images/nav-bg.gif) no-repeat;}
ul#mainnav {margin: 0px; padding: 0px; list-style-type: none;}
ul#mainnav li {display: inline; float: left; margin: 0px auto; padding: 0px;}
ul#mainnav li a:link, ul#mainnav li a:visited, ul#mainnav li a:active {
	font-size: 11px; text-decoration: none; text-align: center; color: #ffffff; display: block;
	padding: 2px 10px; margin: 0px; border-right: 1px solid #333333; border-left: 1px solid #111111;}
ul#mainnav li a:hover, ul#mainnav li a.current {color: #f9e500;}

/* ----------------------------  NAVIGATION (UTILITY) ----------------------------  */
div#utility {margin: 0px; padding: 0px;}
ul#utilitynav {margin: 0px; padding: 0px; list-style-type: none; text-align: center;}
ul#utilitynav li {display: inline; margin: 0px auto; padding: 0px;}
ul#utilitynav li a {font-size: 10px; text-decoration: none; text-align: center;
	width: auto; margin: 0px; padding: 0px 10px; color: #b21318; text-transform: uppercase;}
ul#utilitynav li a:hover, ul#utilitynav li a.current {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.border {border: 1px solid #ccc; padding: 5px; background: #fff;}

div.column {width: 225px; float: left;}

p.note {clear: left; font-weight: bold; font-style: italic;}

div.clearboth {clear: both;}