body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{
	margin:0;padding:0;
}
table{
	border-collapse:collapse;border-spacing:0;
}fieldset,img{
	border:0;
}address,caption,cite,code,dfn,th,var{
	font-style:normal;font-weight:normal;
}ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6{
	font-size:100%;
}
q:before,q:after{
	content:'';
}

/* END RESET */

#steps h2 { color: #444; }
#steps h2 .red { color: #e71c1b; }

.blue-box-info {
	background: #f0f4f9;
	padding: 12px 15px;
	border: 1px solid #dce6f1;
}

ol { list-style: decimal outside; padding-left: 25px; }
ol li { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #eee; }


#btn img:hover { opacity: .7;
	filter: alpha(opacity=70); }


.hrule {
	height: 5px;
	padding: 0;
	border: none;
	background: #eee;
	margin: 40px 0;
}

/* FORMS */
input {
	width: 302px;
	padding: 6px 0 0 6px;
	font: 12px Arial, Helvetica, sans-serif;
	background: url(/images/bg-textfield.png) no-repeat;
	height: 21px;
	margin-bottom: 10px;
	border: none;
	color: #004083;
}

textarea {
	width: 302px;
	padding: 6px 0 0 6px;
	font-family: Helvetica, sans-serif;
	font-size: 12px;
	background: url(/images/bg-textbox.png) no-repeat;
	height: 121px;
	margin-bottom: 10px;
	overflow: hidden;
	border: none;
	color: #004083;
}

input.submit-button {
	padding: 0;
	margin: 0 0 0 122px;
	width: 150px;
	height: 38px;
	cursor: pointer;
	border: none;
}
input.login-button {
	padding: 0;
	margin: 0 0 0 122px;
	width: 120px;
	height: 38px;
	cursor: pointer;
	border: none;
}

label {
	float: left;
	text-align: left;
	margin-right: 15px;
	width: 105px;
	padding-top: 5px;
	color: #333333;
}




body {
	margin: 25px 0 15px;
	padding: 0;
	background: white;
}
body,td,th {
	font: 12px/19px Arial, Helvetica, sans-serif;
	color: #333333;
}
p, ul, H1 {
	margin: 0 0 15px 0;
}
a { color: #0151a5; text-decoration: underline; }
a:hover { color: #e71c1b; }
a img { border: none; }
form { padding: 0; margin: 0; }
form td { padding: 4px 0; text-align: left; }
#wrapper {
	width: 900px;
	margin: 0 auto;
	position: relative;
	text-align: left;
}
#header {
	position: relative;
	height: 120px;
	background: url(/images/shadow-top.png) repeat-x bottom;
}
#header #logo { padding: 0 0 0 15px; }
#main_banner {
	background: #edf2f8 url(/images/home-bg-banner.jpg) no-repeat right;
	height: 220px;
	padding: 50px 500px 0 40px;
	margin: 1px 0;
}
#main_banner img:hover {
	opacity: .8;
	filter: alpha(opacity=80);
}
#content {
	padding: 20px 30px 10px;
	overflow: auto;
}
.col ul { padding: 0 0 0 40px; list-style: square; }
.col ul ul { margin: 0; padding-left: 20px; list-style: circle; }
.col ul li { }
#home #content { background: url(/images/shadow-bottom.png) repeat-x top; }
.col { width: 540px; float: left; padding-right: 60px; }
#home .col { width: 40%; padding: 0; }
.col_small {
	width: 200px;
	float: left;
	padding-left: 40px;
}
#home .col_small { width: 20%; float: left; padding: 0; }

#home .col ul { margin-right: 50px; padding: 0; list-style: none; }
#home .col ul li {
	padding: 5px 0;
	background: url(/images/list-line-fade.png) no-repeat left top;
}
#home .col ul li:first-child { background: none; }
#home .col ul li a { background: url(/images/bullet-arrow.png) no-repeat 0 8px; padding: 4px 0 4px 18px; text-decoration: none; display: block;  }
#home .col ul li a:hover { text-decoration: none;  }

.col_small ul { margin: -7px 0 0 0; padding: 0; list-style: none; }
.col_small ul li {
	padding: 5px 0;
	background: url(/images/list-line-fade.png) no-repeat left top;
}
.col_small ul li:first-child { background: none; }
.col_small ul li a { background: url(/images/bullet-arrow.png) no-repeat 0 8px; padding: 4px 0 4px 18px; text-decoration: none; display: block;  }
.col_small ul li a:hover { text-decoration: none;  }



#about .col_small { font-weight: bold; padding: 0; width: 240px; }
#about .col_small p { margin-bottom: 8px; }
#about .col_small strong { font-size: 14px; font-weight: bold; color: #003f82; }


#footer {
	margin: 10px auto;
	text-align: center;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	background: url(/images/shadow-bottom.png) repeat-x top;
	padding: 15px 20px;
}

/* HEADERS */

H1 {
	color: #004083;
	font: normal 20px/26px Arial, Helvetica, sans-serif;
}
H2 { color: #e71c1b; margin-bottom: 12px; font-size: 15px; }


/* the horizontal menu starts here */
div#listmenu {
	position: absolute;
	bottom: 35px;
	right: 20px;
	padding: 0;
	margin: 0;
	list-style: none;
	font-size: 14px;
	}
div#listmenu li {
	float:left;	/* causes the list to align horizontally instead of stack */
	position:relative; /* positioning context for the absolutely positioned drop-down */
	list-style-type:none;	/* removes the bullet off each list item */
	}
div#listmenu a {
	display:block;
	padding: 8px 15px; /*creates space each side of menu item's text */
	text-decoration:none;	 /* removes the underlining of the link */
	color:#004185;	/* sets the type color */
	}
div#listmenu a:hover {
	color:#f01d1c;
	background: #f5f7fa;
	}
/* the menu ends here */
/* the drop-down starts here */
div#listmenu ul li ul {
	margin:0 0 0 -3px; 
	z-index:900; /* puts drop-down on top of div - Safari needs this as menu is 1px higher */
	position:absolute; /* positions the drop-down ul in relation to its relatively positioned li parent */
	width:150px; /*sets the width of the menu - in combo with the li's 100% width, makes the menu stack*/	
	background: white;
	font-size: 12px;
	padding: 8px 12px;
	background: #f5f7fa;
	border: 3px solid white;
	border-top: none;
	}
div#listmenu ul li ul li {
	padding:0;
	width:100%; /* makes the list items fill the list container (ul) */
	border-top: 1px dotted #c6d2e1;
	}
div#listmenu ul li ul li:first-child { border: none; }
div#listmenu ul li ul li a {padding:5px 0; display: block;  }
/* make the drop-down display as the menu is rolled over */
div#listmenu ul li ul {display:none;} /* conceals the drop-down when menu not hovered */
div#listmenu ul li:hover ul { display:block; } /* shows the drop-down when the menu is hovered */
div#listmenu ul li:hover a { background: #f5f7fa; } 

/* THE HACK ZONE - */
/* hack for IE (all flavors) so the menu has a vertical line on the left */
* html div#listmenu ul {
	float:left; /* makes the ul wrap the li's */
	}
/* the Tantek hack to feed IE Win 5.5-5.0 a lower value to get the pop-out to touch the drop-down */
* html  div#listmenu ul li ul li ul { 
  left:9.85em; 
  voice-family: "\"}\""; 
  voice-family:inherit;
  left:10em;
  } 
/* and the "be nice to Opera" rule */
html>body div#listmenu ul li ul li ul {
  left:10em;
} 

/* an Opera-only hack to fix a redraw problem by invisibly extending the ul */
/* the first-level drop stays open for 100px below the bottom but at least it works */
/* this can be reduced to as little as 22px if you don't have pop-outs */
/* the pop-out menu stays open for 22px below the bottom but at least it works */
	@media all and (min-width: 0px){
   body div#listmenu ul li ul {padding-bottom:100px;}
   body div#listmenu ul li ul li ul {padding-bottom:22px;}
   ul li ul li ul li ul li:hover {visibility:visible;} /* same effect as display:block in this situation */

   }
/*end Opera hack */
/* END OF HACK ZONE */
/* the drop-down ends here */
/* END OF LIST-BASED MENU */





/** CSS NAVBAR  **/
#navbar { position: absolute; bottom: 35px; right: 20px; padding: 0; margin: 0; list-style: none; font-size: 14px; }
#navbar li { display: inline; float: left; }
#navbar a { float: left; display: block; padding: 10px 15px; margin: 0 5px; text-align: center; color: #004185; text-decoration: none; }
#navbar a:hover { color: #f00; text-decoration: none; }





body#home a#home_link,
body#about a#about_link,
body#services a#services_link,
body#login a#login_link,
body#contact a#contact_link
  { color: #f00; text-decoration: none; }


/* BUTTONS */

.btn_emailus a { width: 180px; height: 35px; display: block; text-indent: -5000px; background: url(/images/btn_emailus_off.png) no-repeat; }
.btn_emailus a:hover { background: url(/images/btn_emailus_on.png) no-repeat; }


/* LEFT NAV */

#navcontainer { width: 100%; font-size: 12px; text-align: left; margin: 15px 0; }
#navcontainer ul {
	margin: 0 28px;
	padding: 0;
	list-style-type: none;
}
#navcontainer li a {
	display: block;
	background: none;
	text-decoration: none;
	color: #00406e;
	padding: 8px 0;
	margin: 0;
	border-bottom: 1px solid #95a5b5;
	width: 100%;
}
#navcontainer li a:hover {
	text-decoration: none;
	color: #3074bb;
}