/* Basic code - don't modify */
 
 #nav { display: block; margin: 0; padding: 0; position: relative; }
  #nav li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; }
  #nav a { display: block; }
  #nav ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
  * html #nav ul { line-height: 0; } /* IE6 "fix" */
  	#nav ul a { zoom: 1; } /* IE6/7 fix */
    #nav ul li { float: none; }
    #nav ul ul { top: 0; }
    
/* Essentials - configure this */

#nav ul { width: 130px; }
#nav ul ul { left: 131px; }

/* Everything else is theming */
 
#nav { background-color: #002341; height: 24px; width: 650px }
#nav *:hover { background-color: none; }
#nav a { border-right: 1px #00182d; color: white; font-size: 14px; font-family: Georgia, Times New Roman, Times, serif; padding-left: 5px; padding-right: 32px; padding-top: 5px; padding-bottom: 5px; line-height: 1; }
  #nav li.hover a { background-color: #00182d; }
  #nav ul { top: 25px; }
    #nav ul li a { background-color: #00182d; width: 100px; padding-left: 5px; padding-right: 5px; padding-top: 5px; padding-bottom: 5px; color: white; font-size: 12px; font-family: Georgia, Times New Roman, Times, serif;}
      #nav ul a.hover { background-color: #30A8C3; }
   #nav ul a { border-bottom: 1px solid white; border-right: none; opacity: 0.9; filter: alpha(opacity=90); }
/* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */



body, html { text-align: center; background-color: #002341; margin-top: 0px; }
.mainwrapper { margin-left: auto; margin-right: auto; width: 994px; height: auto; text-align: left;  padding-left: 0px; padding-right: 0px; padding-top: 30px; padding-bottom: 0px; }
.wrapper { width: 994px; height: auto; }
.header { width: 994px; height: 64px; float: left;  padding-left: 0px; padding-right: 0px; padding-top: 0px; background-image: url('../images/header.png')}

.header a { font-family: Georgia, Times New Roman, Times, serif; font-size: 13px; color: #ffcc06; text-align: left;}
.header a:hover{color: #ffffff}


.navigation { width: 974px; height: 440px; float: left; padding: 10px; background-color: #818893; }
.navigation2 { width: 954px; height: 420px; float: left; padding: 10px; background-color: #FFFFFF;}
.navigation3 { width: 954px; height: 420px; float: left; padding: 0px; background-color: #002341;}
.left { width: 226px; height: auto; float: left; margin-right: 14px; }
.navigation4 { width: 734px; height: auto; float: left; }
.navigation p { font-family: Georgia, Times New Roman, Times, serif; color: #ffffff; font-size: 13px; margin-bottom:0em; text-align: left;}
.navigation h1 { font-family: Georgia, Times New Roman, Times, serif; color: #ffffff; font-size: 18px; text-align: left;}
.navigation a { font-family: Georgia, Times New Roman, Times, serif; font-size: 90%; color: #ffcc06; text-align: left;}
.navigation a:hover{color: #ffffff}
.footer { width: 994px; height: 25px; float: left; background-image: url('../images/footer.png')}
.clearer { clear: both; }

.navigation4 p { font-family: Georgia, Times New Roman, Times, serif; color: #ffffff; font-size: 13px; margin-bottom:0em;}
.navigation4 h1 { font-family: Georgia, Times New Roman, Times, serif; color: #ffffff; font-size: 18px; }
.navigation4 a { font-family: Georgia, Times New Roman, Times, serif; font-size: 13px; color: #ffcc06; text-align: left;}
.navigation4 a:hover{color: #ffffff}

.navigation3 p { font-family: Georgia, Times New Roman, Times, serif; color: #ffffff; font-size: 13px; margin-bottom:0em; text-align: left; text-align: justify; }
.navigation3 h1 { font-family: Georgia, Times New Roman, Times, serif; color: #ffffff; font-size: 18px; text-align: left; margin-bottom:0em;}
.navigation3 h2 { font-family: Georgia, Times New Roman, Times, serif; color: #ffcc06; font-size: 16px; text-align: left;}
.navigation3 h3 { font-family: Georgia, Times New Roman, Times, serif; color: #ffcc06; font-size: 12px; text-align: left;}
.navigation3 h4 { font-family: Georgia, Times New Roman, Times, serif; color: #ffcc06; font-size: 10px; text-align: left;}
.navigation3 a { font-family: Georgia, Times New Roman, Times, serif; font-size: 13px; color: #ffcc06; text-align: left;}
.navigation3 a:hover{color: #ffffff}


.nav p { font-family: Georgia, Times New Roman, Times, serif; color: #ffffff; font-size: 13px; margin-bottom:0em;}
.nav h1 { font-family: Georgia, Times New Roman, Times, serif; color: #ffffff; font-size: 18px; }
.nav a { font-family: Georgia, Times New Roman, Times, serif; font-size: 13px; color: #ffcc06; text-align: left;}
.nav a:hover{color: #ffffff}