/* CSS Document */

html {
	margin:0;
	padding:0;
	}
body {
	font:76% Arial, Helvetica, sans-serif;
	background:#dfe8df;
	margin: 0;	
	padding: 0;
	color:#333;
	}
h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
	font-weight:500;
	}
		
p {
	margin: 0 0 15px 0;
	padding: 0;
	line-height:1.3em;
	font: Verdana, Arial, Helvetica, sans-serif;
	}

#wrapper {
	margin: 0 auto 10px;;
	display:block;
	padding: 19px 20px 0 20px;
	width: 910px;
	background: #fff url(../images/header.jpg) 0 50px repeat-x;
	border-left: #333 solid 1px;
	border-right: #333 solid 1px;
	border-bottom: #333 solid 1px;
	}	


/*--------links-----------*/
a:link {
	color: #ff3300; 
	text-decoration: none;
	font-weight: 500;
	}	
a:visited{
	color: #666; 
	text-decoration: none;
	font-weight: 500;
	}
a:hover {
	color: #ff9933; 
	text-decoration: none;
	font-weight: 500;
	}
a:active {
	color: #ff9933; 
	text-decoration: none;
	font-weight: 500;
	}

/*---------header-----------*/
#header {
	margin: 0;
	padding: 0;
	width: 300px;
	background: #000;
	}
#header h1 {
	margin: 0 0 30px 0;
	padding: 60px 0 59px 30px;
	font-size: 2em;  
	word-spacing: 0;
	text-transform: uppercase;
	}
	#header h1 a{
	color:#fff;
	font-weight: 600;
	text-decoration: none;
	}
#header h1 .black{
	color:#fff;
	margin: 0;
	padding: 0;
	}


	
/*----------nav-----------*/

#nav {
	margin: 0;
	padding:0;
	font: bold 13px Arial;
	width: 600px;
	background: #dfe8df;
	float: left;
	}

#nav li {
	display: inline;
	}

#nav li a {
	float: left;
	color: #000088;
	padding: 7px 24px 8px 25px;
	text-decoration: none;
	display: block;
	border-right: 1px solid #000088;
	}

#nav li a:visited{
	color: #000088;
	}

#nav li a:hover, #nav li .nowpage {
	color: #000088;
	background: #dfe8df;
	text-decoration: underline;
	}
#nav li a.last {
	border: none;
	}


	
/*---------content-----------*/
#left {
	margin: 0;
	padding: 0;
	width: 300px;
	float: left;
	}

#right {
	margin: 0;
	padding: 0;
	float: right;
	width: 600px;
	}
.toplink {
	margin: 0;
	padding: 10px 0;
	}
#right h2 {
	margin: 10px 0 10px 0;
	padding: 20px 0 0 0;
	}
#right img {
	margin: 0;
	padding: 0;
	}
#right h2.white, #right p.white {
	color: #fff;
	}
/*-----AP portal-----*/

.ap-portalrow {
	padding: 0;
	margin: 0;
	background-color: #fff;
	}	
.ap-portal {
	padding: 10px 5px 0 10px;
	margin: 0 0 10px 0;
	background-color: #fff;
	border: #ad1802 dashed 1px;
	}	
.ap-portal h3 a {
	padding: 0 0 5px 0;
	margin: 0;
	color: #ff0000;
	font-weight:bold;
	font-size:16px;
	}
	.ap-portal h3 span{
		padding: 0;
		margin: 0 0 3px;
		color: #000;
		font-size:12px;
		font-weight:500;
		display:block;
		border-top:#333 solid 1px;
		border-bottom:#333 solid 1px;
		}
.ap-portal h3 a:hover {
	text-decoration:underline;
	}
.ap-portal p {
	padding: 0;
	margin: 0 0 15px 100px;
	background-color: #fff;
	font-size: 1em;
	color: #000;
	}	
	.ap-portal p a{
		text-decoration:underline;
		}
.ap-portal img {
	padding: 0;
	margin: 0;
	width:80px;
	background-color: #fff;
	float:left;
	}
.aptop{
		border-top: #ad1802 dashed 1px;
		}
p.apinfo {
	margin: 0 0 10px 0;
	padding: 5px 5px 5px 0;
	border-top: 1px dashed #ccc;
	border-bottom: 1px dashed #ccc;
	}
	p.apinfo strong{
		margin: 0 0 0 5px;
		padding: 0;
		}
#right .ap-portal .bohc, #right .ap-portal .bortg {

}
#right .ap-portal .bohc a, #right .ap-portal .bortg a {
	text-decoration:none;
	text-transform: uppercase;
	width: 130px;
	color: #fff;
	padding: 5px 10px 6px 10px;
	margin: 0;
	font-size: 0.9em;
	text-align: center;
	clear: right;
}
#right .ap-portal .apbohc, #right .apbortg {
	padding: 0;
	margin: 0;
	display: block;
}
#right .ap-portal .apbohc a, #right .apbortg a {
	text-decoration:none;
	text-transform: uppercase;
	width: 130px;
	color: #fff;
	padding: 5px 10px 6px 10px;
	margin: 15px 0 0 0;
	display: block;
	font-size: 0.9em;
	text-align: center;
}
#right .ap-portal .bohc a, #right .apbohc a {
	background: url(../images/bbar.gif) center center no-repeat;
}
#right .ap-portal .bortg a, #right .apbortg a {
	background: url(../images/bbar2.gif) center center no-repeat;
}
	
/*--link list-------*/
#left h3 {
	margin: 0 5px 0 0;
	padding: 5px 0 5px 22px;
	background: #AD1802;
	color:#fff;
	}
	#left-left-col h3 span {
		color: #666;
		}
.linklist {
	margin: 0 0 0 0;
	padding: 5px 15px 15px 12px;
	list-style: none;
	/*border: #999 solid 1px;*/
	background: #fff;
	}
.linklist li {
	margin: 0;
	padding: 5px 0 5px 20px;
	border-bottom: #999 dashed 1px;
	background:#fff url(../images/pointer2.gif) no-repeat left 10px;
	}
.linklist li a {
	color:#ad1802;
	text-decoration:none;
	}
.linklist li a:hover {
	color:#ad1802;
	text-decoration: underline;
	}
	
.seevic {
	margin: 0;
	padding: 0;
	text-align: center;
	}
.seevic a{
		color: #fff;
		padding: 7px 0;
		display: block;
		background-color: #303347;
		text-decoration: none;
		}
	.seevic span {
		display:block;
		font-size: 1.5em;
		font-weight: 600;
		margin: 0 0 5px 0;
		}



/*-----footer-----*/

#footer {
	border-top:#215584 solid 1px;
	background-color: #fff;
	clear: both;
	margin: 40px auto 0 auto;
	padding: 10px 10px;
	}
	
	
/* --------- Map --------- */

div#map {
	height: 450px;
	margin: 20px 0 20px 0;
	border:#000 solid 1px;
}
/* --------- Map Side Bar --------- */

#side_bar a {
	text-decoration: underline;
	padding: 5px 0 5px 15px;
	background:#fff url(../images/pointer1.gif) no-repeat left 10px;
	}
#side_bar a:hover {
	text-decoration: underline;
	}
#side_bar p {
	font-size: 1em;
	margin: .4em 0 .4em 0;
	padding:0;
	}
#side_bar_title {
	font-weight: 500;
	}
#side_bar {
	background-color: #fff;
	margin: 0;
	padding: 0;
	}

#side_bar2 a {
	text-decoration: underline;
	padding: 5px 0 5px 15px;
	background:#fff url(../images/pointer1.gif) no-repeat left 10px;
	}	
#right div.summary img.map {
	height: 72px;
	width: 85px;
	float: left;
	margin: 0 12px 8px 0;
	border: solid #070800 1px;
	}
div.summary {
	width: 350px;
	font-size: .9em;
	}
		

/* =self clearing
----------------- */
/*** see http://www.positioniseverything.net/easyclearing.html
   for explanation of Tony Aslett's elegant hack ***/
.clearfloat:after {
content: "."; 
display: block; 
height: 0; 
clear: both;
visibility: hidden;
}
 
.clearfloat { display: inline-block; }
 
/* Hides from IE-mac */
* html .clearfloat { height: 1%; }
.clearfloat { display: block; }
/* End hide from IE-mac */
/*** end clearing hack ***/ 	
	
	
	
.clearer {
	height:0;
	margin:0;
	padding:0;
	clear:both;
	display:block;
	}