/* CSS Document */

body { margin: 0px auto; padding: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #302e2e }

h2 { text-indent: -10000px; font-size: 1px }

#mainframe { width: 779px; margin: 0px auto }

#topbar { height: 75px }

#logobox a{ height: 75px; width: 240px; float: left; background-image: url(../images/logo.jpg); background-repeat: no-repeat; text-indent: -10000px; text-decoration: none }

#loginbox { width: 312px; height: 67px; float: right; border-left: solid #e5e5e5 1px; text-align: right; color: #808080; font-size: 10px; font-weight: bold; margin-top: 4px }

#loginbox a{ color: #185588; text-decoration: none }

#loginbox a:hover{ color: #185588; text-decoration: underline }

#navbar { margin-top:3px; height: 31px; background-color: #f7f7f7; border-top: solid #e5e5e5 1px; margin-bottom: 0px;  color:#052540; font-weight: bold; text-transform: uppercase; padding: 0 14px 0 14px;  }

#navbar a{ color: #052540; text-decoration: none }

#navbar a:hover{ color: #fff; text-decoration: none }

#line { margin-top: 3px; border-bottom: solid #7fb8d3 1px }



#contenthome { float: left; width: 443px; margin: 12px 0 12px 0 }

#contentall { float: left; width: 548px; margin: 12px 0 12px 0; text-align: justify; padding-left: 9px }

#contentrighthome { width: 312px; float: right; font-size: 10px; color: #78828c; margin: 12px 0 12px 0 }

#contentrightall { width: 200px; float: right; font-size: 10px; color: #78828c; margin: 12px 0 12px 0 }

h1 { color:#5a5a5a; margin-top: 0px; font-size: 17px; font-weight: bold }

.blue { color: #0d95d7; font-weight: bold }

.greenhead { color: #a0a721; font-size: 14px }

.bluehead { color: #0096ff; font-size: 12px; padding-left: 8px }

.grey { color:#78828c; padding-left: 8px }

.bluesmall { color:#0096ff; padding-left: 8px }

#left152 { width: 152px; float: left }

#right146 { width: 146px; float: right }

#newsletterbox { margin-left: 8px; border: solid #e0e1c1 1px; background-color: #f0f1d7; width: 256px; padding: 8px }

#newsletterbox1 { margin-left: 8px; border: solid #e0e1c1 1px; background-color: #f0f1d7; padding: 8px }

.picgrey { color: #302e2e; font-size: 10px }

.picblue { color: #0096ff;}

#picbox1 a{ text-decoration: none; display: block; background-color:#fafafa; border: solid #d7d7d7 1px; padding: 9px }

#picbox1 a:hover{ text-decoration: none; background-color: #f6f4f4 }

#picbox2 a{ text-decoration: none; display: block; background-color:#fafafa; border: solid #d7d7d7 1px; padding: 9px }

#picbox2 a:hover{ text-decoration: none; background-color: #f6f4f4 }

#picbox3 a{ text-decoration: none; display: block; background-color:#fafafa; border: solid #d7d7d7 1px; padding: 9px }

#picbox3 a:hover{ text-decoration: none; background-color: #f6f4f4 }




.submenu a{ border-bottom: dashed #ccc 1px; color: #188ad5; text-decoration: none; display: block }

.submenu a:hover{ color: #ccc; text-decoration: none }

.submenuend a{ color: #188ad5; text-decoration: none; display: block }

.submenuend a:hover{ color: #ccc; text-decoration: none }

.sitemap { list-style: none; color: #302e2e; text-decoration: none; padding-left: 10px }

.sitemap a{ color: #302e2e; text-decoration: none; font-size: 11px }

.sitemap a:hover{ color: #ccc; text-decoration: underline; font-size: 11px }

.sitemaphead a{ color:#188ad5; text-decoration: none; }

.sitemaphead a:hover{ color:#ccc; text-decoration: none; }



#footer { border-top: solid #cccccc 1px; padding: 5px 10px 15px 10px; color: #999999; font-size: 10px; text-align: center }

#footer a{ color:#666666; text-decoration: none }

.greylink { color: #999999; text-decoration: underline }






#cssdropdown, #cssdropdown ul {
padding: 0;
margin: 0;
list-style: none;
color: #000;

}

#cssdropdown li {
float: left;
position: relative;
}

.mainitems{
  display:table;         /* ignored by IE */
  text-align: center; 
  list-style-type:none;
  white-space:nowrap;    /* keep text on one line */
  border:0px solid #06a; /* add a border to show size of menu */
  width:124px;
  }


.mainitems a{
display:block;         /* for all browsers except IE */
  padding-left:10px;
  padding-right: 10px;
  padding-top: 0px;
  padding-bottom: 0px;
  color:#000; 
  border:0px solid #fff; /* add a 1px white border around items */ 
  text-decoration:none;
  line-height: 31px; }

.mainitems a:hover {
  color:#fff;
  background-color: #2f2f2f;
  }

.subuls{
display: none;
width: 10em;
position: absolute;
top: 2.1em;
left: 0;
background-color: #f7f7f7;
border: 0px solid black;
text-align: left;
}

.subuls li{
width: 100%;
}

.subuls li a{
text-decoration: none;
background-color: #FFFFFF;
border-bottom: solid #ccc 1px;
font-size: 11px;
text-transform: none;
line-height: 25px;

}

.subuls li a:hover { background-color: #2f2f2f; }

#cssdropdown li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
top: auto;
left: auto;
}

#cssdropdown li:hover ul, li.over ul { /* lists nested under hovered list items */
display: block;


}

#restofcontent { /*wrap rest of content of the page inside this div*/
clear: left;
}