body {background: url(images/body-bg.gif) top repeat-x #fff; 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: 11px; line-height: 21px; list-style-type: square; font-style: normal;}

h1, h2, h3, h4, h5 {font-family: Georgia, "Times New Roman", Times, serif; text-align: left; color: #f62b3a;}
h1 {font-size: 20px; font-weight: normal;}
h2 {font-size: 12px; font-weight: bold; color: #222; text-transform: uppercase;}
h3 {font-size: 12px;}
h4 {font-size: 12px;}
h5 {font-size: 10px;}

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

.videoright { float:right;}
/* ----------------- PAGE LAYOUT ELEMENTS ----------------- */

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

div#audio applet {position: absolute; bottom: 8px; right: 25px;}

div#flash {float: left;}

div#container {width: 950px; margin: 0px auto; background: url(images/container-top.gif) top no-repeat;}

div#sidebar {float: left; display: inline; width: 224px; border-right: 1px solid #000;
	margin-top: 65px; padding-bottom: 10px;}

div#contact {clear: right; padding: 10px;}
div#contact address, div #contact p {text-align: right; font-size: 10px; line-height: normal;}
div#contact img {float: right;}

div#owner {float: right; margin: 50px 0px;}
div#owner img {border: none; padding: 10px;}

div#content {float: left; display: inline; width: 705px; padding: 25px 10px;}

div#footer {width: 950px; border-top: 1px solid #000; margin: 0px auto; padding: 10px 0px 10px;}

div#copyright {clear: left; padding: 10px 0px;
	font: normal 9px Arial, Helvetica, Verdana, sans-serif; text-align:center; color: #000;}
div#copyright a {color: #000; font-size:9px; text-decoration: none;}
div#copyright a:hover, div#copyright a.current {color: #f62b3a; font-size:9px; text-decoration: underline;}
.ypimg {}

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

/* ----------------------------  NAVIGATION (MAIN) ----------------------------  */
div#nav {float:right;}
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 2px 0px 0px; line-height:normal;}
div#nav li a {
	display:block; padding-left: 15px; color:#ffffff; text-decoration:none;
	background: url(images/nav-tab1.gif) bottom left no-repeat; font-weight: bold;}
div#nav li a span {
	display: block; padding: 10px 15px 10px 0px; margin-right: 0px;
	background: url(images/nav-tab2.gif) bottom right no-repeat; color: #ffffff;}
div#nav li a.current, div#nav li a.current:hover {
	background: url(images/nav-current1.gif) bottom left no-repeat; color: #ffffff;}
div#nav li a.current span, div#nav li a.current:hover span {padding: 14px 15px 14px 0px;
	background: url(images/nav-current2.gif) bottom right no-repeat;}
div#nav li a:hover {background: url(images/nav-tab1.gif) bottom left no-repeat; color: #ffffff;}
div#nav li a:hover span{background: url(images/nav-tab2.gif) bottom right no-repeat; padding: 14px 15px 14px 0px;}

/* ----------------------------  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: #000; border-right: 1px solid #000;}
ul#utilitynav li a:hover, ul#utilitynav li a.current {text-decoration: underline; color: #f62b3a;}
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 #000; padding: 5px; background: #fff;}

div.section {border-bottom: 1px solid #000; padding-bottom: 10px; margin-bottom: 10px;}

div.column {float: left; width: 180px;}
div.bigger {width: 220px;}
.clearleft {clear: left;}
.clearboth {clear: both;}