/*
Theme Name: blankSlate
Theme URI: http://shawncope.com
Description: A theme completely stripped of all styling. Functionality is based on the kubrick theme.
Version: 1.0
Author: Shawn Cope
Author URI: http://shawncope.com
Tags: blankSlate, no style, clean, empty

This theme was designed and built by Shawn Cope,
whose blog you will find at http://shawncope.com/

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
*/

@import "style/reset.css";

/*Utility Styles************************/
.alignright {
	float: right;	
}

.alignleft {
float: left;	
}
.center {
	display:block;
	margin:0 auto;
}

body {
	background: #4a5980 url(images/thc-back.png) repeat-x; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #000;
	}
	body.mceContentBody {
	background-color:#FFF;
	background-image:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #7e7d7d;
}

 a:visited, a:link {
	font-weight:normal;
	/*color:#7ba3da; */
	color:#c6231c;
	text-decoration:none;
}
a:hover {color: #980d06; }

h1 {font-family: Georgia, "Times New Roman", Times, serif; margin:0px 0px 8px 0px; padding:0px; color: #980d06; font-size: 21px; font-weight: normal; line-height:22px;}

p { margin: 0;}
img {border: none; clear: none;}

.clear {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

#wrapper	{width: 915px; margin: 0 auto; }

#mainContent {background: url(images/thc_mainBack.png) repeat-y; height: 100%; padding: 0 0 20px 0; }




.topBack {
	background: url(images/thc_topBack.png) no-repeat;

}
   .logo {
	background: url(images/thc-logo.png) no-repeat;   
  position: absolute;
 display: block;
  width: 242px;
  height: 176px;
  margin-left: 57px;
   text-indent: -9999px;
   z-index: 1000;
    }

/* top nav */
#topNav { padding: 0 0 0 480px; background: url(images/thc-topNav-back.png) repeat-x; }
#topNav ul { padding: 20px 0 23px 0; margin: 0;}
#topNav li { list-style: none; 
	display: inline; 
	padding: 17px 10px 10px 10px; 
	background: url(images/nav-divider.png) top left no-repeat;
	background-position: -2px  6px; 
}

#topNav li a{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:16px;
	text-align:center; 
	color:#FFFFFF; 
	text-decoration: none; 	
}
	
#topNav li a:hover{ color:#d7cc74;  }
#topNav li a:visited  {outline: none; -moz-outline-style: none;}	
/* top nav */

/* top  sub nav */
.topSubNav { padding: 0 0 0 650px; }
.topSubNav ul { padding: 20px 0 23px 0; margin: 0;}
.topSubNav li { list-style: none; 
	display: inline; 
	padding: 17px 10px 10px 10px; 
	background: url(images/nav-divider.png) top left no-repeat;
	background-position: -2px  -36px; 
}

.topSubNav li a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:12px;
	text-align:center; 
	color:#fff; 
	text-decoration: none; 	
}
	
.topSubNav li a:hover{ color:#2b6267;  }
.topSubNav li a:visited  {outline: none; -moz-outline-style: none;}	

/* top  subnav */


.homeNews {
	float: left;
	width: 180px;
	 margin-top: 110px;
	 padding: 0 23px 0 30px;
	 border-right: 1px solid #CCC;
	 font-size:10px;
}
.homeNewsImage {
	background: url(images/homeNews-bottom.gif) bottom left no-repeat;
	width:185px;
	padding: 0 15px 25px 10px;
	overflow:hidden; 
}

.homeNews h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#2b6267;
	margin: 0;
	font-weight:bold;
}
.homeNews  h2 a:visited, h2 a:link {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#c6231c;
	margin: 0;
	font-weight:bold;
	text-decoration:none;
}

.homeNews  h2 a:hover {color: #6699cc;}


#homeContent {
	 border-left: 1px solid #CCC;
	margin: 110px 0px 0 233px ;
	padding: 0 0 0 20px;
	z-index: 999;
	width: 360px;
}

#homeRight {
	float: right;
	width: 230px;
	padding: 235px 43px 0 0;
	 margin: 0 24px 0 0; 
	 background: url(images/home-photo.jpg) no-repeat;  
	 z-index: 2;
}

#homeRgtTxt {
	width: 205px;
border-top: 1px solid #CCC;
	font-family:Georgia, "Times New Roman", Times, serif;
	line-height: 20px;
	 margin:  0 25px 0 50px;
	padding: 10px 30px 0 0;

} 



.contentTxt {
margin: 110px 0px 0 225px ;
	padding: 0 65px 0 20px;
	z-index: 999;	
}
.contentTxt h2{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	margin: 0 0 8px 0;
	font-style:normal;
	font-size: 16pt;
	color: #980d06;
}
.contentTxt h3{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	margin: 0 0 8px 0;
	font-style:normal;
	font-size: 14pt;
	color: #56654b;
}

.contentTxt h3 a:visited, h3 a:link {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	font-size: 12pt;
	color:#7ba3da;
	margin: 0;
	text-decoration:none;
}
.contentTxt h3 a:hover {
	color:#d7cc74; 
}

.contentTxt ul {
padding-left: 0;
margin-left: 15px;	
}

.contentTxt li {
list-style-type: none;
	 background: url(images/bullet.gif) top left no-repeat; 
	padding: 0 5px 8px 17px;		
	background-position:  0px 2px;
}

.introTxt {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	font-style:normal;
	font-size: 10pt;
	line-height: 14pt;
	color: #4c5844;
}


#leftBar {
	float: left;
	width: 180px;
	 margin-top: 52px;
	 padding: 0 23px 0 30px;
	 font-size:10px;
}

#leftBar h2  {
	font-family:Arial, Helvetica, sans-serif;	
	color:#8e9887;
	padding: 8px 0 7px 3px;
	font-variant:small-caps;
	letter-spacing: 1px;
	margin: 0;
	font-weight:bold;
	text-decoration:none;
	background: url(images/leftBar-top.gif) no-repeat;  
}

#leftBar h2 a:visited,  a:link {
	font-size: 12px;
		color:#8e9887;
}

#leftBar h2 a:hover {
	color:#a62a24;
}
#leftBar a:visited,  a:link {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color:#6699cc;
	margin: 0;
	text-decoration:none;
}

#leftBar a:hover {color: #a62a24;}


#leftBar  ul {	
	padding: 60px 0 0 5px;
}

#leftBar  ul ul {
	padding: 3px 0 10px 15px;
}
#leftBar  ul li {
	padding: 3px 0 0px 5px;
}

#footer {
		background: url(images/thc_footer.png) no-repeat;  
		height: 24px;
		padding: 20px 0 20px 0;
		color:#FFF;
	}
	
	#footer a:visited,  a:link {
		color:#7ba3da; 
	
	}
	.txtBold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style:normal;
	font-size: 12px;
	line-height: 14pt;
	color: #4c5844;
}

.txtBold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style:normal;
	font-size: 12px;
	line-height: 14pt;
	color: #4c5844;
}

.txtBoldBlue {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style:normal;
	font-size: 11px;
	line-height: 14pt;
	color: #00628b;
}

.txtBlue {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style:normal;
	font-size: 11px;
	line-height: 14pt;
	color: #00628b;
	background:none;
}


.dottedUnderline {
	border-bottom: 1px dotted #CCC;	
	padding: 0 0 3px 0;
	
}


#audio-box-2 {
		background: url(images/audio-back-2.gif) no-repeat;  
		padding: 10px 0 20px 45px;
		height: auto;
		position: relative;
	}	
#audio-box-3 {
		background: url(images/audio-back-3.gif) no-repeat;  
		padding: 10px 0 20px 45px;
		height: auto;
		position: relative;
	}
	
#audio-box {
		background: url(images/audio-back.gif) no-repeat;
		padding: 10px 0 20px 35px;
	position: relative;
	}	
	
.audioplayer_container {
		position:relative;
		max-height: none;
		width:auto;
		height: auto;
		background: none;
}

#audioplayer_1 {
position:relative;
background: none;
}
	
	/* expanding boxes  */
	ul.simple, ul.simple li{ list-style: none outside; padding: 0; background-image:none; margin: 0;}
ul.simple li p, ul.simple li h4{ /*padding: 5px 20px; */ }

#slide-container {text-align: left; /*background: #4C4C4C; color: #949494; */padding: 0 10px 10px 0px; }
	
	#slide-container h3 { width: 500px; height: 40px; line-height: 40px; padding: 0 0px; margin: 5px 0; position: relative; cursor: pointer;}
	#slide-container h3 a{ text-decoration: none; }	
	#slide-container h3 span { position: absolute; top: 0; left: 95px;  font-size: 0.8em; font-weight: bold;}
	
	/*#container h2{padding: 5px;  }*/
	

div.collapse{ width: 480px;  margin: 5px 0; border: 1px solid #ccc;}	
div.collapse-container{ width: 450px; height: 100%; padding: 15px 20px; }
	
	/* end expanding boxes  */
	