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

p, a, ul, li, lo, address, td {
	font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left; color: #222;
	list-style-type: square; }
	
/* You may use pixels or ems for text sizing */
p, div#content li, address {font-size: 12px; line-height: 22px; list-style-type: square; font-style: normal;}

h1, h2, h3, h4, h5 {font-family: Georgia, "Times New Roman", Times, serif; text-align: left; color: #e31936;}
h1 {font-size: 20px;}
h2 {font-size: 14px;}
h3 {font-size: 12px;}
h4 {font-size: 12px;}
h5 {font-size: 10px;}

a {font-weight: bold; text-decoration: underline;}
a:hover {color: #e31936; text-decoration: none;}


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

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

div#contact {width: 100%; height: 25px; background: url(images/top-bar.gif) no-repeat;}
div#contact address, div#contact a {color: #eee; font-size: 10px;}
div#contact address {margin-left: 30px;}

div#header {width: 100%; height: 175px; background: url(images/header-bg.jpg) no-repeat;}

div#flash {float: right; width: 200px; height: 316px; background: url(images/flash-bg.gif) no-repeat;}	

div#sidebar {float: left; display: inline; width: 225px;}

div#audio {position: relative; width: 100%; height: 37px; background: url(images/audio-bg.gif) no-repeat;}
div#audio applet {position: absolute; top: 18px; right: 43px;}

div#content {float: left; display: inline; width: 580px; padding: 10px 15px 10px 10px;
	background: url(images/content-top.gif) top no-repeat;}

div#footer {width: 830px; margin: 0px auto; height: 65px; padding-top: 27px; padding-bottom: 25px;
	background: url(images/footer-bg.gif) top no-repeat;}

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

div#copyright {position: relative; width: 780px; margin: 0px auto; padding: 10px 0px;
	font: normal 9px Arial, Helvetica, Verdana, sans-serif; text-align:center; color: #e4e5e6;}
div#copyright a {color: #e4e5e6; font-size:9px; text-decoration: none;}
div#copyright a:hover, div#copyright a.current {color: #e4e5e6; 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 (MAIN) ----------------------------  */
div#nav{position: relative; width: 100%; height: 36px; background: url(images/nav-bg.gif) no-repeat;}
ul#mainnav {position: absolute; top: 6px; right: 75px; float: left; margin: 0px; padding: 0px; list-style-type: none;
	border-left: 1px solid #333333; border-right: 1px solid #111111;}
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 { text-transform: uppercase;
	font-size: 10px; text-decoration: none; text-align: center; color: #ffffff; display: block;
	padding: 5px 30px; margin: 0px; border-right: 1px solid #444; border-left: 1px solid #111;}
ul#mainnav li a:hover, ul#mainnav li a.current {background: #162934;
	border-top: 1px solid #111; border-bottom: 1px solid #444;}

/* ----------------------------  NAVIGATION (UTILITY) ----------------------------  */
div#utility {width: 100%; margin: 0px; padding: 0px;}
ul#utilitynav {margin: 0px; padding: 0px; list-style-type: none; text-align: center;}
ul#utilitynav li {display: inline; margin: 0px; padding: 0px;}
ul#utilitynav li a {font-size: 10px; text-decoration: none; text-align: center; margin: 0px; 
	padding: 0px 10px 0px 5px; color: #e4e5e6; border-right: 1px solid #e4e5e6;}
ul#utilitynav li a:hover, ul#utilitynav li a.current {text-decoration: underline;}
ul#utilitynav li a.last {border-right: none;}

/* ----------------- 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;}

h1.standout {font-size: 16px; font-weight: normal;}
.column {float: left; width: 175px; }

.red {color: #ff0000;}
.gray {color: #162934;}

.clearleft {clear: left;}
.clearboth {clear: both;}