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

*{
margin:0;
padding:0;
}
body{
font:Verdana, Arial, Helvetica, sans-serif;
background-color:#252525;
background-image:url(../images/backimage.gif);
background-repeat: repeat;
}
#wrapper{
width:830px;
margin:20px auto 10px auto;
border:2px black solid;
background-color:#FFFFFF;
}

#topWrapper{
width:830px;
}


#rightHalf{
margin-left: 267px;
width:563px;
}

#topBlack {
	background-color: #000000;
	height: 63px;
	width: 830px;
}
#topNavArea {
	background-color: #234C62;
	height: 31px;
	width: 830px;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	color:#fff;
}
#topNavArea ul{
list-style-type: none;
position:relative;
right: -10px;
bottom: -6px;
margin-left:270px;
}

#topNavArea li{
float:left;

}

#topNavArea a,
#topNavArea a:link,
#topNavArea a:visited
{
	font-size:9pt;
	text-decoration: none;
	color: #fff;
	font-family: verdana, geneva, arial, san-serif;
	background-color: #5a8999;
	display: block;
	line-height: 10px;
	text-align: center;
	outline-style: none;
	padding: 2px 13px 2px 13px;
	border-right: solid #fff 1px;
	border-top: 5px solid #5a8999;
	border-bottom: 5px solid #5a8999;	
}
/*Navbar hover and active links*/
#topNavArea a:hover,
#topNavArea a:active{
color:#000;
/* removing rollover until I can figure out ie problem
background-color:#244d63;
height:10px;
border-top: 5px solid #244d63;
border-bottom: 5px solid #244d63;*/
}


#greyHeaderArea {
	background-color: #252525;
	height:81px;
	width: 424px;
margin-right:406px;
}

#greyHeaderArea img{
float:right;
position:relative;
top:-29px;
}

#flash{
float:right;
position:relative;
top:-81px;
}
#topPaper {
	background-color: #000000;
	background-image: url(../images/home_top_paper.gif);
	background-position: left;
	height: 18px;
	width: 424px;
	background-repeat: no-repeat;

}



#bottomPaper {
	background-color: #000000;
	background-image: url(../images/bottom_paper.gif);
	background-position: left;
	height: 20px;
	width: 424px;
	background-repeat: no-repeat;
	
}

/*possible move to design css*/
#apDiv3 {
	position:absolute;
	width:454px;
	height:38px;
	z-index:1;
	left: 581px;
	top: 172px;
}



#bottomNavArea {
color:#fff;
	background-color: #5A8999;
	height: 32px;
	width: auto;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-left-color: #000000;
	border-bottom:5px solid #244d63;
	}
	
#bottomNavArea ul{
list-style:none;
font-size: 9pt;
float:right;
height:32px;
padding-left:30px;
background-color:#244d63;
position:relative;
right:-406px;
}

#bottomNavArea li{
position:relative;
top:8px;
float:left;
}

#bottomNavArea a{
color:#fff;
background-color:#244d63;
padding-right:10px;
text-decoration:none;
font-family: verdana, geneva, arial, san-serif;
letter-spacing: .1em;
}

#bottomNavArea a:hover,
#bottomNavArea a:active{
color:#FFFF99;
}

#footer {
	background-color: #000;
	height: 30px;
	width: 830px;
	
}
#footer p{
color:#5b8899;
font-size:8pt;
font-family:Verdana, Arial, Helvetica, sans-serif;
padding:10px 0 0 10px;
}
#mainContent {
clear:both;
	background-color: #FFFFFF;
	width: 818px;

	}
#mainContent p{
float:right;
}

#mainContent img{
display:inline;
}

.colboxmiddle{
width: 410px;
border-right:2px solid white;
height:225px

 }

.colboxmiddle p{
padding: 20px 20px 2px 20px;
}
	
img.storyImage
{
	float:left;
	padding: 10px 20px 5px 10px;
}


.blueBold{
color:#244d63;
font-weight:bold;
}