/* CSS Document */

html {margin: 0; padding: 0; height: 100%}
body {
font: 12px Arial, Helvetica, sans-serif; 
margin: 0; padding: 0; 
background:  #fff; 
color: #003366; 
min-height: 100%; height: 100%; 
text-align: center;
}

/* zero out the spacing around pre, form, body, html as well */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html { margin:0; padding:0 } 

#content h1 {
font: 12px Arial, Helvetica, sans-serif;
font-weight: bold;
margin-bottom: 0;
padding: 0;
color: #003366;
line-height: 1.5em;
}

#nav h1 {
font: 11px Arial, Helvetica, sans-serif;
font-weight: bold;
margin-top: 20px;
margin-bottom: 10px;
margin-left: -2px;
padding: 0;
color: #F57F45;
}

h2 {
font: 12px Arial, Helvetica, sans-serif;
font-weight: bold;
margin-top: 15px;
margin-bottom: 15px;
padding: 0;
color: #F57F45;
text-decoration: underline;
}

h3 {
font: 11px Arial, Helvetica, sans-serif;
font-weight: bold;
margin-top: 15px;
margin-bottom: 15px;
padding: 0;
text-decoration: underline;
}

hr {width: 400px; color: #fff;}

a:link { color: #F67F45; text-decoration: unerline;  }
a:active { color: #F67F45; text-decoration: underline;  }
a:hover { color: #333; text-decoration: none;  }
a:visited { color: #F67F45; text-decoration: none; }

/*

#links a:link { color: #339966; text-decoration: none;  }
#links a:active { color: #339966; text-decoration: none;  }
#links a:hover { color: #333; text-decoration: none;  }
#links a:visited { color: #333; }
*/

#wrapper {
padding: 0;
margin-top: 5px;
margin-right: auto;
margin-bottom: 5px;
margin-left: auto;

text-align: left;
background: url("images/wrapper-bg.jpg") #fff;
width: 800px;
border: 1px solid #333;
}

#header { background:  #F57F45; height: 70px; margin: 0; }

.logo { border: 0; margin-left: 5px; margin-top: 15px;}

.image {float: right; border: 1px solid #ccc; clear: both; margin-bottom: 1em; margin-left: 1em;}

.footerimages { padding: 4px; margin: 4px; border: 1px solid #333;}

#links {}

#statement {border-top: 1px solid #999; border-bottom: 1px solid #999; font-size: 10px; width: 450px; background: #C6D7EB; padding: 4px;}


#nav { float: left; width: 140px; padding: 2px; margin: 0em 0.5em 0.5em 0.5em ;}

#nav ul {
list-style-type: none;
font-size: 11px;
padding:0;
margin:0;
}

#nav a {
display: block;
width: 140px;
padding: 4px;
margin: 0;
border-bottom: 1px solid #ececec;
text-align: left;
}

#nav a:link, a:visited {
color: #fff;
text-decoration: none;
}

#nav a:hover {
color: #fff;
text-decoration: none;
background: #F57F45;
}

#content {  float: left; width: 600px; line-height: 1.5em; margin: .8em 0 .5em 1.5em; }

#text {padding: 4px; text-align: justify;}

/*#content p { float: left; width: 370px; margin-top: 4px; text-align: justify; border: 1px solid #ccc;}*/


#right_content { float: right; padding: 4px;}

#content li { list-style-type: square; margin-left: 20px; font-size: 11px;}


#footer {font-size: 10px; color: #333; padding: 0; text-align:center; width: 450px; margin-left: 250px;}

.clearer {
clear:both;
height:1px;
overflow:hidden;
margin-top:-1px; 
}