body {  
	margin: 10px 20px 10px 20px; 
	background: #d2dbe2;  
}


/* layout
   ------ */
.content { 
	margin: 0 auto;
	width: 800px;
	padding: 0px;
	background: #fff;
}


.header { 
	float: left;
 	width: 800px;
	height: 145px;
	background: #333366 url(images/banner.jpg);
	margin: 0px;
	padding: 0px 0px 0px 0px;
}
.header p{	
	color: #000;
	font: bold 11px Verdana;
	line-height: 13px;
	padding: 50px 10px 0px 0px;
	text-transform: normal;
	text-align: right;
}
.header a { 
	text-decoration: none;
	color:  #000;
	text-align: center;
} 
.header a:hover { 
	text-decoration: none;
	color: #000;
	text-align: center;
}


#navcontainer { 
font-family: verdana;
text-transform: normal;
letter-spacing: 1px;
padding-bottom: 0px;
margin-bottom: 0px;
border-bottom: #003366 solid 0px;
} 
#navcontainer:after { 
content: "";
display: block;
line-height: 1px;
font-size: 10px;
clear: both;
} 
ul#navlist { 
list-style: none;
text-align: center;
padding: 0;
margin: 0 auto;
width: 800px;
font-size: 13px;
font-family: verdana;
font-weight: bold;
background: #003366;
} 
ul#navlist li { 
display: block;
text-align: center;
float: left;
width: 160px;
margin: 0;
padding: 0px;
} 
ul#navlist li a { 
display: block;
width: 800px;
padding: 10px;
color: #ffffff;
text-decoration: none;
background: #003366;
} 
#navcontainer > ul#navlist li a { 
width: auto;
} 
ul#navlist li#active a { 
background: #00cc66;
text-align: center;
color: #ffffff;
} 
ul#navlist li a:hover, ul#navlist li#active a:hover { 
color: #ffffff;
background: #00cc66;
}  


/* left side
   ---------- */
		
.left {
	float: left;
	width: 198px;
	height: 550px;
	font: 11px Verdana;
	line-height: 14px;
	background: #fff;
}

.left h3 {
	background: #6a6a6a;
	color: #fff;
 	text-transform: normal;
 	letter-spacing: 0px;
	padding: 5px 0px 0px 0px;
	font: normal 14px Verdana;
	margin: 0px 0px 5px 0px;
}

	.left_articles {
		background: #fff;
		font: normal 11px Verdana;
		line-height: 14px;
		color: #000;
		padding: 0px 5px 0px 0px;	
		margin: 0px 5px 0px 0px;
}
	.left_articles a:link { 
		text-decoration: none;
		color: #ff0000;
		text-align: left;
} 
	.left_articles a:visited { 
		text-decoration: none;
		color: #ff0000;
		text-align: left;
}  
	.left_articles a:hover { 
		text-decoration: none;
		color: #000080;
		text-align: left;
} 
	.left_articles a:active { 
		text-decoration: none;
		color:  #ff0000;
		text-align: left;
}


/* center side
   --------- */

.center {
	float: left;
	width: 413px;
	height: 550px;
	margin: 0px 0px 0px 0px;
	line-height: 18px;
	font: 11px Verdana; 
}

.center h3 {
	clear: both;
	background: #fff;
	color: #000080;
 	text-transform: normal;
 	letter-spacing: 0px;
	padding: 10px 0px 0px 0px;
	font: bold 14px Verdana;
	margin: 0px 0px 0px 0px;
}
	.center_box { 
		margin: 0px 5px 0px 10px; 
		color: #000; font:11px Verdana; 
		background: #fff; 
		line-height: 16px; 
		padding: 0px 5px 0px 10px; 
}
	
	.center_box a:link { 
		text-decoration: none;
		color: #ff0000;
		text-align: left;
} 
	.center_box a:visited { 
		text-decoration: none;
		color: #ff0000;
		text-align: left;
}  
	.center_box a:hover { 
		text-decoration: none;
		color: #000080;
		text-align: left;
} 
	.center_box a:active { 
		text-decoration: none;
		color:  #ff0000;
		text-align: left;
}
		

/* right side
   ---------- */
		
.right {
	float: right;
	width: 189px;
	height: 550px;
	font: 11px Verdana;
	line-height: 14px;
	background: #fff;
}

.right h3 {
	background: #838383;
	color: #fff;
 	text-transform: normal;
 	letter-spacing: 0px;
	padding: 5px 0px 5px 5px;
	font: normal 14px Verdana;
	margin: 0px 0px 5px 0px;
}

	.right_articles {
		background: #fff;
		font: normal 11px Verdana;
		line-height: 14px;
		color: #663300;
		padding: 0px 5px 0px 0px;	
		margin: 0px 5px 0px 0px;
}
	.right_articles a:link { 
		text-decoration: none;
		color: #ff0000;
		text-align: left;
} 
	.right_articles a:visited { 
		text-decoration: none;
		color: #ff0000;
		text-align: left;
}  
	.right_articles a:hover { 
		text-decoration: none;
		color: #000080;
		text-align: left;
} 
	.right_articles a:active { 
		text-decoration: none;
		color:  #ff0000;
		text-align: left;
}


.footer { 
	clear: both;
	width: 800px;
	height: 140px;
 	font-family: verdana;
 	font-size: 8px;
 	color:  #000;
 	text-align: center;
	line-height: 11px;
	padding: 0px;
	margin: 0px;
 	background: #fff url('images/boxaround.jpg') no-repeat;
}

.footer p { 
	font-family: verdana;
	font-size: 8px
	color:  #000;
	text-align: center;
}  
.footer a:link { 
	text-decoration: none;
	color: #000;
	font-weight: bold;
	text-align: center;
} 
.footer a:visited { 
	text-decoration: none;
	color: #000;
	font-weight: bold;
	text-align: center;
}  
.footer a:hover { 
	text-decoration: none;
	color: #ff0000;
	font-weight: bold;
	text-align: center;
} 
.footer a:active { 
	text-decoration: none;
	color:  #000;
	font-weight: bold;
	text-align: center;
}