/* CSS Document */
html,body{margin:0;padding:0}
html{background:url(../images/bg.gif);}
body {margin:0 auto;	width:758px; padding:10px; text-align:left; background-color:#FFF; border:1px #EAEAEA solid; border-width:2px 2px; font:12px Arial,Helvetica,sans-serif; color:#000;}
div, p, ul, h2, h3, img{
padding:0px; 
margin:0px;
}
ul{
list-style-type:none;
}
/*----TOP PANEL----*/
#topPan{
width:758px; 
height:152px; 
position:relative; 
margin:0 auto; 
padding:0px;
}
#topPan img{
width:758px; 
height:200px; 
position:relative; 
top:10px; 
left:0px;
}
#topPan2{
width:750px; 
height:32px; 
position:relative; 
margin:0 auto; 
padding:0px;
}
#topPan2 ul{
width:750px; 
height:32px; 
position:relative; 
top:80px; 
left:0px;
}
#topPan2 ul li{
float:left; 
width:104px; 
height:32px; 
padding:0 0 10px 2px;
}
#topPan2 ul li a{
display:block; 
width:104px; 
height:32px; 
background:url(../images/menubg-normal.gif) 0 0 no-repeat #968E84; 
color:#968E84; 
font-size:12px; 
font-weight:bold; 
line-height:32px; 
text-align:center; 
text-decoration:none;
}
#topPan2 ul li a:hover{
background:url(../images/menubg-hover.gif) 0 0 no-repeat #FFFFFF; 
color:#000000; 
text-decoration:none;
}
#topPan2 ul li.home{
display:block; 
width:110px; 
height:32px; 
background:url(../images/menubg-hover.gif) 0 0 no-repeat #72BFC5; 
font-size:11px; 
font-weight:bold; 
line-height:32px; 
color:#4A4A4A; 
text-decoration:none; 
text-align:center;
}

/*----/TOP PANEL----*/
/* left side */
#left {
float: center;
width: 758px;
margin: 0 auto;
padding: 0 auto;
}

/* right side */
#right {
float: right;
width: 310px;
margin: 0 auto;
padding: 0 auto;
}


/*----FOOTER PANEL----*/
#footermainPan{
height:62px; 
background:#ffffff 0 0 repeat-x #ffffff; 
color:#ffffff; 
clear:both;
}
#footerPan{
width:747px; 
position:relative; 
margin:0 auto;
}

#footerPan p.copyright{
background:#ffffff; 
color:#000033; 
font:11px/15px "Trebuchet MS",Arial, Helvetica, sans-serif; 
text-align:center;
}
#footer {
	text-align:center; 
	background:#fff;
	clear: both;
	width: 747px;
	margin: 0 auto;
	margin-top: 2px; 
	padding-bottom:2px;
}

#footer span.footerBtns {
color:#fff; 
background:#72BFC5; 
display:block; 
height:20px; 
padding-top:3px;
}
#footer span.footerBtns a {
color:#FFFFFF; 
text-decoration:none; 
padding:0px 10px;
}
#footer span.footerBtns a:hover {
text-decoration:underline; 
background:none;
}
#footer p {
padding:0; 
color:#999; 
line-height: 1.5em;
}
#footer a {
text-decoration: none; 
color: #999;
}
#footer p a:hover {
text-decoration:underline; 
background:none;
}
#content { margin: 0 auto; width: 750px; }
/* left side */
#left {
	float: center;
	width: 750px;
	margin: 0 0 0px 0;
}
	.border { 
		border: 1px solid #AED898;  
		margin: 0 0 10px 0;
	}
	.subheader {
		padding: 15px;
		background: #F1F8ED;
		color: #000000;
		border: 0px solid #D1EAC3;
		font-family: normal 1.6em Georgia, Trebuchet MS, "Arial", Sans-Serif;
	}
	.subheaderthird {
		float: left;
		width: 200px;
		padding: 2px 2px 0px 2px;
		background: #F1F8ED;
		color: #000000;
		border: 2px solid #D1EAC3;
		font-family: normal 1.6em Georgia, Trebuchet MS, "Arial", Sans-Serif;
	}
	.subheadertwothird {
		float: right;
		width: 500px;
		padding: 2px 2px 2px 0px;
		background: #E3F3FC;
		color: #000000;
		border: 2px solid #ABD9F3;
	}
	.highlight { 
		background: #C5E7F6; 
		color: #000; 
		font-family: normal 1.6em Georgia, Trebuchet MS, "Arial", Sans-Serif;
		}
	.left_articles {
		margin: 0 0 10px 0;
		border: 2px solid #eee;
		color: #000000;
		padding: 15px 15px 5px 10px;
		font-family: normal 1.6em Georgia, Trebuchet MS, "Arial", Sans-Serif;
	
	}
	.about_left_articles {
		margin: 0 0 10px 0;
		border: 2px solid #eee;
		color: #000000;
		height:	280px;
		padding: 15px 15px 5px 10px;
		font-family: normal 1.6em Georgia, Trebuchet MS, "Arial", Sans-Serif;
	
	}
		.date { font-size: 1.2em; padding: 0 0 0 12px; background: #fff url(../images/news.gif) no-repeat center left; color: #808080; }
		.date2 { font-size: 1.2em; padding: 0 0 0 12px; background: #F1F8ED url(../images/news.gif) no-repeat center left; color: #808080; }
		.bigimage {
			float: left;
			clear: left;
			margin: 0 15px 10px 0;
		}
	.left_articles2 {
		margin: 0 0 10px 0;
		border: 0px solid #eee;
		color:	#000000;
		padding: 15px 15px 5px 10px;
		font-family: normal 1.6em Georgia, Trebuchet MS, "Arial", Sans-Serif;
	
	}
	.left_box {
		background: #F4F1F8;
		color: #808080;
		border-left: 3px solid #E8E2F2;
		padding: 15px;
		margin: 0 0 15px 0;
		font-family: normal 1.6em Georgia, Trebuchet MS, "Arial", Sans-Serif;
	}
	.vids{
	
		width: 660px;
		height: 450px;
		padding: 0 40px 0 15px;
		background: #FFFFFF;
		color: #FFFFFF;
		font-family: normal 1.6em Georgia, Trebuchet MS, "Arial", Sans-Serif;
	}
	.halves {
		float: left;
		width: 300px;
		padding: 0 40px 0 15px;
		color:	#000000;
		font-family: normal 1.6em Georgia, Trebuchet MS, "Arial", Sans-Serif;
	}
	.conlhalf {
		float: left;
		width: 340px;
		height: 200px;
		padding: 1px 3px 10px 3px;
		border: 3px solid #EEEEEE;
		font-family: normal 1.6em Georgia, Trebuchet MS, "Arial", Sans-Serif;
		color:	#000000;
	}
	.conrhalf {
		float: right;
		width: 340px;
		height: 200px;
		padding: 1px 3px 10px 3px;
		border: 3px solid #EEEEEE;
		font-family: normal 1.6em Georgia, Trebuchet MS, "Arial", Sans-Serif;
		color:	#000000;
	}.reflhalf {
		float: left;
		width: 375px;
		font-family: normal 1.6em Georgia, Trebuchet MS, "Arial", Sans-Serif;
		padding: 10px 10px 10px 10px;
		border: 3px solid #D1EAC3;
	}
	.refrhalf {
		float: right;
		width: 272px;
		height:	60px;
		padding: 10px 10px 10px 10px;
		border: 3px solid #FF9900;
		font-family: normal 1.6em Georgia, Trebuchet MS, "Arial", Sans-Serif;
	}
	.aboutthirds {
		float: left;
		width: 215px;
		height: 90px;
		padding: 10px 10px 10px 10px;
		border: 2px solid #D1EAC3;
		
		
	}
	.thirds {
		float: left;
		width: 185px;
		padding: 10px 10px 10px 10px;
		border: 2px solid #D1EAC3;
		font-family: normal 1.6em Georgia, Trebuchet MS, "Arial", Sans-Serif;
		
	}		
	.two-thirds {
		float: right;
		width: 500px;
		padding: 2px 2px 2px 0px; 
		border: 2px solid #CFD6DF;
		font-family: normal 1.6em Georgia, Trebuchet MS, "Arial", Sans-Serif;
		
	}
	.quarters {
		float: left;
		width: 257px;
		height: 257px;
		border: 20px solid #eee;
		padding: 0 40px 0 15px;
		font-family: normal 1.6em Georgia, Trebuchet MS, "Arial", Sans-Serif;
	}	
	.isssslquarters {
		float: left;
		width: 277px;
		color:	#000;
		border: 10px solid #eee;
		padding: 0 40px 0 15px;
		font-family: normal 1.6em Georgia, Trebuchet MS, "Arial", Sans-Serif;
	}
	.issssrquarters {
		float: right;
		width: 277px;
		color:	#000;
		height: 210px;
		border: 10px solid #eee;
		padding: 0 40px 0 15px;
		font-family: normal 1.6em Georgia, Trebuchet MS, "Arial", Sans-Serif;
	}
	.full {
		float: center;
		width: 750px;
		border: 0px solid #eee;
		padding: 0px 0px 0px 0px;
		font-family: normal 1.6em Georgia, Trebuchet MS, "Arial", Sans-Serif;
	}
	.fullframe {
		float: center;
		width: 750px;
		border: 0px solid #eee;
		padding: 0px 0px 0 0px;
		font-family: normal 1.6em Georgia, Trebuchet MS, "Arial", Sans-Serif;
	}
	.space {
		float: center;
		width: 630px;
		border: 0px solid #fff;
		padding: 0px 0px 0px 0px;
	}
	div.tabArea {
	}

	a.tab {
		background-color: #f0f0f0;
		border: 1px solid #808080;
		border-bottom-width: 0px;
		padding: 8px 4em 8px 4em;
		text-decoration: none;
		position: relative;
	}

	a.tab, a.tab:visited {
		color: #000000;
	}
	a.tab.activeTab {
		z-index: 102;
		background-color: #d0d0d0;
		color: #000000;
	}

	a.tab:hover {
		background-color: #d0d0d0;
		color: #000000;
	}

	div.tabMain {
		background-color: #d0d0d0;
		border: 1px solid #808080;
		padding: 1em;
		position: relative;
	}

	div.tabIframeWrapper {
		width: 100%;
		
	}

	iframe.tabContent {
		background-color: #FFFFFF;
		border: 1px solid #FFFFFF;
		width: 100%;
		height: 210px;
	}



	
/*----------------------------------------------------------------------------------------------------------------------------------*/
.buttonAsLink{
 font-family:       Verdana, Arial, Helvetica, sans-serif;
 font-size:         11px;
 text-align:		left;
 color:             #FF3300;
 background-color:  #FFFFFF;
 font-weight:       normal;
 padding:           0 0;
 border-width:      0;  
 /*border-bottom: 	1px dashed; color: #3F2C57;*/
 text-decoration: 	underline; color: #FF3300;
 cursor:            pointer;
 width:             100px;
 }
 .buttonAsLink:hover { color: #808080; background: inherit; }
