/* =========

1.0 UNIVERSAL RESETS
2.0 GENERIC CLASSES
3.0 GENERAL STRUCTURE
4.0 HEADINGS
5.0 BRANDING
6.0 LINKS
7.0 PARAGRAPHS
8.0 BLOCKQUOTES AND CITATIONS
9.0 FORMS
10.0 LISTS
11.0 TABLES
12.0 MISC PRESENTATION ELEMENTS
13.0 IMAGES
14.0 META
15.0 ACCESSIBILITY
16.0 PAGE SPECIFIC

========= */

/*
1.0 UNIVERSAL RESETS
------------------------------------------
*/
* { 
	margin: 0; 
	padding: 0; }


/*
2.0 GENERIC CLASSES
------------------------------------------
*/

/* Utility class to clear an element */
.clearboth { clear: both; }

/* Clearfix */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.alignright { 
	float: right;
	_margin-right: 20px; }

/* Use these where it makes sense to do so instead of creating new classes. */
.db, .block { display:block; }
.di, .inline { display:inline; }
.dn { display:none; }

.bn { border:0; }

.fl { float:left; }
.fr { float:right; }
.cl { clear:left; }


/*
3.0 GENERAL STRUCTURE
------------------------------------------
*/

html { 
	background: #182e58 url(../images/bg/body-bg.jpg) no-repeat top left;
	text-align: center; 
	height:100%; 
}

body { 
	width: 780px;
	margin: 40px auto;
	text-align: left;
	color: #fff;
	font: normal 75%/1.3 Arial "Lucida Grande", Verdana, sans-serif; 
	height:100%; 
}

div#header { margin-bottom: 40px; }
div#content { 
	float: left;
	width: 580px;
	margin-right: 30px; 
	height: 100%; 
}
div#navigation { 
	float: right; 
	width: 160px; }

div#intro { width: 250px; float: right; }
div#index-image { width:320px; float: left; }




/*
4.0 HEADINGS
------------------------------------------
*/

/* Logo Replacement */			
h1 {
	padding: 0;
	margin: 0;
	height: 100px;
	width: 150px;
	float: right; }
h1 a { 
	height: 0px !important;
	width: 0px !important;
	padding: 100px 150px 0 0px;
	overflow: hidden;
	display: block;
	font-size: 1px !important;
	background: transparent url(../images/branding/logo.gif) top left no-repeat;
	border: none; }
h1 a strong { position:absolute; top:-999px; }
h1 a:link, h1 a:visited, h1 a:active, h1 a:hover { border: none; }

h2 { 
	color: #fcaf19;
	text-transform: uppercase;
	font-size: large;
	margin: 0 0 .3em 0; }	

h3 { 
	color: #BF8517;
	font-weight: normal;
	font-size: small;
	margin-bottom: .7em; }

div#intro h2 { font-size: large; }

/*
5.0 BRANDING
------------------------------------------
*/

/*
6.0 LINKS
------------------------------------------
*/

a:link, a:visited, a:active, a:visited { color: #fff; }
a img { border: 0; }


/*
7.0 PARAGRAPHS
------------------------------------------
*/

p { margin-bottom: 1em; }
p.copyright { font-size: 91.7%;}
p.download a { color: #fcaf19; }
p.download { font-size: 92%; }
p.caption { width: 235px; font-size: 92%; }

/*
8.0 BLOCKQUOTES AND CITATIONS
------------------------------------------
*/


/*
9.0 FORMS
------------------------------------------
*/

form fieldset { border: 0; }
form label { 
	width: 80px; 
	float: left; }
input, textarea { 
		padding: 3px; 
		margin-bottom: 7px;
		width: 400px; }
input.button { 
	width: auto; 
	margin-left: 80px;}

/*
10.0 LISTS
------------------------------------------
*/

ul { list-style: none; }

ul.nav { 
	font-size: 104%;
	margin-bottom: 8em;
	width: 100%;
	_width: 160px; }
ul.nav li { 
	border-bottom: 1px solid #293e6a; 
	border-top: 1px solid #112345; }
	.nav li.first { border-top: none; }	
	.nav li.last { border-bottom: none; }
ul.nav li a { 
	display: block;
	text-decoration: none;
	padding: 5px 0 5px 5px; }
ul.nav li a:hover { 
	color: #fff; 
	background-color: #223E6F; 
	padding: 5px 0 5px 5px; }
ul.nav li.current a {
	font-weight: bold;
	color: #fcaf19;
/*	text-transform: uppercase;*/ }

/* Station Listings */
ul.stations {
	font-size: x-small;
	color: #8FA0BF;
	line-height: 1.5;
	text-transform: uppercase;
	margin-bottom: 1.5em; }
	ul.stations li { padding: 2px 0 2px 0; }

/* Media Schedule Drop Down List */	
ul#months { 
	margin-bottom: 4em;
	display: block;
	cursor: hand; }
	ul#months li { 
		/* all list items */
		float: left;
		position: relative;
		width: 15em;
		background: #37517F; }
	ul#months li .head { 
		/* first list item */ 
		font-weight: bold;
		font-size: 120%;
		padding: 5px;
		background: url(../images/bg/months-arrow.gif) no-repeat 95% 50%;
		display: block;
		cursor: pointer; }
	ul#months li ul { 
		/* second-level lists */
		display: none;
		position: absolute;
		top: 2.4em;
		left: 0px; }
	ul#months 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#months li:hover ul, 
	ul#months li.over ul { 
		/* lists nested under hovered list items */
		display: block; }
	ul#months li:hover ul li, ul#months li.over ul li { border-bottom: 1px solid #10213F; }
	ul#months li:hover ul li.first, ul#months li.over ul li.first { border-top: 1px solid #10213F; }
	/* list link properties */
	ul#months a { 
		display: block;
		padding: 5px;
		text-decoration: none; }
		ul#months a:hover { 
			background: #ccc;
			color: #000; }



/*
11.0 TABLES
------------------------------------------
*/

table { 
	margin: 1em 1em 1em 0;
	_margin: 4em 0 1em 0; }
table caption { 
	text-align: left;
	font-size: medium;
	padding-bottom: .3em;
	margin-top: 2em;
	_margin-top: 0;
	border-bottom: 1px solid #fff; }
table td { 
	vertical-align: top; 
	padding: 3px; }
table thead th { 
	color: #fcaf19;
	text-transform: uppercase;
	font-size: 110%; }
table th { 
	padding: 3px;
	width: 22%;
	vertical-align: top; }
table tbody th, table tbody td { padding-top: 1em; }


/*
12.0 MISC PRESENTATION ELEMENTS
------------------------------------------
*/


/*
13.0 IMAGES
------------------------------------------
*/

img.ad { margin-bottom: 1.5em; }


/*
14.0 META
------------------------------------------
*/

/*
15.0 ACCESSIBILITY
------------------------------------------
*/

/*
16.0 PAGE SPECIFIC
------------------------------------------
*/

