﻿@font-face {
	src: url('../fonts/BebasNeue-webfont.eot');
	font-family: 'BebasNeueRegular';
	src: local('â˜º'), url('../fonts/BebasNeue-webfont.woff') format('woff'), url('../fonts/BebasNeue-webfont.ttf') format('truetype'), url('../fonts/BebasNeue-webfont.svg#webfontf0WP9KEe') format('svg');
	font-weight: normal;
	font-style: normal;
}
html, body {
	height: 100%;
	/*background: #01675a url('../Images/body_bk.jpg') repeat-x left top;  */
	background: #01675a url('../Images/gradient_green.gif') repeat-x left top;
	background-color: #01675a; 
	font: normal 12px/16px Arial, sans-serif;
	color: #2d2d2d;
	margin: 0;
	padding: 0;
}
body#directory {
	background: #01675a url('../Images/gradient_green.gif') repeat-x left top;
	background-color: #01675a;
}
#container {
	min-height: 100%;
	width: 960px;
	margin: 0 auto;
}

#wrap {
	overflow:hidden;
	padding-bottom: 150px;
	position: relative;
	
	/* background-color: #ffffff; */
}  /* must be same height as the footer */




h1 { font-family: 'BebasNeueRegular', Arial, sans-serif }

h1 {
	color: #002c77;
	/*font-family: 'BebasNeueRegular', Arial, sans-serif;*/
	font-size: 30px;
	line-height: 34px;
	letter-spacing: 0;
}

h2 {
	color: #002c77;
	font: 25px/29px 'BebasNeueRegular', Arial, sans-serif;
	letter-spacing: 0;
}
h3 {
	color: #fff;
	font: 20px/24px 'BebasNeueRegular', Arial, sans-serif;
	letter-spacing: 0;
}
p {
	font: normal 13px/17px Arial, sans-serif;
	color: #2d2d2d;
}
a {
	color: #127570;
	text-decoration: none;
}
a img {border: 0;}

/* ------------------------------------------------------------------------------------- Header */

#header {
	/*height: 225px;*/
	/*margin-bottom: 13px;  /* was 20 */
}
.logo {
	height: 162px;
	width: 190px;
	position: absolute;
	top: 0;
	left: 40px;
	z-index: 100;
}
.subNav {
	background: transparent url(../images/subNav_bk.png) left bottom;
	color: #fff;
	height: 95px;
	padding: 10px 5px;
	text-align: center;
	width: 215px;
	position: absolute;
	top: 0;
	right: 30px;
	z-index: 100;
}
.subNav a {
	color: #fff;
	font: normal 11px/11px Arial, sans-serif;
	text-decoration: none;
	text-transform: uppercase;
}
.subNav a:hover {
	text-decoration: underline;
}
.subNav .joinBtn {
	border-bottom: 1px dotted #fff;
	border-top: 1px dotted #fff;
	margin: 10px 0 0;
}
.subNav .joinBtn a {
	color: #8fc30a;
	display: block;
	font: normal 30px/30px "BebasNeueRegular", Arial, sans-serif;
	text-decoration: none;
	margin: 5px 0 -5px;
	padding: 3px 0;
}
.subNav .joinBtn a:hover {color: #fff;}

#imageRotator {
	overflow: hidden;
	padding: 25px 0 0;
	text-align: center;
	height: 207px;
	margin: 0 0 0 0;
}
#imageRotator ul, #imageRotator li {
	overflow: hidden;
	text-align: left;
}
#imageRotator img {
	width: 960px;
}
.fade {
	margin: 0;
	padding: 0;
	overflow: hidden;
	list-style: none;
}
/* ------------------------------------------------------------------------------------- Main Content Area */
body#directory #header { margin-bottom: 27px; /* was 38 */}
body#directory #nav li { display: inline;}
body#directory #nav {
	background-color:#1b448a;
	height: 21px;
	border-top:#1b448a 2px solid;
}
#wide {
	border-left: #ffffff 8px solid;
	border-right: #ffffff 8px solid;
}
.searchContainer {
	width: 945px!important;
}
.searchCategoryContainer {
	width: 363px!important;
}	
.quicklinkContentLeft {
	width: 600px!important;
}
body#directory #nav li a {
	float: left;
	border: 0;
	color: #fff;
	font-size: 13px;
	text-align: center;
	padding: 0 10px 2px 12px;
}
.LeaderboardContainer {
	padding:0!important;
}

#mainContentArea {
	/*border: #ffffff 10px solid;*/
	background-color: #ffffff;
}
#adSpace1 {
	text-align: center;
}
#mainSection {
	margin: 10px 0;
	border-top: #ffffff 10px solid;
	border-bottom: #004684 10px solid;
}

/* ------------------------------------------------------------------------------------- Main Nav */
#navCol {
	display: inline;
	float: left;
	width: 200px; /* was 250  */
	margin: 0 10px 0 10px;
}
#nav {
	color: #00342d;
	font: normal 14px/18px Arial, sans-serif;
	margin: 0 0 10px 0px;
}
#nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#nav li {
	border-bottom: 1px solid #01675a;  /* #00342d */
}
#nav li a {
	display: block;
	color: #00342d;
	margin: 0;
	padding: 2px 0 2px 10px;
	text-decoration: none;
	/*font-weight:bold;*/
}
#nav li a:hover {
	background: #00675a;
	color: #fff;
}
#adSpace2 {
	margin: 10px 0;
	text-align: center;
}
#podcast {
	margin: 0 auto;
	text-align: center;
}
#quicklinks {
	border: 2px solid #00675a;
	background: #fff url(../images/quicklink_bk.jpg) repeat-x top left;
}
#quicklinks h3 { margin: 8px 0 3px 10px;}
#quicklinks table {width: 100%;}
#quicklinks table td {
	border-top: 1px solid #00675a;
	display: block;
	padding: 3px 10px;
	width: 188px;
}
#quicklinks a {color: #000;font-family:Arial;Font-Size: 14px;Line-Height:16px;color:#00342d;}
#quicklinks table td table td{
	border-top: none;
	padding: 0;
}
#quicklinks span {
	border-top: 1px solid #00675a;
	display: inline-block;
	padding: 3px 10px;
	width: 228px;
}

/* ------------------------------------------------------------------------------------- Home Content Area */
.breadcrumb a {
	color: #002c77;
	font-size: 11px;
}
#main {
	float: left;
	width: 467px;  /* was 430 */
	margin: 0 20px 0 0;
}
#main .spotlight {
	border: 2px solid #00675a;
	padding: 5px 10px;
	margin: 0 0 10px;
}
#interior {
	float: left;
	width: 730px; /* was 670 */
	margin: 0 0 20px;
}
#interior h3 {
	color: #002c77;
	font: 20px/24px 'BebasNeueRegular', Arial, sans-serif;
	letter-spacing: 0;
}
/* ------------------------------------------------------------------------------------- Events Column */

#eventCol {
	float: left;
	width: 240px;
}
.spotlight h2, #eventCol h2 {
	margin: 5px 0;
}
#eventCol .homeEvents {
	border-bottom: 2px solid #00675a;
	border-top: 2px solid #00675a;
	margin: 10px 0;
	padding: 5px 10px;
}
#eventCol .homeBlog {
	border: 2px solid #00675a;
	padding: 5px 10px;
	margin: 0 0 10px;
}
.networkBlock {
	background: #000;
	text-align: center;
	padding: 5px;
}
.networkBlock div {
	border-bottom: 1px dotted #fff;
	padding: 5px 0;
}
.networkBlock div.map { border:0;}
/* ------------------------------------------------------------------------------------- RSS Scroller */

.titlefield{ /*CSS for RSS title link in general*/
text-decoration: none;
}
.labelfield{ /*CSS for label field in general*/
color: brown;
font-size: 90%;
}
.datefield{ /*CSS for date field in general*/
color: gray;
font-size: 90%;
}
#example1 {
width: 220px;
height: 160px;
padding: 4px;
}
#example2 {
width: 220px;
height: 150px;
padding: 4px;
}
#example3 {
width: 430px;
height: 120px;
padding: 0;
}
#example3 p {
	margin: 3px 0;
}
code{ /*CSS for insructions*/
color: red;
}
.Event_List_Scrolling_1_date {
	color: #999;
}
/* ------------------------------------------------------------------------------------- Footer */

#footer {
	/*background: #00675a url(../images/footer_bk.jpg) repeat-x top left;*/
	position: relative;
	margin-top: -150px; /* negative value of footer height */
	height: 150px;
	clear:both;
}
#footerWrap {
	margin: 0 auto;
	padding: 10px;
	width: 960px;
}
#footerWrap h3 {margin: 5px 0;}
#footerWrap .copyright {
	border-right: 2px solid #fff;
	float: left;
	display: inline;
	width: 358px;
}
#footerWrap .copyright p {
	color: #fff;
}
#footerWrap .copyright a {color: #63a5d2;}
#footerWrap .copyright p.copy { color: #06413a;}
#footerWrap .navigation {
	float: left;
	width: 267px;  /* was 290 */
	padding: 0 0 0 10px;
}
#footerWrap .navigation p { margin: 2px 0 0;}
#footerWrap .navigation p a {color:#fff;}
#footerWrap .weblink {
	float: left;
	width: 300px;
	text-align: right;
}
#footerWrap .weblink p a {
	margin: 0;
	font-size: 10px;
	color: #fff;
}
/* ------------------------------------------------------------------------------------- Clear Floats */

#mainSection:after, #footerWrap:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
*:first-child+html #mainSection, *:first-child+html #footerWrap {
	min-height: 1px;
}
