body
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 75%; 
	margin:0px auto;
	width: 960px;	
	text-align: left;	
	background:url(../images/bgcc.gif) repeat-x;
	background-color:#e7e7e7;
	color:#666666;
	line-height:1.5em
}


img { border: 0 none; }

.imgborder {
	padding: 5px 5px 5px 5px;
	border:solid 1px #CCCCCC;
}
input,textarea,select {
	border: 1px  solid #E4E4E4;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:11px;
}

.SubCaptionbox {
	padding: 5px 5px 5px 5px;
	border:solid 1px #CCCCCC;
}
/* HEADER */
#s-content{
	position: relative;
	background-color:#ffffff;
	width: 960px;
	height:auto;
}

#header
{
	position: relative;
	width:100%;
	height:100%;
	background-color:#ffffff;
	
}

#header-content
{
	overflow:hidden;
	width:100%;
	height:39px;
	background-color:#ffffff;
	
}
#logoban
{	
	height:53px;
	/*margin-top:3.8em;*/
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 15px; 
	/*background:url(../images/ulogo.jpg) bottom left no-repeat ;	*/
	background-color:#00ADEF;
}

#logo
{
	margin-top:-3.8em;
	
	float:left;
	height:53px;	
	width:100%;
}

#rShadeban {
	position:absolute;
	left:77.3em;
	top:32px;
	width:42px;
	height:72px;
	z-index:2;
}

#lShadeban {
	position:absolute;
	left:-13.9em;
	top:26px;
	width:42px;
	height:72px;
	z-index:2;
}

#shortlinks
{
	float:right;
	margin: 0px;
}

#shortlinks ul
{	
	margin: 0px;
	padding: 10px 1em 10px 1em;
}


#shortlinks ul li
{
	display:inline;
	padding:2px;
	line-height:1.2em;	
	height:0.1em;	
}

#shortlinks ul li a
{
	font-size:0.9166em;
	font-weight:bold;
	text-decoration: none;
	padding: 0px 0.4em 0px 0px;
	color: #b3b3b3;
	margin: 0px;
}

#shortlinks a:hover
{
	text-decoration: underline;
	color:#24acd6;
}

#shortlinks ul li.none
{
	background:none;	
	border: none;
}

#shortlinks ul li.none form
{
	display:inline;	
	margin: 0px;
	padding:0px;
}

#shortlinks ul li.none form fieldset
{
	border:none;
}

#shortlinks ul li.none form fieldset label 
{
	display:none;
}

#banner
{
	font-size:0.9166em;
	font-weight:bold;
	text-decoration: none;
	color: #FFFFFF;
	margin-top:1em;
	padding-top:10px;
	padding-left:10px;
	background-color:#ffffff;
	height:10px;
}

/*CONTENT STYLES*/

#skip-links 
{
	display:none;
}

#primary-content, 
#secondary-content
{
	clear: both;
	margin: 0px;
	padding: 20px 0px 0px 0px;	
	background-color:#ffffff;
}

#secondary-content
{
	height: 29.7em;
	height: auto !important;
	height: 29.7em;
}
#media-banner,
#maps-navigation
{
	height: 20em;
}

/*maps Navigation #####################*/

#maps-navigation 
{
	float: left;
	width: 220px;	
	margin: 0px;
	padding-left:15px;	
	
}

#primary-content > #maps-navigation 
{
	width: 220px;
}


#maps-navigation ul
{
	padding:0px;
	margin: 0px;
	list-style-type: none;	
	border-bottom: 1px dotted #b3b3b3;
}
	

#maps-navigation ul li a
{
	display: block;
	padding: 0.87em 5px 0.87em 0em;		
	line-height:1.1666em;
	height:0.1em;	
	font-weight:bold;
	text-decoration:none;
}

#maps-navigation ul li > a
{
	height: auto;
	padding: 0.85em 5px 0.85em 0em;	
}

#maps-navigation ul li .last-navigation-link
{
	border-bottom:  none;
}

#maps-navigation 
{
	background-color: #ffffff;
}

#maps-navigation ul li 
{		
	border-top: 1px dotted #b3b3b3;
}

#maps-navigation ul li a
{
	
	color:#b3b3b3; 
}

#maps-navigation ul li a:hover 
{
/*	background:url(../images/mshade.gif) top left no-repeat;*/
	color:#24acd6;
}

/* MEDIA BANNER */

#media-banner-container
{
	float: left;
	height: 240px;
	width: 700px;
	margin-left:10px;
	vertical-align:bottom;
	/*border:solid 1px #cccccc;*/

}
#media-img-container
{
	float: right;
	height: 38px;
	width: 700px;
	margin-left:15px;
	vertical-align:bottom;
	padding: 5px 5px 3px 5px;
	/*border:solid 1px #cccccc;*/
}
#cplfeature-panels 
{
	
	margin: 0px;
	float: left;
	height: 100%;
	width:960px;	
	/*padding: 7px 0px 0px 7px;*/
	font-family: Arial, Helvetica, sans-serif;
	border-top:solid 1px #CCCCCC ;
	background-color:#FFFFFF;
	font-size:0.9166em;
}
#content-container
{
	float: right;
	height: expression( this.scrollHeight < 200 ? "200px" : "auto" );
	min-height:200px;
	height:100%;
	width: 670px;
	padding: 1px 28px 15px 15px;
	vertical-align:bottom;
	/*border-bottom:1px dotted #cccccc;
	border:solid 1px #FFCC00 ;
	background-color:#feffe0;*/

}
#nav-container
{

	float: left;
	height: expression( this.scrollHeight < 200 ? "200px" : "auto" );
	min-height:200px;
	width: 200px;	
	padding: 50px 15px 15px 15px;
	/*border-bottom:1px dotted #cccccc;
	border:solid 1px #FFCC00 ;
	background-color:#feffe0;*/
	

}
.Q-panel
{
	height: 100%;
	width: 240px;
	border:solid 1px #FFCC00 ;
	background-color:#feffe0;

}

/*Quick Information*/

.q-info 
{
	padding: 7px 0px 10px 5px;
	font-family: Arial, Helvetica, sans-serif;
	border:solid 1px #FFCC00 ;
	background-color:#feffe0;
	font-size:0.9166em;
}

.q-infoH 
{
	padding: 7px 0px 10px 5px;
	font-family: Arial, Helvetica, sans-serif;
	border:solid 1px #FFCC00 ;
	background-color:#feffe0;
	font-size:0.9166em;
}

#feature-panels 
{
	
	margin: 0px;
	float: right;
	height: 100%;
	width:700px;	
	/*padding: 7px 0px 0px 7px;*/
	font-family: Arial, Helvetica, sans-serif;
	/*border-top:solid 1px #CCCCCC ;*/
	background-color:#FFFFFF;
	font-size:0.9166em;
}

.Cbutto 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	border:solid 1px #FFCC00 ;
	background-color:#feffe0;
}
/*footer*/
#footer 
{
	background:url(../images/footer.jpg) no-repeat;
	background-color:#e7e7e7;
	clear: both;
	margin: 0px;
	padding: 7px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	margin-top:7px;
	min-height: 9.5em;
	height: auto !important;
	height: 9.5em;
	font-size:0.9166em;
	padding: 0px;
}

#footer a
{
	color: #115474;
}

#footer  a:hover
{
	color: #19437D;
	text-decoration: underline;
}
#legal-information
{	
	margin: 32px 0px 0px 0px;
	float: left;
	padding: 0px 5px 0px 10px;
}
#site-information
{	
	margin: 32px 0px 0px 0px;
	float: right;
	padding: 0px 5px 0px 10px;
}

#maps-supports
{		
	clear: both;	
	padding:5px 5px 0px 5px;
	height:60px;
	min-height:60px;
	text-align:center;
}

#maps-supports img
{

	margin: 0px 13px 0px 13px;
}

#maps-supports p
{
	font-weight:bold;	
	font-size: 1.1em;
}

.banner {
	width:220px;
	background-color: #FFFFFF;
}

.lbutton{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	background-color:#00ADEF;
	border: 1px Solid #e7e7e7;
	color: #FFFFFF;
}
.linput{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	background-color:#FFFFFF;
	border: 1px Solid #e7e7e7;
	color: #666666;
}
/** panel settings **/
#cpanel {
	font-size:11px;
}
#cpanel div.icon {
	text-align: center;
	margin-right: 5px;
	float: left;
	margin-bottom: 5px;
}

#cpanel div.icon a {
	display: block;
	float: left;
	border: 1px solid #f0f0f0;
	height: 97px;
	width: 108px;
	color: #666;
	vertical-align: middle;
	text-decoration: none;
}

#cpanel div.icon a:hover {
	border-left: 1px solid #eee;
	border-top: 1px solid #eee;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background: #f9f9f9;
	color: #0B55C4;
}

#cpanel img  { padding: 10px 0; margin: 0 auto; }
#cpanel span { display: block; text-align: center; }