/***********Main Styles*************/

body {
  background-color:white;
  margin:0;
  padding:0;
  font-family:Garamond, Book Antiqua, Times New Roman, serif;
}
h1 {
  font-family:inherit;
  color:#007;
  text-align:center;
  font-style:italic;
  font-size:4em;
}
h2 {
  font-family:inherit;
  font-weight:bold;
  color:#007;
  text-align:center;
  font-size:2.5em;
  margin:0;
}
h3 {
  padding-top:.2em;
  font-family:inherit;
  font-size: 1.8em;
  font-weight:bold;
  text-align:center;
  margin-top:0;
}
h4 {
  text-align:center;
  font-size: 1.3em;
  font-weight:bold;
  font-family:inherit;
  margin-top:.2em;
}
p {
  font-family:Trebuchet MS, Arial, sans-serif;
  
}
img {
    border:0;
}
table {
    width:100%;
    border:2px solid #007;
    border-style:collapse;
    border-spacing:0;
    font-family:inherit;
}
td {
    padding:0.2em;
    border:1px solid black;
}
th {
    padding:0.2em;
    text-align:left;
    border:1px solid black;
}
tr:hover {
	background: #A0CBEF;
}
input, textarea, select {
    border:1px solid #007;
    -moz-border-radius:4px;
    border-radius:4px;
}
input:focus, textarea:focus, select:focus
{
    color:black;
	background: #A0CBEF;
}
ul {
  font-family:inherit;
}
li {
  margin-left:2em;
  margin-bottom:.3em;
}
ul.longlist li {
    list-style-type:none;
    display:inline;
}
ul.longlist li:before {content:"| ";cursor:default;}
ul.longlist li:after {content:"| ";cursor:default;}
a {
  color:#008;
}
a:hover {
  color:#00A;
}
acronym {
  cursor:help;
}
abbr {
  cursor:help;
}
pre {
  color:black;
  padding:.5em;
  font-family:Courier New, fixed width;
  font-size:.8em;
  background:#bcf;
  border:1px dotted #007;
}
div.section {
    border:1px solid #007;
    margin-top:.6em;
    margin-bottom:1em;
    -moz-border-radius:4px;
    border-radius:4px;
}
div.bar {
   height:10px;
   margin:2px;
   background:#700;
   border:#007 2px solid;
   float:left;
}
/***********Layout Styles***********/

#main {
    height:100%;
}
#header {
  width:100%;
  height:80px;
  text-align:left;
  background:#005;
  color:#ddd;
  padding:1%;
  clear:none;
}
#header h1 {
  text-align:left;
  margin-top:0;
  padding:0;
  font-weight:normal;
  color:white;
}
#corner {
    position:fixed;
    top:0;
    right:0;
    z-index:15;
    float:right;
}
#topads {
    margin-top:1em;
    margin-right:1em;
    float:right;
}
#topads a {
    color:white;
}
#bottom {
  text-align:center;
  font-family:inherit;
  color: #777;
  width:100%;
  border-top:1px solid #777;
  margin-top:1em;
  float:right;
}
#content {
  margin-left:13em;
  padding:2em;
}
div {
    clear:none;
}
ul.directorylisting li {
  list-style-type:none;
}
ul.directorylisting li a{

  font-family:Arial, sans-serif;
  font-weight:bold;
  text-decoration:none;
  border-left:5px solid white;
  border-bottom:1px solid white;
  font-size:1.6em;
  width:auto;
}
ul.directorylisting li a:hover{
  border-left:5px solid #007;
  border-bottom:1px solid #007;
}
#navbar
{
  float:left;
  width:13em;
  background:#005;
  margin-right:2em;
}
 #navcontainer
{
width: auto;
border-right: 1px solid #000;
padding: 0 0 1em 0;
margin-top:1em;
margin-bottom:1em;
font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
background-color: #90bade;
color: #333;
}

#navcontainer ul
{
list-style: none;
margin: 0;
padding: 0;
border: none;
font-weight:bold;
}
#navcontainer li
{
border-bottom: 1px solid #90bade;
margin: 0;
}

#navlist li ul {
    font-weight:normal;
}
#navcontainer li a
{
display: block;
padding: 5px 5px 5px 0.1em;
border-left: 10px solid #1958b7;
border-right: 10px solid #508fc4;
background-color: #2175bc;
color: #fff;
text-decoration: none;
width: auto;
}
#navcontainer li:hover ul {
    display:inline;
}
#navcontainer li ul{
    position:absolute;
    top:10em;
    left:12em;
    display:none;
}
#navcontainer li ul li a {
    padding-left:0.5em;
}
#navcontainer li a:hover
{
border-left: 10px solid #1c64d1;
border-right: 10px solid #5ba3e0;
background-color: #2586d7;
color: #fff;
}