@charset "utf-8";
/* CSS Document */

Body{
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 95%;
	background-image: url(/images/template/bg.jpg);
	background-repeat: repeat-x;}

*{
	margin: 0px;
	padding: 0px;}

a:link, a:visited{
	color: #CC0000;
	text-decoration: none;}

a:hover{
	text-decoration: underline;}
	
p, li{
	font-size: 80%;
	color: #666666;
	line-height: 15px;}
	
#pageContent P{
	margin: 8px 0;}

#columnsRight P{
	margin: 10px 0px;}

H1{
	font-weight: normal;
	color: #FFA201;
	margin-bottom: 0px;}

H2{
	font-weight: normal;
	color: #D50028;
	margin-bottom: 10px;}
	
H4{
color: #333;
font-weight: normal;
font-style: italic;
font-size:100%;
margin-top:5px;
}

H5
{
color: #003300;
font-weight: bold;
font-size:80%;
margin-top:15px;
}

	
H6
{
color: #468261;
font-weight: bold;
font-size:75%;
margin-top:15px;
}


img
{
border: 0px;
}	

img.imageLeft{
	float: left;
	margin-right: 10px;}	

img.imageRight{
	float: right;
	margin: 10px 0 5px 10px;}	

#columnsRight ul{
	margin: 10px 0 10px 40px;}

#columnsRight li{
	list-style: none;
	background-image: url(/images/template/bullet_arrow.gif);
	background-position: 2px left;
	background-repeat: no-repeat;
	padding: 0 0 0 15px;
	font-weight:bold;
	margin: 8px 0;}

#columnsRight li a:link, #columnsRight li a:visited, #columnsRight li a:active{
	color: #666666;}

#columnsRight li a:hover{
	color: #CC0000;}

/* ----form --*/	

fieldset{
	width: 410px;
	padding: 10px;}

LEGEND{
	font-size: 85%;
	font-weight: bold;
	color: #CC0000;
	padding: 0 5px 0 0;}
	
label{
	display:block;
	float: left;
	width: 140px;
	}

.txtBox{
	float: left;
	height:18px;
	margin:0px 0px 1px 0px;
	border:1px solid #7F9DB9;
	width: 250px;}
	
.selectBox{
	width: 252px;
	height:22px;
	font-size: 100%;}
	
.textareaBox{
	width: 250px;
	height:50px;
	font-family: Arial, Helvetica, sans-serif;
	margin:0px 0px 1px 0px;
	border:1px solid #7F9DB9;
	}

FORM p{
	clear: both;
	}
	
p.submit{
	text-align: right;
	padding-right: 20px;}

/* width */	

#header, #pageContent, #footer{
	width: 740px;
	margin: 0 auto;
	padding: 0 10px;}

#header{
	height: 146px;}

#header IMG{
	float: left;}

#headerContact{
	float: right;
	margin-top: 40px;
	text-align: right;}

#headerContact P{
	color: #FFF;
	font-size: 80%;
	font-weight: bold;}

#headerContact a{
	color: #fff;}
		
#header ul{
	margin-top: 3px;
	float: right;
	clear: both;}
	
#header li{
	list-style: none;
	text-align:center;
	float: left;
	margin: 0 5px;}

#header li a:link, #header li a:active, #header li a:visited{
	width: 80px;
	display: block;
	color: #D5DBB5;
	padding-bottom: 3px;
	border-bottom: 8px solid #D5DBB5;}
	
#header li a:hover{
	color: #FFA201;
	text-decoration: none;
	border-bottom: 8px solid #FFA201;}
	
#pageContainer{
	background-image: url(/images/template/bg_pattern.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	border-bottom: 2px solid #529A74;}
	
#pageContent{
	padding-top: 20px;
	padding-bottom: 30px;	}

#pageContent .banner{
	margin: 10px 0 15px 0;}

/* --- homepage --*/

#welcome{
	float: left;
	width: 500px;
	margin: 0 35px 5px 10px;}

#quickLinks{
	float: left;
	width: 175px;
	margin-top: 10px;}

#quickLinks li{
	list-style: none;
	background-image: url(/images/template/bullet_arrow_red.gif);
	background-position: 2px left;
	background-repeat: no-repeat;
	padding: 0 0 0 15px;
	margin: 8px 0;}

#quickLinks li a:link, #quickLinks li a:active, #quickLinks li a:visited{
	color: #666666;}

#quickLinks li a:hover{
	color: #D50028;}

/* --- info panel --*/

.infoPanel{
	float: left;
	width: 225px;
	margin: 10px 28px 0 0;
	height: 245px;
	background-image: url(/images/homepage/bg_infoPanelBorder.gif);
	background-position:top;
	background-repeat: repeat-y;
	border-bottom: 12px solid #468261;}

.infoPanel H3{
	padding: 10px 10px 0px 15px;
	font-size: 100%;
	color: #2F5941;
	background-image: url(/images/homepage/bg_infoPanel.gif);
	background-position:  top;
	background-repeat: no-repeat;}

#pageContent .infoPanel P{
	margin: 7px 15px;}

#pageContent .infoPanel P.moreLink{
	text-align: right;}

.infoPanelRight{
	margin-right: 0px;}
	


#footer{
	clear: both;
	height: 50px;
	margin-top: 15px;}

#footer IMG{
	float: left;
	margin-right: 7px;}

#footer P{
	padding-top:2px;}
	
/* ----misc --*/	
	
.clear
{
clear: both;
}