/* ============================================
File: main.css
Author: brs
Date: 3.23.10
Purpose: main CSS file for Broadcast web site
============================================ */

* {
	margin: 0;
	padding: 0;
}

body {
	background-color: #cccccc;
	font: 1em verdana;
	color: #000000;
}

.page {
	margin: 0 auto;
	background: url(../img/page.png) repeat-y;
	width: 994px;
	min-height: 500px;
	overflow: auto;
}

.header {
	background: url(../img/head.png) no-repeat;
	width: 980px;
	height: 300px;
	margin-left: 7px;
}

.imglink {
		position: relative;
		top: 95px;
		left: 650px;
		display: block;
		height: 200px;
		width: 325px;
	}


.main {
	margin: 0 auto;
	width: 980px;
}

.content {
	width: 700px;
	float: left;
	padding: 10px 15px;
}
	.content h1 {
		font: bold 1.9em calibri;
		color: #7b7d93;
		text-transform: uppercase;
		margin:0 0 .5em;
	}
	.content h2 {
		font: bold 1.1em tahoma;
		color: #ff6633;
		text-transform: uppercase;
		margin: 1.5em 0 .5em;
	}
	.content h3 {
		font: .9em arial black;
		color: #000066;
		text-transform: uppercase;
		border-bottom: 1px solid #333333;
		margin: 1.5em 0 .5em;
	}
	.content h4 {
		font: bold .9em tahoma;
		color: #333333;
		text-transform: uppercase;
	}
	.content h6 { /* FOR USE IN TABLES ONLY */
		font: bold 1.2em verdana;
		text-transform: uppercase;
		color: #333333;
		margin: .5em .5em;
	}
	.content p {
		font: .7em verdana;
		color: #000000;
		line-height: 1.5em;
		margin: .5em .5em 1em;
	}
	.content p.nofirst {
		margin: -1em .5em 1em;
	}
	.content ul {
		font: .7em verdana;
		color: #000000;
		margin: 0 0 1.2em 2.8em;
	}
	.content ol {
		font: .7em verdana;
		color: #000000;
		margin: 0 0 1.2em 2.8em;
	}
	.content li {
		line-height: 1.5em;
	}
	.content table {
		font: .7em verdana;
		color: #000000;
	}
		.content table tr td {
			padding: .2em;
		}
		.content table p {
			font: 1em verdana;
			line-height: 1.5em;
		}
		.content table ul {
			font: 1em verdana;
		}
	.content a {
		color: #990000;
		text-decoration: none;
	}
	.content a:hover {
		color: #0000aa;
		text-decoration: underline;
	}
	.content .reminder {
		font: bold .9em tahoma;
		color: #333333;
		text-transform: uppercase;
		position: relative;
		bottom: .3em;
	}
	.content .tblcap {
		font: .8em verdana;
		color: #000000;
		position: relative;
		bottom: .8em;
	}
	.content .password {
		font-size: 1.3em;
	}

.rightbar {
	width: 240px;
	float:right;
	min-height: 300px;
	padding: 10px 5px;
}
	.rightbar .next {
		position: relative;
		bottom: 5px;
		right: 6px;
	}
	.rightbar h1 {
		font: bold 1.9em calibri;
		color: #7b7d93;
		text-transform: uppercase;
	}
	.rightbar h2 {  /* used for next broadcast date */
		font: bold 1.3em tahoma;
		color: #333333;
		text-transform: uppercase;
	}
	.rightbar .time, .ampm {
		color: #ffffff;
	}
	.rightbar .ampm {
		font-size: .6em;
	}
	.rightbar h4 {
		font: bold 1.4em tahoma;
		color: #333333;
	}
	.rightbar h3 {
		font: .9em arial black;
		color: #000066;
		text-transform: uppercase;
		border-bottom: 1px solid #333333;
		margin: .5em 0;
	}
	.rightbar p {
		font: .65em verdana;
		color: #000000;
		line-height: 1.5em;
		margin: .5em .5em 1em .2em;
	}
	.rightbar hr {
		border: 0 0 1px 0 solid #333333;
	}
	.rightbar table {
		font: .65em verdana;
		color: #000000;
	}
		.rightbar table tr td {
			padding: 0 .2em;
		}
	.rightbar a {
		color: #990000;
		text-decoration: none;
	}
	.rightbar a:hover {
		color: #0000aa;
		text-decoration: underline;
	}
	.rightbar .mainnav a {
		background-color: #cccccc;
		border-top: 1px solid #eeeeee;
		border-right: 1px solid #999999;
		border-bottom: 1px solid #999999;
		border-left: 1px solid #aaaaaa;
		display: block;
		width: 247px;
		height: 27px;
		line-height: 40px;
		text-align: center;
		text-transform: uppercase;
		text-decoration: none;
		font: bold .75em verdana;
		color: #aa0000;
		letter-spacing: .15em;
		position: relative;
		right: 4px;
		padding-top: 10px;
	}
	.rightbar .mainnav a:hover {
		background-color: #dddddd;
		border-top: 1px solid #777777;
		border-right: 1px solid #aaaaaa;
		border-bottom: 1px solid #eeeeee;
		border-left: 1px solid #999999;
		color: #000066;
		height: 27px;
		padding-top: 10px;
	}

.footer {
	background: url(../img/footer.png) repeat-x;
	width: 994px;
	height: 80px;
	margin: 0 auto;
	font: .55em verdana;
	color: #000000;
	text-align: center;
	padding-top: 25px;
}
	.footer p {
		line-height:1.8em;
	}
	.footer a {
		color: #0000ee;
		text-decoration: none;
	}
	.footer a:hover {
		text-decoration: underline;
		color: #990000;
	}
