@import url("reset.css");
body { margin:0; padding:10px; font:80% arial, sans-serif; background:#fff; color:#091025; } 
p { margin-bottom:1.5em; line-height:1.6; }
ul { margin-left:30px; padding-bottom:10px; }
li { list-style-type:square; padding-bottom:10px; line-height:1.6; }
table { font-size:1em; }
table p { margin:0; }
a { color:#173975; }
a:hover { text-decoration:none; }
a img { border:2px solid #b8cbee; background:#fff; padding:4px; }
a:hover img { border:2px solid #c80000; background:#fff; padding:4px; }
a img.noback { background:none; padding:0; border:none; }
a:hover img.noback { background:none; padding:0; border:none; }
input, textarea { font-family:arial, sans-serif; font-size:1em; }
h1, h2, h3, h4 { font-family:georgia, serif; font-weight:normal; }
h1 { font-size:2em; line-height:1.4; margin-bottom:0.8em; color:#1d2d5b; } 
h1 strong { font-weight:normal; color:#c80000; }
h2 { color:#324b93; font-size:1.6em; line-height:1.4; margin:10px 0 20px 0; } 
h3 { font-size:1.4em; color:#1d2d5b; } 
h4 { font-size:1em; color:#324b93;padding-bottom:4px; margin-bottom:15px; } 
img.clsleft { float:left; margin-right:20px; margin-bottom:10px; }
img.clsmiddle { margin-right:20px; margin-left:20px; margin-bottom:10px; }
img.clsright { float:right; margin-left:20px; margin-bottom:10px; }
img.clsborderleft { border:2px solid #b8cbee; background:#fff; padding:4px; float:left; margin-right:20px; margin-bottom:10px; } 
img.clsbordermiddle { border:2px solid #b8cbee; background:#fff; padding:4px; margin-right:20px; margin-left:20px; margin-bottom:10px; }
img.clsborderright { border:2px solid #b8cbee; background:#fff; padding:4px; float:right; margin-left:20px; margin-bottom:10px; }
.datatable { margin-bottom:1.5em; }
.datatable th { padding:3px; color:#1d2d5b; font-weight:bold; border:1px solid #fff; } 
.datatable td { padding:3px; border:2px solid #b8cbee; } 
.notes { font-size:0.9em; } 
.shout { font-size:1.2em; line-height:1.6; color:#bf0808; margin-bottom:1.5em; } 
.shout2 { font-size:1.2em; line-height:1.8; background:#1d2d5b; color:#fff; padding:3px 0; margin-bottom:1.5em; display:inline; border-right:4px solid #bf0808; } 
.submit, .reset { width:80px; border:0; background:#3e7dc5; color:#fff; cursor:pointer; outline:none; } 
.reset { background:#3e7dc5; } 
.quote { border:2px solid #b8cbee; margin:10px 20px; padding:10px; color:#c80000; font-style:italic; background:#fff; } 
.caption { float:right; width:200px; padding:15px; border:2px solid #b8cbee; background:#fff; margin:0 0 20px 25px;  } 
.custom1 {  } 
.custom2 {  } 
.border { border:2px solid #b8cbee; background:#fff; padding:4px; } 
.noborder, #hbc a.noborder { border:0; }
.clear { clear:both; }
#background { position:absolute; left:0; height:648px; width:100%; }
#shadow { position:fixed; left:0; z-index:900; width:100%; background:url(shadow.png) repeat-x; height:20px; }
#container { position:relative; width:960px; margin:auto; margin-top:50px; }
#sitelogo { width:700px; height:60px; text-align:left; }
#hbc { position:relative; z-index:1000; height:30px; line-height:2.3; text-align:right; }
#hbc a { padding-bottom:1px; color:#fff; text-decoration:none; margin-left:5px; padding-left:8px; border-left:1px solid #5b81ab; }
#hbc a:hover { color:#eaeb73; }
#head { height:60px; text-align:left; }
#head h2 { margin:0; padding-top:37px; font-size:2.5em; color:#8498b4; }
#menu { padding:12px 0 0 10px; height:53px; background:url(menu_back.png) top repeat-x; }
#menu_end { position:absolute; background:url(menu_end.gif) no-repeat top; width:10px; height:45px; margin-left:950px; }
#nav, #nav ul { list-style:none; margin:0; padding:0; /* this removes all default styling */ }
#nav li{ float:left; display:inline; position:relative; z-index:1000; padding-bottom:16px; }
#nav ul.nav_child { top:0 /* resets starting position */ ; padding:0; margin-top:32px /* change this value to move the first drop down further/closer to the menu */; }
#nav ul, #nav ul ul { display:none; }
#nav li:hover ul ul, #nav li.over ul ul { display:none; /* background here so the hover works correctly */; }
#nav li:hover ul, #nav li.over ul { position:absolute; display:block; left:0 /* aligns with left hand side of parent li */; }
#nav ul li a { display:block; width:170px /* change as desired */; background:url(trans_darkback.png); }
#nav li li:hover ul, #nav li li.over ul { position:absolute; display:block; left:180px /* same as width of #nav ul a */; margin-top:-26px /* this needs to be adjusted so the second drop down will align correctly with the first */; }
#nav li li { position:relative; padding-bottom:0; float:none; }
#nav li a { color:#fff; text-decoration:none; margin:0 10px 10px 10px; padding-bottom:2px; position:relative;  }
#nav li a:hover { border-bottom:4px solid #2a578a; }
#nav .nav_parent a {  }
#nav .nav_parent a:hover {  }
#nav .nav_child a { padding:5px; margin:0; display:block; }
#nav .nav_child a:hover { border-bottom:0; color:#fff; }
#nav .nav_parent2 {  }
#nav .nav_parent2 a {  }
#nav .nav_parent2 a:hover {  }
#nav .nav_child2 a {  }
#nav .nav_child2 a:hover {  }
#nav #active { background:#fff; color:#2f67be; border:10px solid #fff; border-top:6px solid #fff; padding-bottom:26px; cursor:default; margin:0; }
#nav ul #active { background:#4276b0; border:0; padding-bottom:5px; color:#fff; }
/** 
--------------------------------------------------------------------------------------------
IF YOU ARE USING THE DROP DOWN MENU FUNCTIONALITY REPLACE THE ACTIVE STYLES ABOVE WITH THESE:

#nav #active { background:#fff; color:#03173c; padding:5px 10px; border-bottom:0; cursor:default; margin:0; }
#nav ul #active { background:#609700; border:0; padding:5px; color:#fff; }

--------------------------------------------------------------------------------------------
**/
#main { background:url(main_back.png) repeat-y; padding:10px 20px; }
#left_col { float:left; width:645px; }
#pagebody { position:relative; z-index:10; padding:17px 20px 0 12px; }
#pagebody_back { position:absolute; z-index:1; float:left; width:277px; height:348px; margin:-338px 0 0 -10px; }
#right_col { position:relative; z-index:10; float:right; width:264px; }
#right_col p, #right_col h3  { padding:0 15px; margin:0; }
#right_col h3 { font-size:1em; }
#extra { background:url(extra_back.jpg) #c62913 bottom no-repeat; border-bottom:10px solid #fff; color:#fff; padding-bottom:15px; }
#extra h2 { background:url(extra_header.gif) no-repeat; height:25px; border-bottom:3px solid #fff; margin:0 0 10px 0; }
#extra h2 span { display:none; }
#contact_details_header { background:url(contact_details_header.gif) no-repeat; height:25px; border-bottom:3px solid #fff; margin:0; }
#contact_details_header span { display:none; }
#contact_details { border:2px solid #b8cbee; padding:6px 0 14px 0; }
#contact_details h3 { font-family:arial, sans-serif; color:#173975; margin-top:8px; }
#contact_details a { color:#173975; }
#contact_details .notes { margin-top:8px; font-size:0.8em; }
#contact_form { margin:10px 0; background:url(contact_form_back.jpg) #192650 no-repeat top; padding-bottom:20px; }
#contact_form h2 { background:url(contact_form_header.gif) no-repeat; height:25px; border-bottom:3px solid #fff;  margin:0 0 12px 0; }
#contact_form h2 span { display:none; }
#contact_form fieldset { margin:0 auto; width:230px; }
#contact_form legend { display:none; }
#contact_form label { display:block; padding:4px 0 3px 0; color:#fff; }
#contact_form input, #contact_form textarea { width:220px; padding:2px; background:#2d416f; color:#57badf; cursor:text; border:1px solid #697fb1; }
#contact_form textarea { overflow:hidden; height:120px; margin-bottom:10px; }
#contact_form .submit, #contact_form .reset { width:60px; border:0; background:#3e7dc5; color:#fff; cursor:pointer; font-size:0.9em; outline:none; }
#contact_form .submit { margin-left:103px; }
#contact_form .reset { background:#3e7dc5; }
#extra_two_header { background:url(extra2_header.gif) no-repeat; height:25px; border-bottom:3px solid #fff; margin:0;}
#extra_two_header span { display:none; }
#extra_two { background:url(extra2_back.gif) #fff no-repeat bottom center; border:2px solid #e8cbbf; padding:12px 0; }
#top_pic { background:url(top_pic.jpg) no-repeat; height:250px; }
#top_pic_extra { position:relative; z-index:200; float:left; top:25px; left:25px; background:url(trans_back.png); padding:14px 14px 14px 14px; width:235px; height:165px; }
#top_pic_extra h2 { background:url(trans_darkback.png); font-size:1.7em; color:#fff; margin:0 0 7px 0; text-indent:4px; }
#top_pic_extra a { padding:3px 7px; background:url(trans_back.png); color:#b80108; text-decoration:none; display:block; float:right; font-weight:bold; font-size:0.9em; }
#top_pic_extra a:hover { background:url(trans_darkback.png); color:#fff; }
#main_bot { background:url(main_bot.png); height:10px; }
#bottom { position:relative; margin-top:20px; border-top:1px solid #afb6bb; border-bottom:1px solid #afb6bb; padding:6px 0; color:#737c83; }
#bottom_links { float:left; }
#bottom_links a { color:#737c83; text-decoration:none; }
#bottom_links a:hover { color:#1a2855; }
#copyright { float:right; }
#end { text-align:center; font-size:0.9em; padding-top:15px; }
#end, #end a { color:#737c83; text-decoration:none; }
#end a:hover { text-decoration:underline; }

.contactform td { padding:4px;margin:2px; }

.invalid { background:url(invalid.gif) #fff no-repeat left; }