/* CSS Document */

body{
	margin: 0px;
	padding: 0px;
	font: 14px "trebuchet ms";
	color: #656565;
}

h1{	font: 34px "trebuchet ms"; color: #FFFFFF; }
h2{	font: 34px "trebuchet ms"; color: #FFFFFF; }
h3{	font: 22px "trebuchet ms"; color: #045596; border-bottom: 3px solid #045596; }
h4{	font: 16px "trebuchet ms"; color: #45719b; }
h5{	font: 14px "trebuchet ms"; color: #45719b; }
h6{	font: 12px "trebuchet ms"; color: #45719b; }

/* MAKES ALL BROWSERS HANDLE HEADINGS AND PARAGRAPHS THE SAME, USE AT YOUR DISCRETION */
h1, h2, h3, h4, h5, h6, p{ margin: 0; padding: 6px 0; }

.clear{	clear: both; }
.left{ float: left; }
.right{ float: right; }
.red{ color: red; }
img{ border: none; }

form, fieldset, legend{ margin: 0; padding: 0; }
fieldset{ border: none; }
legend{ display: none; }
.nobg{ border: none; background: none; }

a{
	color: #045596;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}

ul{ margin: 0; padding: 6px 0 6px 10px; }
ul li{
	list-style: none;
	background: url(../gfx/listimage.gif) left center no-repeat;
	padding: 1px 0 1px 20px;
}


/* CSS TRANSPARENCY, THIS INVALIDATES THE STYLESHEET, USE AT YOUR DISCRETION */
/*a:hover img{ opacity: 0.8; filter: alpha(opacity=80); -moz-opacity:0.8; }*/

/* input[type=""] DOES NOT WORK IN IE6 */
input[type="checkbox"], input[type="radio"]{ border: none; width: auto; background: none; }

input, textarea{
	background: white;
	border: solid 1px #c3c8ce;
	color: #8c8c8c;
	margin: 0;
	padding: 2px;
	font: 13px "trebuchet ms";
	width: 160px;
}

input.submit{
	background: none;
	border: none;
	width: auto;
}

#header{
	margin: 0 auto;
	width: 982px;
	overflow: hidden;
}

#navBg{ background: #262626 url(../gfx/navRepeat.gif) repeat-x; }
#nav{
	margin: 0 auto 10px auto;
	width: 982px;
	padding: 0;
	overflow: hidden;
}
#nav li{
	list-style: none;
	background: none;
	float: left;
	padding: 0;
}
#nav li a{
	display: block;
	color: #eeefdd;
	font-size: 18px;
	padding: 8px 12px;
}
#nav li a:hover{ background: #5d90bf url(../gfx/navOverRepeat.gif) repeat-x; text-decoration: none; }
#nav #subnavon a{ background: #5d90bf url(../gfx/navOverRepeat.gif) repeat-x; text-decoration: none; }

#mainArea{
	margin: 0 auto;
	width: 982px;
	overflow: hidden;
}

#banner{
	background: url(../gfx/banner.jpg) no-repeat;
	height: 272px;
	width: 981px;
	position: relative;
}
#bookmark{ position: absolute; top: 0; right: 20px; }

#leftcol{
	float: left;
	width: 239px;
	background: url(../gfx/blueBoxBottom.gif) no-repeat bottom;
	position: relative;
}
#leftcol h2{ background: url(../gfx/blueBoxTop.gif) no-repeat; padding-left: 20px; }
#leftcontent{ padding: 5px 20px; }
#leftcolBottom{ background: url(../gfx/blueBoxBottom.gif) no-repeat; height: 15px; width: 239px; }

#rightcol{
	float: right;
	width: 728px;
	background: url(../gfx/greyBoxBottom.gif) no-repeat bottom center;
	position: relative;
}
#rightcol h2, #rightcol h1{ background: url(../gfx/greyBoxTop.gif) no-repeat; padding-left: 40px; }
#rightcontent{ padding: 10px 40px; }
#rightcontent h2{font: 34px "trebuchet ms"; color: #656565; background: none; padding-left: 0px;}
#rightcontent h3{border-bottom: none; padding-left: 0px;}
#rightcolBottom{ background: url(../gfx/greyBoxBottom.gif) no-repeat; height: 15px; width: 728px; }

#contact{
	clear: both;
	background: url(../gfx/contactBg.gif) no-repeat;
	width: 976px;
	height: 64px;
	margin: 10px 0;
	padding: 15px 30px;
}
#contactTitle{ color: #FFFFFF; font-size: 34px; line-height: 26px; }

#footerBg{ background: url(../gfx/footerRepeat.gif) repeat-x; clear: both; margin-top: 10px; }
#footer{
	margin: 0 auto;
	width: 942px;
	overflow: hidden;
	padding: 20px;
	color: #045596;
	font-size: 13px;
}
#footer a{ color: #045596; }
#footer h5{ font-size: 24px; color: #045596; border-bottom: 4px solid #045596; }
#footerLeft{
	float: left;
	width: 574px;
}
#footerRight{
	float: right;
	width: 300px;
}

#footer ul{
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
}
#footer ul li{ list-style: none; padding: 5px 2px; background: none; }


#landing-banner{
	background: url(../gfx/landing-bg2.png) top no-repeat;
	height: 267px;
	width: 981px;
	margin: 5px 0 0;
	position: relative;
}

#landing-banner img{
	position: absolute;
	right: 90px;
	top: 50px;
}

#landing-banner h1{
	font-size: 44px;
	padding: 54px 0 0 58px;
}

#landing-banner h2{
	font-size: 29px;
	width: 540px;
	color: #656565;
	padding: 58px 0 0 58px;
}

#leftcol.nobackground, #rightcol.nobackground{
	background: none;
}

#leftcol.nobackground{
	float: right;
}

#rightcol.rightborder{
	border-right: 1px solid #c5c5c5;
	float: left;
	width: 702px;
	margin-bottom: 30px;
}

#rightcol.rightborder ul p{
	line-height: 26px;
	margin-left: -20px;
	color: #262626;
}

#rightcol.rightborder ul li{
	line-height: 26px;
	color: #262626;
}

#quote{
	margin: 0 0 20px 5px;
}

#quote p{
	font-size: 24px;
	line-height: 34px;
	color: #262626;
}

#quote p span{
	font-size: 14px;
	line-height: 20px;
	color: #656565;
}