@charset "UTF-8";
/* CSS Document */

body {
	background-color: #000;
	background-image: url(../images/BG.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	color: #FFF;
	z-index: 1;
}



/* ++++++++++ TYPOGRAPHY ++++++++++++++++ */

h2 {
	font-family: Arial, Helvetica, sans-serif;
	color: #f4e1a6;
	overflow: visible;
	z-index: 1000;
	margin-bottom: 3px;
}

p {
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
	font-size: 14px;
	line-height: 17px;
	color: #ccc;

}

#columnLeft p {
	padding-right: 10px;
	padding-left: 10px;
}

a:link, a:visited {
	color: #f4e1a6;
	text-decoration: none;
}

a:hover, a:active {
	color: #fff;
	}

/* ++++++++++ HEADER  ++++++++++++++++ */

#header {
	width: 960px;
	position: relative;
	height: 100px;
	margin-right: auto;
	margin-left: auto;
}

/* The topLogo image png has an IE6 only GIF version that is called with the conditional statement to ie6styles.css. Be sure to change both. */
.topLogo {
	background-image: url(../images/topLogo.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 550px;
	height: 100px;
	padding-left: 5px;
}


.topLogo h1 {
	margin-left: -9999px;
}

#signUpForm {
	width: 220px;
	height: 60px;
	position: absolute;
	right: 0px;
	bottom: 15px;
}

.cleardefault  {
	background-color: #aaa;
	width: 150px;
	color: #444;
}

#signUpForm .getConnected {
	display: block;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 30px;
	width: 190px;
	margin-bottom: 0px;
}
.submit {
	vertical-align: middle;
*vertical-align: text-bottom; 		text-align: center;
} 



/* ++++++++++ TOP NAVIGATION  ++++++++++++++++ */

#navigation {
	background-color: #404040;
	width: 100%;
	position: relative;
	height: 20px;
	padding-top: 2px;
	padding-bottom: 2px;
	background-image: url(../images/topNavBG.jpg);
	background-repeat: repeat-y;
	background-position: center top;
}
#navigation ul.nav {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	height: 20px;
	padding-left: 65px;
}

#navigation ul.nav li {display:inline;}
#navigation .nav li a:link, #navigation .nav li a:visited  {
	display: block;
	background-color:#000;
	float: left;
	clear:none;
	padding-left: 20px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #f4e1a6;
	padding-right: 20px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #333;
	position: relative;
	height: 12px;
	padding-top: 4px;
	padding-bottom: 5px;
}

#navigation .nav li a.first {border-left:solid 1px #333;}

#navigation .nav li a:hover, #navigation .nav li a:active {
	background-color:#444;
	color:#fff;
	} 


/* ++++++++++ LAYOUT  ++++++++++++++++ */

#content {
	width: 920px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	background-color: #171d22;
	border: 5px solid #3c3c3b;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 10px;
	clear: left;
	-webkit-border-radius: 10px;
	-webkit-border-top-left-radius: 0;
	-moz-border-radius: 10px;
	-moz-border-radius-topleft: 0;
	border-radius: 10px;
	border-top-left-radius: 0;
	overflow: hidden;
}





.contentTab {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	margin-bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
	position: relative;
}
.contentTab p {
	color: #fff;
	font-weight: bold;
	font-size: 18px;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
	margin: 0px;
	float: left;
	background-color: #3c3c3b;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	background-image: url(../images/contentTabBG.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #555;
	border-right-color: #555;
	border-left-color: #555;
}

#columnLeft {
	float: left;
	width: 440px;
	position: relative;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin-top: 20px;
}

#columnLarge {
	float: left;
	width: 900px;
	position: relative;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
	margin-top: 20px;
}


#columnSmall {
	float: left;
	width: 280px;
	position: relative;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
	margin-top: 0px;
}



#columnRight {
	width: 420px;
	float: right;
	position: relative;
	padding-right: 10px;
	padding-bottom: 25px;
	padding-left: 25px;
	margin-top: 20px;
	background-color: #0F1316;
	padding-top: 20px;
	margin-bottom: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #333;
	background-image: url(../images/columnRightBG.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}




/* .fullWidth goes on an extra div using inside the content div on any page that has no columns in the content div. Give you extra styling control for that content area */
.fullWidth {
	clear: both;
}


/* Each page has a class added to the body tag to allow custom styles for that page. This one is for the Broadcast Schedule page   */
body.schedule #columnLeft {
	width: 600px;
}



#footer {
	height: 30px;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
}
#footer p {
	color: #f4e1a6;
	font-size: 12px;
	text-align: center;
	padding-top: 5px;
}

/* ++++++++++ HOME PAGE - RIGHT COLUMN LIST ITEMS  ++++++++++++++++ */


ul.news {
	list-style-image: url(../images/h2Bullet.gif);
	padding-left: 15px;
}

ul.news li h2 {
	padding-left: 5px;
}


ul.news li h2 em {
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	color: #a4b0d7;
}



/* ++++++++++ HOME PAGE - LEFT COLUMN LIST ITEMS  ++++++++++++++++ */

ul.homeList-1 {
	padding-left: 80px;
	padding-top: 30px;
	padding-bottom: 20px;
}
ul.homeList-1 li {
	list-style-image: url(../images/ulBullet.gif);
	margin-bottom: 5px;
}
ul.homeList-1 li a:link, ul.homeList-1 li a:visited {
	font-family: Verdana, Geneva, sans-serif;
	color: #bbb;
	font-size: 12px;
}

ul.homeList-1 li a:hover, ul.homeList-1 li a:active {
	
	color:#fff;
	}

ul.homeList-1 li a span {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #ddd;
}
/* ++++++++++VIDEO PLAYER  ++++++++++++++++ */

.vidPlayerContainer {
	height: 354px;
	width: 420px;
	margin-bottom: 10px;
}
.vidPlayerContainer .fullScreenImg {
	padding-left: 297px;
	padding-top: 4px;
}

.vidPlayerContainerSmall {
	width: 340px;
	height: 285px;
}