/* CSS Document */

/* ------------------------------------------------------------------------------------- */
/* common */

body {            
    font: 12px/14px Arial, Verdana, Geneva, Helvetica, sans-serif;            
	background-color: #6a5c3c;
	color: #000000;
    margin: 0 auto;
	text-align: center; 
	padding: 0;	  
	background: #6a5c3c url(images/bg-vert.gif) repeat-x; 
    }
	
a:link, a:active{color: #330000; font-weight: bold; text-decoration: none;}
a:visited {color: #006633; font-weight: normal; text-decoration: none;}

a:hover {color: #990000; text-decoration: none;}
#content a, #rightside a {color: #330000; border-bottom: 1px dotted #002d57;}
#footer a {color: #EAE5E5; text-decoration: underline;}
#content a:hover {color: #990000; border-bottom: none;}
div.b2 a:link, div.b2 a:hover{border-bottom: none;}
acronym {
	font-style: italic; 
	cursor: help;
    border-bottom: 0;	
	}



/* ------------------------------------------------------------------------------------- */
/* MAIN PAGE */


#container  {              
	position: relative;
	top: 15px;
	margin: 0 auto;
	text-align: center;
	width: 774px; 
	padding: 0;
    }

#navbar {
	position: relative;
	height: 80px;
	padding: 0;
	margin: 0;
}

#mainhead {
	position: relative;
	top: -3px;
	width: 774px;
	height: 260px;
	padding: 0;
	margin: 0;
	background: url(images/bg-gray.jpg) no-repeat bottom; 
}

#logo {
	position: relative;
	float: left;
	width: 486px;
	height: 260px;
}
#largeimage {
	position: absolute;
	left: 485px;
	width: 277px;
	height: 230px;
	margin: 0;

}
#orangebox {
	position: absolute;
	top: 160px;
	left : 0;
	width: 300px;
	height: 100px;
	background-color: #cc9e3c;
	z-index: 105;
	font: 14px/14px "TW Cen MT Condensed", Arial, Verdana, Geneva, Helvetica, sans-serif; color: white;  
}
#orangebox p {padding: 10px; font: 14px/1.2em Arial, Verdana, Geneva, Helvetica, sans-serif; color: white; }
.graybox {
position: absolute;
top: 315px;
left: 355px;
font: bold 12px Arial, Verdana, Geneva, Helvetica, sans-serif; color: black;    }

#navbar ul {margin: 0; padding: 0;list-style-type: none; margin-top: -3px;}
#navbar ul li {display: inline; float: left;  }

#content{
	position: relative;
	top: -3px;
	width: 774px;
	margin: 0;
	min-height: 530px;
	text-align: left;
	padding: 10px;
	background:  transparent url(images/bg-content.gif) repeat-y; 
	}

#content_home{
	position: relative;
	top: -3px;
	width: 774px;
	margin: 0;
	min-height: 900px;
	text-align: left;
	padding: 10px;
	background:  transparent url(images/bg-content.gif) repeat-y; 
	}
#content p, #content_home p, #rightside p{padding: 0px 10px 0 10px;}
 
#leftside {
position: relative;
width: 240px;
border-right: 1px solid #cccccc;
text-align: center;
float: left;
}
#rightside {
position: relative;
width: 494px;
margin: 0 20px 0 0;
float: right;
}

#rightside img {padding: 15px;}

#footer {
	position: relative;
	margin: 0 auto;
	top: 0px;
	width: 775px;
	height: 59px;
	padding: 0;
	text-align: center;
	font: 11px/1.2em Arial, Verdana, Geneva, Helvetica, sans-serif;
	color: #ffffff;
	background: url(images/footer.gif) no-repeat top center; 
	clear: both;
	 }
#footer p {padding-top: 15px;}

h1 {margin-top: 10px; padding: 0 0 0 20px; font: 12px/14px Arial, Verdana, Geneva, Helvetica, sans-serif; }
h2 {margin: 0px 0 10px 25px; padding: 0; font: bold 1.2em Arial, Helvetica, sans-serif; color: #006633; }
h3 {margin: 0px; padding: 0; font: bold 1.0em Arial, Helvetica, sans-serif; border-bottom: 1px solid #B5B2B5; }

.dlist {font: 14px/1.2em Arial, Verdana, Geneva, Helvetica, sans-serif; margin-top: 10px; text-align: left;}
.dlist li {list-style-type: none;}

table.bios, table.bios2 {font: 12px/1.2em Arial, Verdana, Geneva, Helvetica, sans-serif;}
.bios td {  border-left: 4px solid #f2d085; }
.bios td {width: 50%; vertical-align: top;}
.bios h3 {padding-bottom: 5px; font: bold 1.2em Arial, Helvetica, sans-serif; border-bottom: none;}
.bios img {margin: 10px;}

table.bios2 {width:700px; text-align: center; margin: 0 auto; border: none;}
.bios2 td {text-align: center; height: 180px;}
.bios2 h3 {padding-bottom: 5px; font: bold 1.2em Arial, Helvetica, sans-serif; border-bottom: none;}

span.staff {position: absolute; top: 20px; padding-left: 580px; }
span.staff a:link {font: bold 1.0em Arial, Helvetica, sans-serif;}

#logo2 {
	position:absolute;
	right: 200px;
	width: 200px;
	height: 80px;}
	
/* ------------------------------------------------------------------------------------- */

/*----------BlockQuote------*/
div .ban {
float: right;
width: 190px;
font: bold 1.0em Arial;
border-top: 7x solid #CEA244; 
border-bottom: 7px solid #CEA244; 
padding: 5px 15px 0 0;
margin-right: 15px;
text-align: left;
color: #000000;
right: 20px;
}
div .ban h2 {font: bold 1.4em Arial; text-align: center;}
div .ban li {margin-top: 5px;}

/* contact */	
	

#signup table { 
 color: #000000; 
 width: 380px; 
 border-collapse: collapse; 
} 

#signup td {padding-left: 4px; }
.labelcell { 
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; 
 background-color: transparent; 
 width: 150px; 
} 
}
.labelcell2 { 
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; 
 color: #3670A7; 
 background-color: transparent; 
 width: 380px; 
} 

.fieldcell { 
 color: #000000; 
 text-align: right; 
 margin-right: 0px; 
 padding-right: 0px; 
} 


.fieldcell input { 
 width: 200px; 
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; 
 background-color: #D7E5F2; 
 color: #102132; 
 border: 1px solid #284279; 
 margin-right: 0px; 
} 


.button { 
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; 
 background-color: #D7E5F2; 
 color: #102132; 
 margin-left: 12px; 
 margin-top: 3px; 
 margin-bottom: 2px; 
}
.phpForms_main h3 {padding: 10px; font: bold 1.1em Arial; border-bottom: none;}
.phpForms_main h2 {padding: 6px; font: bold 1.4em Arial; border-bottom: none;}
.phpForms_main td {font: 12px Arial;}