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

body{
	font-family: Tahoma,Helvetica,Arial,sans-serif;
	font-size:12px;
	color:#000000;
	text-align:center; /*nonsense for old IE browsers*/
	/*background-color:#FFFFFF;*/
	background-image:url(../images/ostrich_beige.jpg);
	background-repeat:repeat;
	height:100%;
	}
	
div{
		-webkit-border-radius: 6px;
-moz-border-radius: 6px;
}
h2{
	font-size:18px;
}
h3 {
	color:#c23322;
	font-size:20px;
	}
h4{
	color:#c23322;
	font-size:16px;
	}
h5{  /*MEANT TO BE A SUB HEADER FOR H1-H4 */
	color:#c23322;
	font-weight:bold;
	font-size:14px;
	margin-top:0;
	padding-top:0;
	}
h6{ /*MEANT TO BE A SUB HEADER FOR H1-H4 */
	color:#000;
	font-weight:bold;
	font-size:14px;
	margin-top:0;
	padding-top:0;
	}

blockquote{
	padding:5px 20px;
	font-style:italic;
	}

ul{
	list-style:none;
	margin-left:5px;
	text-align:left;
	padding-left:5px;
	display:block;
	font-size:10px;
	}
	
	ul li{
	}

	
.left {
	text-align:left;
	float:left;
	padding-right:10px; /* to keep things from butting up against each other*/
	}

a .left {
	border-style:none;
	}

.center{
	text-align:center;
	margin:0 auto;
	}

.right{
	float:right;
	text-align:left;
	}

#outer{
	width:1000px;
	margin:0 auto;
	min-height:1000px;
	height:auto;
	}
	
#outer_lt, #outer_rt{
	/*margin-top:50px;*/
	width:20px;
	float:left;
	height:100%;
	min-height:2000px;
	}

/*#outer_lt{
	background-image:url(../../../images/outer_lt.png);
	background-repeat:repeat;
	}

#outer_rt{
	background-image:url(../../../images/outer_rt.png);
	background-repeat:repeat;
	}*/

#container{
	float:left;
	width:960px;
	text-align:left;
	/*background-color:#ffffff;*/
	min-height:1000px;
	height:100%;
	}
	
#header{
	text-align:left;
	width:960px;/*960*/
	min-height:300px;/*300*/
	padding-bottom:5px;
	/*border-bottom:#cccccc solid 3px;*/
	}
	
		#logo{
			height:180px;
			width:210px;
			float:left;
			clear:left;
			}
		#header_img{
			height:255px;/*280*/
			width:960px;
			float:left;
			}
#content {
	width:100%;
	}

#highlights{
	padding-top:5px;
	height:300px;
	width:100%
	}
	
	#tabs{
		float:left;
		width:210px;
		}
		
		.tab_buttons{
		float:left;
		padding:0;
		height:100px;
		width:210px;
		}
		
		#tab1_ul, #tab2_ul, #tab3_ul{
			width:210px;
			height:100px;
			margin:0;
			padding:0;
			position:relative;
			}
		
			#tab1_ul{
			background-image:url(../images/projects_sprite.png);
			}
			
			#tab2_ul{
			background-image:url(../images/sos_sprite.png);
			}
			
			#tab3_ul{
			background-image:url(../images/podcast_sprite.png);
			}

			
			#tab1_ul li, #tab2_ul li, #tab3_ul li{
			position:absolute;
			list-style:none;
			margin:0;
			padding:0;
			}
			
			#tab1_ul li, #tab1_ul a, #tab2_ul li, #tab2_ul a, #tab3_ul li, #tab3_ul a{
				height:100px;
				display:block;
				width:210px;
				}
				
			#tab1_li a:hover{
				background: transparent url(../images/projects_sprite.png)
				-0px -100px no-repeat;
				}
			#tab2_li a:hover{
				background: transparent url(../images/sos_sprite.png)
				-0px -100px no-repeat;
				}
			#tab3_li a:hover{
				background: transparent url(../images/podcast_sprite.png)
				-0px -100px no-repeat;
				}
		
	#splash{
		float:left;
		text-align:center;
		width:750px;
		height:300px;
		/*background-image:url(../images/45minutes_lg.jpg);*/
		margin:0 auto;
		background-color:#CCCCCC;
		}
		
		#splash a{
			width:750px;
			height:300px;
			text-decoration:none;
			display:block;
			}
	#video_embed{
		width:500px;
		margin:0 auto;
		text-align:center;
		}
			
	#videos{
	margin:10px 0px 10px 0px;
	background-color:#fff;
	border:#fff thin solid;
	width:960px;
	overflow:auto;
	overflow-x:hidden;
	overflow-y:hidden;
	}

	#slider_stage{
	height:265px;
	margin:0 auto;
	/*padding-top:20px;
	padding-bottom:0px;*/
		}
	
		#slider_list{
		width:2000px;
		border:0;
		margin:0;
		padding:0;
		left:0px;
		}
		#slider_list li{
		list-style:none;
		margin:0;
		/*padding:5px;*/
		border:0;
		/*background:#DEDEDE;*/
		float:left;
		width:320px;
		height:265px;
		}

		#slider_buttons{
			margin:0 auto;
			padding:0;
			width:960px;
			font-size:14px;
			font-weight:bold;
			background-color:#fff;
			color:#FF6699; 
			font-family:"Century Gothic", Arial, sans-serif;
			text-align:center;
			}
		#slider_buttons a, #slider_buttons a:hover, #slider_buttons a:visited{
			text-decoration:none;
			color:#ff6699;
			}
			

/*COLUMNS*/
#lt_column, #mid_column, #rt_column{
	width:300px;
	/*text-align:left;*/
	padding:10px;
	float:left;
	background-color:#FFF;
	color:#333333;
	}

#lt_column a .read p{
	color:#333333;
	}

#lt_column a span  .read p:visited{
	color:#333333;
	text-decoration:none;
	}

#happening_txt{
	float:left;
	text-align:center;
	/*padding-left:5px;*/
	width:300px;
	/*background-color:#000;
	color:#fff;*/
	border:thin solid #ff3300;
	}

	#happening_txt ul{
		margin:0;
		/*padding:0;*/
		list-style:none;
		text-align:left;
		font-size:11px;
		}

	#happening_txt ul li{
		padding:5px;
		}

/* MENU */
#menu{
	float:left;
	width:700px;
	height:40px;
	}

#menu_ul{
		position:relative;
	margin:0;
	padding:0;
	width:700px;
	height:30px;
	}
	
	#menu_ul li{
		list-style:none;
		padding:0;
		float:left;
		margin:0 auto;
		/*background-color:#FFFFFF;
		position:absolute;*/
		}
	#menu_ul li a{
		text-decoration:none;
		font-size:14px;
		color:#c23322;
		font-weight:bold;
		}
	#menu_ul li, #menu_ul li a{
		height:30px;
		width:100px;
		display:block;
		text-align:center;
		}

	#menu_ul li a:hover{
		background-image:url(../images/menubar.png);
		background-repeat:no-repeat;
		background-position:top;
				}
				
	#menu_ul li a:active, .active{
				background: transparent url(../images/menubar.png)
				-0px -30px no-repeat;
				background-position:bottom;
				}

#quotes{
	/*font-weight:bold;*/
	font-family: Tahoma, Helvetica, Arial, sans-serif;
	font-size:14px;
	}
	
	#quotes p{
		padding-bottom:2em;
		padding-bottom:2em;
		}

/* CONTACT PAGE */
#contact_content{
	position:absolute;
	top:0;
	left:650px;
	height:400px;
	width:300px;
}
#contact_content table{
	width:60%;
	display:block;
	text-align:left;
	float:left;
	margin:60px;
	}


/* SOS PAGE */

#sos{
	width:80%;
	margin:0 auto;
	}
	
#sos_left{
	width:60%;
	}

#sos_right{
	width:35%;
	}

.sub_content{
	width:80%;
	margin:0 auto;
	}
	
	.sub_content img{
	padding:10px;
	}

.split{
	width:46%;
	padding:5px;
	}

.split_marathon{
	width:35%;
	padding:5px;
	}

.divider{
	height:100%;
	background-image:url(../images/divider.png);
	background-position:top;
	background-repeat:repeat-y;
	}
	
.display_none{
	display:none;
	}

.special{
	color:#c23322;
	font-weight:bold;
	text-decoration:none;
	cursor:pointer;
	}
	
.important{
	font-weight:bold;
	font-size:14px;
	}
	
#media_window{
	width:400px;
	height:250px;
	border:thin solid #c23322;
	text-align:center;
	}

	
#podcasts h2{
	padding-top:20px;
}

#marathon a img, #gallery img, .split a img{
	border-style:none;
	padding:5px;
	}
.read{
	float:left;
	clear:both;
	}
#nitc{
	height:200px; 
	width:300px;
	background-color:#ffffff;
	margin:0 auto;
	padding:10px;
	}


#gallery table{
	margin-top:10px;
	margin-bottom:10px;
	}

#reviews_r a{
	color:#333333;
	}

/* calendar/events stuff */
#events_r{
	width:33%;
	}

#events_l{
	width:63%;
	}

#events_r table{
	width:100%;
	padding:0;
	margin:0;
	font-size:12px;
	}

#events_rl table tr td{
	padding:5px;
	}
.view-cap, .view-container-border {
background-color: #fff !important;
}


/*marathon stuff */
#thermometer{
	width:100%;/*300px;*/
	text-align:center;
	font-size:11px;
	margin:0 auto;
	border:2px solid #c23322;
	}
#thermometer table{
	display:block;
	width:250px;
	text-align:left;
	margin:0 auto;

	}
#thermometer, #thermometer table {
	background-color:#eeeeee;
	
}
#thermometer_detail{
	display:none;
	}
.more{
	color:#333333;
	font-size:10px;
	cursor:pointer;
	}

click_to_see{
	margin-top:-5px;
	margin-bottom:5px;
	
	}

#double_wide{
	width:940px;
	text-align:justify;
	}

.left_double_wide, .right_double_wide{
	float:left;
	padding:10px;
	text-align:justify;
	}
.left_double_wide{
	width:600px;
	}
/*SCROLLER FOR HOME PAGE */
.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	outline:1px red solid;
}
.jScrollPaneDrag {
	position: absolute;
	background: red;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}



#feature{
position:absolute;
top:270px;
right:1px;
	z-index:999;
	}
#right-sidebar{
	width:330px;
	overflow:hidden;
	padding:0 10px 0 10px;
	height:100% !important;
	outline:yellow 1px dashed;
	}
	
			.holder{
				/*padding-top:70px;*/
				width:320px;
				height:400px;
				margin:0 auto;
				position:relative;
	background-image:url(../images/surf24_bg.jpg);
	background-repeat:no-repeat;
	background-position:top center;
					/*outline:1px green dashed;*/
			}
			#pane2 {
				height: 310px;
				overflow:hidden;
				padding:70px 0 0 0;

			}
	
	
	/* IIFF */
#banner{
	text-align:center;
	margin:5px auto;
}
#banner img{
	margin-top:10px;
	border:none;
	border-style:none;
	/*height:179px;*/
	}
	
	
/* COMMENTS */
.post-recent-comment ul li{
	font-size:12px !important;
	padding:5px;
	color:#333333;
}