/* 
Tyndale University College & Seminary
www.tyndale.ca

Andrew Smith - Web Developer
December 2006

University College content page style - blue (blu)

COLOURS
-------
Black 1: 		#333
Black 2:		#414141
Grays:			#aaa | #ccc | #ddd

Tyndale Blue:	#037
Tyndale Red:	#701 		 
*/

/* core */
html, body, #main_container { min-height: 100%;	width: 100%; height: 100%;}
html>body, html>body #main_container {height: auto; }

body {
	font: 1em Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	margin:0;
	padding:0;
	background: #ddd url(../img/v7_cont_bg.gif) repeat-y center top;
}

#main_container {
	margin:0;
	padding:0;
	/*position:absolute;
	top:0;
	left:0;*/
	height: auto;
	margin:0 auto;
	margin-top:7px;
	background: url(../img/v7_top_bg_blu.gif) repeat-x left top;	
}

a, a:visited { color:#037; text-decoration:underline; }
a:hover, a:active { color:#701; text-decoration:none; }


/* header area */
#header {
	background: transparent url(../img/v7_hd_bg_blu.gif) no-repeat center top;
	margin:0;
	margin-top:25px;
	padding:0;
	height:105px;
}


#hd_cont { width:770px; margin:0 auto; padding-left:10px; }

#header_links {
	float: right;
	padding-right:85px;
	margin-top:5px;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
}

	#header_links a, #header_links a:visited {color:#fff; text-decoration:none; }
	#header_links a:hover, #header_links a:active {color:#ddd; text-decoration:underline; }
	
#print_hd {width:0; height:0; display:none;}
	
/* content area */

#cont_rap {
	width:780px;
	margin: auto;
	margin-bottom:10px;
	background: #FFF url(../img/v7_cont_flame_bg.gif) no-repeat right top;
}

#crummy {
	font: 0.7em Verdana, Arial, Helvetica, sans-serif;
	margin-top: 0px;
	padding: 7px 0 7px 16px;
	color:#701;
	background: #efefef url(../img/v7_crummy_bg.gif) no-repeat right top;
	border-bottom:1px solid #ddd;
}

#crummy a, #crummy a:visited { color:#701; text-decoration:underline; }
#crummy a:hover, #crummy a:active { color:#037; text-decoration:none; }
#crummy_date {float: right; padding-right:27px; color:#777;}

#col_1 {
	width: 185px;
	padding:0px 16px 10px 16px;
	float:left;
	vertical-align:top;
	background: #fff url(../img/v7_col_line.gif) no-repeat right top;
	margin-top:7px;
}

#col_1 h3 {
	font: 1.2em "Trebuchet MS", Verdana, Arial, sans-serif;
	color:#037;
	margin:0;
}

#col_1 h3 a, #col_1 h3 a:visited { text-decoration:none; color:#037; }
#col_1 h3 a:hover, #col_1 h3 a:active { text-decoration:underline; color:#701; }

.menu_links {
	font: 0.9em "Trebuchet MS", Verdana, Arial, sans-serif;
	margin-top:5px;
}

.menu_links li {	list-style: url(../img/v7_news_bullet.gif) outside; margin-left:-27px; }

#col_2 {
	width: 515px;
	padding:0px 16px 10px 16px;
	float:left;
	vertical-align:top;
	margin-top:7px;
	font: 0.9em/1.5em Verdana, Arial, Helvetica, sans-serif;
	/*border:1px dashed red;*/
}

/* 2 col content */
#twoc_col1 {
	width: 290px;
	padding:10px 16px 10px 16px;
	float:left;
	vertical-align:top;
	background: #fff url(../img/v7_col_line.gif) no-repeat right top;
	margin-top:7px;
	/*border:1px dashed red;*/
}

#twoc_col2 {
	width: 140px;
	padding:0px 16px 10px 16px;
	float:left;
	vertical-align:top;
	margin-top:7px;
	margin-left:7px;
	text-align:left;
	font: 0.9em/1.5em Verdana, Arial, Helvetica, sans-serif;
	/*border:1px dashed red;*/
}






/* footer */
#footer {
	clear: both; 
	border: 0; 
	width: 100%;
	margin-top: 0px;
	}

#footer_cont_rap {
	font:11px/1.5em Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	width:760px;
	margin: 0 auto;
	padding: 10px 10px 30px;
	text-align:left;
	background:#777777;
	border-top:1px solid #333;
}
#footer_cont_rap a, #footer_cont_rap a:visited {color:#fff; text-decoration:underline; }
#footer_cont_rap a:hover, #footer_cont_rap a:active {color:#ddd; text-decoration:none; }

#footer_cont_rap h5 {margin:7px 0 -5px; font: bold 13px "Century Gothic", Tahoma, "Trebuchet MS", sans-serif; }
#footer_cont_rap h4 {margin:0; font: bold 13px "Century Gothic", Tahoma, "Trebuchet MS", sans-serif; }



#footer_contL {
	position:relative;
	float:left;
	width: 450px;
	padding:10px 16px 5px 16px;
	font:13px/1.5em "Century Gothic", Tahoma, "Trebuchet MS", sans-serif;
	color:#fff;
	background: url(../img/v7_footer_sep.gif) no-repeat right top;
}
#footer_contR {
	position:relative;
	float:left;
	width: 237px;
	padding:10px 16px 5px 16px;
	font:11px/1.5em Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	margin-left: 7px;
}

#footer_contR li {	list-style: url(../img/v7_footer_mail.gif) outside; margin-left:-22px;}

#footer_search { margin:17px 0; }
.footer_search_butt {background:#636363; color:#fff; font: 13px "Century Gothic", Tahoma, "Trebuchet MS", sans-serif; border:1px solid #fff;}
.footer_searchbar {background:#efefef; color:#333; font: 13px "Century Gothic", Tahoma, "Trebuchet MS", sans-serif; border:1px solid #333; padding:1px 3px;}


#cc a, #cc a:visited, #cc a:hover, #cc_rap a:active {color:#fff; text-decoration:none; }
#print_cc {display:none; }

/* odds and ends */
.clear { clear:both; height:1px; }
#yupper {
	background: #FF9;
	border:1px solid #ddd;
	padding:10px;
	margin: 10px 0;
	font: 0.9em/1.5em Verdana, Arial, Helvetica, sans-serif;
	color:#333;
}

/* alt table rows */
.odd {background:#efefef;}
.even {background:#fff;}

.td_left {border:1px solid #333; border-top:0; padding:3px;}
.td_right {border:1px solid #333; border-top:0; border-left:0; padding:3px;}
.td_mid {border-right:1px solid #333; border-bottom:1px solid #333; padding:3px;}
.th_hd { border-bottom:1px solid #333; padding:3px; font-weight:bold; text-align:center;}