.body
{	text-align: center; 					    /* IE Center*/
	margin: 0 auto;
	width: 821px;
	border: 12px solid #B7C4D5; 
	background-color: white}

.banner
{	margin-top:10px;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:4px}
	
#ddm
{	height: 35px;
	margin-top: 4px;
	margin-left:  0;
	margin-right: 10px;
	margin-bottom: 4px;
	width:801px;
	z-index: 30}

	*html #ddm {margin-left:10px}         		 /* For IE only left side spacing*/ 
	html>body #ddm { padding-left:10px}	 /* To solve FireFox left side spacing*/

#ddm li
{	margin: 0 1px 0 0;
	float:left;
	list-style: none;    
	font: bold 12px Arial}
	
#ddm li a
{	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 11px;
	padding-right: 10px;
	background-image: url('images/grad_gray.jpg');
	color: #FFF;
	text-align: center;
	text-decoration: none}

#ddm li a:hover
{	background-image:  url('images/grad_blue.jpg')}

#ddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #A0C8FC;
	border: 1px solid #0056c4;
	z-index:30}

	#ddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #EAEBD8;
		color: #0056c4;
		font: 12px arial}

	#ddm div a:hover
	{	background: #013FA2;
		color: #FFF}
	
	#ddm li #end
	{	padding-left: 15px
		padding-right: 14px}

.photo
{	text-align: right;
	font-size: 11px; 
	font-family: Myriad Pro, Arial; 
	margin-top:4px;
	margin-left:10px;
	margin-right:10px;
	margin-bottom: 5px}

.content
{	overflow: hidden; 
	background-color: #ffffff;
	border-left: 1px solid #324B5E;
	border-right: 1px solid #324B5E;
	margin: 5px 10px}
	
	*html .content { width:800}
	html>body .content {width:798px}
	
	h3
	{	font-family: Myriad Pro, Arial Bold;
		color: #0056c4}
	
	h5
	{	text-align:left;
		font-family: Verdana, Arial;
		color:#324B5E;
		padding-left: 5px;
		padding-right:10px}	
	p
	{	text-align:left;	
		font-family: Verdana, Arial;	
		font-size: 13px;
		color: #444444;
		padding: 10px}
		
	.content #box_left
	{	position: relative;
		float: left;
		text-align:center;
		width: 320px;
		padding: 10px
		margin-right: 0;
		z-index:0}
	
		*html .content #box_left {float:left}
	
			.content #box_left a
			{	font-family: Verdana, Arial;	
				font-size: 13px;
				text-decoration: none;
				color: black}
				
			.content #box_left a:hover
			{	color: #0056c4}
	
	.content #box_right
	{	position: relative;
		float: right;	
		width: 460px;
		margin: 7px}
		
		*html .content #box_right {float:right;}

.news li a
{	text-decoration:none}

#copyright
{	font-family: Myriad Pro, Verdana, Arial;
	font-size: 13px;	
	color: white;
	background-color: #324B5E;
	margin: 10px;
	border-top: 2px solid #888888;
	border-bottom: 2px solid #888888}
	
	*html #copyright { width:800px}
	html>body #copyright {width:800px}