/* CSS Document */

html,body{margin:0;padding:0}

body {
font: 12px "Arial", Arial, sans-serif;
text-align:center;
background-color: #486697;
}

.style1 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #199CD8;
}

h2 {
   font:"Times New Roman", Times, serif;
   font-weight:normal;
   font-size : 14px;
   padding-right:10px;
   padding-left:10px;
}
h3 {
   font:"Times New Roman", Times, serif;
   font-size : 13px;
   color : #444
   letter-spacing: 1px;
   margin : 25px 0px 0px 0px;
   padding: 0 0 0px 10px;
}
h4 {
   font:"Arial", Arial, sans-serif; color: #666699;
   font-size : 12px;
   letter-spacing: 1px;
   margin : 25px 0px 0px 0px;
   padding: 0 0 0px 10px;
}

p{margin:0 10px 10px}
/*a{display:block;color: #981793;padding:10px}*/

a{
color: #000000;
}

div#header h1{
height:200px;
line-height:80px;
margin:0;
padding-right:10px;
padding-left:10px;
background: #FFFFFF;
color: #79B30B
}


div#container{
width:840px;
margin:20px auto;
background-color:#FFFFFF; 
border: solid #fff 2px;
}

div#content{
float:right;width:210px; 
background-image:url(images/sidebar.jpg); 
background-position:top;
background-repeat: no-repeat;;
margin: 10px;
}

div#extra{
float:left;
clear:left;
width:600px; 
padding-left: 10px; 
text-align:justify; 
line-height:14pt;
background:#FFFFFF;
text-align:justify;
}

div#footer{
font-size:11px;
clear:both;
width:840px;
text-align:center;
background: #ffffff; 
color: #000000;
}

div#header{
background:#ffffff;
padding:10px 0 0 0; 
margin: 0px; 
height:200px; 
}

div#nav{
height:28px;
margin-bottom:30px;
padding-right:30px
padding-left:30px;
background: #486697;
color: #FFFFFF;
float:center;
width:840px; 
}

/******* nav *********/

/*Navbar*/
/* common styling */

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	text-align:center;
	text-decoration:none;
	font-weight:400;
	background: 486697;
	color:#FFFFFF;
	font-size:13px;
}

#nav a {
	display: block;
	width: 8em;
	text-decoration:none;
	text-align:center;
	padding-top:6px;
	padding-left: 10px;
	padding-bottom:8.5px;
	background: #486697;
	color:#FFFFFF;
	font-size:13px;
}

#nav li { /* all list items */
	float: left;
	text-align:left;
	background-color: #486697;
	font-size:13px;
	width: 8.5em; /* width needed or else Opera goes nuts */
}

#nav li ul { /* second-level lists */
	position: absolute;
	text-align:left;
	background: #486697;
	width: 8.5em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}