@charset "UTF-8";
/* $Id: styles.css,v 1.1 2010/05/04 17:55:53 pwh Exp $ */
/* === GENERAL STYLES === */
body {margin:0;padding:0;font-family:"Arial"; background:#004080;}
img {border:0;vertical-align:middle;}
.clear {clear:both;}
#body-wrap {width:743px;margin:0 auto;padding:0;background:#ffffff;}

/* === HEADER STYLES === */
div#header {width:100%;margin:0 0 0 0;padding:0;display:block;}
   
   /* - LOGO - */
   #header #logo {width:450px;margin:15px 0 0 0;float:left;}
   #header #logo h1 {margin:0;padding:0;text-transform:uppercase;padding-left:10px;font-family:"Century";font-size:24px;font-weight:normal;color:#525152;text-align:left; font-weight: bold;}
   #header #logo h2 {margin:0;padding:0;font-family: Arial, Helvetica, sans-serif;padding-top:30px;padding-left:10px;font-size:12px;font-weight:bold;color:#BB0000;text-align:left;}
   
   /* - PHONE - */
   #header #phoneHdr {width:214px;height:72px;margin:0;padding:10px 0 0 75px;background:url(images/phone-bg.gif) no-repeat top right;float:right;}
   #header #phoneHdr h2 {margin:0 0 0 0px;padding:5px 10px 0 75px;font-family:"Arial";font-size:15px;font-weight:normal;color:#FFF; text-align: center;}
   
   /* - NAVIGATION - */
   #header #navigation {width:100%;height:25px;margin:15px 0 0px 0;padding:0;background:#BB0000;}
   #header #navigation ul {margin:0 0 0 11px;padding:0;list-style-type:none;}
   #header #navigation ul li {margin:0;padding:0;font-family:"Arial";font-size:13px;color:#FFF;font-weight:bold;float:left}
   #header #navigation ul li a {margin:0;padding:4px 13px;color:#FFF;text-decoration:none;display:block;}
   #header #navigation ul li.active a:hover {background:#b4b96e;cursor:pointer;}
   #header #navigation ul li.current a {background:#004080;}
   
/* ==== CONTENT STYLES ==== */
div#content {width:100%;margin:10px 0 0 0;padding:0;}
#content img {margin:10px 0 10px 15px;float:right; border: 1px solid #ccc;}

   /* - SIDEBAR NAVIGATION - */
   #content #sidebar {width:150px;height:100%;margin:0 20px 0 0;padding:0;float:left;}
   #content #sidebar p.title {margin:0;padding:3px 0 3px 10px;font-family:Arial, Helvetica, sans-serif;font-size:13px;font-weight:bold;color:#777;border-bottom:1px solid #9c9a9c;text-align:left;}
   #content #sidebar ul {width:100%;margin:0;padding:0;list-style-type:none;}
   #content #sidebar ul li {width:143px;margin:0;padding:5px 0 5px 7px;border-bottom:1px solid #9c9a9c;background:#C0C0C0; font-size: 11px;}
   #content #sidebar ul.menu li:hover {background:#eee;}
   #content #sidebar ul li a {font-family:"Arial";font-size:11px;color:#393831;font-weight:normal;text-align:left;text-decoration:none;}
   
   /* - CONTEXT AREA - */
   #content #context {width:405px;margin:0;padding:0;float:left;line-height: 16px;}
   #content #context h2 {text-transform: uppercase; margin:0;padding:5px 0 5px 0;font-family:"Garamond Premr Pro";font-size:18px;font-weight:normal;color:#393831;text-align:left;border-bottom:1px solid #9c9a9c;}
   #content #context h3 {margin:0;padding:0 0 0px 0;font-family:"Arial";font-size:14px;font-weight:bold;color:#00558c;text-align:left;border-bottom:0px solid #9c9a9c;}
   #content #context p {margin:4px 0 10px 0;padding:0;font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:normal;color:#393831;text-align:left;}
   #content #context p.large {margin:10px 0;text-align:left;font-size:13px; color:#8c9600; font-weight: bold;}
   #content #context p.highlight {margin:0 0 15px 0;text-align:left;color:#ccc;font-size:10px;font-style:italic;}
   #content #context ul {margin:10px 0 0 0;padding:0;}
   #content #context ul li {margin:0 0 5px 10px;font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#000;font-weight:normal;text-align:left;}
   #content #context img {margin:10px 0 10px 15px;float:right; border: 1px solid #ccc;}
   #content #context a {color: #666; text-decoration: underline;}
   
   /* - CONTACT SIDE AREA - */
   #content #contact {width:145px;height:100%;margin:0;padding:0;float:right;}
   #content #contact img {margin:15px 0 0 0;}
   #content #contact p {font-family:Arial, Helvetica, sans-serif;font-size:11px;color:#393831;text-align:left;;}
   #content #contact p.heading {height:6px;margin:0;padding:0;border-bottom:1px solid #9c9a9c;}
   #content #contact .title {padding:0 5px 0 0;font-family:Arial, Helvetica, sans-serif;font-size:11px;color:#d7256b;background:#FFF;font-weight:normal;text-align:left;}
   
   /* - CONTACT SIDE AREA -> FORM - */
   #content #contact #formContainer {position:relative;width:135px;margin:0;padding:0;}
   #content #contact #form {position:absolute;top:0;left:0;width:135px;height:280px;margin:0;padding:5px;background:#C0C0C0;z-index:1}
   #content #contact label {margin:0 0 5px 0;font-family:Arial, Helvetica, sans-serif;font-size:11px;color:#393831;font-weight:normal;text-align:left;}
   #content #contact input {width:130px;height:17px;padding:0;border:1px solid #7b9ebd; padding: 2px;}
   #content #contact textarea {width:130px;height:45px;margin:5px 0;padding:0;border:1px solid #7b9ebd;}
   #content #contact .button {margin:5px 0;padding: 3px 3px 3px 3px;font-family:Arial, Helvetica, sans-serif;font-size:11px;color:#d7256b;background:#FFF;font-weight:normal;text-align:left;border:1px solid #cecfce;}


#cta {
	padding: 5px;
	background: #00558c;
	color: #fff;
	font-size: 100%;
	font-weight: none;
	margin: 5px 0px 5px 0px;
	float: center;
	text-align: center;
	width: 100%;
}

#cta a{
	color: #fff!important; 
	cursor: pointer;
}

/* ==== FOOTER STYLES ==== */
div#footer {width:100%;height:25px;margin:45px 0;padding:0;background:#efeff7; text-align: center;font-family:"Trebuchet MS";font-size:12px;}
   #footer ul {padding:4px 0;list-style-type:none;text-align: center;}
   #footer a {color:#666;font-weight:normal;}