body {background: url(images/body-bg.gif) #e1e1e1 top repeat-x; 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: #000;}
	
/* You may use pixels or ems for text sizing */
p, div#content li, address {clear: left; 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: #d20e00;}
h2 {font-size: 14px; font-weight: normal;}

address {font-style: normal;}

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

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

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

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

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

div#cta {position: absolute; top: 0px; right: 40px;}
img#cta {border: none;}

div#content {float: left; width: 800px; margin: 0px; padding: 0px 60px 20px 60px; 
	background: url(images/content-bg.gif) bottom no-repeat;}
div#content .column_small {width: 238px; float: left; margin-bottom: 20px; padding: 0px;}
div#content .column_large {width: 550px; float: right; margin-bottom: 20px; padding: 0px;}
div#content .map {padding: 5px; background-color: #fff; border: 1px solid #ccc;}
	
div#contact {clear: both; border-top: 1px solid #ccc; padding-top: 20px;}
div#contact p {font-weight: bold; font-size: 12px; text-align: center; margin: 0px; padding: 0px;}
div#contact h1 {font-size: 20px; text-align: center; margin: 0px; padding: 0px;}
div#contact h2 {font-size: 14px; margin: 0px; padding: 0px; font-weight: bold; text-align: center;}
div#contact address {font-weight: normal; font-size: 11px; line-height: normal; 
	margin-bottom: 10px; text-align: center;}

div#footer {clear: left; width: 840px; height: 130px; margin: 0px auto; padding: 30px 40px 0px 40px;
	background: url(images/footer-bg.gif) top no-repeat;}

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

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

/* ----------------------------  NAVIGATION (MAIN) ----------------------------  */
div#nav{position: relative; width: 100%; height: 70px; background: url(images/nav-bg.gif) no-repeat;}
ul#mainnav {position: absolute; top: 3px; left: 200px; 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 {font-size: 11px; text-decoration: none; text-align: center; color: #ffffff; display: block;
	padding: 3px 20px; 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 {width: 100%; margin-bottom: 20px;}
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;
	margin: 0px; padding: 0px 10px; color: #f7f8fb; 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.image-caption {width: 462px; margin: 0px auto 20px auto;}
div.image-caption div {padding-top: 5px;}
div.image-caption p {margin: 0px; padding: 0px; line-height: normal;}
div.image-caption h2 {margin: 0px; padding: 0px; font-weight: bold;}

ul.column {width: 200px; float: left;}

div.clearboth {clear: both;}