/* Default Styles 
-----------------------------------------------------------------------------------------*/
body {
	width: 100%;
	margin: 0;
	padding: 0;
	font: normal 11px/18px Georgia, Serif;
	color: #333;
	text-align: center;
	background-color: #EEE; }

a {
	font-weight: bold;
	color: #333; }
	
a:link, a:visited, a:active {
	color: #369;
	text-decoration: none; }
	
a:hover {
	color: #999;
	text-decoration: underline; }

.ahem {
	display: none; }

strong, b {
	font-weight: bold; }

/* p {
	font-size: 12px;
	line-height: 22px;
	margin-top: 20px;
	margin-bottom: 10px; } */

/* weird ie5win bug: all line-height to font-size ratios must agree or box gets pushed around. UPDATE: this has turned out to be very rare. my current recommendation is IGNORE this warning. at the moment i'm leaving it in only in case the issue turns up again. possibly the original bug in march 2001 was caused by an unusual combination of factors, although this solved it at the time.*/

h1 {
	font-size: 18px;
	line-height: 26px;
	font-weight: bold;
	color: #369;
	margin-top: 0;
	margin-bottom: 10px; }
	
h2 {
	font-size: 12px;
	line-height: 15px;
	font-weight: bold;
	color: #369;
	margin-top: 0;
	margin-bottom: 5px; }
	
h3 {
	font-size: 16px;
	line-height: 22px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0; }
	
h4 {
	font-size: 14px;
	line-height: 26px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0; }
	
h5 {
	font-size: 12px;
	line-height: 22px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0; }
	
h6 {
	font-size: 10px;
	line-height: 18px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0; }
	
img {
	border: 0; }
	
pre {
	font-size: 12px;
	line-height: 22px;
	margin-top: 20px;
	margin-bottom: 10px; }

.nowrap {
	white-space: nowrap;
	font-size: 10px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	/* must be combined with nobr in html for ie5win */ }
	
.tiny {
	font-size: 9px;
	line-height: 16px;
	margin-top: 15px;
	margin-bottom: 5px; }
	
/* Structural Rules
-----------------------------------------------------------------------------------------*/
#container {
	position: relative;
	width: 760px;
	margin: 0 auto;
	padding: 0;
	text-align: left;	
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	border-left: 1px solid #666;
	background-color: #FFF;
	/* min-width: 760px;
	width: expression(document.body.clientwidth < 760? "760px": "auto" ); 
	border-collapse: collapse; */ }
	
#top {
	width: 760px;
	height: 150px;
	margin: 0;
	padding: 0;
	background: transparent url(../images/bg_main_1.jpg) no-repeat scroll right top; }
	
	a#logo, a#logo:link, a#logo:active, a#logo:visited {
		position: absolute;
		top: 0;
		left: 0;
		width: 320px;
		height: 150px;
		background: transparent url(../images/bg_logo.jpg) no-repeat scroll 0 0; }
	
	#btncontact, #btnhome {
		position: absolute;
		top: 23px;
		left: 325px;
		width: 180px;
		padding: 0 0 0 18px;
		background: transparent url(../images/pic_bullet.gif) no-repeat scroll left; }
		
	#btnhome {
		left: 435px; }
		
		#btncontact a, #btnhome a {
			color: #333;
			font-weight: bold; }
			
		#btncontact a:hover, #btnhome a:hover {
			color: #999;
			text-decoration: none; }

#left {
	float: left;
	display: block;
	width: 200px; 
	margin: 15px 0 0 0;
	padding: 10px 10px 20px 20px;
	border-bottom: 1px dashed #999;
	border-top: 1px dashed #999;
	background-color: #E7DDC1;
	voice-family: "\"}\""; /* ie5win fudge begins */
	voice-family:inherit;
	width: 170px; }
	
html>body #left {
	width: 170px; /* ie5win fudge ends */ }
	
#middle {
	float: left;
	padding: 10px 20px 10px 20px;
	border: 1px dashed #999;
	background: #FFF;
	margin: 15px 0 0 0; }
	
#mainmiddle {
	padding: 0;
	background: #FFF;
	margin: 5px 100px 0 100px; }
	
#mainmiddle img {
	margin: 0 0 5px 5px; }
	
.mainquad {
	border: 1px dashed #999;
	background: #FFF;
	margin: 0;
	padding: 5px 10px 10px 10px; }
	
.mainleft {
	width: 40%;
	min-width: 240px;
	height: 100%;
	border: 1px dashed #999;
	background: #FFF;
	margin: 10px 4% 0 6%;
	padding: 5px 10px 10px 10px; }
		
.mainright {
	width: 40%;
	min-width: 240px;
	height: 100%;
	border: 1px dashed #999;
	background: #FFF;
	margin: 10px 6% 0 4%;
	padding: 5px 10px 10px 10px;
	float: right;
	display: inline; }
	
#right {
	width: 150px;
	margin: 0;
	padding: 15px 0 0 10px;
	border: 0;
	background-color: transparent;
	voice-family: "\"}\"";  /* ie5win fudge begins */
	voice-family:inherit;
	width: 140px; }
	
html>body #right {
	width: 140px; /* ie5win fudge ends */ }
	
	#right a, #right a:link, #right a:active, #right a:visited {
		display: block;
		width: 150px;
		padding: 2px 0 4px 5px;
		font-size: 10px;
		color: #666;
		border-bottom: 1px solid #999;
		background-color: #FFF;
		voice-family: "\"}\"";  /* ie5win fudge begins */
		voice-family:inherit;
		width: 145px; }
	
	html>body #right a, html>body #right a:link, html>body #right a:active, html>body #right a:visited {
		width: 145px; /* ie5win fudge ends */ }

#right a:hover {
	color: #333;
	border-bottom: 1px solid #666;
	background-color: #E7DDC1;
	text-decoration: none; }
	
#footer {
	position: relative;
	float: left;
	width: 740px;
	height: 55px; }

.botnav {
	width: 740px;
	margin: 20px 0 0 20px;
	font-size: 10px;
	line-height: 17px;
	text-align: left;
	display: block; }
	
	.botnav a, .botnav a:active, .botnav a:hover, .botnav a:visited {
		color: #333; }
	
/* Navigation Rules
-----------------------------------------------------------------------------------------*/
#navigation {
	position: relative;
	height: 25px;
	background: transparent url(../images/bg_nav.gif) repeat-x scroll left;}  
	
	#navigation ul { 
		list-style: none outside none; 
		margin: 0;
		padding: 0; }

	/* #navigation li {
		margin: 0;
		padding: 0;
		background-color: #E0E0D1;
		border-bottom: 1px solid #666; } */
		
	#navigation a.anchorroll {
		font-size: 10px; 
		line-height: 12px;
		text-decoration: none;
		color: #666;
		padding: 6px 6px 6px 10px;
		display: block;
		text-decoration: none;
		background-color: #E7DDC1;
		filter: alpha(opacity = 90);
		-moz-opacity: 0.9;
		border-bottom: 1px solid #666;
		width: 140px; }
		
	#navigation a.anchorroll:hover { 
		background-color: #369;
		color: #FFF;
		text-decoration: none; } 
	
	a.navbtn, a.navbtn:link, a.navbtn:active, a.navbtn:visited {
		float: left;
		width: 139px;
		height: 25px;
		font-size: 10px;
		line-height: 25px;
		text-decoration: none;
		text-align: center; 
		border-right: 1px solid #333; 
		color: #F0F0E8;
		cursor: pointer;	
		display: block; }
	
	a.navbtn:hover {
		color: #FFF;
		text-decoration: none;
		background: transparent url(../images/bg_nav_over.gif) repeat-x scroll left; }

.navbtnhold {
		float: left;
		width: 140px;
		height: 30px;
		background: transparent url(../images/bg_button_over.gif) no-repeat scroll left;
		font-size: 10px;
		line-height: 30px;
		text-decoration: none;
		text-align: center;  
		color: #FFF;
		cursor: pointer;	
		display: inline; }
		
.navbtnhold:hover {
		color: #FFF; }

#div1, #div2, #div3, #div4, #div5 { 
	position: absolute;
	top: 25px;
	width: 140px;
	visibility: hidden;
	cursor: pointer;
	z-index: 10; }

#div6 { 
	visibility: hidden; }

#sitenavmap, #sitenavemail, #sitenavhome {
	position: absolute;
	top: 10px;
	width: 73px;
	height: 9px;
	cursor: pointer; }
	
#navtable {
	border-collapse: collapse; }
	
#sitenavmap {
	left: 324px;
	background: transparent url(../images/btn_sitemap_off.gif) no-repeat scroll left; }

	#sitenavmap:hover {
		background: transparent url(../images/btn_sitemap_over.gif) no-repeat scroll left; }

#sitenavemail {
	left: 418px;
	background: transparent url(../images/btn_email_off.gif) no-repeat scroll left; }

	#sitenavemail:hover {
		background: transparent url(../images/btn_email_over.gif) no-repeat scroll left; }

#sitenavhome {
	left: 515px;
	background: transparent url(../images/btn_home_off.gif) no-repeat scroll left; }

	#sitenavhome:hover {
		background: transparent url(../images/btn_home_over.gif) no-repeat scroll left; }
		
/* Web Form Rules
-----------------------------------------------------------------------------------------*/		
.mainfield {
	width: 250px; 
	font: normal 10px/10px Verdana, Arial, Geneva, Sans-serif; 
	color: #333; 
	background-color: #FFF; 
	border: 1px solid #999; }
	
.formbutton { 
	width: 90px;
	height: 20px;
	font: normal 9px/9px Georgia, Serif; 
	color: #333; 
	font-weight: bold;
	background-color: #F0F0E8; 
	border: 1px solid #999;
	cursor: pointer; }