/* CSS Document */

/* ------------------------------------------------------------------------------------- */
/* common */
* {padding: 0; margin: 0;}
body {            
    font: 14px/1.2em Arial;            
	background-color: #000000;
	color: #ffffff;
    margin: 0 auto;
	text-align: center; 
	padding: 0;	 
	
	}
	
#contentright a, #footer a {color: #0181b1; font-weight: bold; text-decoration: none;}
#contentright a:hover, #footer a:hover, #footer a:visited {color: #ffffff; text-decoration: none;}
.nline a.img  {border-bottom: none;}

acronym {
	font-style: italic; 
	cursor: help;
    border-bottom: 0;	
	}

#container  {              
	position: relative;
	top: 0px;
	margin: 0 auto;
	text-align: center;
	width: 775px;
	padding: 0;
	/*border-right: solid 1px #3e9986; 
	border-left: solid 3px #3e9986; */
    }
	
#header {
	position: relative;
	width: 775px;
	height: 144px;
		background: transparent url(images/header.jpg) no-repeat;
	top: 0;
	}


.navtop {margin-top: 6px; text-align: right; padding-right: 60px; color: white; font: bold 12px/14px Arial; }
.navtop a {color: #ffffff; text-decoration: none;}
.navtop a:hover {color: #cccccc;}
.sep {padding-right: 10px;}

/*---MAIN PAGE---*/

.linkleft {
	position: absolute;
	top: 0;
	left: 0;
	width: 285px;
	height: 276px;
	background: #000000 url(images/leftside-links.jpg) no-repeat left; 
}

.flash {position: relative; height: 500px;}
	
#content {
	position: relative;
	top: 10px;
	width: 775px;
	height: 300px;
	text-align: right;
	
	}
#content p {padding-bottom: 10px;}

#footer {
	position: relative;
	top: 113px;
	width: 775px;
	text-align: center;
	margin: 0 auto;
	background: #000000 url(images/bg-foot.gif) repeat-x;  
	font: 10px Arial, Verdana, Geneva, Helvetica, sans-serif; 
	
	}
#footer p {padding-top: 15px;}
span.mission {
	position: relative;
	width: 580px;
	top: -40px;
	color: #ffffff;
	text-align: center;
	margin: 0 auto;
	z-index: 102;
	font: 12px Arial; }
	

/*---SECONDARY PAGES---*/

#content2 {
	position: relative;
	top: 10px;
	width: 775px;
	text-align: left;
	padding: 0px;
	background: #000000 url(images/bg-circle.jpg) no-repeat right; 
	}

#contentright {
	position: relative;
	width: 530px;
	margin: 0 0 0 230px;
	z-index: 99;
	}
#contentright h1 {padding-bottom: 15px;}
#contentright h2 {font: bold 16px Arial, Verdana, Geneva, Helvetica, sans-serif; padding-bottom: 15px;}
#contentright p {padding: 10px;}



#footer2 {
	position: relative;
	width: 775px;
	height: 135px;
	text-align: center;
	margin: 0 auto;
	background: #000000 url(images/bg-foot.gif) repeat-x;  
	font: 10px Arial, Verdana, Geneva, Helvetica, sans-serif; 
	top: 90px;
	}
#footer2 p {padding-top: 15px;}

.alist {margin-left: 15px; line-height: 1.5em;}
.blist {margin-left: 35px; line-height: 1.5em;}
.clink {color: yellow;}
/* ---------- Headings ---------- */

h1 {
	position: relative;
	left: 0px;
	top: 0px;
	width: 400px;
	z-index: 99;
	}

.locations h2,  h2.hours {font: bold 16px Arial, Verdana, Geneva, Helvetica, sans-serif; padding: 10px 0 10px 0; color: #399a84;} 


/* ---------- Navigation ---------- */

/* vertical navigation */ 
#navcontainer {
 position: relative;
 top: 10px;
  text-align: left;
 padding: 0px;
 margin-left: 10px;
 float: left;
width: 200px;
 height: 320px;
 font: bold 18px Arial, Verdana, Geneva, Helvetica, sans-serif; 
 z-index: 110;
 }

 #navlist
{
position: relative;
padding-left: 10px;
margin-left: 0;
border-left: 6px solid #3e9986;
width: 180px;
}

#navlist li
{
list-style: none;
margin: 0;
padding-top: 5px;
padding: 0.25em;
}

#navlist li a { text-decoration: none; }
.nline {padding: 0.25em; list-style: none;}


/* ------------------------------------------------------------------------------------- */

span.award {
 position: relative;
 top: -90px;
 left: -270px;
 text-align: left;
 padding: 0;
 margin: 0;
 }
span.credit {
 position: relative;
 left: 270px;
 top: -90px;
 padding: 0;
 margin: 0;
 }
 
 span.award2 {
 position: absolute;
 top: -30px;
 left: 20px;
 text-align: left;
 padding: 0;
 margin: 0;
 }
span.credit2 {
 position: absolute;
 left: 620px;
 top: 10px;
 padding: 0;
 margin: 0;
 }
 span.tvspot {
 position: relative;
 height: 165px;
 width:  170px;
 padding: 0;
 margin: 0;
 }
.locations {
	display: table; 
	width: 500px;
	font: 12px Arial, Verdana, Geneva, Helvetica, sans-serif; 
	text-align: center;
	
	}
.locations td {width: 166px; padding: 10px; top: 0;}

/* ------------------------------------------------------------------------------------- */
/* main wheel nav */
.wheel1 {position: absolute; top: 90px; left: 180px; height: 16px; width: 120px;}
.wheel2 {position: absolute; top: 130px; left: 80px; height: 16px; width: 120px; 	z-index:101;}
.wheel3 {position: absolute; top: 170px; left: 40px; height: 16px; width: 120px;}
.wheel4 {position: absolute; top: 210px; left: 50px; height: 16px; width: 130px;	z-index:101;}
.wheel5 {position: absolute; top: 250px; left: 140px; height: 16px; width: 120px;}
.wheel6 {position: absolute; top: 290px; left: 190px; height: 16px; width: 120px; z-index:101;}
.wheel7 {position: absolute; top: 290px; left: 320px; height: 16px; width: 120px; }
.wheel8 {position: absolute; top: 290px; left: 440px; height: 16px; width: 120px;z-index:101;}
.wheel9 {position: absolute; top: 290px; left: 600px; height: 16px; width: 120px;z-index:101;}


/* ------------------------------------------------------------------------------------- */
/* contact */	
	

#signup table { 
 background-color: transparent; 
 color: #ffffff; 
 width: 300px; 
 border-collapse: collapse; 
 margin-left: 10px;
} 

#signup td { 
 /*border: 1px solid #f1eeee; */
 padding-left: 4px; 
}
.labelcell { 
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; 
 color: #ffffff; 
 background-color: transparent; 
 width: 150px; 
 text-align: left; 
} 

.labelcell2 { 
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; 
 color: #ffffff; 
 background-color: transparent; 
 text-align: left;
  width: 300px; 
} 

.fieldcell { 
 background-color: transparent; 
 color: #000000; 
 text-align: left; 
 margin-right: 0px; 
 padding-right: 0px;
 padding-top: 2px; 
} 

.smalllabelcell { 
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; 
 background-color: transparent; 
 color: #cc9999; 
 width: 100px; 
} 

.smallfieldcell { 
 background-color: #dddddd; 
 color: #000000; 
 text-align: left; 
 padding-top: 2px;
 width: 70px; 
  font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif; 
}
.fieldcell input { 
 width: 150px; 
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; 
 background-color: #EFE7E7; 
 color: #102132; 
 border: 1px solid #284279; 
 margin-right: 0px; 
} 

.button { 
 font: 9px Verdana, Geneva, Arial, Helvetica, sans-serif; 
 color: #102132; 
 text-align: center;
 margin-top: 4px;

}


/*-------------------------*/

div.ban {
float: right;
width: 130px;
font: bold 1em Arial;
border-top: 6px solid #0075a5; 
border-bottom: 6px solid #0075a5; 
padding: 5px 5px;
margin: 4px 3px 0 3px;
text-align: center;
color: #095A00;
}
div.ban h3 {font: bold 14px Arial, Verdana, Geneva, Helvetica, sans-serif; color: #0075a5;}
div.ban li {list-style-type: none; padding-top: 10px; padding-bottom: 10px;}

.sound {
	position: absolute;
	width: 30px;
	height: 30px;
	right: 10px;
	top: 500px;
	}
.promo {
	position: absolute;
	width: 150px;
	height: 50px;
	top: -50px;
	left: 320px;
	z-index: 150;
	}
.promo2 {
	position: absolute;
	top: -10px;
	left: 0px;
	z-index: 150;
	}