BODY {scrollbar-3d-light-color:#4c5272;
           scrollbar-arrow-color: #000000;
           scrollbar-base-color: #495273;
           scrollbar-dark-shadow-color:#000000;
           scrollbar-face-color:#495273;
           scrollbar-highlight-color:#ab9d74;
           scrollbar-shadow-color:black;
	       background:url(../Images/Components/bk.gif) repeat;
}
#page {
	width:790px;
	margin:0 auto;
	text-align:left;
	position:relative;
	background: #4b5372;
}
#header {
	width:790px;
	height:104px;
}
#headernav {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#bebfc3;
	font-weight:bold;
	text-align: center;
	width:790px;
	height:18px;
	line-height: 1.8em;
	background:url(../Images/Header/headnav.gif) no-repeat;
	}
	#mainprimary {
	width:790px;
	height:162px;
	}
	#blueline {
	width:790px;
	height:1.5px;
	background:url(../Images/Header/basicblue.gif) no-repeat;
	font-size:1px;
	}	
    #tabnav {
	float: right;
	width:330px;
	height:28px;
	border-left:3px solid #42465f;
	border-right:2.5px solid #42465f;
	border-bottom:2px solid #42465f;
	margin-right:8px;	
	margin-left:5px;
	margin-bottom:5px;		
}
#middle {
width:790px;
font-family:Verdana, Trebuchet, Arial, Verdana, Sans-serif;
font-size:10pt;
background:url(../Images/Body/body.gif) repeat;
}
#content{
margin-left:30px;
margin-right: 10px;
margin-top:12px;
padding-top:5px;
width: 740px;;
font-family: Verdana, Trebuchet MS, Trebuchet, Arial, Verdana, Sans-serif;
font-size: 10pt;
color: #000033;
}
#maincontent{
margin-left:30px;
margin-right: 10px;
width: 740px;
font-family: Verdana, Trebuchet MS, Trebuchet, Arial, Verdana, Sans-serif;
font-size: 10pt;
color: #000033;
}
#footer-1 {
        font-family:Verdana, Arial, Helvetica, sans-serif;
	    font-size:10px;
	    color:#212534;
		width:790px;
	    height:26px;
		text-align:center;
		line-height: 2.5em;
		background:url(../Images/Footer/1-t-footer.jpg) no-repeat;
		}
#footer-2 {
        font-family:Verdana, Arial, Helvetica, sans-serif;
	    font-size:12px;
		width:790px;
	    height:114px;
		background:url(../Images/Footer/2-m-footer.jpg) no-repeat;
		text-align:left;
		line-height:3em;
		}
#f-2-box {
	margin: 3px;
	padding-top:1.5em;
	text-align: center;
	font-size: 10pt;
    color: #4b5372;
    font-weight:bold;
	/*width:620px;*/
	height:20px;}
		
#footer-3 {
		font-family:Verdana, Arial, Helvetica, sans-serif;
	    font-size:9px;
	    color:#42465f;
		decoration:bold;
		width:790px;
	    height:26px;
		text-align:center;
        padding-top:.5em;
		background:url(../Images/Footer/3-b-footer.jpg) no-repeat;		
}

.footertext-1{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#efefef;
	line-height:1.6;
}
.footertext li {
	display:inline;
	
}
/*Additional Navigation*/

#sidebar {
	float: left;
	width: 220px;
	margin: 0px 10px 0px 0px;
	padding: 5px 5px 5px 10px;
	font-size:10pt;
}
h1, h2, h3, h4, h5, h6 {
	color:#4b5372;
	font-family:  Verdana, Arial, sans-serif;
	font-weight:bold;
}

main {
	color:#4b5372;
	font-family:  Verdana, Arial, sans-serif;
	font-weight:bold;
}
h1, h2 {
	font-size:19px;
	margin-bottom:2px;
}
h3 {
	font-size:14px;
	margin-bottom:5px;
}
h4, h5, h6 {
	font-size:12px;
	margin-bottom:5px;
}
#headers_float{
    margin: 3px;
	padding-top:1.5em;
	text-align: center;	
	height:20px;
	color:#4b5372;
	font-family: Verdana, Arial, sans-serif;
	font-weight:bold;
	font-size: 14px;
	margin-bottom:5px;
}
#headers_float_related_links{
    margin: 3px;
	padding-top:1.5em;
	text-align: center;	
	color:#4b5372;
	font-family: Verdana, Arial, sans-serif;
	font-weight:bold;
	font-size: 14px;
	margin-bottom:5px;
}
.sitedesc {
	font-size:11px;
	line-height:1.2;
}
a.dtlinks{
text-decoration: underline;
font-family: Trebuchet MS, Trebuchet, Arial, Verdana, Sans-serif;
font-size: 10pt;
color: #111857;
}
a.dtlinks:hover{
text-decoration: underline;
font-family: Trebuchet MS, Trebuchet, Arial, Verdana, Sans-serif;
font-size: 10pt;
color: #eae6d9;
}
a.dtname{
text-decoration: underline;
font-family: Trebuchet MS, Trebuchet, Arial, Verdana, Sans-serif;
font-size: 10pt;
color: #4b5372;
}
a.dtname:hover{
text-decoration: underline;
font-family: Trebuchet MS, Trebuchet, Arial, Verdana, Sans-serif;
font-size: 10pt;
color: #eae6d9;


/*Related to Satterley Pages*/
}
#Satterley-right-cont{
width: 280px;
float: right;
margin: .5em;
padding-left: 1px;
padding-right: 1px;
padding-top: 0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#212534;
text-align:center;
}
#satterley{
width: 257px;
float: right;
margin: .5em;
padding-left: 1px;
padding-right: 1px;
padding-top: 0px;
border-style:solid;
background-color:#9c9173;
border-color:#eae6d9;
border-bottom-width:1.8px;
border-left-width:1.8px;
border-right-width:1.8px;
border-top-width:1.8px;
}
#thumb-container{
width: 195pt;
float: right;
margin: .5em;
padding-left: 2px;
padding-right: 2px;
padding top: 2px;
background-color:#9c9173;
border-style:solid;
background-color:#9c9173;
border-color:#eae6d9;
border-bottom-width:1.5px;
border-left-width:1.5px;
border-right-width:1.5px;
border-top-width:1.5px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#ffffff;
text-align:left;
}
#Description{
width: 195pt;
float: right;
margin: .5em;
padding-left: 2px;
padding-right: 2px;
padding top: 2px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#ffffff;
text-align:center;
}
#Audiocontainer{
width: 275pt;
float: left;
margin: .5em;
padding-left: 2px;
padding-right: 2px;
padding top: 2px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000033;
text-align:left;
}
#AudIndent{
width: 195pt;
float: left;
margin: .5em;
}
#Videocontainer{
width: 275pt;
float: left;
margin: .5em;
padding-left: 2px;
padding-right: 2px;
padding top: 2px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000033;
text-align:left;
}
/*End of Satterly Codes*/

/*Navigation - Upper*/


#navcontainer ul
{
margin: 0px;
list-style-type: none;

}
#navcontainer ul li { 
	display: inline; 
}

#navcontainer ul li a
{
text-decoration: none;
padding: .2em .5em;
color: #ffffff;
}

 #navcontainer ul li a:hover
{
padding: .2em .5em;
color: #fbc464;

/*Navigation - Bottom*/

}
#btnavcontain ul
{
margin: 0px;
list-style-type: none;
font-size:9px;
font-weight:bold;
}
#btnavcontain ul li { 
	display: inline; 
}

#btnavcontain ul li a
{
text-decoration: none;
padding: .2em .5em;
color: #4b5372;
}

 #btnavcontain ul li a:hover
{
padding: .2em .5em;
color: #ffffff;
}

#sitecontainer ul
{
list-style-type: none;
font-size:14px;
}
#sitecontainer ul li { 
	display: list; 
	list-style: disc url(bullet.gif) inside;	
	color: #000033;
}
#sitecontainer ul li a
{
text-decoration: none;
padding: .2em .5em;
color: #ffffff;
}
 #sitecontainer ul li a:hover
{
padding: .2em .5em;
color: #111857;
}
#textcontent{
width: 90%;
font-family: Verdana, Trebuchet MS, Trebuchet, Arial, Verdana, Sans-serif;
font-size: 10pt;
color: #000033;
text-align:left;}
/*Tradition*/
#Tradcontainer{
width: 470pt;
float: left;
margin: .5em;
padding-left: 35px;
padding-right: 2px;
padding top: 2px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000033;
text-align:left;
}
#tradgraphic{
float: right;
margin: .5em;
padding-left: 1px;
padding-right: 1px;
padding-top: 0px;
border-style:solid;
background-color:#9c9173;
border-color:#eae6d9;
border-bottom-width:1.8px;
border-left-width:1.8px;
border-right-width:1.8px;
border-top-width:1.8px;
}

#tradholderthing{
float: right;
margin: .5em;
padding-left: 1px;
padding-right: 1px;
padding-top: 0px;
color:#FFFFFF;
text-align:center;
width: 171px;
}

#tradgraphic2{
border-style:solid;
background-color:#9c9173;
border-color:#eae6d9;
border-bottom-width:1.8px;
border-left-width:1.8px;
border-right-width:1.8px;
border-top-width:1.8px;
}
/*Project related stylesheet codes*/
#Prodcontainer{
width: 470pt;
float: left;
margin: .5em;
padding-left: 35px;
padding-right: 2px;
padding top: 2px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000033;
text-align:left;
}

#prodgraphic{
float: left;
margin: .5em;
padding-left: 1px;
padding-right: 1px;
padding-top: 0px;
border-style:solid;
background-color:#9c9173;
border-color:#eae6d9;
border-bottom-width:1.8px;
border-left-width:1.8px;
border-right-width:1.8px;
border-top-width:1.8px;
}

#prodgraphic_right{
float: right;
margin: .5em;
padding-left: 1px;
padding-right: 1px;
padding-top: 0px;
border-style:solid;
background-color:#9c9173;
border-color:#eae6d9;
border-bottom-width:1.8px;
border-left-width:1.8px;
border-right-width:1.8px;
border-top-width:1.8px;
}
.margin160 {
margin-left:160px;
}
.margin25 {
margin-left:25px;
}
#RLinkscontainer{
width: 275pt;
float: left;
margin: .5em;
padding-left: 2px;
padding-right: 2px;
padding top: 2px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000033;
text-align:left;

}
#centerbox{
width: 600pt;
float: center;
margin: .5em;
padding-left: 2px;
padding-right: 2px;
padding top: 2px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000033;
text-align:center;
}
#logoholder{
width:225px;
float: right;
margin-right: 10px;
padding-left: 15px;
padding-right: 0px;
padding-top: 5px;
}
#alpha-container{
width: 500pt;
float: center;
margin: .5em;
padding-left: 10px;
padding-right: 2px;
padding top: 2px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#000033;
text-align:center;
letter-spacing:4px;
background-color:#9c9173;
border-style:solid;
background-color:#9c9173;
border-color:#eae6d9;
border-bottom-width:1.5px;
border-left-width:1.5px;
border-right-width:1.5px;
border-top-width:1.5px;
font-size:14px;
color:#ffffff;
}
a.alphalinks{
text-decoration: none;
font-family: Trebuchet MS, Trebuchet, Arial, Verdana, Sans-serif;
font-size: 14px;
color: #111857;
}
a.alphalinks:hover{
text-decoration: none;
font-family: Trebuchet MS, Trebuchet, Arial, Verdana, Sans-serif;
font-size: 14px;
color: #eae6d9;
}
#glossarycontainer{
width: 25pt;
float: right;
margin: .5em;
padding-left: 35px;
padding-right: 2px;
padding top: 2px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000033;
text-align:left;
}
#fhamap {
    position:relative;
	left: 45px;
	width:640px;
	height:489px;
	background:url(../Images/Map/map-names.gif) no-repeat;
	font-size:1px;
	}
#fhamapc {
    position:relative;
	left: 45px;
	width:640px;
	height:489px;
	background:url(../Images/Map/map-color.gif) no-repeat;
	font-size:1px;
}

a { behavior:url(hover.htc); }

div#links a span {display: none;}

div#links a:hover span {display: block;
   position: absolute; top: 20px; left: 0px; width: 120px;
   padding: 5px; margin: 5px; z-index: 20;
   color: #ffffff; background: #4a5372; border: 4px solid #3d455e;
   font: 12px Verdana, sans-serif; text-align: center; font-weight:bold;
   text-decoration:none;
}
div#links a.hover span {display: block;
   position: absolute; top: 20px; left: 0px; width: 120px;
   padding: 5px; margin: 5px; z-index: 20;
   color: #ffffff; background: #4a5372; border: 4px solid #3d455e;
   font: 12px Verdana, sans-serif; text-align: center; font-weight:bold;
   text-decoration:none;
}
#abbeville{
	position:absolute;
	top: 138px;
	left: 101px;
	/*border: 1px solid #3d455e;*/
	width: 43px;
	height: 14px;	
}	
#aiken{
	position:absolute;
	top: 233px;
	left: 207px;
	height: 28px;
	/*border: 1px solid #3d455e;*/
	width: 47px;
	height: 19px;
}	


#allendale{
	position:absolute;
	top: 316px;
	left: 236px;
	height: 28px;
	border: 1px solid #3d455e;
	width: 47px;
	height: 19px;
}	

#anderson{
	position:absolute;
	top: 93px;
	left: 76px;
	/*border: 1px solid #3d455e;*/
	width: 47px;
	height: 19px;
}	

#bamberg{
	position:absolute;
	top: 293px;
	left: 283px;
	height: 28px;
	border: 1px solid #3d455e;
	width: 47px;
	height: 19px;
}	


#barnwell{
	position:absolute;
	top: 273px;
	left: 233px;
	height: 28px;
	/*border: 1px solid #3d455e;*/
	width: 47px;
	height: 19px;
}	

#beaufort{
	position:absolute;
	top: 406px;
	left: 333px;
	height: 28px;
	/*border: 1px solid #3d455e;*/
	width: 47px;
	height: 19px;
}	

#berkeley{
	position:absolute;
	top: 285px;
	left: 416px;
	height: 28px;
	/*border: 1px solid #3d455e;*/
	width: 47px;
	height: 19px;
}	
#calhoun{
	position:absolute;
	top: 218px;
	left: 311px;
	height: 28px;
	border: 1px solid #3d455e;
	width: 47px;
	height: 19px;
	}
#charleston{
	position:absolute;
	top: 361px;
	left: 389px;
	height: 28px;
	/*border: 1px solid #3d455e;*/
	width: 47px;
	height: 19px;
	}
#cherokee{
	position:absolute;
	top: 12px;
	left: 208px;
	height: 28px;
	/*border: 1px solid #3d455e;*/
	width: 47px;
	height: 19px;
}	
#chester{
	position:absolute;
	top: 77px;
	left: 267px;
	height: 28px;
	border: 1px solid #3d455e;
	width: 47px;
	height: 19px;
	}
#chesterfield{
	position:absolute;
	top: 72px;
	left: 386px;
	height: 28px;
	/*border: 1px solid #3d455e;*/
	width: 47px;
	height: 19px;
	}
#clarendon{
	position:absolute;
	top: 230px;
	left: 373px;
	height: 28px;
	border: 1px solid #3d455e;
	width: 47px;
	height: 19px;
}	
#colleton{
	position:absolute;
	top: 330px;
	left: 328px;
	height: 28px;
	border: 1px solid #3d455e;
	width: 47px;
	height: 19px;
	}
#darlington{
	position:absolute;
	top: 118px;
	left: 414px;
	height: 28px;
	/*border: 1px solid #3d455e;*/
	width: 47px;
	height: 19px;
	}
#dillon{
	position:absolute;
	top: 112px;
	left: 496px;
	height: 28px;
	border: 1px solid #3d455e;
	width: 47px;
	height: 19px;
}	
#dorchester{
	position:absolute;
	top: 298px;
	left: 349px;
	height: 28px;
	/*border: 1px solid #3d455e;*/
	width: 47px;
	height: 19px;
	}
#edgefield{
	position:absolute;
	top: 209px;
	left: 161px;
	height: 28px;	
	/*border: 1px solid #3d455e;*/
	width: 47px;
	height: 19px;
	}
#florence{
	position:absolute;
	top: 170px;
	left: 443px;
	height: 28px;
	/*border: 1px solid #3d455e;*/
	width: 47px;
	height: 19px;
}	
#fairfield{
	position:absolute;
	top: 110px;
	left: 264px;
	height: 28px;
	border: 1px solid #3d455e;
	width: 47px;
	height: 12px;
	}
#georgetown{
	position:absolute;
	top: 252px;
	left: 485px;
	height: 28px;
	/*border: 1px solid #3d455e;*/
	width: 54px;
	height: 14px;
	}
#greenville{
	position:absolute;
	top: 15px;
	left: 110px;
	height: 28px;
	/*border: 1px solid #3d455e;*/
	width: 52px;
	height: 19px;
}	
#greenwood{
position:absolute;
	top: 160px;
	left: 146px;
	height: 28px;
	/*border: 1px solid #3d455e;*/
	width: 52px;
	height: 19px;
	}
#hampton{
	position:absolute;
	top: 350px;
	left: 268px;
	height: 28px;
	/*border: 1px solid #3d455e;*/
	width: 47px;
	height: 19px;
	}
#horry{
	position:absolute;
	top: 173px;
	left: 529px;
	height: 28px;
	/*border: 1px solid #3d455e;*/
	width: 47px;
	height: 19px;
}	
#jasper{
	position:absolute;
	top: 389px;
	left: 278px;
	height: 28px;
	border: 1px solid #3d455e;
	width: 47px;
	height: 19px;
	}
#kershaw{
	position:absolute;
	top: 108px;
	left: 337px;
	height: 28px;
	/*border: 1px solid #3d455e;*/
	width: 47px;
	height: 19px;
	}
#lancaster{
	position:absolute;
	top: 70px;
	left: 324px;
	height: 28px;
	border: 1px solid #3d455e;
	width: 47px;
	height: 19px;
}	
#laurens{
	position:absolute;
	top: 96px;
	left: 155px;
	height: 28px;
	/*border: 1px solid #3d455e;*/
	width: 47px;
	height: 19px;
	}
#lee{
	position:absolute;
	top: 142px;
	left: 369px;
	height: 28px;
	border: 1px solid #3d455e;
	width: 47px;
	height: 19px;
	}
#lexington{
	position:absolute;
	top: 191px;
	left: 245px;
	height: 28px;
	/*border: 1px solid #3d455e;*/
	width: 47px;
	height: 19px;
}	
#marion{
	position:absolute;
	top: 144px;
	left: 493px;
	height: 28px;
	border: 1px solid #3d455e;
	width: 47px;
	height: 19px;
	}
#marlboro{
	position:absolute;
	top: 89px;
	left: 448px;
	height: 28px;
	/*border: 1px solid #3d455e;*/
	width: 47px;
	height: 19px;
	}
#mccormick{
	position:absolute;
	top: 184px;
	left: 117px;
	/*border: 1px solid #3d455e;*/
	width: 47px;
	height: 14px;
}	
#newberry{
	position:absolute;
	top: 132px;
	left: 211px;
	height: 28px;
	border: 1px solid #3d455e;
	width: 47px;
	height: 19px;
	}
#oconee{
	position:absolute;
	top: 62px;
	left: 17px;
	height: 28px;
	/*border: 1px solid #3d455e;*/
	width: 47px;
	height: 19px;
	}
#orangeburg{
	position:absolute;
	top: 252px;
	left: 294px;
	height: 28px;
	/*border: 1px solid #3d455e;*/
	width: 52px;
	height: 19px;
}	
#pickens{
	position:absolute;
	top: 44px;
	left: 68px;
	height: 28px;
	/*border: 1px solid #3d455e;*/
	width: 47px;
	height: 19px;
	}
#richland{
	position:absolute;
	top: 161px;
	left: 292px;
	height: 28px;
	/*border: 1px solid #3d455e;*/
	width: 47px;
	height: 19px;
	}
#saluda{
	position:absolute;
	top: 170px;
	left: 203px;
	height: 28px;
	border: 1px solid #3d455e;
	width: 47px;
	height: 19px;
}	
#spartanburg{
	position:absolute;
	top: 38px;
	left: 158px;
	height: 28px;
	/*border: 1px solid #3d455e;*/
	width: 52px;
	height: 19px;
	}
#sumter{
	position:absolute;
	top: 181px;
	left: 355px;
	height: 28px;
	/*border: 1px solid #3d455e;*/
	width: 47px;
	height: 19px;
	}
#union{
	position:absolute;
	top: 69px;
	left: 208px;
	height: 28px;
	/*border: 1px solid #3d455e;*/
	width: 47px;
	height: 19px;
}	
#williamsburg{
	position:absolute;
	top: 218px;
	left: 443px;
	height: 28px;
	border: 1px solid #3d455e;
	width: 47px;
	height: 19px;
	}
#york{
	position:absolute;
	top: 30px;
	left: 262px;
	height: 28px;
	/*border: 1px solid #3d455e;*/
	width: 47px;
	height: 19px;
	}
.margin01 { 
margin-left: 15px; 
}

.featureimg {
	width: 205px;
	height: 210px;
	float: left;
	margin-bottom: 13px;
	}
.lgfeatureimg {
	width: 185px;
	height: 137px;
	float: left;
	margin-bottom: 13px;
	padding-right:10px;
	font-family: Verdana, Trebuchet MS, Trebuchet, Arial, Verdana, Sans-serif;
	font-size: 8pt;
}
/*.feature {
	margin-top: 16px;
	clear:both;
	padding-bottom:8px;
	margin-bottom:8px;
}*/

.featuretitle {
	color: #000;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.4;
}


.featureheader a:link, .featureheader a:visited {
	color: #656565;
	font-weight: bold;
 	text-decoration: none;
}
.featureheader a:hover, .featureheader a:active {
	color: #656565;
	text-decoration: underline;
}
.featurecontent {
	min-height: 80px;
	margin-top: 16px;
	clear:both;
	padding-bottom:8px;
	margin-bottom:8px;
}
.featuretitle a:link, .featuretitle a:visited {
	color: #000;
	text-decoration: none;
}
.featuretitle a:hover, .featuretitle a:active {
	color: #000;
	text-decoration: underline;
}
.featuredesc {
	color: #000;
	font-size: 12px;
	line-height: 1.3;
}

.lgfeaturedesc {
	color: #000;
	font-size: 10px;
	line-height: 1.3;
}

.featuretext {
	/*vertical-align:middle;*/
	margin-left: 100px;
	
}

.lgfeaturetext {
	/*vertical-align:middle;*/
	margin-left: 25px;
	
}
