body {background: #ffffff; 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, address {font-size: 12px; line-height: 21px; color: #333333; margin-top: 0px;}
h1 {font-size: 20px; color: #ce000c;}
h2 {font-size: 12px; color: #0000cc; margin-bottom: 0px; padding-bottom: 0px;}
address {font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal;
	background-color: #ffff00; border-top: 1px #ccc dashed; border-bottom: 1px #ccc dashed; margin: 10px 0px; padding: 5px;
	color: #0000cc; font-weight: bold; text-transform: uppercase; width: 275px;}
a {color: #000099; font-weight: bold; text-decoration: none;}
/* All links must inclde some type of hover interactivity */
a:hover {font-weight: bold; text-decoration: underline;}

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

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

div#audio {position: relative; width: 100%; height: 40px; 
	background: url(images/audio-bg.gif) center bottom no-repeat;}
div#audio applet {position: absolute; left: 758px; top: 15px;}

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

div#flash {position: absolute; top: 170px; left: 385px;}	

div#content {float: left; width: 584px; margin: 0px; padding: 10px 15px 10px 25px;
	border-right: 1px dashed #ccc;}

div#sidebar {float: right; width: 245px; margin: 0px; padding: 0px 15px;}
div#contact {}
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: #ce000c; font-size: 13px; margin: 0px; padding-top: 10px;}
div#contact h2 {font-size: 11px; margin: 0px; padding: 0px;
	color: #000099; font-weight: bold;}
div#contact address {width: 80%; color: #0000cc; font-weight: bold; 
	font-size: 11px; margin-bottom: 10px; background-color: #ffff00; padding: 10px;}
div#contact a {font-weight: bold; text-decoration: none; color: #000000;}
div#contact a:hover {color: #000099;}

div#footer {width: 900px; margin: 0px auto; padding: 25px 0px; clear: left;
	background: url(images/footer-bg.gif) top center no-repeat;}

div#owner {width: 100%; text-align: center; margin: 10px 0px; padding: 10px 0px;}
div#owner img {border: none;}

div#copyright {width: 500px; margin: 0px auto; padding: 10px; text-align: center;
	font-size: 9px;font-family: Verdana, Arial, Helvetica, sans-serif;}
div#copyright img {border: none;}
div#copyright a {color: #000099; text-decoration: none;}
div#copyright a:hover {text-decoration: underline;}

/* ----------------------------  NAVIGATION (MAIN) ----------------------------  */
div#nav{width: 100%; height: 50px; background: url(images/nav-bg.gif) no-repeat; position: relative;}
ul#mainnav {position: absolute; top: 0px; left: 5px; float: left; width: 890px; 
	margin: 0px; padding: 0px; list-style-type: none;}
ul#mainnav li {display: inline; float: left; margin: 0px auto; padding: 0px;}
ul#mainnav li a {
	font-size: 10px; line-height: 10px; text-transform: uppercase; 
	text-decoration: none; text-align: center;
	color: #ffffff; display: block; padding: 20px 0px; margin: 0px; width: 109px;
	border-right: 1px solid #930000; border-left: 1px solid #dd0000;}
ul#mainnav li a:hover, ul#mainnav li a.current {color: #f9e500; font-weight: bold;
	background: url(images/nav-bg-hover.gif) repeat-x; border-left: 1px solid #000099;}
ul#mainnav li a.first {border-left: none;}
ul#mainnav li a.last {border-right: none; width: 112px;}

/* ----------------------------  NAVIGATION (UTILITY) ----------------------------  */
div#utility {width: 750px; margin: 10px auto; padding: 10px 0px;}
ul#utilitynav {float: left; width: 100%; margin: 0px; padding: 0px;list-style-type: none;}
ul#utilitynav li {display: inline; float:left; margin: 0px auto;padding: 0px;}
ul#utilitynav li a {font-size: 9px; text-decoration: none; text-align: center;
	display: block;	width: auto; padding: 0px 20px; text-transform: uppercase; color: #ce000c;
	margin: 0px; border-right: 1px solid #ccc; font-weight: bold;}
ul#utilitynav li a:hover, ul#utilitynav li a.current:visited {text-decoration: underline;}
ul#utilitynav li a.noborder {border: none;}

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

/* Images should include some type of border. We tend to favor this one. */
img.left {float: left;padding: 5px;background: white;margin: 0px 15px 10px 0px;}
img.right {float: right;padding: 5px;background: white;margin: 0px 0px 10px 15px;}
img.photo {width: 400px; margin: 0px auto;}
img.border {border: solid 1px #ccc;}
div#map {width: 500px; margin: 0px auto 50px auto; border: solid 1px #ccc; padding: 5px;}
div.clearboth {clear: both;}