body {margin:0;
padding: 0;
background-color: #003300;
background-image:  url(banner.jpg);
background-repeat: no-repeat;
background-position: top center;
}	

a:link    {color: #036;}
a:visited {color:    #4682B4;}
a:hover, a:active {color:#fff; background-color:#036;}

#banner {color: #FFFFFF;
height: 100px;
}

#banner h1 {margin: 0;
padding: .3em 0 .3em .5em;
font-size: 2.8em;
font-weight: bold;
font-family: arial, verdana;
}

#container {margin:0;
padding:0;
height: 400px;
}

.navlist 
{
float:left;
padding: 0 1px 1px;
margin-left: 0;
font: bold 12px verdana, sans-serif;
width: 180px;
color: #006; }

.navlist p{
color: blue;
font-family: arial, helvetica;
font-size: 2.2em;
line-height:80%;
font-weight: bold;
text-align: center;
}

.navlist li
{
list-style: none;
margin: 0px 0px 0px 0px;
border-top: 1px solid #060;
border-bottom: 1px solid #060;
text-align: left;
}

.navlist li a
{
display:block;
padding: 0.25em 0.5em 0.25em 0.5em;
margin: 0px 0px 0px 0px;
background: #CCa;
text-decoration: none;
text-align:center;
border-left: 1em solid #CC0;
border-right: 1em solid #CC0;
}

.navlist li a:link { color: #000; }
.navlist li a:visited { color: #808080; }

.navlist li a:hover
{
border-left: 1em solid #060;
border-right: 1em solid #060;
color: white; /*#004500;*/
background: transparent;
}

#bannerbox {
margin-left: 190px;
margin-right: 450px;
text-align: center;
}

#bannerbox .head{ 
font-family: Arial;
font-weight: bold;
font-size: 2.0em;
color:  red;
}

#bannerbox p{
font-family: Arial;
font-weight: bold;
font-size: 1.2em;
line-height:60%;
color: #DCDCDC;
}

#bannerbox2 {
margin-left: 210px;
margin-right: 200px;
}


#bannerbox2 p{
text-align: left;
font-family: Arial;
font-weight: bold;
font-style: italic;
font-size: 1.0em;
line-height:20%;
color:  #000;
}


#container3{
margin-top: 0px;
margin-left: 0;
}

.box {
	color: #fff}

.box ul {
margin: 0;
padding: 0;
list-style-type: none;
}

.box li {
margin-top:0px;
padding:0.5em 0.5em;
margin-left:0px;
font-size:80%;
font-weight: normal;
font-style: normal;
text-align: left;
font-family: Verdana, arial;
}

.box h3 {
font-family: 'trebuchet ms', 'Gill Sans', Verdana, Geneva, Helvetica, Arial, sans-serif;
text-transform: uppercase;
font-style: normal;
font-size: 1em;
letter-spacing: 0.2em;
margin: 0px;
padding: 0px;
}

.box p{
font-size:80%;
font-weight: normal;
font-style: normal;
text-align: left;
font-family: Verdana,arial;
}

.box a:link    {color: #036;}
.box a:visited {color:    #036;}
.box a:hover, a:active {color:#fff; background-color:#036;}


.content {
width:auto;
margin: 5px 190px 20px 190px;
border: 0px;
background-color:white;
padding:10px;
}

.content h2 {
font-size: 120%;
font-family: Verdana,arial;
color: #036;
margin: 0;
padding-top: 1em;
font-weight: normal;
}

.content h3 {
font-size: 100%;
font-family: Verdana,arial;
color: #036;
margin: 0;
padding-top: 1em;
font-weight: normal;
}

.content p {
font-size: 80%;
padding: .5em 1em;
color: #000000;
font-weight: normal;
font-style: normal;
text-align: left;
font-family: Verdana,arial;
}

.imgcenter {
display: block;
margin-left: auto;
margin-right: auto; }

.imgleft {
float: left;
padding-right: 6px;
}

.imgright {
float: right;
padding-left: 6px;
}

/*.content {line-height:150%; 
}*/

.cleardiv {clear:both;
height: 0em;
}

#footer {clear:both;
padding: .5em 1em;
font-family: verdana, arial;
font-size: 10px;
border-top: 1px solid #999;
text-align: center;
background: #CCa;
}

#footer ul {
padding: 0;
margin: 0;
list-style-type: none;
}

#footer li {
display: inline;
margin-right: 1em;
}