/* ----------------- REDEFINES THE TAG SELECTORS ----------------- */
* {
margin: 0;
padding: 0;}

body {
text-align: center;
background:#0f0f50;
padding:0;}

p, h1, h2, h3, h4, h5, a, ul, ol, li, td {
font: normal 12px Arial, Helvetica, Verdana, sans-serif;
color: #333;}

p {
padding: 4px 30px 16px 40px;}

h1 {
margin: 15px 0 15px 0;
padding: 0 0 0 40px;
font: normal 21px Georgia, "Times New Roman", Times, serif;
color: #006;}
h2 {
margin: 10px 40px 5px 40px;
font: bold 16px Georgia, "Times New Roman", Times, serif;
color: #333;
border-bottom:1px solid #ececec;}
h3 {
margin: 10px 0 0 40px;
font: bold 16px Georgia, "Times New Roman", Times, serif;
color: #960;}

strong, b {}

/* ----------------- LINK STYLE ----------------- */
a:link, a:visited {
color: #00c;
text-decoration: underline;}

a:hover, a:active {
color: #f93;
text-decoration: none;}

/* ----------------- PAGE LAYOUT ELEMENTS ----------------- */
table, td, th {
border-collapse: collapse;}

/* DIV ALL */
div#all {
width: 990px;
margin: 0 auto;}

/* DIV CONTAINER */
div#container {
width: 990px;
margin: 0 auto;
background: #e1d6b6 url(images/bg_container.gif) top left repeat-x;}

/* DIV HEADER */
div#header {
	width: 990px;
	height:140px;
	background-image: url(images/header.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

/* DIV WELCOMEINFO */
div#welcomeinfo {
width:980px;
padding:10px 0 0 10px;
margin:0 auto;
background:#fdfaf0;
border-top: 1px solid #ececec;
border-bottom: 1px solid #ececec;}
	div.welcomeitem {
	float:left;
	width:316px;
	padding:0 10px 0 0;}
	div#welcomeinfo ul {
	float:left;
	width:125px;
	margin:0;
	padding:10px 0 5px 30px;}
	  div#welcomeinfo ul li {
	  padding:0 0 5px 10px;
	  margin:0;
	  list-style: none;
	  text-align:left;
	  background: url(images/bullet.gif) top left no-repeat;}


/* DIV CONTENT */
div#content {
float: left;
width: 660px;
vertical-align: top;
text-align: left;}
	div#map {
	width:625px;
	margin:0 auto 15px auto;
	border:1px solid #333;}
	div#diyiframe {
	width:600px;
	margin:0 auto;}
	div#biobox {
	width:620px;
	margin:0 auto 15px auto;
	clear:left;}
		div.bio {
		float:left;
		width:300px;
		padding:0 10px 0 0;
		text-align:center;}
		

div#rightcolumn {
float:left;
width:329px;
vertical-align:top;
padding: 0 0 15px 0;
border-left:1px solid #ececec;}
	div#audio {
	padding:15px 0;}
	address {
	width:325px;
	vertical-align:top;
	font: normal 12px Arial, Helvetica, Verdana, sans-serif;
	color:#666;}
		span.label {
		display:block;
		font: bold 12px Georgia, "Times New Roman", Times, serif;
		color: #006;}
		address a:link, address a:visited {
		color: #666;
		text-decoration: underline;}
		address a:hover, address a:active {
		color: #00c;
		text-decoration: none;}

div#columnedlists {
width:600px;
margin:0 0 0 40px;}
	ul.list {
	float:left;
	margin:0;
	width:300px;}
	ul.contentlist {
	margin:0 0 0 50px;}
	ul.faqlist {
	margin:0 0 0 50px;
	padding:0 0 15px 0;}
ul.list   li, ul.contentlist   li, ul.faqlist   li   {
		padding:0 0 5px 15px;
		margin:0;
		list-style:none;
		background:url(images/bullet.gif) top left no-repeat;}
	ol.contentlist {
	margin:0 0 5px 60px;}
		ol.contentlist li {
		padding:0 0 8px 0;}

/* DIV FOOTER */
div#footer {
width: 990px;
margin: 0 auto;
padding: 15px 0;
font: normal 9px Arial, Helvetica, Verdana, sans-serif;
text-align:center;
border-bottom: 1px solid #1f1f5c;
color: #999;}
	div#footer a:link, div#footer a:visited {
	font-size: 9px;
	color: #999;
	text-decoration: none;}
	div#footer a:hover, div#footer a:active {
	font-size: 9px;
	color: #fff;
	text-decoration: none;}

div#ownersignin {
position:relative;
width: 990px;
margin: 0 auto;}
	div#ownersignin img {
	position:absolute;
	top:10px;
	right:0;
	z-index:3;}

/* DIV COPYRIGHT */
div#copyright {
position:relative;
width: 990px;
margin: 0 auto;
padding: 10px 0px;
font: normal 9px Arial, Helvetica, Verdana, sans-serif;
text-align:center;
color: #999;}
	div#copyright a:link, div#copyright a:visited {
	color: #999;
	font-size:9px;
	text-decoration: none;}
	div#copyright a:hover, div#copyright a:active {
	color: #999;
	font-size:9px;
	text-decoration: underline;}
	.ypimg {
	position:absolute;
	top:5px;
	left:0;
	z-index:2;}

/* ----------------- WEB AUDIO APPLET ----------------- */
div#applet {
position:relative;
width: 180px;
height: 100px;
background: url(images/webaudio.gif) top left no-repeat;}
 
div#applet div {
position: absolute;
top: 52px;
left: 75px;
width: 68px;
height: 30px;}

div#applet a {
display: block;
position: absolute;
top: 85px;
left: 0px;
width: 180px;
 height: 10px;}

/* ----------------- NAVIGATION CONTAINER ----------------- */
div#horznav {
position:relative;
width: 990px;
height: 25px;
background: #006 url(images/bg_nav.gif) top left repeat-x;}

ul#nav {
margin:0;
padding:0 0 0 17px;
list-style-type: none;}

ul#nav li {
float: left;
margin: 0 auto;
display: inline;}

ul#nav li a:link, ul#nav li a:visited, ul#nav li a:active {
padding: 5px 15px 5px 12px;
display: block;
font-size: 11px;
font-weight: bold;
text-decoration: none;
text-align: center;
background: url(images/bg_navoff.gif) top left no-repeat;
color: #cacee0;}

ul#nav li a.current:link, ul#nav li a.current:visited {
background: url(images/bg_navon.gif) top left no-repeat;
color:#ffe259;}

ul#nav li a:hover {
background: url(images/bg_navover.gif) top left no-repeat;
color:#fff;}

	/* ----------------- FOR THE CSS DROPDOWN ----------------- */	
		
	ul#nav li ul { /* second-level lists */
		display: none;
		position: absolute;
		top: 25px;
		right: 0;
		z-index:10;
		list-style: none;
		margin: 0;
		padding: 0;}
	
	ul#nav li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
		top: auto;
		left: auto;}
	
	ul#nav li:hover ul, ul#nav li.over ul { /* lists nested under hovered list items */
		display: block;}
	
	ul#nav li ul li {
		float: none;}
	
	ul#nav li ul li a:link{
		background: #006 url(images/subnav_off.gif) top left repeat-x;
		width: 102px;
		padding: 5px 0;
		color: #cacee0;}

	ul#nav li ul li a:visited, ul#nav li ul li a:active, ul#nav li ul li a:hover{
		background: #006;
		padding: 5px 0;
		color: #fff;}



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

.textcenter {
text-align: center;}

.bold {
font-weight:bold;
clear:both;
padding: 4px 30px 10px 40px;}

.questions {
font-weight:bold;
padding-bottom:0;}

.backtop {
width:630px;
text-align:right;
padding:0 0 15px 0;}

.clearboth {
clear: both;}