/* 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;
	height: 75px;
	margin:0 0;
	padding:0 0;
}
#headerImage {
	float:left;
	margin: 0 0 1px;
	padding:0 0;
	background:#0066CC;
}
	#headerImage img {display: block;}


/* HEADER NAVIGATION */
#headerNav {
	clear: left;
	display: block;
	height: 39px;
	margin: 1px 0 0 0;
	padding: 0;
	z-index: 999999;	
	background:#7e9ab8;
	width: 100%;
}

#headerNav ul#udm {text-align: center;}
#headerNav ul#udm li {
	display: inline;
	margin: 0 0 0 -3px;
	position: relative;
}
#headerNav ul#udm li a {
	background-image: url(/elements/images/nav_OFF.gif);
	color: #000;
	display: inline-block;
	font: bold 11px Arial, Helvetica, sans-serif;
	padding: 0 25px;
	line-height: 39px;
	text-decoration: none;
}
#headerNav ul#udm li a.dropdown {cursor: default;}
#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;
	top: 29px;
	width: 150px;
	text-align: left;
}
#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; display: block; width: 100%;}
#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; display: block; width: 100%; padding: 0; text-indent: 15px;}
#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;
}
#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: 6px;
}

#middleWrap ul {
	padding: 10px;
	list-style: disc;
}
#middleWrap li {
	padding: 5px;
}


.images {margin: 0 auto 1em auto; width: 470px; _width: 500px;}
	.image {width: 205px; display: block; float: left; margin: 0 15px 1em 15px; text-align: center;}
		.image img {display: block;}

ul.gallery {
	list-style: none;
	margin: 0 0 2em;
}
	ul.gallery li {
		display: block;
		float: left;
		margin: 0 10px;
		font: italic 0.9em/1 Arial, Helvetica, sans-serif;
		text-align: center;
	}
		ul.gallery li img {display: block;}

/* FOOTER */
#footerWrap {
	position: relative;
	float: left;
	margin: 0 0;
	padding: 5px 15px;
	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: 100px;
}
html>body #footerWrap{
	width: 732px;
}


#headerLogo img {position: absolute; left: 0; bottom: 0;}
#headerLogo #topLinks {
	position: absolute;
	right: 0;
	top: 0;
}
#headerLogo #topLinks a {
	font: bold 12px/1 Arial, Helvetica, sans-serif;
	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;}

.right {
	clear: right;
	display: block;
	float: right;
	margin: 0 0 0 1.3em;
}
.left {
	display: block;
	float: left;
	margin: 0 1.3em 0 0;
}
.centered {
	display: block;
	margin: 1em auto;
}
.cell1 {
	background-color: #d0dee9;
	background-image: url(../images/bgCell1.jpg);
	background-repeat: repeat-x;
	background-position: top;
	font-size: 11px;
	border-top: solid 1px #2d6598;
	border-left: solid 1px #2d6598;
}
.cell1center {
	background-color: #d0dee9;
	background-image: url(../images/bgCell1.jpg);
	background-repeat: repeat-x;
	background-position: top;
	font-size: 11px;
	text-align: center;
	border-top: solid 1px #2d6598;
	border-left: solid 1px #2d6598;
}
.cell2 {
	background-image: url(../images/bgCell2.jpg);
	background-repeat: repeat-x;
	background-position: top;
	font-size: 11px;
	border-top: solid 1px #2d6598;
	border-left: solid 1px #2d6598;
	}
.cell2center {
	background-image: url(../images/bgCell2.jpg);
	background-repeat: repeat-x;
	background-position: top;
	font-size: 11px;
	text-align: center;
	border-top: solid 1px #2d6598;
	border-left: solid 1px #2d6598;
	}
.cell3 {
	background-image: url(../images/bgCell3.jpg);
	background-repeat: repeat-x;
	background-position: top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
	background-color: #2d6598;
	border-top: solid 1px #2d6598;
	border-left: solid 1px #2d6598;
}
.cell3center {
	background-image: url(../images/bgCell3.jpg);
	background-repeat: repeat-x;
	background-position: top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	background-color: #2d6598;
		border-top: solid 1px #2d6598;
	border-left: solid 1px #2d6598;
}