body {background: url(images/body-bg.gif) top repeat-x #f5f5f5; 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: #333;
	list-style-type: square; }
	
/* You may use pixels or ems for text sizing */
p, div#content li, address {font-size: 12px; line-height: 21px; list-style-type: none; font-style: normal;}

div#content li {list-style-type: none; background: url(images/bullet.gif) no-repeat left 9px; padding-left: 20px;}

h1, h2, h3, h4, h5 {font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left; color: #00a1e4;}
h1 {font-size: 20px; font-weight: normal; text-transform: uppercase; text-align: left;}
h2 {font-size: 11px; text-transform: uppercase; line-height: 21px;}
h3 {font-size: 11px;}

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


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

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

div#header {position: relative; width: 100%; height: 190px; background: url(images/header.jpg) no-repeat;}
div#header img#contact_us_button {position: absolute; top: 25px; right: 220px; border: none;}

div#audio applet {position: absolute; bottom: 73px; right: 50px;}

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

div#content {float: left; width: 768px; padding: 15px; background: #fff; 
	border-left: 1px solid #cccccc; border-right: 1px solid #cccccc;}

div#contact {float: left; width: 768px; padding: 15px; background: #fafafa;
	border: 1px solid #ccc;}
div#contact h1 {float: left; font-size: 11px; color: #666; font-weight: bold; text-align: left;}
div#contact address {clear: left; font-weight: normal; font-size: 10px;}
div#contact span {font-size: 15px;}
div#contact strong {color: #00a1e4; text-transform: uppercase;}
div#contact a {font-weight: bold; text-decoration: none; color: #00a1e4;}
div#contact a:hover {text-decoration: underline;}
div#contact img {float: right;}

div#footer {width: 100%; clear: left; padding-top: 20px;}

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

div#copyright {position: relative; width: 800px; margin: 20px auto; padding: 10px 0px;
	font: normal 9px Arial, Helvetica, Verdana, sans-serif; text-align:center; color: #666666;}
div#copyright a {color: #666666; font-size:9px; text-decoration: none;}
div#copyright a:hover, div#copyright a.current {color: #666666; 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: absolute; bottom: 24px; right: 0px;}
div#nav ul {margin: 0px; padding:0px; list-style:none; font-size: 10px; text-transform:uppercase;} 
div#nav li {list-style: none; float: left; margin: 0px; padding: 0px; line-height: 10px;}
div#nav li a {display: block; padding: 15px 15px 16px 15px; margin-right: 0px;
	color:#ffffff; text-decoration:none; font-weight: bold; color: #666;}
div#nav li a.current, div#nav li a.current:hover, div#nav li a:hover {
	background: url(images/nav-current.gif) bottom left no-repeat; color: #fff;}

/* ----------------------------  NAVIGATION (UTILITY) ----------------------------  */
div#utility {width: 100%;}
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: #666666; text-transform: uppercase;}
ul#utilitynav li a:hover, ul#utilitynav li a.current {text-decoration: underline;}
ul#utilitynav li a.last {border-right: none;}

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

.left {float: left; margin: 0px 15px 10px 0px;}
.right {float: right; margin: 0px 0px 10px 15px;}
.border {border: 1px solid #666; background: #fff;}

.clearboth {clear: both;}

div.column {width: 275px; float: left;}
div.column_small {width: 200px; float: left; display: inline;}
div.column_large {width: 500px; float: left; display: inline; border-right: 1px solid #fff; margin-right: 25px; padding-right: 25px;}

div.caption {float: right; padding: 5px; text-align: left;}
div.caption p {font-size: 10px; font-weight: normal; margin: 0px; padding: 0px;
	text-align: left; background: #fff; font-style: italic; width: 250px; line-height: normal;}

div.faq {float: left; padding-bottom: 10px;}
div.faq .label {float: left; display: inline; width: 100px; font-weight: bold; clear: left; color: #666; 
	text-transform: uppercase; font-size: 11px;}
div.faq div, div.faq span {float: left; display: inline; width: 660px;}
div.faq p strong.label, div.faq p {margin: 0px; padding: 0px;}
div.faq div p {padding-bottom: 10px;}