body {

font: 70%/1.5  Verdana, 'Trebuchet MS', arial, sans-serif;
 	   
		 
     white-space: normal;
ackground: #EEEEEE;
	margin: 0 auto;
	width:850px;

	font-size: 0.9em;
	ext-transform: uppercase;
	olor: #fff;
}
	html {
height: 100%;
margin-bottom: 1px;
overflow-y: scroll;

}
	
	
	




p{

	padding-bottom: 0;
	padding-top: 0;
	text-align: justify;
adding-left:15px;
adding-right: 15px;
margin-bottom: 10px;
ine-height: 1.2em;
font-size: 0.9em;


}



/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyout4.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
.menu {
z-index:1000;
font-size:90%;

margin-left:15px; /* this page only */
}

/* remove all the blets, borders and padding from the default list styling */
.menu ul {
padding:0;
margin: 0;
list-style-type:none;
width:198px;
height:182px;
position:absolute;
border-top:1px solid #fff;

}

.menu li {
ackground: #6272AE;
height:35px;

}
/* style the links */
.menu a, .menu a:visited {

display:block; 
text-decoration:none;
height:34px;
line-height:39px;
width:198px;
color:#000;
font-weight: bold;
text-indent:5px;
order-bottom:1px solid #fff;
background: url(images/nav.jpg);
	background-repeat: no-repeat;
padding-left: 21px;
adding-bottom: 14px;
}

/* style the link hover */
* html .menu a:hover {color:#fff; background: url(images/nav_active.jpg); 	background-repeat: no-repeat; font-weight: bold;}
.menu a.active {color:#fff; background: url(images/nav_active.jpg); 	background-repeat: no-repeat; font-weight: bold;
	background-repeat: no-repeat;}
.menu :hover > a {
background: url(images/nav_active.jpg);
	background-repeat: no-repeat;
color:#fff; 
font-weight: bold;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
top:-1px;
left:198px;
}
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul {
visibility:visible;
height:235px;
}

:focus
{
  -moz-outline-style: none;
}

h1{
font-family: arial, verdana;
padding-top: 50px;
padding-left: 15px;
color: #000;
text-align: left;
font-size: 2.6em;

}

h2{
font-family: arial, verdana;
padding-right: 10px;
color: #fff;
text-align: right;
font-size: 1.6em;
ont-style: italic;
font-style: oblique; 
}

h3{
font-family: arial, verdana;
padding-right: 10px;
color: #000;
text-align: left;
font-size: 1.6em;
ont-style: italic;
font-style: oblique; 

}


h4 {
font-family: arial;
letter-spacing: 3px;
color: #000;
line-height: 25px;
font-size: 1.4em;
padding-bottom: 0;
	padding-top: 5px;
adding-left:10px;
margin-bottom: 10px;
margin-top: 0px;
border-bottom: 2px solid #924801;

}

h5 {
color: #231f20;
font-size: 1em;
margin-top: 0px;
text-align: left;

}



#wrap {
background: #fff ;
width: 850px;
adding-right: 10px;
argin-top: 15px;

}


.header {
	background: #969696 ;
	margin-bottom: 5px;
	margin-top: 15px;
	background-repeat: no-repeat;
	width:850px;
	height:165px;
	order-bottom: 4px solid #304892;
}






#logo{
	background: #fff ;
margin-left: 10px;
float: left;
width: 120px;
height:100px;

}


#topright {
	background: #fff ;
float: right;
margin-top: 15px;
height: 85px;
width: 600px;
margin-bottom: 35px;
}


#navcontainer {
text-align: right;
margin-top: 0;
float: right;
argin-top: 90px;
margin-right: -9px;
height: 45px;
width: 850px;
}

#navlist li {
	display:inline;
	padding:0 .9em;
	border-right:1px solid #304892;
}
#navlist li.last {
	border:none;
}

#navlist a.active {
	color: #f00;
}
#navlist {
float: right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:.8em;
	font-weight:bold;
	text-align:center;
}
#navlist a {
	color:#304892;
	text-decoration:none;
}
#navlist a:hover {
	color:#F2613E;
	text-decoration:none;
}






ol{
list-style-type: none;
font-size: 0.9em;
font-family: Arial, Helvetica, sans-serif;

}






.subheader {
font-family: tahoma, arial, verdana;
font-weight: bold;
font-size: 0.8em;
color: #969696;
	text-align: right;
margin-right:10px;
	width:850px;
	height:20px;
	order-bottom: 4px solid #F2613E;
	margin-bottom: 10px;
}

.left {
margin-left: 0;
argin-left: 20px;
	background: #fff ;
	argin-right: 10px;
float: left;
	width:200px;
	height: 300px;
}

hr {

style: none;}


.middle {
	background: #fff ;
	float: right;
eight: 250px;
	width:620px;
	order: 1px solid #ccc;
	

}

.leftmiddle{
float: left;


}

.rightmiddle{
float: right;
}


.footer {
clear: both;

     text-decoration: none;
text-align: center;

loat: left;
	width:840px;
	height:30px;
	margin: 0 auto;;
}
.footer a {
font-size: 0.9em;
font-weight: bold;
color: #924801;
 text-decoration: none;

}
.footer a:hover {
font-size: 0.9em;
font-weight: bold;
color: #999;
 text-decoration: none;

 
  
 }
 .footer p{
 color: #666;
 font-weight: bold;
 padding-bottom: 0;
	padding-top: 0;
	text-align: center;
font-size: 0.7em;
 
 

 
}
.middle UL {
font-size : 10pt;
font-family :  arial, helvetica, sans-serif;
padding-right: 10px;
padding-bottom: 5px;
olor : #003366;
list-style-image: url(images/bluebullet.gif);
}

.middle UL UL LI {
font-size : 10pt;
padding: 0;
margin-left:-5px;
font-family :  Arial, Helvetica, sans-serif;
olor : #003366;
list-style-image: url(images/redbullet.jpg);
}

ul li {
font-family: verdana, arial, san serif;
padding-bottom: 0;
	padding-top: 0;

adding-left:15px;
adding-right: 15px;

font-size: 0.9em;



}

ul li a {
text-decoration: none;
color: #3063A5;
font-weight: bold;
}


ul li a:hover {
text-decoration: none;
color: #864100;
font-weight: bold;
}