@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; }

a { color:#2268b8; }
a:hover { text-decoration:none; }
a img { border:none; }
a:hover img {  }
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:arial, sans-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:#c80000; font-size:1.7em; line-height:1.4; margin:10px 0 0.3em 0; } 
h3 { font-size:1.4em; color:#1d2d5b; } 
h4 { font-size:1.4em; color:#c80000; border-bottom:2px solid #b8cbee; padding-bottom:4px; margin-bottom:0.6em; } 
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:#253f7f; color:#fff; cursor:pointer; outline:none; } 
.reset { background:#b80108; } 
.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; background:url(pattern_back.jpg) repeat-x top center; 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; }
#sitelogo { position:absolute; width:280px; height:145px; text-align:center; }
#sitelogo img { margin-top:40px; }
#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:120px;  text-align:right; background:url(/*iso_logo.gif*/) no-repeat 878px 12px; }
#head h2 { margin:0; padding-top:75px; font-size:14px;  line-height:1.3; font-family:"arial black", arial, sans-serif; color:#000b39; text-transform:uppercase; font-style:italic;}
#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:#eaeb73; 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:#b80108; 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 { background:url() no-repeat; 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 ul {padding:5px 15px 0 0}
#right_col h3 { font-size:1em; }
#extra { background:url() #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; line-height:25px; border-bottom:3px solid #fff; margin:0 0 10px 0;  text-transform:uppercase; font-size: 15px; color:#fff; padding-left:7px;}
#extra h2 span {}
#latest_news h2 { background:url(latest_news.gif) no-repeat; height:25px; line-height:25px; border-bottom:3px solid #fff; margin:0;  text-transform:uppercase; font-size: 15px; color:#fff; padding-left:7px;}
#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; background:url() #fff no-repeat right bottom; padding:6px 0 14px 0; }
#latest_news div { border:2px solid #b8cbee; padding:15px 0 0 0; }
#latest_news p { margin-bottom:15px; }
#contact_details h3 { font-family:arial, sans-serif; color:#173975; margin-top:8px; }
#contact_details a { color:#c80000; }
#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:#b80108; 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; display:block;}
#page1 #top_pic {display:none;}
#page2 #top_pic {background:url(top_pic3.jpg) no-repeat; height:250px;}
#page3 #top_pic {display:none;}

#flashsurround {height:250px; width:643px; display:none;}
#flashdiv {display:none; height:250px; width:643px; position:absolute;top:225px; left:30px}
#flashbar {position:relative; top:0; left:631px;}


#page3 #flashdiv, #page3 #flashsurround {display:block;}
#homebuttons {display:none}
#page1 #homebuttons {display:block}
#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:#ca1d02; }
#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; }
#end span { display:none; }

#formdiv {float:left; width:370px;}
form#contact {margin:0; width:370px;}
form#contact .inputsurround {overflow:hidden; padding:0 0 10px 0; }
form#contact .inputsurround label {float:left; width:100px;}
form#contact .inputsurround input, form#contact .inputsurround textarea {float:right; width:260px; clear:right}
form#contact .inputsurround .submit {background: #c80000; border: 0; cursor: pointer; color: white; padding:2px; width:70px; margin:5px 0; clear:both;}
#contactinfo {width:200px; float:left; margin:-4px 0 0 30px;}
#contactinfo h2 { margin:0; font-size:18px}
#contactinfo p { margin: 0 0 20px 0;}

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