@charset "utf-8";
body{
	background:url(/images/htmlBG.gif) repeat-x;
	background-color:#3a3a3a;
	font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;
	font-size:62.5%;
	height:100%;
	margin:0;
}

	/* HEADER */
#headerContainer {
	height: 149px;
	margin: auto;
	width:960px;
	position:relative;
}
	#logoContainer {
	position:absolute;
	top:2px;
	float:left;
	z-index:100;
	width:255px;
	}
	/* END HEADER */

	/* MENUS */

#menu {
	float:right;
	margin: 90px 0 0 0;
	width: 750px;
	height: 22px;
	font-size: 1.8em;
	text-align:right;
	color:#9D9D9D;
}
	#menu a {
		margin: 0 4px 0 4px;
		padding:0 8px 3px 8px;
		text-decoration:none;
		color:#9D9D9D;
	}

	#menu a:hover {
		border-bottom:25px solid #660200;
		text-decoration:none;
		color:#666;
	}
	
	#menu a.active {
		border-bottom:5px solid #660200;
		text-decoration:none;
		color:#9D9D9D;
	}
	/* END MENUS */

	/* SLIDESHOW */
#ssContainer {
	width:100%;
	height: 333px;
	position: relative;
	background:url(/images/slideshowSpan.gif);
}
	#ssCenter {
		padding-top:1px;
		margin:auto;
		width: 810px;
		height:333px;	
	}
		#slideshow {
			position:relative;
			height:330px;
		}
		#slideshow IMG {
			position:absolute;
			top:0;
			left:0;
			z-index:8;
		}
		#slideshow IMG.active {
			z-index:10;
		}
		#slideshow IMG.last-active {
			z-index:9;
		}
	/* END SLIDESHOW */




	/* CONTENT DIV (mostly homepage) */
#contentBack{
	margin: auto;
	height:inherit;
	width: 810px;
	box-shadow:0 10px 10px #161616;
	-moz-box-shadow:0 10px 10px #161616;
	-webkit-box-shadow:0 10px 10px #161616;
	}

#content {
	background:#FFF;
	border-top:10px #999 solid;
	width: 810px;
	height:auto;
	padding:0 0 60px 0;
}
	#contentLeft{
		width:550px;
		height:auto;
		float:left;
	}
	#contentRight {
		width:235px;
		height:auto;
		float:right;
		margin:0 0 0 10px ;
		padding:0 10px 0 0px;
	}
	
	#listenlive {
		width:200px;
		text-align:center;
		margin:auto;
		padding:3px;
		background:url(/images/soundWave.png) no-repeat;
		
	}
	#listenlive a {
		text-decoration:none;
		font-size:2.6em;
		font-weight:bold;
		color:#810306;
		padding: 0 2px 0 2px;
		margin: 15px 4px 0 4px;
		
	}
	#listenlive a:hover{
		color:#F90;;
	}
	
	#listenlive .title {
		font-size:2.1em;
		font-weight:bold;
		color:#000;
	}
	
	#newsplayer {
		padding-top:25px;
		width:200px;
		text-align:center;
		margin:auto;
	}
	
	#newsplayer .title {
		font-size:1.8em;
		font-weight:bold;
		color:#000;
	}
	
	.icons {
		padding:30px 0 0 15px;
	}

	/* END CONTENT */

	/* TEXT STYLES */
h1,h2,h3,h4,h5,h6{font-weight:normal; margin:0; padding:0;}/*header tag reset */
h1{
	font-size:2.6em;
	font-weight:bold;
	margin:0 50px 0 0;
	padding:15px 0 18px 30px;
}
h2{ /* currently unused */
	font-size:2.0em;
	font-weight:bold;
	margin:0 100px 20px 22px;
	padding:5px 0 6px 6px;
	border-left:4px solid #A4A4A4;
}
h3{
	font-size:1.6em;
	font-weight:bold;
	margin:10px 0 0 32px;
}

h4 {
	font-size:1.4em;
	font-weight:800;
	margin:10px 0 0 42px;
}
h5 {
	font-size:1.3em;
	font-weight:800;
	margin:10px 0 0 57px;
	
}
	/* END TEXT STYLES */

	/* POPUP FORMATTING */
#backgroundPopup{
	display:none;
	position:fixed;
	/*_position:absolute;  hack for internet explorer 6*/
	height:100%;
	width:100%;
	top:0;
	left:0;
	z-index:100;
}
#popupContact{
	background:url(/images/contactSplat.png);
	display:none;
	position:fixed;
	/*_position:absolute;  hack for internet explorer 6*/
	height:625px;
	width:792px;
	z-index:200;
	font-size:1.3em;
}
.spatPreload {display:none;}
#popupContact h1{
	text-align:left;
	color:#660200;
	font-size:2.2em;
	font-weight:700;
	padding-bottom:2px;
	margin-bottom:20px;
	position:absolute;
	top:190px;
	left:250px;
	border-bottom: none;
}
#contactArea {
	position:absolute;
	top:232px;
	left:250px;
	width:200px;
}
#popupContactClose{
	font-size:2em;
	right:205px;
	top:155px;
	position:absolute;
	color:#660200;
	font-weight:700;
	display:block;
}
#button{/* dummy for popup action */}
	/* END POPUP FORMATTING */


	/* NON-HOMEPAGE CONTENT */

table {
	font-size:1.2em;
	color:white;
}
	table a {
		text-decoration:none;
		color:white;
	}
	
	table td:hover {
		background-color:#A33235;
	}

.live {
	font-size: 1.3em;
	font-weight:bold;
	padding: 15px 60px 5px 15px;
	border-bottom: 1px black double;
}

#content a {
	color:#810306;
}

#content p {
	padding: 0 8px 0 14px;
	font-size:1.2em;
}
#content ul li {
	font-size:1.2em;
}
#content ul li ul li, #content ul li ul li ul li {
	font-size:1.0em;
}

#rightContent p {
	padding: 0 0 0 7px;
	font-size:1.2em;
}

#footer{
	text-align:center;
	margin:70px 0 0 0;	
}
#footer img {padding: 10px 40px 20px 40px;}
.indent15{margin-left:15px;}
.indent50{margin-left:50px;}

#question { 
	
	float:right;
	background:#FF9;
	border:1px solid #FF6;
	width:20px;
	height:20px;
	font-size:1.8em;
	color:black;
	text-decoration:none;
	margin-top:-60px;
	margin-right:10px;
}

#simpleTooltip {
	width:220px;
	height:150px;
	background:#FFC;
	border:2px dashed #FF9;
	font-size:1.4em;
}

.clear {
	clear:both; /* to reset floats when contentLeft and contentRight used (homepage, contact) */
}


	/* END NON-HOMEPAGE CONTENT */