/* CSS Document */

body{
	margin: 0px;
	padding: 0px;
	font: 11px verdana;
}

h1{	
	font: bold 14px verdana;
	color: #45719b;
	display: inline;

}

h2{	
	font: 15px verdana;
	color: white;
	display: inline;
}



.clear{	clear: both; }

#box{
	width: 579px;
	margin: 0 auto;
}

#header{
	height: 26px;
	background: url(../gfx/logoTextRight.gif) right top no-repeat;
	padding:  18px 0px 0px 10px;
}

#navTop{
	background: url(../gfx/navTop.gif) no-repeat;
	height: 16px;
}

#navMain{
	clear: both;
}

#navMainLeft{
	float: left;
	background: url(../gfx/navLeft.gif) no-repeat;
	width: 476px;
	padding-left: 12px;
}

#NavMainRight{
	float: right;
	background: url(../gfx/navRight.gif) no-repeat;
	width: 91px;
	height: 21px;
}

#banner{
	clear: both;
	background: url(../gfx/banner.gif) no-repeat;
	height: 134px;
}

#mainAreaTop{
	clear: both;
	background: url(../gfx/mainAreaTop.gif) no-repeat left;
	height: 54px;
}

#mainArea{
	clear: both;
	background: url(../gfx/mainAreaRepeat.gif) repeat-y;

}

#mainAreaLeft{
	float: left;
	width:  350px;
	background: url(../gfx/mainLeftTop.gif) no-repeat top left;
	padding: 0px 15px 0px 20px;
	color: #1f3c85;
}

#mainAreaRight{
	float: right;
	width: 154px;
	background: url(../gfx/mainRightTop.jpg) no-repeat right top;
	padding: 0px 20px 0px 20px;
	color: white;
}

input, textarea{
	width: 100%;
	background: #f5b836;
	border: solid 1px #797979;	
}

input#submit{
	background: url(../gfx/buttonSubmit.gif) no-repeat;
	width: 97px;
	height: 24px;
	border: none;
	float: right;
}


#mainAreaBottom{
	background: url(../gfx/mainAreaBottom.gif) no-repeat;
	padding-top: 27px;
	text-align: center;
	font: 10px;
	color: #666666;
}

a{
	color: #666666;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}