/*########### CSS Styles created by dotPeak www.dotPeak.com ###########*/
/*############################ webiste specific ############################*/
#wrap {
	width:779px;
	margin:0 auto;
	text-align:left
}
#header {
	height:131px;
	background-color:#002B5C;
}
#header #left{
float:left;
margin-top:27px;
margin-left:37px;
}
#header #right{
float:right;
margin-top:53px;
margin-right:26px;
background:url(/templates/images/search_icon.gif) no-repeat left top;
padding-left:27px;
}

#header #header_menu{
	clear:both;
}

#header #header_menu ul{
list-style: none;
padding: 0;
margin: 0;
float:right;
}
#header #header_menu li{
display:inline;
float: left;
padding:0; margin:0;
}
#header #header_menu a{
color: #fbf9f9;
display: block;
float: left;
line-height: 31px;
text-decoration: none;
width:111px;
text-align:center;
font-size:11px;
}
#header #header_menu a:hover {
background:url(/templates/images/link_bg.gif)  no-repeat bottom;
color:#A0CBED;
}
#header #header_menu ul li a#current {
background:url(/templates/images/link_bg.gif)  no-repeat bottom;
color:#A0CBED;
}







#top{
	height:89px;
	background:url(/templates/images/top_bg.jpg) repeat-x;
}
#top h1{
font-size:40px;
color:#FFFFFF;
padding:54px 0px 0px 15px;
}

.logo_txt {
}
#top_left {

}
#top_right {
}
#main {
position:relative;
width:100%;
}
#main #left{
	width:248px;
	padding:25px 25px 45px 25px;
	color:#002B5C;
	min-height:300px;
}
#main #right {
float:right;
}
#main_left{
	float:left; \width:178px; w\idth:178px; padding-left:14px;	
}
#main_right{
	float:left; \width:578px; w\idth:560px; padding-left:14px;
}
#main_display{position:absolute; width:478px; height:402px; z-index:1; left: 301px; top:-45px; text-align:center;}
#main_img{	
	width:478px; height:293px; text-align:right;
}

#main_nav {

}
#main_nav ul{
}
#main_nav li{
list-style:none;
padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;line-height:32px;
}

#main_nav a{
background:none;
padding-left: 20px;
text-align: left;
text-decoration: none;
font-weight:normal;
display:block; width:100%;
font-size:14px;
}
#main_nav a:hover{
background:url(/templates/images/li_style.jpg) no-repeat left;
}
#main_nav a#current{
background:url(/templates/images/li_style.jpg) no-repeat left;
}

#bottom{
	height:116px;
	float:left;
}
#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:66px;
	background:url(/templates/images/footer_bg.gif) repeat-x top #003366;;
}
#footer p{
padding:36px 5px 3px 33px;
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: 1.5em;
	FONT: 12px Helvetica, sans-serif, Arial;
	COLOR: #002B5C;
	/* 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:#ffffff;
}
h1, h1 a {
	font-size: 20px;
	LETTER-SPACING: -0.02em;
	margin-bottom:2px;
}
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:0px 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;
	padding:0px 5px 70px 5px;
}
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:#333333;
}

/* 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;}