/* CSS Document */
body { background-color: #9D9EA1; margin: 0; }
table { border: 0; border-spacing: 0; }
th, td { padding: 0; }
header { width: 950px; display: block; margin: 0 auto; }
@media (max-width:950px) {
  header { width: 100%; }
}
a img { border: 0; }
#logo { clear: left; float: left; padding: 10px; }
#logo a img { width: 330px; height: 45px; }
#search_form { float: right; }
#clear { clear: both; }
@media (max-width:750px) {
  #logo { padding: 5px; }
}
@media (max-width:450px) {
  #logo a img { width: 200px; height: 27px; }
}
#clearleft { clear: left; float: left; }
nav { margin: 0; padding: 0 10px 0 10px; background-color: #0078C1; clear: left; float: left; }
nav ul { margin: 0; padding: 0; }	
nav ul li { float: left; margin: 0; padding: 0 8px 0 7px; display: inline-block; }
nav ul li a { color: white; background-color: #0078C1; font-family: arial; font-weight: bold; font-size: 18px; padding: 7px 10px 7px 10px; display: inline-block;
	text-decoration: none; }
nav ul li a:hover { background-color: #FFEF00; color: black; }
nav ul li a#current { background-color: #FFEF00; color: black; }
ul#main_nav li ul { z-index: 9; visibility: hidden; list-style-type: none; border: 1px solid #555555; margin: 0; padding: 0; position: absolute; text-align: left; }
ul#main_nav li ul li { clear: left; float: left; margin: 0; padding: 0; display: block; border: 1px solid white; }
ul#main_nav li ul li a { float: left; margin: 0; padding: 5px 7px 5px 7px; color: #FFFE00; background-color: black;
 font-size: 12px; width: 180px; display: block; text-decoration: none; }
ul#main_nav li:hover > ul { visibility: visible; }
ul#main_nav li ul li a:hover { background-color: white; color: #0078C1; }
nav select { display: none; }
@media (min-width:800px) and (max-width:950px) {
  nav { padding: 0 0 0 0; }
  nav ul li { padding: 0 0 0 0; }
}
@media (max-width:800px) {
  nav ul     { display: none; }
  nav ul li  { display: none; }
  nav ul li a { display: none; }
  nav select { display: inline-block; }
}

#arrows { margin: 5px 10px 5px 28px; color: #0078C1; font-family: arial; font-size: 16px; font-weight: bold; }
#arrows a { color: black; text-decoration: none; }
#arrows a:hover { text-decoration: underline; }
#leftcol, #leftcol2 { clear: left; float: left; width: 280px; margin: 0; padding: 0; vertical-align: top; }
#leftcol p { padding: 0; margin: 0; }
#main { float: left; margin: 0; padding: 0; vertical-align: top; }
#main p, ul { color: #333333; font-family: arial; font-size: 14px; margin: 0; border: 0; }
#main p { padding: 0 25px 20px 12px; }
#main ul { padding: 0 25px 20px 27px; }
#main a { color: #0078C1; font-family: arial; text-decoration: none; }
#main a:hover { text-decoration: underline; }
#main a:visited { text-decoration: underline; }
/* set style for titles within text */
#main h1 { font-size: 18pt; font-family: arial; color: #0078C1; padding: 1px 25px 0 12px; margin:0; }
#main h2 { font-size: 18px; font-family: arial; font-weight: bold; color: #0078C1; padding: 1px 25px 0 12px; margin:0; }
#main p.header { padding: 0 25px 10px 12px; }			
#rightcol { float: left; padding: 10px; }
#rightimg { clear: right; float: right; margin: 15px; }
p.copyright { color: white; font-family: arial; font-size: 10px; padding: 5px; margin: 0; text-align: center; }
p.copyright a { color: white; text-decoration: none; }
p.copyright a:hover { text-decoration: underline; }
p.feedback { padding: 0 0 0 52px; }	
#goto_top { float: right; }		
#goto_top p a { padding: 5px 10px 5px 10px; color: white; font-family: arial; font-size: 16px; font-weight: bold; text-decoration: none; background-color: #0078C1;
border-top: 2px solid #55B0D9; border-left: 2px solid #55B0D9; border-right: 2px solid #113891; border-bottom: 2px solid #113891; }		  						  
#goto_top p a:hover { background-color: #9D9EA1; border-top: 2px solid #CDCED1; border-left: 2px solid #CDCED1; border-right: 2px solid #6D6E81; border-bottom: 2px solid #6D6E81; }