* {margin:0;padding:0; border: 0px none;}
ul, ol, li {list-style-type:none;}

body {
background: #fff url(img/bg.gif) top left repeat-x;
font: 62.5% "Arial", Helvetica, san-serif;
margin: auto;
}
#wrapper {
margin: 0 auto;
width: 840px;
}
#wrapper-bg {    /* border & drop shadow for page */
	background: #fff url(img/wrapper-bg.gif) top left no-repeat;
	width: 840px;
	float: left;
}
#content {
margin: 0 auto;
width: 780px;
text-align: left;
}



/* top header area */
#header {
	width: 780px;
	height: 168px;
}
#header-left {
	width: 500px;
	height: 168px;
	float: left;
}
#header-left-copy {
	width: 500px;
	height: 137px;
}
#header-left-copy p {
	margin: 0 0 10px 0;
	font: normal 1.3em/1em "Arial", Helvetica, san-serif;
	color: #00305a;
}
#header-left img {
	font: normal 2.5em/1em "Arial", Helvetica, san-serif;
	color: #e10609;
}




/* navigation */
#nav {
height:30px;
width:500px;
background: #102e6b;
}
#nav ul {width:500px;float:left;height:30px; }
#nav ul li {float:left;}
#nav ul li a {display:block;height:30px;border:none;}
#nav ul li.one a {background:url(img/nav.gif) 0px 0px;width:56px}
#nav ul li.one a:hover, #nav ul li.one a.active {background:url(img/nav.gif) 0px 30px; }
#nav ul li.two a {background:url(img/nav.gif) -56px 0px;width:63px}
#nav ul li.two a:hover, #nav ul li.two a.active {background:url(img/nav.gif) -56px 30px; }
#nav ul li.three a {background:url(img/nav.gif) -119px 0px;width:78px}
#nav ul li.three a:hover, #nav ul li.three a.active {background:url(img/nav.gif) -119px 30px; }
#nav ul li.four a {background:url(img/nav.gif) -197px 0px;width:153px}
#nav ul li.four a:hover, #nav ul li.four a.active {background:url(img/nav.gif) -197px 30px; }
#nav ul li.five a {background:url(img/nav.gif) -350px 0px;width:95px}
#nav ul li.five a:hover, #nav ul li.five a.active {background:url(img/nav.gif) -350px 30px; }
#nav ul li.six a {background:url(img/nav.gif) -445px 0px;width:55px}
#nav ul li.six a:hover, #nav ul li.six a.active {background:url(img/nav.gif) -445px 30px; }
a span {display:none;
}
#nav ul li.three .submenu {   
background: #102e6b;
visibility: hidden;
position: absolute;
z-index: 3;
width: 195px;
font: normal 1.3em/1em "Arial", Helvetica, san-serif;
}
#nav ul li.three .submenu a {   
display: block;
text-decoration: none;
border-right: 1px solid #515d90;
border-bottom: 1px solid #0c1d32;
border-top: 1px solid #515d90;
border-left: 1px solid #0c1d32;
background: #102e6b url(img/submenu-bg.gif) 0px -2px repeat-x;
padding: 5px 0 0 0;
height:18px;
width: 195px;
text-indent: 9px;
color: #fff;
}
#nav ul li.three .submenu a:hover {   
background: #e30509 url(img/submenu-bg.gif) 0px -30px repeat-x;
border-right: 1px solid #da6047;
border-bottom: 1px solid #491813;
border-top: 1px solid #da6047;
border-left: 1px solid #491813;
color: #FFF;
}





/* header right (logo) */
#header-right {
width: 280px;
height: 168px;
float: right;
}
#header-right img {
margin: 8px 0 0 0;
float: right;
font: bold 2.5em/1em "Arial Black", Arial, Helvetica, san-serif;
color: #00305a;
}





/* common image & copy  */
#common-image {
float: left;
width: 780px;
height: 100px;
}
#photodiv {
float: left;
width: 500px;
height: 100px;
background: #002d56;
}
#common-image-right {
float: right;
width: 280px;
height: 100px;
background: #e30509 url(img/common-red-bg.gif) top left repeat-x;
}
#common-image-right p {
color: #fff;
margin: 33px 5px 0 32px;
font: normal 3.2em/1em "Arial Narrow", Arial, Helvetica, san-serif;
}






/* main body (all content belowmain image) */
#main-body {
float: left;
padding: 0 0 25px 0;
width: 780px;
background: #fff url(img/right-bg.gif) top right repeat-y;
}

/* left side elements */
#left {
width: 500px;
float: left;
}
#left h1 {
color: #00326c;
text-transform: uppercase;
margin: 20px 0 10px 0;
font: bold 2.3em/1em "Arial Narrow", Arial, Helvetica, san-serif;
}
#left h2 {
color: #00326c;
margin: 25px 0 5px 0;
font: bold 1.8em/1.1em "Arial Narrow", Arial, Helvetica, san-serif;
}
#left h3 {
color: #2e5fa5;
margin: 0 0 12px 0;
padding: 0;
font: normal 1.6em/1.2em Arial, Helvetica, san-serif;
}
#left h4 {
color: #00326c;
margin: 20px 0 10px 0;
font: 
bold 2.2em/1em "Arial Narrow", Arial, Helvetica, san-serif;
}
#left h4 span {
font: normal 0.9em/1.1em "Arial Narrow", Arial, Helvetica, san-serif;
color: #2e5fa5;
}
#left h5 {
color: #00326c;
margin: 10px 10px 5px 0;
text-transform: uppercase;
font: normal 1.5em/1.1em "Arial Narrow", Arial, Helvetica, san-serif;
}
#left p {
color: #0c2751;
margin: 0 10px 15px 0;
font: normal 1.3em/1.3em Arial, Helvetica, san-serif;
}
#left p span {
color: #2e5fa5;
font: normal 0.9em/1em Arial, Helvetica, san-serif;
}
#main-body a {
color: #e30509;
text-decoration:none;
}
#main-body a:hover {
text-decoration: underline;
}
#contain-right {
float: right;
clear: right;
margin: 0 10px 0 0;
}
img.float-right {
float: right;
padding: 1px;
margin: 15px 10px 10px 20px;
border: 4px solid #cedae7;
}
img.right {
float: right;
margin: 10px;
}
#ruler {
width: 96%;
height: 1px;
border-bottom: 1px dotted #a2b6cc;
margin: 17px 0;
}
ul#threecol {
width: 500px;
float: left;
}
ul#threecol li {
width: 166px;
float: left;
}
#left ol li {
font: normal 1.2em/1.1em Arial, Helvetica, san-serif;
margin: 4px 0;
color: #0c2751;
padding: 0 0 0 13px;
background: url(img/tick.gif) 0 0 no-repeat;
}
#left ul#threecol li ol li {
width: 150px;
font: normal 1.2em/1.1em Arial, Helvetica, san-serif;
margin: 2px 0;
}











/* contact form elements */

#contactform {
	color: #00326c;
	width: 450px;
	font: normal 1.3em/1.3em Arial, Helvetica, san-serif;
	margin: 20px 10px;
	text-align: left;
}
#contactform input, 
#contactform textarea {
	background: #d9e3ed ;
	border-left:  3px solid #e30909;
	border-top: 0;
	border-right: 0;
	border-bottom: 0;
	color: #0c2751;
	padding: 4px 8px;
	font: normal 1em/1em Arial, Helvetica, san-serif;
	margin: 0px 0px 10px 0px;
}
#contactform select {
	border:  2px solid #cedae7;
	color: #0c2751;
	margin: 0px 0px 10px 0px;
	font: normal 1em/1em Arial, Helvetica, san-serif;
	padding: 2px;
}
#contactform input.submit {
	width: 61px;
	padding: 0px;
	border: 0px;
	height: 25px;
	background: transparent url(img/submit.gif) no-repeat;
	outline: none;
	}	
#contactform input.submit:hover {
	border: 0px;
	background: transparent url(img/submit.gif) no-repeat 0 -25px;
	}






/* right side elements */
#right {
width: 280px;
float: right;
text-align: center;
}
#right-box {
margin: 10px auto;
width: 260px;
background: #fff url(img/right-box-border.gif) top left repeat-y;
border-top: 8px solid #cedae7;
border-bottom: 8px solid #cedae7;
}
#contact-icon {
background: transparent url(img/contact-icon.gif) 200px 0px no-repeat;
}
#right-box h4 {
color: #00326c;
margin: 10px 20px ;
font: bold 2.3em/1em "Arial Narrow", Arial, Helvetica, san-serif;
text-align: left;
}
#right-box p {
color: #0c2751;
margin: 0 20px 10px 20px ;
font: normal 1.3em/1.3em Arial, Helvetica, san-serif;
text-align: left;
}








/* footer */
#footer {
width: 780px;
float: left;
background: #f9071d url(img/footer-bg.gif) top left repeat-y;
}
#footer-left {
padding: 25px 0;
width: 500px;
float: left;
background: transparent url(img/footer-left-bg.gif) 415px 15px no-repeat;
}
#footer-left p {
color: #fff;
margin: 0 0 0 20px;
font: normal 1.2em/1.3em Arial, Helvetica, san-serif;
}
#footer-left p a {
font-weight: bold;
color: #fff;
text-decoration: none;
}
#footer-left p a:hover {
text-decoration: underline;
}
#footer-right {
width: 280px;
height: 100px;
float: right;
text-align: center;
}




/* photo shuffler */
#photodiv { background-repeat: no-repeat;}
#photodiv img {border:0;}




/* bottom footer */

#clearfooter {
margin: auto;
padding: 12px 0 20px 0;
width: 780px;
clear: both;
}
#clearfooter p {
color: #565f93;
margin: 0 0 7px 0;
text-align: center;
font: normal 1.1em/1.1em "Arial", Helvetica, san-serif;
}
#clearfooter p a {
	font: bold 0.9em/1em 'Tahoma', Verdana, sans-serif;	
	padding: 1px 2px;	
	color: #153067;
	background: #cedae7;
	text-decoration: none;
}
#clearfooter p a:hover {
	color: #fff;
	background: #153067;
	text-decoration: none;
}