/* Big Cities 07 */
/*font styles*/
* {
margin:0px;
padding:0px;
}
td {
padding:4px;
}
p {
margin:10px 0 10px 0;
}
h2, h3, h4, h5, li{
	margin: 10px 0 0 0;
}
	
h1 {color:#8F8F8F;
	font-size:1.8em;
	font-weight:normal;
	font-family:Arial, verdana, Helvetica, sans-serif;
	margin: 8px 0 12px 0;
	line-height:120%;
}

h2 {color:#8F8F8F;
	font-size:1em;
	font-weight:bold;
	margin: 18px 0 3px 0;
}
h3 {color:#666666;
	font-size:1em;
	font-weight:bold;
	margin: 18px 0 3px 0;
}
#contentcontainer li {
	list-style-image: url(images/gr_arrow.gif);
	line-height: 160%;
	margin-bottom: 8px;
	margin-left:20px;
	margin-top: 12px;
}

.smaller, .footnote {font-size: .82em; }
.intro {
font-size:1.2em;
}
.white {
color: #FFF;
}
.brown {
color: #956F15;
}
.whiteborder_r2{
border-right:1px solid #FFF;
}
.whiteborder_r1{
border-right:2px solid #FFF;
}
a, a:visited, a.health, a.safety, a.knowledge, a.social, a.civil, a.standard, a.natural, a.people, a.development, a.housing, a.built
{color: #333}

a:hover {color:#956F15}

.notelink, .notelink:visited {
color: #747474;
text-decoration:none;
}
.notelink:hover {
color:#000;
text-decoration:underline;
}

.whitelink, .whitelink:visited {
color: #FFF;
text-decoration:none;
font-size:.9em;
}
.whitelink:hover {
color:#fff;
text-decoration:underline;
}
.hmwhitelink, .hmwhitelink:visited {
color: #FFF;
font-weight:bold;
font-size:1.2em;
}
.hmwhitelink:hover {
color:#BBDDF4;
}
hr {
height: 1px;
color: #ccc;
width: 90%;
margin:10px 0 10px 0;
clear:both;
}
/*container divs*/
body {
	margin:0;
	height:100%;	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:.7em;
	line-height:140%;
	background: url(images/bg_botshade.jpg);
	background-position: 100% 100%;
	background-repeat:repeat-x;
	background-color:#FFF;
	padding:0 0 0 0;
	color:#666666;
}
#wrapper {
	width:100%;
	height:100%;
	display:table;
	margin-top: 0;
	margin-bottom: 0;
	padding:0 0 0 0;
	background:url(images/bg_topshade.jpg);
	background-position:0 0;
	background-repeat: repeat-x;
}

*html #wrapper /*IE6*/{
	margin-top:0;
	}
	
#header {
	width: 970px;
	margin-top:19px;
	margin-left:auto;
	margin-right:auto;
	background-color:#FFF;
}
#bgheader {
	background:url(images/bg_default.jpg) no-repeat;
	background-position:5px 5px;
	height: 166px;
}
#bgheader08 {
	background:url(images/bg_default08.jpg) no-repeat;
	background-position:5px 5px;
	height: 166px;
}
#bghome {
	background:url(images/bg_home.jpg) no-repeat;
	background-position:5px 5px;
	height: 273px;
}
#bghome08 {
	background:url(images/bg_home08.jpg) no-repeat;
	background-position:5px 5px;
	height: 273px;
}


#logo {
float:left;
}
#whitemargin {
	width: 970px;
	margin-left: auto;
	margin-right: auto;
	background-color:#FFFFFF;
	}

#contentcontainer { 
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom:10px;
	background-image:url(images/bg_topcontent.jpg);
	background-repeat:repeat-x;
/*	display:table; */
}
#subnav { 
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	display:table;
	clear:both;
	background-color:#EAE9EB;
}
#graphnav { 
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	display:table;
	clear:both;
	background-color:#EAE9EB;
}
#subnavbox {
	background-color:#FFF;
	margin:15px 15px 0 15px;
	padding:0 0 0 2px;
	height: 60px;
	overflow:hidden;
}
#graphnavbox {
	background-color:#FFF;
	margin:15px 15px 0 15px;
	padding:0 0 0 2px;
	height: 40px;
	overflow:hidden;
}

#rightcontainer {
	width:290px;
	float:right;
	margin:15px 15px 0 0;
	}
*html #rightcontainer /*IE6*/{
width:287px;
	margin:15px 8px 0 0;
	}
#leftcontainer {
	width:625px;
	margin:15px 10px 0 15px;
	float:left;
	}
#searchleftcontainer {
	width:610px;
	margin:15px 10px 0 15px;
	float:left;
	}
.searchbox {
	width:590px;
	padding:12px;
	border:1px solid #EAE9EB;
	background-color:#FFF;
	float:left;
}
*html #leftcontainer /*IE6*/{
width:622px;
	margin:15px 10px 0 8px;
	}

.box500 {
	width:596px;
	padding:12px;
	border:1px solid #EAE9EB;
	background-color:#FFF;
	float:left;
}
#box300 {
	width:366px;
	padding:12px;
	border:1px solid #EAE9EB;
	background-color:#FFF;
	float:left;
}
#box100 {
	width:200px;
	padding:10px;
	border:1px solid #EAE9EB;
	background-color:#FFF;
	float:left;
}
.box200 {
	width:264px;
	padding:12px 12px 8px 12px;
	border:1px solid #EAE9EB;
	background-color:#FFF;
	float:left; 
}

#box900 {
	width:900px;
	padding:15px;
	border:1px solid #EAE9EB;
	background-color:#FFF;
	margin-left:auto;
	margin-right:auto;
	margin-top:15px;
}


/*navigation elements*/
#navcontainer{
width:960px;
margin-left: auto;
margin-right: auto;
height:50px;
background-color:#FFFFFF;

}

#horinav {
display:inline;
}

#horinav ul li a{
	text-decoration:none;
	display:block;
	padding: 10px 0 0 0;
}
*html #horinav ul li a{	padding: 10px 0 0 0; }
#nav {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	list-style: none;
	float: right;
}

#nav li {
	list-style: none;
	float: left;
	position: relative;
}

#nav a, nav a:visited {
	font-size:1em;
	text-decoration:none;
	color:#666;
	text-align: center;
	padding: 10px 0 0 0;
}
	
#nav a:hover, #nav a:focus{ 
color:#000;
 }
#nav-home a  { width:68px; height:31px;	background:url(images/nav_home.jpg) no-repeat 0 0;}
#nav-home a:hover, #nav-homeon a {width:68px; height:31px; background:url(images/nav_home.jpg) no-repeat 0 -41px;}
#nav-report a  { width:174px; height:31px; background:url(images/nav_report.jpg) no-repeat 0 0;}
#nav-report a:hover, #nav-reporton a  {width:174px; height:31px; background:url(images/nav_report.jpg) no-repeat 0 -41px;}
#nav-survey a  { width:164px; height:31px;	background:url(images/nav_survey.jpg) no-repeat 0 0;}
#nav-survey a:hover, #nav-surveyon a  {width:164px; height:31px; background:url(images/nav_survey.jpg) no-repeat 0 -41px;}
#nav-indicators a  { width:102px; height:31px;	background:url(images/nav_indicators.jpg) no-repeat 0 0;}
#nav-indicators a:hover, #nav-indicatorson a  {width:102px; height:31px; background:url(images/nav_indicators.jpg) no-repeat 0 -41px;}
#nav-results a  {width:110px; height:31px;	background:url(images/nav_results.jpg) no-repeat 0 0;}
#nav-results a:hover,#nav-resultson a  {width:110px; height:31px; background:url(images/nav_results.jpg) no-repeat 0 -41px;}
#nav-graphs a  {width:150px; height:31px;	background:url(images/nav_graphs.jpg) no-repeat 0 0;}
#nav-graphs a:hover, #nav-graphson a  {width:150px; height:31px; background:url(images/nav_graphs.jpg) no-repeat 0 -41px;}
#nav-media a  {width:84px; height:31px; background:url(images/nav_media.jpg) no-repeat 0 0;}
#nav-media a:hover, #nav-mediaon a  {width:84px; height:31px; background:url(images/nav_media.jpg) no-repeat 0 -41px;}
#nav-contacts a  {width:107px; height:31px; background:url(images/nav_contacts.jpg) no-repeat 0 0;}
#nav-contacts a:hover, #nav-contactson a {width:107px; height:31px; background:url(images/nav_contacts.jpg) no-repeat 0 -41px;}



/* Indicators */
.people, a:hover.people{
	color:#3A9DDE;
}

#subnavbox li.arrow_peo, #graphnavbox li.arrow_peo{
	list-style-image: url(images/gr_arrow_peo.gif);
	line-height: 140%;
	margin-bottom: 5px;
	margin-left:17px;
	margin-top: 5px;
}
#contentcontainer li.arrow_peo{
	list-style-image: url(images/gr_arrow_peo_s.gif);
	line-height: 140%;
	margin-bottom: 5px;
	margin-left:17px;
	margin-top: 5px;
}
#bgpeople {
	background:url(images/bg_people.jpg) no-repeat;
	background-position:5px 5px;
	height: 160px;
}
.health, a:hover.health{
	color:#007C4F;
}
#contentcontainer li.arrow_hea, #subnavbox li.arrow_hea {
	list-style-image: url(images/gr_arrow_hea.gif);
	line-height: 140%;
	margin-bottom: 5px;
	margin-left:17px;
	margin-top: 5px;
}
#contentcontainer li.arrow_hea{
	list-style-image: url(images/gr_arrow_hea_s.gif);
	line-height: 140%;
	margin-bottom: 5px;
	margin-left:17px;
	margin-top: 5px;
}
#bghealth {
	background:url(images/bg_health.jpg) no-repeat;
	background-position:5px 5px;	
	height: 160px;

}
.development, a:hover.development{
	color:#C43434;
}
#subnavbox li.arrow_dev {
	list-style-image: url(images/gr_arrow_dev.gif);
	line-height: 140%;
	margin-bottom: 5px;
	margin-left:17px;
	margin-top: 5px;
}
#contentcontainer li.arrow_dev {
	list-style-image: url(images/gr_arrow_dev_s.gif);
	line-height: 140%;
	margin-bottom: 5px;
	margin-left:17px;
	margin-top: 5px;
}
#bgdevelopment {
	background:url(images/bg_development.jpg) no-repeat;
	background-position:5px 5px;
	height: 160px;
}
.standard, a:hover.standard{
	color:#D48434;
}
 #subnavbox li.arrow_sta {
	list-style-image: url(images/gr_arrow_sta.gif);
	line-height: 140%;
	margin-bottom: 5px;
	margin-left:17px;
	margin-top: 5px;
}
#contentcontainer li.arrow_sta {
	list-style-image: url(images/gr_arrow_sta_s.gif);
	line-height: 140%;
	margin-bottom: 5px;
	margin-left:17px;
	margin-top: 5px;
}
#bgstandard {
	background:url(images/bg_standard.jpg) no-repeat;
	background-position:5px 5px;
	height: 160px;
}
.knowledge, a:hover.knowledge{
	color:#33528F;
}
#subnavbox li.arrow_kno {
	list-style-image: url(images/gr_arrow_kno.gif);
	line-height: 140%;
	margin-bottom: 5px;
	margin-left:17px;
	margin-top: 5px;
}
#contentcontainer li.arrow_kno {
	list-style-image: url(images/gr_arrow_kno_s.gif);
	line-height: 140%;
	margin-bottom: 5px;
	margin-left:17px;
	margin-top: 5px;
}
#bgknowledge {
	background:url(images/bg_knowledge.jpg) no-repeat;
	background-position:5px 5px;
	height: 160px;
}
.housing, a:hover.housing{
	color:#ACC62F;
}
#subnavbox li.arrow_hou, #graphnavbox li.arrow_hou {
	list-style-image: url(images/gr_arrow_hou.gif);
	line-height: 140%;
	margin-bottom: 5px;
	margin-left:17px;
	margin-top: 5px;
}
#contentcontainer li.arrow_hou {
	list-style-image: url(images/gr_arrow_hou_s.gif);
	line-height: 140%;
	margin-bottom: 5px;
	margin-left:17px;
	margin-top: 5px;
}
#bghousing{
	background:url(images/bg_housing.jpg) no-repeat;
	background-position:5px 5px;
	height: 160px;
}
.social, a:hover.social{
	color:#E6D915;
}
#subnavbox li.arrow_soc, #graphnavbox li.arrow_soc {
	list-style-image: url(images/gr_arrow_soc.gif);
	line-height: 140%;
	margin-bottom: 5px;
	margin-left:17px;
	margin-top: 5px;
}
#contentcontainer li.arrow_soc {
	list-style-image: url(images/gr_arrow_soc_s.gif);
	line-height: 140%;
	margin-bottom: 5px;
	margin-left:17px;
	margin-top: 5px;
}
#bgsocial {
	background:url(images/bg_social.jpg) no-repeat;
	background-position:5px 5px;
	height: 160px;
}
.civil, a:hover.civil{
	color:#E4B838;
}
#subnavbox li.arrow_civ {
	list-style-image: url(images/gr_arrow_civ.gif);
	line-height: 140%;
	margin-bottom: 5px;
	margin-left:17px;
	margin-top: 5px;
}
#contentcontainer li.arrow_civ{
	list-style-image: url(images/gr_arrow_civ_s.gif);
	line-height: 140%;
	margin-bottom: 5px;
	margin-left:17px;
	margin-top: 5px;
}
#bgcivil {
	background:url(images/bg_civil.jpg) no-repeat;
	background-position:5px 5px;
	height: 160px;
}
.built, a:hover.built{
	color:#A98E6A;
}
#subnavbox li.arrow_bui, #graphnavbox li.arrow_bui {
	list-style-image: url(images/gr_arrow_bui.gif);
	line-height: 140%;
	margin-bottom: 5px;
	margin-left:17px;
	margin-top: 5px;
}
#contentcontainer li.arrow_bui{
	list-style-image: url(images/gr_arrow_bui_s.gif);
	line-height: 140%;
	margin-bottom: 5px;
	margin-left:17px;
	margin-top: 5px;
}
#bgbuilt {
	background:url(images/bg_built.jpg) no-repeat;
	background-position:5px 5px;
	height: 160px;
}
.natural, a:hover.natural{
	color:#80511C;
}
#subnavbox li.arrow_nat, #graphnavbox li.arrow_nat {
	list-style-image: url(images/gr_arrow_nat.gif);
	line-height: 140%;
	margin-bottom: 5px;
	margin-left:17px;
	margin-top: 5px;
}
#contentcontainer li.arrow_nat {
	list-style-image: url(images/gr_arrow_nat_s.gif);
	line-height: 140%;
	margin-bottom: 5px;
	margin-left:17px;
	margin-top: 5px;
}
#bgnatural {
	background:url(images/bg_natural.jpg) no-repeat;
	background-position:5px 5px;
	height: 160px;
}
#bgnatural08 {
	background:url(images/bg_natural08.jpg) no-repeat;
	background-position:5px 5px;
	height: 160px;
}
.safety, a:hover.safety{
	color:#68A237;
}
#subnavbox li.arrow_saf, #graphnavbox li.arrow_saf {
	list-style-image: url(images/gr_arrow_saf.gif);
	line-height: 140%;
	margin-bottom: 5px;
	margin-left:17px;
	margin-top: 5px;
}
#contentcontainer li.arrow_saf{
	list-style-image: url(images/gr_arrow_saf_s.gif);
	line-height: 140%;
	margin-bottom: 5px;
	margin-left:17px;
	margin-top: 5px;
}
#bgsafety {
	background:url(images/bg_safety.jpg) no-repeat;
	background-position:5px 5px;
	height: 160px;
}
#bgdefault {
	background:url(images/bg_default.jpg) no-repeat;
	background-position:5px 5px;
	height: 160px;
}
#bgdefault2 {
	background:url(images/bg_default2.jpg) no-repeat;
	background-position:5px 5px;
	height: 160px;
}
#bgdefault208 {
	background:url(images/bg_default208.jpg) no-repeat;
	background-position:5px 5px;
	height: 160px;
}
#bgdefault3 {
	background:url(images/bg_default3.jpg) no-repeat;
	background-position:5px 5px;
	height: 160px;
}
/*-- footer styles --*/

#footer {
	font-size:.9em; 
	width:938px;
	height:45px;
	margin-left: auto;
	margin-right: auto;
	margin-top:20px;
	clear:both;
	color:#333;

}
#footer div{
	float:right;
	margin-bottom:0;
}


/*-- extra styles --*/
.wrapright{
	float:right;
	border:0;
	padding-left:6px;
}
.wrapleft{
	float:left;
	border:0;
	padding-right:6px;
}


.map {position:relative; left:-85px; top:-5px; width: 152px }
.mapborder {filter: progid:DXImageTransform.Microsoft.Shadow(direction=135,color=#bcbcbc,strength=3);
	background-color:#FFF; border: #999 1px solid; width:152px; height:172; }
.map p {font: 10px Verdana, sans-serif; margin: 2px 8px 5px 8px; color:#666}


/*hacks*/
.clearing {margin: 0; clear: both; height: 1%;}