@charset "utf-8";
/* CSS Document */

<style type="text/css">

html, body {
	height: 100%;
}

body {
text-align: center;
}

#body2 {
width: 700px;
margin: 0 auto;
text-align: left;
background-color: #E0E0E0;
min-height: 100%;   margin-bottom: -200px;   position: relative;
}

#body1 {
width: 700px;
margin: 0 auto;
text-align: left;
background-color: #F5EFD9;
border: 1px solid #666;
}

.text1 {
font-family: arial, helvetica, verdana, sans-serif;
font-size: .7em;
color: #333;
padding: 25px 40px 25px 50px;
}

.text2 {
text-align: left;
font-family: arial, helvetica, verdana, sans-serif;
font-size: .6em;
color: #333;
margin: 0 0 -15px;
padding: 0 0 0 25px;
}

.text3 {
text-align: right;
font-family: arial, helvetica, verdana, sans-serif;
font-size: .6em;
color: #333;
margin: 0 0 15px;
padding: 0 25px 0 0;
}

a {
	color: #020294;
}

a:hover {
	color: #6d6dc7;
	text-decoration: none;
}

.imagelogo1 {
margin: 10px 0 0 50px;
padding: 0 0 0 0;
}

.w3c {
padding: 10px 0 0 0;
margin: 0 auto;
}

.clear {
clear: both;
}

.treemenu ul{
margin: 10px 0 0 50px;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.treemenu ul li{
font-family: arial, helvetica, verdana, sans-serif;
font-size: 11px;
font-weight: bold;
color: #333;
position: relative;
float: left;
background-color: #C82204; /*overall menu background color*/
}

/*Top level menu link items style*/
.treemenu ul li a{
display: block;
width: 103px; /*Width of top level menu link items*/
padding: 1px 8px;
border: 1px solid black;
border-left-width: 0;
text-decoration: none;
color: white;
}
	
.treemenu ul li a:hover{
background-color: black;
color: white;
}

/* Holly Hack for IE \*/
* html .treemenu ul li { float: left; height: 1%; }
* html .treemenu ul li a { height: 1%; }
/* End */

.style3 {color: #FF8E12}

#footer {height: 200px; background: #333; color: #fff; width: 100%; position: relative;}

.clearfooter {height: 200px;   clear: both;}

</style>