@import "boilerplate/screen.css";

html {
	height:550px;
	margin:0;
	padding:0;
	overflow:auto;
}

body {
text-align: center;
height:100%;
margin:0;
padding:0;
}

#main {
  width: 960px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  height:100%;
}

#head {
  text-align: left;
  position:absolute;
  padding:0;
  top:0;
  width:960px;
  height:140px;
  z-index:5;
  background:url(../img/title_sub.gif);
}

#head_home {
  text-align: left;
  position:absolute;
  padding:0;
  top:0;
  width:960px;
  height:140px;
  z-index:5;
  background:url(../img/title_home.gif);
}

* html #head {
	bottom:-2px; height:48px; width:960px;
	}
	
#foot {
	text-align:center;
	position:absolute;
	top:560px;
	height:155px; 
	width:958px;
	z-index:5;
	border-bottom:1px solid #815D10;
	border-left:1px solid #815D10;
	border-right:1px solid #815D10;
}

	#foot .primary {
		height:76px;
		background:white;
		border-top:4px solid #86B948;
	}
		#foot .primary .nav {
			position:absolute;
			bottom:8px;
			left:8px;
			border:0;
			width:450px;
			text-align:left;
			font-size:0.8em;
		}
		
		#foot .primary .nav ul {
			margin:0;
		}
		
		#foot .primary .nav a {
			color:black;
			text-decoration:none;
		}
		
		#foot .primary .nav a:visited {
			color:#2C4823;
		}

		#foot .primary .nav a:hover {
			text-decoration:underline;
		}
		
		#foot .primary .nav li {
			display: inline;
			list-style-type: none;
			color:black;
			border-right:solid 1px black;
			padding-right:0.5em;
			margin-right:0.5em;
		}
		
		#foot .primary .nav li.last{
			border-right:none;
			padding-right:0;
		}
		
		#foot .primary .extra {
			position:absolute;
			bottom:30px;
			left:8px;
			border:0;
		}
		
		#foot .primary .extra img{
			padding-right:4px;
		}
		
		#foot .primary .info {
			text-align:left;
			position:absolute;
			bottom:8px;
			right:8px;
			border:0;
			width:490px;
		}
		
		#foot .primary .info .panel1 {
			float:left;
		}
		
		#foot .primary .info .panel2 {
			float:right;
		}
	
	#foot .secondary {
		height:75px;
		background:black;
	}
	
	#foot .secondary .link {
		display:none;
	}
	
	.socMedia{
		position:relative;
		height:25px;
		width:311px;
		top:-10px;
		left:0px;
	}
		
	
	* html #foot {
		bottom:-2px; height:153px; width:958px;
		}
		
#content {
	width:958px;
	position:absolute;
	display:block;
	/* border:1px #0c0 solid; */
	/* padding:8px; */
	z-index:3;
	overflow:auto;
	overflow:hidden;
	top:185px;
	bottom:155px;
	border-left:1px solid #815D10;
	border-right:1px solid #815D10;
	height:376px;
}

#video_content {
	width:928px;
	position:absolute;
	display:block;
	/* border:1px #0c0 solid; */
	/* padding:8px; */
	z-index:3;
	overflow:auto;
	overflow:hidden;
	padding:15px;
	top:185px;
	bottom:155px;
	border-left:1px solid #815D10;
	border-right:1px solid #815D10;
	height:2400px;
}

.video_panel{
	border:1px solid red;
	width:900px;
	display:block;
	/* border:1px #0c0 solid; */
	/* padding:8px; */
	
	border-left:1px solid #815D10;
	border-right:1px solid #815D10;
	height:376px;
}

#content a {
	color: black;
	text-decoration:underline;
}

#content a:hover {
	text-decoration:none;
}

#content a:visited {
	color:#2C4823;
}

#content .panel {
		padding:8px;
		width:492px;
		height:280px;
		float:right;
		text-align:left;
		background-color:#fff;
		overflow:auto;
}

#content .panel ul ul {
		margin-bottom:0;
}

#content .panel h3 {
		padding-bottom:4px;
		border-bottom:2px solid #856116;
}

#content .panel h4 {
		padding-bottom:4px;
		border-bottom:1px dotted #856116;
}

#content .panel_home { 
		padding:8px;
		width:490px;
		height:100%;
		float:right;
		text-align:center;
		background:url(../img/bg_home.gif); /* home panel has background image */
		background-position:-10px;
}

	#content .panel_home h3{
			margin-top:40px;
	}

	#content .panel_home p{
			font-size:14px;
			margin:0 50px 0 50px;
	}
	
	#content .panel_image {
			float:left;
	}

/* needed for IE6, messes up Dreamweaver Design view	
* html #content {
		top:0; 
		bottom:0;
		height:65%;
		width:944px;
		margin-top:190px;
		margin-bottom:155px;
		/* border-top:144px solid #0ff; 
		border-bottom:50px solid #fff; 
	}*/
	
.tvStar{
	background:url(/img/TVCommercialStarburst.png) no-repeat;
	float:left;
	height:175px;
	width:175px;
}

#global_nav li {
		display: inline;
		list-style-type: none;
		padding-right: 65px;
		color:white;
}
#global_nav {
		background-color:#6EAB23;
		display:block;
		position:relative;
		top:140px;
		height:30px;
		padding:10px 0 0 0;
		border-bottom:5px solid black;
		text-transform:uppercase;
}
#global_nav a, a:visited {
		color:white;
}

#logo {
		width:508px;
		position:relative;
		left:456px;
		top:421px;
		z-index:20;
		
}
#infobox { /* box on sub pages is flush to the right side of image panel */
		width:300px;
		position:absolute;
		background-image:url(../img/white_trans_50.png);
		left:134px;
		bottom:0px;
		padding:8px;
		z-index:20;
		font-weight:bold;
		text-align:center;
		font-size:14px;
		min-height:62px;
}
#infobox_home { /* box on the homepage is centered at the bottom of image panel */
		width:300px;
		position:absolute;
		background-image:url(../img/white_trans_50.png);
		left:60px;
		bottom:0px;
		padding:8px;
		z-index:20;
		font-weight:bold;
		text-align:center;
		font-size:14px;
}
#nav {
	background-color:#6EAB23;
	color:#2C4823;
	padding:16px 8px 8px 8px;
	height:62px;
	clear:right;
	float:right;
	width:492px;
}

#nav a, a:visited {
	text-decoration:none;
}

#nav a:hover {
	text-decoration:underline;
}

#nav ul {
	width:100%;
	text-transform:uppercase;
	font-size:0.9em;
	
}

#nav ul li {
	float:left;
	width:30%;
	list-style:none;
}

#nav ul ul li {
	margin-left:8px;
	list-style:square;
}

#nav span { /* the .net dynamic nav on the events page automatically puts in a span. It messes up the nav without this. */
	margin-top:-1em;
	padding-top:-1em;
	display:block;
}

.event_box {
	margin-bottom:16px;
	padding-bottom:16px;
}

.event_date_box {
	background-color: #ECF8DC;
	padding:4px;
	margin:8px;
}

.event_date_box hr {
	height:1px;
	color:#C0E891;
}

.event_date_box ul {
	margin-bottom:0;
}