﻿html { background:#d5d9c4 url(Images/contentbg.jpg) repeat-x; }
body { padding:0; margin:0; font-family:Verdana, Arial, sans-serif; font-size:12px; width:100%;color:#333; }

table { border-collapse:collapse; margin:0; padding:0; border-spacing:0; border:0; }
td { border:0px; margin:0; padding:0; }
div { margin:0; padding:0; border-spacing:0; border:0; }
img { border:none; margin:0; padding:0; border-spacing:0; border:0; }
hr { background-color:#c9c6b5; color:#c9c6b5; border:0; height:1px; width:100%; text-align:left; }
label { font-weight:bold; color:#565855;}
LI { color:#0077C6; }

a { color:#555566; text-decoration:underline; }
a:visited {color:#555566;}
a:link {color:#555566;}
a:hover {color:#FFA500;}

#editor { margin-top:-20px; position:absolute; top:0px; left:0px; z-index:100;  font-weight:bold; background-color:#e5e5e5; color:#dfdfdf ;border-bottom: solid 1px #2d2d2d; border-right: solid 1px #2d2d2d; }
.Header1 {color:#FF6600;font-size:16pt;font-weight:bold;letter-spacing:-1px;}


#HeaderFrame {}
#HeaderWrapper {}
#HeaderTop {background-color:#326aaf;height:32px;}
#HeaderContent {text-align:center;background:#1a1a1a url(images/headerbg.jpg) repeat-x;}
#HeaderContentWrapper {text-align:left;margin:0 auto;width:982px;height:111px;}
#HeaderBottom {text-align:center;background-color:#e2e2e2;margin:0;padding:0;}
#HeaderBottomWrapper {text-align:left;margin:0 auto;width:982px;height:34px;}

#Logo {float:left;margin-top:18px;}
#Preamble {float:right;margin-top:10px;}

#ContentFrame {text-align:center;}
#ContentWrapper {text-align:left;margin:10px auto 0 auto;width:978px;background-color:transparent;min-height:300px;}
#ContentTop {height:9px;background:transparent url(Images/ContentTop.png) no-repeat;}
#ContentMiddle {background-color:#fff;border:solid 1px #fff;}
#ContentBottom {height:9px;background:transparent url(Images/ContentBottom.png) no-repeat;clear:both;}

#ContentMain {margin:0 10px 20px 10px;padding:0;}
#ContentMainLeft {float:left;}
#ContentMainRight {float:right;width:350px;}

#ContentSub {margin:10px;}
#ContentSubLeft {float:left;clear:left;width:302px;margin:0 4px;}
#ContentSubMiddle {float:left;width:302px;margin:0 4px;}
#ContentSubRight {float:left;margin:0 4px;width:302px;}

#ContentSub h3.Title {font-family:Verdana;background:transparent url(images/titlebg.jpg) repeat-x;color:#fff;font-size:11pt;padding:10px 0 2px 10px;margin:0 0 4px 0;}
#ContentSub div.GreyBox {border:solid 1px #ccc;}

#ContentSubRight div.GreyBox {}

#navwrapper {padding-top:10px;border-collapse:collapse;}
#navwrapper .homebutton { background:#48484A; text-align:center; height:24px; width:140px; float:left; margin:0 1px 0 -1px; padding-top:7px }
#navwrapper .homebutton a { color:#ffffff; text-decoration:none; font-size:11px; font-weight:bold; }
#navwrapper .homebutton a:hover { color:#FF9900; }

#nav { padding: 0; margin: 0; list-style: none;  height: 24px; }
#nav a { display: block; width: auto; text-decoration: none; }
#nav li { float: left; font-weight: bold; height: 24px; padding: 0; }
#nav li span {border-right:solid 1px #3c7bc8;padding:0 16px;display:block;}

#nav li ul { position: absolute; z-index: 1000; font-weight: normal; font-size: 12px; width: 12em; height: auto; margin:10px 0 0 0 !important; border-left: 5px solid #ccc; left: -999em;padding:0; }
#nav li ul li { border-top: 1px solid #CCC; width: 12em; height: auto; line-height: 1.2em; padding: 0; background: #2d2d2d; text-align: left;list-style-position:inside;margin:0;list-style-type:none;}
#nav li ul li a { display: block; text-decoration: none; padding: 4px 0 4px 2px; color:#fff; font-size:10px; }
#nav li ul li a:hover, #nav li ul li a:focus  { display: block; padding: 4px 0 4px 2px; text-decoration: none; background:#326aaf; color: #FFF; }
#nav li ul ul { margin: 6em 0 0 12em; }
#nav li:hover ul ul { left: -999em; }
#nav li:hover ul, #nav li li:hover ul, #nav li.hover ul { left: auto; }
#nav li:hover ul ul, #nav li:hover ul ul ul { left: -999em; }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul { left: auto; }

#nav li#contact_nav a span {border:none;}

.content {}
.content h3 {color:#FF6600;font-size:12pt;font-weight:bold;}
.content img {border:solid 1px #ccc;padding:2px;}
.column, .column_45, .column_50 {float:left;padding-right:10px;}
.column_45 {width:45%;}
.column, .column_50 {width:50%;}
.column_two, .column_two_45 {float:left;width:40%;margin-left:30px;}

p.clear {clear:both;}
a.button_next {display:block;float:right;margin-right:10px;}

#ContactForm {}
#ContactForm label {margin-right:10px;}
#ContactForm div {margin:6px 0;}

#ContactInfo {float:right;margin:20px 20px 0 0;border:solid 1px #ccc;padding:10px;width:300px;}