/*########### CSS Styles created by dotPeak www.dotPeak.com ###########*/
/*############################ webiste specific ############################*/
#wrap {
	width:882px;
	background:url(/templates/images/wrap_bg.jpg) repeat-y;
	margin:0 auto;
	text-align:left;
	margin-top:15px;
}
#top_img{
	background:url(/templates/images/top_bg.jpg) no-repeat;
	height:53px;
}
#footer_img{
	background:url(/templates/images/footer_bg.jpg) no-repeat;
	height:53px;
}
#header {
	height:153px;
	background:url(../images/header_bg.jpg) repeat-x;
		width:686px;
	padding:0px 45px 0px 45px;
	margin:0px 22px 0px 21px;
}
#logo {
	margin:0px 0px 32px 0px;
	float:left;
}
#phone{
	margin:27px 0px 0px 0px;
	float:right;
}
#header #header_menu {
	clear:both;
}
#header #header_menu ul {
	list-style: none;
	padding: 0;
	float:left;
	height:50px;
	margin:0px 0px 20px 0px;
}
#header #header_menu li {
	display:inline;
	float: left;
	padding:0;
	margin:0;background:url(/templates/images/top_nav_bg.jpg) repeat-x bottom;
}
#header #header_menu a {
	color: #3f7996;
	display: block;
	float: left;
	line-height: 50px;
	text-decoration: none;
	text-align:center;
	font-size:11px;
	padding:0px 23px 0px 23px;
	
}
#header #header_menu a:hover {
	background:none;
	color:#002249;
	font-weight:bold;
	padding:0px 23px 0px 23px;
}
#header #header_menu ul li a#current {
	background:url(/templates/images/mouse_over.png) no-repeat bottom;
	color:#002249;
	font-weight:bold;
}
#main {	
	background:url(/templates/images/main_bg.jpg) repeat-x bottom #fff;
	float:left; /* float and width is used so that main width & height will get as big as it's contents*/
	width:776px;
	padding:0px px 0px 0px;
	margin:0px 22px 0px 21px;
}
#main_left {
	float:left;
	width:464px;
	margin:0px 15px 0px 35px;
}
#main_box {
	background:url(/templates/images/small_box.jpg) repeat-x bottom;
	width:124px;
	height:111px;
	margin:7px 28px 0px 0px;
	float:left;
	
}
#main_box_icon {
	background:url(/templates/images/smallbox_icon.png) no-repeat top right;
	margin:5px 5px 0px 0px;
	float:right;
	width:22px;
	height:23px;
}
#main_box a{
color:#fff;	
}
#main_box p{
	margin:20px 15px 15px 15px;
	font-weight:bold;
	font-size:17px;
	line-height:23px;
}
#main_right {
	float:right;
	width:204px;
	margin:0px 35px 0px 5px;
	background:url(/templates/images/footer_grd.jpg) repeat-x bottom;
	color:#fff;
}
#banner{
	width:438px;
	height:232px;
	float:left;
	border:1px solid #336699;
	margin-bottom:22px;
	background:url(/templates/images/banner_bg.jpg) repeat-x;
	text-align:center;
	padding:5px;

}
#image_right {
	width:204px;
	border:1px solid #336699;
}
#contact_right {
	width:192px;
	height:168px;
	padding:15px 0px 0px 12px;
	font-size:11px;
	font-weight:bold;
	line-height:29px;
	margin-top:15px;
	background-image: url(/templates/images/big_box.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	border:1px solid #336699;
}
#contact_right h2{
	padding:0px; margin:0px;	
}
#contact_right_mail {
	width:192px;
	height:400px;
	padding:15px 0px 0px 12px;
	font-size:11px;
	font-weight:bold;
	line-height:29px;
	margin-top:15px;
	background-image: url(/templates/images/big_box_400px.jpg);
	background-repeat: repeat-x;
	background-position:top;
	border:1px solid #336699;

}
#contact_right_mail h2{
	padding:0px; margin:0px;	
}
#main_nav {
	width:170px;
	float:left;
	background: url(../images/main_nav_vertical_bg.png) repeat-x bottom;
	margin-top:25px;
	padding-bottom:9px;
}
#main_nav ul {
background: url(../images/main_nav_bg.png) repeat-y right;
width:169px;
padding-right:10px;
}
#main_nav li {
	list-style:none;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	line-height:32px;
}
#main_nav a {	
	padding-left:30px;
	text-align: left;
	text-decoration: none;
	display:block;
	color:#002C5A;
}
#main_nav a:hover {
	background:url(/templates/images/main_nav_hover_bg.png) no-repeat left center; font-weight:bold; 
}
#main_nav a#current {
	background:url(/templates/images/main_nav_hover_bg.png) no-repeat left center #9ac0ea; color:#ffffff; font-weight:bold;
}
#main_content{
float:left;
width:400px;
margin-top:25px;
margin-left:25px;
}
#main_content1{
float:left;
margin:25px 0px 25px 25px;
width:751px;
}

#main_image{
	margin-top:25px;
	float:right;
	width:135px;
	
}

#bottom span {
	float:left;
	margin:10px 10px 10px 30px;
	font-size:11px;
	color:#002B5C;
	text-align:center;
}
#bottom #right {
	float:left;
	margin:10px 10px 10px 30px;
	font-size:11px;
	color:#002B5C;
}
#bottom #right span {
	text-align:left;
}
#bottom a {
	color:#002B5C;
}
#logos {
	text-align:right;
}
#footer {
	height:47px;
	clear:both;
}
#footer p {
	padding:0px 0px 0px 65px;
	color:#6CAEDF;
	text-align:left;
}
#footer a {
	color:#6CAEDF;
}


/*############################ html elements ############################*/
html * {
	font-size:100.01%;
	margin:0px;
	padding:0px;
} /*resert font-size for all elements to standard*/
body {
	line-height: 2.5em;
	FONT: 12px Helvetica, sans-serif, Arial;
	COLOR: #003366;
	/* height: 100%;  this is the key to make the height 100% work for child divs */
	margin: 0px; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0px;
	text-align:center; /* this centers the wrap in IE 5* browsers. The text is then set to the left aligned default in the #wrap selector */
	background-color:#e5e6e6;
}
h1, h1 a {
	font-size: 20px;
	LETTER-SPACING: -0.02em;
	margin-bottom:7px;
}
h2, h2 a {
	font-size:18px;
	padding:0px 0px 5px 5px;
}
h3, h3 a {
	font-size: 14px;
	LETTER-SPACING: -0.02em;
	margin-bottom:2px;
}
h1 a:hover, h2 a:hover {
	color:#831A16;
}
img {
	border: 0px;
}
p {
	margin:10px 0px 10px 0px;
}
P.bold {
	FONT-WEIGHT: bold
}
a {
	text-decoration:none;
	color:#002B5C;
}
a:hover {
}
hr {
	border: 0;
	color: #a1a1a1;
	background-color: #a1a1a1;
	height: 1px;
	width: 100%;
	text-align: left;
}
FORM {
}
input {
	width:200px;
	border:#dcecf8 1px solid;
}
label {
	text-align:right;
}
SELECT {
	width:200px;
	height:20px;
}
TEXTAREA {
	width:350px;
	height:130px;
	border:#dcecf8 1px solid;
	padding:5px 5px 5px 5px;
}
TABLE {
}
TABLE TR {
}
TABLE TR TD {
}
TABLE TR TH {
}
LI {
	display:list-item;
	padding-left:2px;
	margin-left:25px;
}
/*############################ common classes ############################*/
.table {
}
.table TR {
	white-space:nowrap;
}
.table TR TD {
	text-align:left;
	vertical-align:top;
	padding: 5px 0px 5px 4px;/*border-bottom:#d1efff 1px solid;*/
}
.table TR TH {
	padding: 12px 0px 4px 4px;
	background-color:#7cb741;
	color:#FFF;
	font-size:14px;
	text-align:left;
}
.row1 {
	background-color:#ade178;
}
.row2 {
	background-color:#c0eb92;
}
.box100 {
	width:100%;
}
.box33 {
	width:30%;
	height:186px;
	padding-left:3%;
	float:left;
}
.box50 {
	width:47%;
	padding-left:2%;
	float:left;
}
img.wrap_right {
	float:right;
	margin:0px 0px 30px 15px;
}
img.wrap_left {
	float:left;
	margin:0px 25px 30px 15px;
	padding:2px;
	border:1px #75aa33 outset;
}
.floatleft {
	FLOAT:left;
}
.floatright {
	FLOAT:right;
}
.more a {
	padding-right:15px;
	color:#333333;
	background:url(/templates/images/dotpeak_list_arrow.gif) no-repeat right;
}
.more a:hover {
	color:#FF0000;
}
.h2 {
	FONT: 150%;
	COLOR: #000;
	LETTER-SPACING: -0.02em;
	border-bottom:dashed 1px #CCCCCC;
	margin-bottom:10px;
}
.form_box {
	width:300px;
	border:solid #7baeb0 1px;
	height:24px;
	padding:3px 2px 3px 2px;
	font-size:14px;
	color:#000000;
}
.form_button {
	background:url(/templates/images/button_bg.gif) no-repeat;
	color:#002B5C;
	cursor:pointer;
	font-size:12px;
	line-height:20px;
	width:68px;
	height:25px;
	border:none;
	padding:0px;
	margin:0px;
}
.form_button2 {
	background:url(/templates/images/button_bg.png) no-repeat;
	color:#002B5C;
	cursor:pointer;
	font-size:12px;
	line-height:20px;
	width:68px;
	height:25px;
	border:none;
	padding:0px;
	margin:0px;
}
.form_control_bg {
	background:url(/templates/images/search_text_box.gif) no-repeat;
	padding:3px 6px 2px 6px;
	height:25px;
}
.form_control {
	height:16px;
	width:136px;
	line-height:20px;
	padding:0px;
	margin:0px;
	border:0;
	background:none;
}
.borderless {
	border:none;
}
.border {
	border:solid #ccc 1px;
}
#clear {
	font-size: 0px;
	height: 0px;
	width: 100%;
	display: block;
	clear: both;
}
.msg_txt {
	font-size:12px;
	color:#002b5c;
	padding:281px 22px 31px 59px;
}
/* curved edges box*/
.t {
	background:url(/templates/images/t.gif) 0 0 repeat-x;
	width: 100%;
}
.b {
	background:url(/templates/images/m.gif) 0 100% repeat-x;
}
.l {
	background:url(/templates/images/m.gif) 0 0 repeat-y;
}
.r {
	background:url(/templates/images/m.gif) 100% 0 repeat-y;
}
.bl {
	background:url(/templates/images/bl.gif) 0 100% no-repeat;
}
.br {
	background:url(/templates/images/br.gif) 100% 100% no-repeat;
}
.tl {
	background:url(/templates/images/tl.gif) 0 0 no-repeat;
}
.tr {
	background:url(/templates/images/tr.gif) 100% 0 no-repeat;
	padding:10px;
	text-align:left;
}
.tr H1 {
	font-size:16px;
	padding:6px 2px 16px 0px;
	color:#002B5C;
}