/* CSS Document */


/* layout */

body, html{background:#4c85ba url("/elements/images/BG.gif") repeat-x;}
body {min-width:770px;margin:0 0;padding:0 0;text-align:center;}


/* MAIN CONTAINER */
#thePage {
 	width:770px;
	padding:4px;
	margin-top:3px;
	margin-bottom:3px;
	margin-right:auto;
	margin-left:auto; 	/* opera does not like 'margin:20px auto' */
	text-align:left; /* part 2 of 2 centering hack - sets all text back to default left align*/
	background:#FFF;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 720px;
}
html>body #thePage{
	width: 762px;
}



/* HEADER */
#headerWrap {
	margin: 0 0;
	padding: 0 0;
	width: 762px;
	height: 172px;
}
#headerLogo {
	position:relative;
	float:left;
	width:762px;
	margin:0 0;
	padding:0 0;
}
#headerImage {
	position:relative;
	float:left;
	width:762px;
	height:90px;
	margin:0 0;
	padding:0 0;
	background:#0066CC;
}


/* HEADER NAVIGATION */
#headerNav {
	position: relative;
	float: left;
	display: inline;
	height: 40px;
	margin: 1px 0 0 0;
	padding: 0 21px; 
	z-index: 999999;	
	background:#7e9ab8;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 720px;
	height: 39px;
}

#headerNav ul#udm {
	background: #7E9AB8;
	display: block;
	float: left;
	height: 39px;
	width: 100%;
}
#headerNav ul#udm li {
	display: block;
	float: left;
	margin: 0 1px 1px 0;
	position: relative;
}
#headerNav ul#udm li a {
	background-image: url(/elements/images/nav_OFF.gif);
	color: #000;
	display: block;
	font: bold 11px Arial, Helvetica, sans-serif;
	padding: 12px 0;
	text-align: center;
	text-decoration: none;
	width: 115px;
}
#headerNav ul#udm li a:hover,
#headerNav ul#udm li:hover a,
#headerNav ul#udm li.hover a {background-image: url(/elements/images/nav_ON.gif);}
#headerNav ul#udm li ul {
	background: #ccc;
	border: 1px solid #fff;
	border-color: #fff #666 #666 #fff;
	display: block;
	left: -9999em;
	position: absolute;
	width: 105px;
}
#headerNav ul#udm li:hover ul,
#headerNav ul#udm li.hover ul {left: 0;}
#headerNav ul#udm li ul li {border-bottom: 1px solid #C7D7EA; margin: 0;}
#headerNav ul#udm li ul li a,
#headerNav ul#udm li:hover ul li a,
#headerNav ul#udm li.hover ul li a {background: #7E9AB8;}
#headerNav ul#udm li ul li a:hover {background: #C7D7EA;}
#headerNav ul#udm li ul li {border-bottom: 1px solid #C7D7EA;}

/* END THE NAVIGATION BUTTONS */



/* MIDDLE */
#middleWrap {
	margin: 0 0;
	padding: 30px 25px;
	width: 762px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 712px;
}
html>body #middleWrap{
	width: 712px;
}
#middleLeft{
	float:left;
	position:relative;
	margin:0 0;
	padding:0 15px 0 0;
	width:420px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 405px;
}
#middleRight{
	float:left;
	position:relative;
	margin:0 0;
	padding:0 0;
	width:292px;
}
#middleWrap h1 {
	font-size: 18px;
	font-weight: bold;
	color: #0066CC;
	padding: 10px 0;
}
#middleWrap h2 {
	font-size: 16px;
	font-weight: bold;
	color: #0066CC;
	padding: 10px 0;
}
#middleWrap h3 {
	font-size: 14px;
	font-weight: bold;
	color: #0066CC;
	padding: 10px 0;
}
#middleWrap a, #middleWrap a:link {
	font-weight: bold;
	text-decoration: none;
	color: #0066CC;
}
#middleWrap a:hover {
	text-decoration: underline;
}
#middleWrap p {
	padding: 5px 0;
	line-height: 18px;
}
#middleWrap td {
	padding: 10px;
}
#middleWrap ul {
	padding: 10px;
	list-style: disc;
}
#middleWrap li {
	padding: 5px;
}


/* FOOTER */
#footerWrap {
	position: relative;
	float: left;
	margin: 0 0;
	padding: 5px 15px;
	width: 762px;
	height: 55px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	border-top: 1px dotted #0066CC;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 732px;
	height:45px;
}
html>body #footerWrap{
	width: 732px;
	height:45px;
}

div.headerCallouts {
	color: #1B67C0;
	font: bold 12px/1em Arial, Helvetica, sans-serif;
	position: absolute;
	right: 0;
	text-align: right;
	top: 19px;
}
div.headerCallouts a {color: #1B67C0; text-decoration: none;}


#testimonialPhotos {margin: 0;}
	#testimonialPhotos div {width: 310px; float: left; height: 200px; margin: 10px 5px; text-align: center;}
		#testimonialPhotos div img {display: block; margin: 5px auto; width: 250px; height: 165px;}
		#testimonialPhotos div p {padding: 0; margin: 5px; color: #666; font-size: 90%; font-style: italic;}
			#testimonialPhotos div p sup {vertical-align: top;}