/* basic html tag styles*/
 
body 
{ font-family: Verdana, Arial, sans-serif;
  padding: 0;
  margin: 0;
  font-size: .80em;
  line-height: 1.3em;
  background-color: #9BCA8E;
  height: 100%;
}

body#home a#nav_home
{ font-weight: bold;
  font-size: 112%;
}

a 
{ text-decoration: underline;
  color: #085ba3;
  outline: none;
}

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

h1, h3
{ font-family: arial, sans-serif;
  font-size: 108%;
  padding: 15px 0px 0px 30px;
  letter-spacing: .1em;
  line-height: 1.6em;
  color: #006;
}

h5
 /* use this tag for the left menu */
{ font-family: arial, sans-serif;
  font-size: 98%;
  color: #006;
  margin: 15px;
}

hr 
{ color: #666333; 
  height: 1px;
}

img 
{ border: 0px; 
}

p
{ margin: 10px;
  padding: 0px 20px 4px 20px;
  line-height: 1.7em;
  color: #000; 
}

.smaller 
{ font-size: 9px;
  color: #000;  
}

sup 
{ font-size: 9px; vertical-align: 20%
}

ul li
{ list-style-type: square;
  margin: 0px 80px 0px 16px; 
  padding: 0px 0px 15px 0px;
  line-height: 16px;
  color: #000
}

 /* main divs */
 
 #header
{ width: 750px;
  height: 200px;
  background: #69C url('images/headerbkg.jpg');
  /* if horizontal menus are turned on the background image above should be removed but retain the color code followed by the semi-colon */
  /* this is a fix for IE 6.0 which shows a 2 pixel blue line below the header image with menus turned off */
  padding: 0px;
  border-top: 2px solid #006;
  border-right: 2px solid #006;
  border-left: 2px solid #006;
  margin-left: auto; 
  margin-right: auto;
}
 
#container
{ background-color:#FFF;
  margin: 0 auto;
  border-right: 2px solid #006;
  border-left: 2px solid #006; 
  overflow: hidden;
  width: 750px;
}

#content
{ background-color: #FFF;
  width: 520px;
  border-left: 230px solid #999; 
  /* The left border must be the width and color of the menu */
  margin-left: -230px; 
  float:right;
}

/* left menu styles */

#menu
{ background-color: #999;
  width: 230px;
  float: right;
}

#sub_menu1 
{ text-indent: 22px;
}

#sub_menu2 
{ text-indent: 22px;
}

#sub_menu3 
{ text-indent: 22px;
}

#sub_menu4 
{ text-indent: 22px;
}

#sub_menu5 
{ text-indent: 22px;
}

#sub_menu6
{ text-indent: 22px;
}

#sub_menu7
{ text-indent: 22px;
}

#sub_menu8
{ text-indent: 22px;
}

#sub_menu9
{ text-indent: 22px;
}


 /* top and bottom horizontal menu styles */

#main_nav
{ width: 750px;
  height: 14px;
  font-size: 96%;
  padding: 0px 0px 6px 0px;
  margin-left: auto; 
  margin-right: auto;
  text-align: center; 
  background: #69C;
  color: #000;
}

#main_nav a 
{ border: none;
}

#main_nav a:hover 
{ color: #000;
}

#main_nav2
{ width: 750px;
  height: 14px;
  font-size: 96%;
  padding: 2px 0px 6px 0px;
  border-right: 2px solid #006;
  border-left: 2px solid #006; 
  margin-left: auto; 
  margin-right: auto;
  text-align: center; 
  background: #69C;
  color: #000;
}

#main_nav2 a 
{ border: none;
}

#main_nav2 a:hover 
{ color: #000;
}

 /* other info and footer styles */
 
#other_info 
{ width: 730px;
  padding: 10px;
  font-size: 95%;
  margin-left: auto; 
  margin-right: auto;
  text-align: center; 
  background: #FFF;
  color: #333;
  border-right: 2px solid #006;
  border-left: 2px solid #006;
}

#footer 
{ width: 730px;
  font-size: 95%;
  padding: 10px;
  margin-left: auto; 
  margin-right: auto;
  text-align: center; 
  background: #FFF;
  color: #333;
  border-right: 2px solid #006;
  border-left: 2px solid #006;
  border-bottom: 2px solid #006;
}

#footer a 
{ font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #FFF;
  text-decoration: none;
}

#footer a:hover
{ text-decoration: underline;
}