/* COLORS 
Teal - #00B1B0
Purple - #4E2583
*/

/*************************************		DEFAULTS		*******************************************/
* {
	margin: 0;
}
html, body {height: 100%;}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #fff;
	border-top:12px solid #4E2583;
	width:100%;
	padding:0;
	margin:0;
}

.clear{
	clear:both;
}

a{
	color: #00B1B0;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
	color: #4E2583;
}

.left{
	float:left;
}
.right{
	float:right;
}

.imgLeft{
	float:left;
	margin:0 20px;
}

.imgRight{
	float:right;
	margin-left:10px;
}

/*************************************		CONTAINER / HEADER / NAVIGATION		*******************************************/

#wrapper{
	min-height: 100%;
	*min-height:;
}

#headerContainer{
	width:100%;
	border-bottom:12px solid #00B1B0;
	padding:0;
}	
#header{
	width:900px;
	*background-color:transparent;
	height:110px;
	margin:0 auto;
	padding:10px 0 0 0;
}
	
/*************************************		SEARCH		*******************************************/	
	
	#ajaxSearch_form {
           color: #444;
		   float:right;
		   margin:4px 254px 0 0;
		   margin-right:247px\9;
		   *margin:-80px 269px 0 0;	
		   _margin:-80px 0 0 442px;	   
       }
       #ajaxSearch_input {
           width: auto;
           display: inline;
           height: 17px;
           border: 1px solid #ddd;
           border-left-color: #c3c3c3;
           border-top-color: #7c7c7c;
           background: #fff url(images/input-bg.gif) repeat-x top left;
           margin: 0 3px 0 0;
           padding: 2px 0 0 2px;
           vertical-align: top;
		   color:#777;
       }
       .ajaxSearch_submit {
           display: inline;
		   cursor:pointer;
           border: 1px solid #ddd;
           border-left-color: #c3c3c3;
           border-top-color: #7c7c7c;
		   color:#4E2583;
		   font-weight:bold;
		   background-color:white;
		   width:30px;
		   height:21px;
       }
	   	       .ajaxSearch_submit:hover {
			   	   color:#00B1B0;
			   }

       #ajaxSearch_output {
           border: 2px solid #999;
           padding: 7px 7px 7px 9px;
           background: #eee;
		   position:relative;
		   text-align:left;
		   top:-35px;
		   *top:-32px;
		   left:463px;
		   *left:442px;
		   z-index:200;
		   width:421px;
       }
	   .AS_ajax_result{
	   }	
       .AS_ajax_result a{
           color: #000;
		   font-size:14px;
		   font-weight:bold;
           margin: 0 0 8px 0;
       }
       a.AS_ajax_resultLink {
           text-decoration: none;
		   border-bottom:1px solid #4E2583;
		   padding-bottom:2px;
		   width:210px;
		   display:block;
		   font-size:13px;
		   margin-bottom:7px;
       }	
       .AS_ajax_resultExtract{
           color: #333;
		   padding-left:5px;
		   margin-bottom:20px;
		   display:block;
       }
       .AS_ajax_more {
           color: #555;
       }
	   .ajaxSearch_highlight{
	   		color:#4E2583;
			font-weight:bold;
	   }
	   img#searchClose{
	   		cursor:pointer;
			margin-top:4px;
	   }		

/*************************************		NAVIGATION		*******************************************/
	
	#nav {
		width:900px;
		margin:0 auto;
		height:55px;
		*height:10px;
	}
		#nav ul {
			color: #999;
			font-family: Helvetica, sans-serif;
			font-weight: normal;
			text-transform:lowercase;
			margin:-50px 0 0 440px;
			*margin:-50px 0 0 440px;
			z-index:100;
			*position:relative;
		}
		#nav ul li {
			list-style: none;
			display: inline;
			margin-right: 20px;
			font-size: 17px;
		}
			#nav ul li a {
				font-weight: bold;
				color: #999;
				text-decoration: none;
			}
				#nav ul li a:hover{
					color: #4E2583;
					border-bottom:4px solid #00B1B0;
				}
				#nav ul li a.active{
					color: #00B1B0;
					border-bottom:4px solid #4E2583;
				}
					#nav ul li a.active:hover{
						color: #4E2583;
					}
					
/*************************************		MAIN CONTENT START		*******************************************/
					
#thebox {
	width: 900px;
	background-color: white;
	color: #666;
	margin: 20px auto 0px auto;
	padding:0;
	overflow:auto;
	*overflow:;
	padding-bottom: 100px !important;  /* must be same height as the footer */
}

#gallery{
	width:900px;
	height:318px;
	margin:25px 0 0px 0;
}

#subBanner{
	width:900px;
	height:156px;
	margin:25px 0;
}	
	#subBanner h2{
		font-size:0em;
		line-height:0em;
		text-indent:-10000000px;
	}	

#content {
	min-height:350px;						/* IE6 MIN-HEIGHT TRICK */ 	
	height:auto !important;					/* IE6 MIN-HEIGHT TRICK */ 	
	height:350px; 							/* IE6 MIN-HEIGHT TRICK */ 
	color: #666;
	font-family: Helvetica, sans-serif;
	margin: 0px 0px 0px 0px;
	padding: 27px 10px 10px 0px;
}

/*************************************		HOMEPAGE LEFT SIDE		*******************************************/

#content #cloud{
	font-size:24px;
	font-family:Helvetica, Arial, sans-serif;
	color:#4E2583;	
	width:900px;
	text-align:justify;
}
	#content #cloud a{
		color:#00B1B0;	
		font-size:29px;
	}
		#content #cloud a:hover{
			text-decoration:underline;	
		}
	#content #cloud a.ditch{
		text-align:center;
		display:block;
	}	


#content #leftFB {
	width:420px;
	float:left;
	margin:10px 60px 20px 0;
}
	#content #leftFB h3{
		font-size:28px;
		color:#00B1B0;
		margin-bottom:10px;
	}
	#content #leftFB p{
		margin-bottom:15px;
		font-size:12px;
		line-height:140%;
	}	
	#content #leftFB a{
		color:#4E2583;	
	}

/*************************************		HOMEPAGE RIGHT SIDE		*******************************************/

#content #rightTW {
	width:415px;
	height:636px;
	background:url(../images/big-twitter.png) no-repeat 55% 45%;
	margin-top:10px;
	float:left;
	border-top:1px solid #315C99;
	border-left:1px solid #aaa;
	border-right:1px solid #aaa;
	border-bottom:1px solid #aaa;
}
	#content #rightTW img.logo{
		float:left;
		margin:10px 15px 0 5px;
		width:40px;
		height:40px;
	}
	#content #rightTW h2{
		font-family:Verdana, Geneva, sans-serif;
		border-bottom:1px solid #D9DFEB;
		color:#00B1B0;
		margin:0 0 15px 0;
		padding:8px 10px 16px 10px;
		font-size:12px;
		font-weight:bold;
		width:395px;
	}
		#content #rightTW h2 a{
			display:block;
			padding-top:5px;	
		}
		#content #rightTW h2 span{
			font-size:10px;
		}
	#content #rightTW .tweet{
		margin-bottom:15px;	
		padding:0px 10px;
		font-size:12px;
	}
	#content #rightTW .twignature{
		float:right;
		margin:10px 128px 5px 0;
	}
	
#content h2{
	font-size:24px;
	font-family:Helvetica, Arial, sans-serif;
	color:#4E2583;	
	width:900px;
	margin:12px auto;
}
#content h2#prospectus{
	font-size:24px;
	font-family:Helvetica, Arial, sans-serif;
	color:#4E2583;	
	width:900px;
	text-align:center;
	margin-top:15px;
	clear:both;
}

/*************************************		SUBPAGE SETUP		*******************************************/
#content #left {
	width:630px;
	float:left;
	margin-right:40px;
}
	#content #left h3{
		font-size:42px;
		color:#00B1B0;
		margin-bottom:30px;
		text-transform:lowercase;
	}
	#content #left p{
		margin-bottom:15px;
		font-size:14px;
		line-height:140%;
	}

/*************************************		HOMEPAGE BLOG		*******************************************/

#content .post {
	clear:both;
	margin-bottom:20px;
}

#content .post .date {
	float:left;
	margin-right:25px;
	width:125px;
}
	#content .post .date span.number{
		font-size:54px;
		font-weight:bold;
		color:#4E2583;
		float:left;
	}
	#content .post .date span.month{
		font-size:24px;
		font-weight:bold;
		color:#4E2583;
		float:left;
		margin:11px 0 0 2px;
		line-height:82%;
	}
	#content .post .date span.year{
		font-size:21px;
		font-weight:bold;
		color:#4E2583;
		float:left;
	}

#content .post h2 a{ 
	font-size: 44px;
	padding-top:8px;
	color:#00B1B0;
	float:left;
}
	#content .post h2 a:hover{
		text-decoration:underline;
	} 
	#content .post .comments {
		float:left;
		clear:left;
		margin-top:-6px;
	}
		#content .post .comments a{
			color:#00B1B0;
			font-size:12px;
		}
			#content .post .comments a:hover{
				color:#4E2583;
			}

#content .post p{
	margin-top:10px;
	font-size:11px;
}
	#content #ditto_pages{
		margin-bottom:10px;
	}
		#content #ditto_pages span.ditto_currentpage{
			background-color:#4E2583;
			color:white;
			padding:1px 3px;
			margin:0 4px;
			border:1px solid #4E2583;
		}
			#ditto_pages a.ditto_page{
				padding:1px 3px;
				margin:0 4px;
				border:1px solid #4E2583;
				color:#4E2583;
				text-decoration:none;
			}
				#ditto_pages a.ditto_page:hover{
					background-color:#4E2583;
					color:white;
				}
#content .share{
	float:right;
	margin-top:10px;
}
#content ul{
	list-style-type:circle;	
	margin:10px 0;
}
	#content ul li{
		margin:0 0 10px 25px;
		font-size:14px;	
	}



/*************************************		SIDEBAR		*******************************************/

#content #right {
	width:180px;
	padding:20px 0 0 15px;
	float:left;
	border-left:1px solid #eed;
}

#content #right h3 { 
	font-size: 19px;
	background:url(../images/mini-bfs.gif) no-repeat 0% 0%;
	padding:11px 0 0 75px;
	color:#4E2583;
}

#content #right h3.archivesHeader { 
	font-size: 19px;
	background:url(../images/mini-bfs.gif) no-repeat 0% 0%;
	padding:10px 0 0 75px;
	color:#4E2583;
	margin-bottom:10px;
}

#content #right ul{
	list-style-type:square;
	margin:12px 0 5px 27px;
	color:#4E2583;
}
	#content #right ul li{
		line-height:120%;
		font-size:14px;
		margin-bottom:10px;
	}
		#content #right ul li img{
			margin-left:-4px;
		}
	#content #right ul li small{
		font-size:13px;
	}

#content #right .social{
	width:190px;
	margin-left:34px;	
}
#content #right .facebook{
	float:left;
	margin:18px 6px 0 0;
}
#content #right .twitter{
	float:left;
	margin:18px 0 0 0;
}
#content #right .posterous{
	float:left;
	margin:18px 0 0 6px;
}
#content #right .rss{
	float:left;
	margin:18px 0 0 6px;
}
#content #right .spacer{
	display:block;
	border-bottom:1px solid #eee;
	margin:10px 0 20px 0;
}
	
/*************************************		CONTACT FORM		*******************************************/
.contact {
}

.contact #EmailForm fieldset{
	float:left;
	padding:0;
	margin-left:25px;
	_margin-left:10px;
}

.contact #EmailForm label{
	display:block;
	color:#4E2583;
	font-size:12px;
	text-transform:uppercase;
	margin-bottom:1px;
}
	.contact #EmailForm label span{
		font-size:18px;
	}
.contact #EmailForm .text{
	width:330px;
	height:18px;
	margin-bottom:10px;
	border:1px solid #CFC3DF;
	padding:3px;
	font-size:13px;
	color:#4E2583;
}
.text:focus, .text:hover {
	background-color:#fdf9f9;
	border:1px solid #A5ACB2;
}
.text .invalidValue{ border:1px solid #F00; }
.text .requiredValue{ border:1px solid #F00; }

.contact #EmailForm .textarea{
	width:450px;
	height:175px;
	margin-bottom:10px;
	border:1px solid #CFC3DF;
	padding:3px;
	font-size:13px;
	color:#4E2583;
}
.textarea:focus, .textarea:hover {
	background-color:#fdf9f9;
	border:1px solid #A5ACB2;
}
.contact #EmailForm .submit {
	background:url(../images/submit.gif) no-repeat;
	border:none;
	width:118px;
	height:27px;
	cursor:pointer;
	display:block;
	margin:5px 0 20px 340px;
	*margin:5px 0 20px 315px;
	_margin:5px 0 20px 340px;
}

/*************************************		CONTACT FORM		*******************************************/

.member{
}
	.member-image{
		float:left;
		height:400x;
		width:165px;	
	}
	.member-info{
		float:left;
		width:465px;
		margin-bottom:50px;	
	}
		.member-info h4{
			font-weight:bold;
			color:#4e2581;
			font-size:14px;	
		}
		.member-info em.meta{
			font-style:italic;
			color:#666;
			font-size:11px;
			display:block;
			margin-bottom:20px;	
		}
		.member-info ol{
		}
			.member-info ol li{
				margin-bottom:10px;	
				line-height:130%;
			}

/*************************************		FOOTER		*******************************************/

#footerContainer {
	position: relative;
	clear:both;
	padding:20px 0 10px 18px;
	text-align: left;
	font-size:14px;
	color: #fff;
	background-color:#4E2583;
	height:70px;
	margin-top:-100px;
}
#footer {
	margin:0 auto;
	width:900px;
}
	#footer .copy{
		float:left;
		margin:13px 40px 0 0;
		line-height:150%;
	}
	#footer .sponsors{
		float:left;
	}
	#footer .sponsors .chill{
		margin:-5px 0 0 25px;
	}
	#footer .sponsors .cherry{
		margin:-3px 0 0 35px;
	}
		#footer a:hover{
			color:white;
		}