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

body{
margin:0; padding:0;
background-color:#e7e7e7;
background-position:top center;
background-repeat: repeat-x;
background-image:url(images/gradient_bg.jpg);
}

#main_container{
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	width:957px;
	height:62%;
	content: ".";
	background-color:#FFFFFF;
	margin-bottom:25px;
}

#inner_main_container{
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	width:937px;
	height:62%;
	/*background-color: #003366;*/
}

#above_navigation{
	height:31px;
	content: ".";
	background-image:url(images/above_navigation.jpg);
	background-repeat:no-repeat;
}

#navigation_container{
	height:64px;
	background-image:url(images/nav_bg.jpg);
	background-repeat:repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
}

.top_navigation{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#000000;
	text-decoration:none;
}
.top_navigation:active{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#000000;
	text-decoration:none;
}
.top_navigation:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#FFFFFF;
	text-decoration:none;
}

#navigation_button_box1, #navigation_button_box2, #navigation_button_box3, #navigation_button_box4{
	width:132px;
	content: ".";
	float:left;
	text-align:center;
	text-transform:uppercase;
	line-height:4;
}

#main_header{
	height:360px;
	content: ".";
	float:left;
}

#content_container{
	height:62%;
	content: ".";
	float:left;
	background-image:url(images/content_bg.jpg);
	background-repeat:repeat-y;
		
}

#one_column{
	width:902px;
	height:62%;
	margin-left:10px;
	margin-right:25px;
	content: ".";
	float:left;	/*background-color:#009999;*/
	margin-top: 15px;
}

#one_column img{ float:left; border-style: solid; border-color: black; border-width:1px; margin-right:15px; margin-bottom:20px; text-align:left;}
#one_column_bottom{ content: "."; height:25px;}

.one_column_bottom{ content: "."; height:45px;}


#two_column_first{
	width:289px;
	height:62%;
	min-height:200px;
	margin-left:10px;
	margin-top:15px;
	padding-right:10px;
	content: ".";
	float:left;
	border-right: #666666 thin dotted;
}

.horz_divider{
	width:auto;
	content: ".";
	border-bottom: #CCCCCC thin dotted;
	height:3px;
	margin-top:10px;
	margin-right:10px;
	margin-bottom:10px;
}

.horz_divider2{
	width:auto;
	content: ".";
	border-bottom: #CCCCCC thin dotted;
	height:3px;
	margin-top:5px;
	margin-right:10px;
	margin-bottom:5px;
}

#two_column_second{
	width:610px;
	height:62%;
	min-height:200px;
	margin-left:10px;
	margin-top:15px;
	content: ".";
	float:left;
}

#two_column_second img{ float:left; border-style: solid; border-color: black; border-width:1px; margin-right:15px; margin-bottom:20px; text-align:left;}


#three_column_first{
	width:289px;
	height:62%;
	min-height:200px;
	margin-left:10px;
	margin-top:0px;
	padding-right:10px;
	content: ".";
	float:left;
	border-right: #666666 thin dotted;
}

#three_column_second{
	width:289px;
	height:62%;
	min-height:200px;
	margin-left:10px;
	padding-right:10px;
	content: ".";
	float:left;
	border-right: #666666 thin dotted;
}

#three_column_third{
	width:289px;
	height:62%;
	min-height:200px;
	margin-left:10px;
	content: ".";
	float:left;
}

#clear_fix{
	clear:both;
	content: ".";
	position:relative;
}

.clear_fix{
	clear:both;
	content: ".";
	position:relative;
}

h2{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:20px;
	text-transform:uppercase;
	color:#660000;
	padding-bottom:16px;
	vertical-align:text-top;
}

h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#000000;
	line-height:1.2;
	padding-bottom:8px;
	vertical-align:text-top;
}

h3 img{text-align:left; vertical-align:top;}



<!-- MAIN CONTAINER -->

.headline_bottom_margin{
	margin-bottom:50px;
}



/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

#main {padding-bottom: 50px;}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: -50px; /* negative value of footer height */
	height: 50px;
	clear:both;
	margin-left:auto;
	margin-right:auto;
	width:957px;} 

/* CLEAR FIX*/
.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 */

.event_info{
	content: ".";
	min-height:70px;
}

.podcast_info{
	content: ".";
	min-height:25px;
}

.post-date{
float: left;
/*display: inline;*/
/*margin: 0 10px 15px 0;*/
margin-bottom:15px;
margin-right:15px;
width:40px;
height:40px;
background-color:#660000;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-align:center;
}


.podcast-icon{
float: left;
/*display: inline;*/
/*margin: 0 10px 15px 0;*/
margin-bottom:15px;
margin-right:7px;
width:15px;

font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-align:center;
}


.month{
font-size:18px;
font-weight:bold;
margin-top:2px;
}

.day{
font-size:13px;
}

.post-info img{
	margin-right:7px;
	border:none;
}

.podcast-info img{
	margin-right:7px;
	border:none;
}


.podcast-info{
float: left;
width:230px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
}

.post-info{
float: left;
width:230px;
margin-bottom:20px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
}


.post-link:link{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
text-decoration:none;
}

.post-link:active{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
text-decoration:none;
}

.post-link:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
text-decoration:none;
}

.post-link:visited{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
text-decoration:none;
}

.more_info-link:link{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
text-decoration:underline;
font-style:italic;
}

.more_info-link:active{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
text-decoration:underline;
font-style:italic;
}

.more_info-link:visited{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
text-decoration:underline;
font-style:italic;
}

.more_info-link:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
text-decoration:underline;
font-style:italic;
}