@charset "utf-8";
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #085996;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
.oneColFixCtr #container {
	width: 725px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	padding: 0;
	margin-top: 0px;
}
.oneColFixCtr #mainContentContainer {
	float: left; 
	width: 725px; 
	padding: 0;
	margin: 0; 
	background: #FFFFFF;
	border: 1px solid #ccc;
	margin-bottom: 0px;
}

#mainContent { 
	float: left; 
	width: 400px; 
	padding: 10px 10px; 
	background: #FFFFFF;
}

#mainContent p { color: #222; font-size: 13px; line-height: 1.2em;}

#mainContent h1 { color: #03C; font-size: 15px; font-weight: bold;}


#mainContent h2 { color: #F60; font-weight: bold; font-size: 13px;}


#rightContent
{
	float: left;
	width: 300px;
	/*background-color: #eee;*/
	padding: 0;
	margin: 0;
	font-size: 10px;
	min-height: 350px;
}



#logo { text-align: center; margin: 5px 0 5px 0; }

#navContainer
{
	float: left;
	text-align: center;
	width: 645px;/*725px;*/
	height: 50px;
	padding: 0 0 0 80px; 
	margin: 0;
	background-image: url('imgs/nav_bg.gif');
	background-position: top left;
	background-repeat: repeat-x;
}
	.navItem 
	{
		float: left;
		/*display: block;*/
		margin: 0 3px;
		height: 35px;
		overflow: hidden;
		background-position: 0 0;
		background-repeat: no-repeat;
	}
	#nav_explore, #nav_explore_on
	{
		width: 154px;
		margin: 11px 0 0 0;
		background-image: url('imgs/nav_explore.gif');
	}	#nav_explore_on, #nav_explore:hover { background-position: 0 -35px; }
	#nav_why, #nav_why_on
	{
		width: 196px;
		margin: 11px 0 0 0;
		background-image: url('imgs/nav_why.gif');		
	} 	#nav_why_on, #nav_why:hover { background-position: 0 -35px; }
	#nav_business, #nav_business_on
	{
		width: 115px;
		margin: 11px 0 0 0;
		background-image: url('imgs/nav_business.gif');		
	} 	#nav_business_on, #nav_business:hover { background-position: 0 -35px; }
	#nav_residents, #nav_residents_on
	{
		width: 107px;
		margin: 11px 0 0 0;
		background-image: url('imgs/nav_residents.gif');		
	} 	#nav_residents_on, #nav_residents:hover { background-position: 0 -35px; }
	
#subnavContainer
{
	float: left;
	width: 425px;
	text-align: left;
	padding: 15px 0;
	font-size: 12px;
	font-weight: bold;
}
	#subnavContainer a:link, #subnavContainer a:visited { color: brown; text-decoration: none; }
	#subnavContainer a:hover { text-decoration: underline; }
	
	#nav_home, #nav_home_on
	{
		width: 154px;
		margin: 11px 0 0 0;
		background-image: url('imgs/nav_home.gif');
	}	#nav_home_on, #nav_home:hover { background-position: 0 -35px; }
	
	
.credits { font-size: 10px; color: #666; font-style: italic; padding: 5px 0; }
	
ul, li { font-size: 11px; }

.ui-tabs .ui-tabs-hide {
     display: none;
}

.selected { float: left; padding: 5px; border: 1px solid #333; text-decoration: none; font-size: 12px; font-weight: bold; color: #000; }
.notselected { float: left; padding: 5px; border: 1px solid #999; text-decoration: none; font-size: 12px; font-weight: bold; color: #444; }