.large_blue_text { color: #3475af; font-size: 25px; }
.align_right { float: right; }
.clearfix { clear: both; }
body {
	margin: 0;
	padding: 0;
	background: #0b85b8 url(/images/bg-site.jpg) repeat-x top;
}
body,td,th {
	font: 12px/18px "Trebuchet MS";
	color: #2d3944;
}
p, ul, H1 { margin: 0 0 17px; }
a img { border: none; }
form { padding: 0; margin: 0; }
form td { padding: 4px 0; text-align: left; }
#wrapper {
	width: 900px;
	margin: 15px auto 0;
	position: relative;
	text-align: left;
	border: 9px solid white;
	background: #FFFFFF url(/images/orange-topright.jpg) no-repeat right top;
	overflow: auto;
}
#logo {
	position: absolute;
	top: 0;
	left: 0;
}
#header {
	height: 90px;
	text-align: right;
	padding: 25px 30px 0;	
}	
#home_content {
	background: url(/images/bg-home-office-front.jpg) no-repeat right bottom;
	padding: 35px 375px 20px 30px;
	height:359px;
	clear: both;
	margin-top: 1px;
}
#interior_content {
	padding: 30px 30px 10px 30px;
	clear: both;
	overflow: auto;
}
#interior_leftcol {
	width: 180px;
	float: left;
	padding-right: 50px;
}
#interior_pagetext {
	width: 610px;
	float: left;
}
#interior_pagetext ul {
	padding-left: 40px;
	list-style: square outside;
}
	
#footer {
	margin: 0 auto 10px;
	width: 865px;
	height: 34px;
	line-height: 34px;
	padding: 0 15px;
	color: white;
	background: url(/images/bg-footer.png) no-repeat;
}
.leftimage {
	float: left;
	padding: 2px;
	border: 1px solid #dbe6e8;
	margin-right: 15px;
}
.imageborder {
	padding: 2px;
	border: 1px solid #dbe6e8;
}

.photostrip {
	background: #e3edef;
	padding: 15px 10px;
	text-align: center;
	margin: 0 28px 17px;
}
.photostrip img { padding: 2px; background: white; margin: 0 8px; border: 1px solid #dbe6e8; }
.photostriptable { padding: 0; margin: 0 0 18px 0; }
.photostriptable td { padding: 15px 0; text-align: center; background: #e3edef; }
.photostriptable img { padding: 2px; background: white; margin: 0 0 8px 0 ; border: 1px solid #dbe6e8; }

.imgborder { padding: 2px; background: white; margin: 0; border: 1px solid #dbe6e8; }

/* HEADERS */

H1 {
	color: #006ba3;
	font: normal 19px "Trebuchet MS";
}
H2 {
	color: #269eb9;
	text-transform: uppercase;
	margin-bottom: 10px;
	font: bold 14px Arial, Helvetica, sans-serif;
}
H3 {
	color: #408b9c;
	background: #EDF5F8;
	padding: 5px 6px;
	text-transform: uppercase;
	margin: 22px 0 10px -6px;
	font: bold 12px Arial, Helvetica, sans-serif;
}


/* FORM STYLES */

.FormField {
	padding: 2px;
	color: #333333;
	background: #fff;
	border: 1px solid #666666;
	width: 85%;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}
.FormSelect {
	padding: 1px;
	color: #333333;
	background: #fff;
	border: 1px solid #666666;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	width: 85%;
}
.FormTextField {
	padding: 1px;
	color: #333333;
	background: #fff;
	border: 1px solid #666666;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	width: 95%;
}
.FormButton {
	color: #ffffff;
	font-weight: bold;
	border: 2px solid #87a9dc;
	background: #25569f;
	padding: 3px 5px;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
}

a { color: #0d438d; text-decoration: none; }
a:hover { color: #259db8; text-decoration: underline; }
/* LEFT NAV */

#navcontainer { width: 100%; font-size: 12px; text-align: left; margin: -2px 0 15px 0; }
#navcontainer ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#navcontainer ul li ul { margin: 0; padding: 2px 0 6px 15px; line-height: 15px; }
#navcontainer ul li ul li { border: none; }
#navcontainer ul li ul li a { padding: 2px 0; font-weight: normal; color: #5884c1; }

#navcontainer li { border-top: 1px dotted #c6e3ea; }
#navcontainer li:first-child { border-top: none; }
#navcontainer li a {
	display: block;
	background: none;
	text-decoration: none;
	color: #0d438d;
	padding: 3px 0;
	margin: 0;
	width: 100%;
	font-weight: bold;
	border: none;
}
#navcontainer li a:hover {
	text-decoration: none;
	color: #259db8;
	border: none;
}
#faqs ul  {
	margin: 0 0 15px;
	padding: 0 0 0 20px;
	list-style: url(/images/faq-bullet.png) outside;
}
#faqs ul li { padding: 0; }


#navbar {
	width:100%; /* makes the div full width */
	float:left;
	font: bold 14px Arial, Helvetica, sans-serif;
	background: url(/images/bg-navbar.png) repeat-x top;
	margin: 0; /* TEMPORARY - pushes the div away from the top of the browser for clarity in this example*/
	}
#navbar ul {
	margin:0;/* indents ul from edge of container - NOTE: diff value for IE in hacks below */
	}
#navbar 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 */
	/* border-right:1px solid #069;  creates dividing lines between the li elements */
	}
/* #navbar li:first-child {
	border-left:1px solid #069;
	} */

#navbar li:hover { 
	background-color:#74a5cd; /*sets the background of the menu items */
	color:#ffffff;
	}
#navbar a {
	display:block;
	padding:9px 20px; /*creates space each side of menu item's text */
	text-decoration:none;	 /* removes the underlining of the link */
	color:#ffffff;	/* sets the type color */
	border: none;
	}
#navbar ul li:hover a { color: #ffffff;; }	

#navbar a:hover {
	color:#0d438d;
	border: none;
	}
/* the menu ends here */
/* the drop-down starts here */
#navbar ul li ul {
	margin:0; 
	z-index:10; /* 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:221px; /*sets the width of the menu - in combo with the li's 100% width, makes the menu stack*/
	background: #74a5cd;
	font: normal 13px "Trebuchet MS";
	border: none;
	}
#navbar ul li ul li {
	padding:0;
	width:100%; /* makes the list items fill the list container (ul) */
	border: none;
	}
	
#navbar ul li ul li:first-child { border-top: none; }
#navbar ul li ul li a {padding:6px 15px; color: #0d438d; }

#navbar ul li ul li:hover { background: #006eae;  }
#navbar ul li ul li:hover a { color: #ffffff; background: #006eae; }

#navbar ul li ul li a:hover { color: #ffecb1; }
/* make the drop-down display as the menu is rolled over */
#navbar ul li ul {display:none;} /* conceals the drop-down when menu not hovered */
#navbar ul li:hover ul {display:block; } /* shows the drop-down when the menu is hovered */

body #navbar ul li ul li ul  {
	position:absolute; 
	visibility:hidden; /* same effect as display:none in this situation */
	top:-1px;
	left:185px;
	background: #006eae;
	}
#navbar ul li ul li:hover ul {visibility:visible;} /* same effect as display:block in this situation */
#navbar ul li ul li ul li:hover { background: #006eae; color: #ffffff; }
#navbar ul li ul li ul li a { color: #ffffff; }
#navbar ul li ul li ul li a:hover { color: #ffecb1; }