/* Mosaic */
* {
margin:0px;
padding:0px;
}/*removes all default padding and margins*/

.cellpad {
padding: 0 0 8px 8px;
}
/*font and list styles*/
p {
margin:6px 0 12px 0;
}
h1 {color:#666;
	font-size:1.4em;
	font-weight:normal;
	font-family:Arial, verdana, Helvetica, sans-serif;
	margin: 6px 0 12px 0;
	line-height:120%;
}

h2 {font-size:1.3em;
	font-weight:normal;
	margin: 10px 0 4px 0;
}
h3 {color:#8F8F8F;
	font-size:1.2em;
	font-weight:normal;
	margin: 0 0 0 0;
}
h4 {font-weight:bold;
	margin: 6px 0 3px 0;
	font-size:1em;
}

.smaller, .footnote {font-size: .9em; }
.greybox  li{ 
list-style-image: url(images/gr_arrow.gif);
	line-height: 150%;
	margin-bottom: 4px;
	margin-left:20px;
	margin-right:0x;
	margin-top: 4px;
}
#rightcontainer  li{ 
	line-height: 130%;
	margin-bottom: 4px;
	margin-left: 16px;
	margin-right:0x;
	margin-top: 4px;
}
a, a:visited {
color:#333;
}
a:hover {
color:#000000;
}
.darklink, darklink:visited {
color:#666;
}
darklink:hover {
color:#000000;
}

/*layout styles*/
body {
	margin:0;
	height:100%;	
	font-family:Arial, Helvetica, sans-serif;
	font-size:.75em;
	line-height:150%;
	background-color:#fff;
	color:#666666;
}

#header {
	width:946px;
	margin: 10px;
	margin-bottom: 0;
	margin-left:auto;
	margin-right:auto;
	padding:0 0 0 0;
}
#header_home {
	width:946px;
	margin: 10px;
	margin-bottom: 0;
	margin-left:auto;
	margin-right:auto;
	padding:0 0 0 0;
	border-top: 4px solid #E0E0E0;
}

#logo {
float:left;
margin:0 0 20px 14px;
height:70px;
}
#byline {
float:right;
margin:26px 0 8px 14px;
}
#horinav {
	margin-left:auto;
	margin-right:auto;
	width:946px;
	clear:both;
	background-color:#E0E0E0;
	font-size:.9em;
	font-weight:bold;
	line-height:130%
}

#contentcontainer { 
	width: 946px;
	margin-left: auto;
	margin-right: auto;
	margin-top:15px;
}
#rightcontainer_home {
	width:210px;
	float:right;
	margin:0 0 0 15px;
	background-image:url(images/bg_right.jpg);
	background-repeat:repeat-x;
	padding:10px;
	}
#rightcontainer {
	width:344px;
	float:right;
	background-image:url(images/bg_right.jpg);
	background-repeat:repeat-x;
	}
#rightcontainer .download{
	padding:4px 10px 0 6px;
	}
*html #rightcontainer /*IE6*/{
	width:344px;
	margin:15px 0 0 0;
	}
#leftcontainer_home {
	width:668px;
	margin:0 15px 0 0;
	float:left;
	}
#leftcontainer {
	width:580px;
	margin:0 15px 0 0;
	float:left;
	}
.greybox {
	width:650px;
	margin:15px 0 15px 0;
	padding:8px 15px 15px 15px;
	background-image:url(images/bg_greybox.jpg);
	background-repeat:repeat-x;
	}
.boxborder {
	width:330px;
	padding:6px;
	height:91px;
	margin-top:14px;
	line-height:145%;
	font-size:.9em;
	clear:both;
}
.boxborder a:hover {
color:#666666;
}
.cubebox {float:right; width:228px;}
.colorcube {width:27px; height:24px; float:left; color:#FFFFFF; font-weight:bold; padding-top:3px;}
.greybar {width:194px; height:24px; float:left; background-color:#B2B2B2; color:#FFFFFF; font-weight:bold; padding-left:6px; padding-top:3px;}
.statsbar {width:221px; height:24px; float:left; background-color:#B2B2B2; color:#FFFFFF; font-weight:bold; padding-left:6px; padding-top:3px;}
.colorstrip{ width:84px;  height:4px; margin:0;}

/*navigation elements*/
	
#topnav {
	float:right;
	margin-top:6px;
}

#topnav ul{
	padding:0 0 0 0;

}
#topnav li{
	padding:0 0 0 10px;
	width:auto;
	list-style:none;
	background-image:url(images/gr_topnavarrow.gif);
	background-repeat:no-repeat;

}
#topnav li a{
	display:block;
	font-size:1.2em;
	padding:0 20px 0 2px;
	display:inline;
}
*html #topnav ul li a{	padding: 6px 0 0 0; }
.nav li {
display:inline;
}
.nav a, .nav a:visited {	
	color:#949494;
}
	
.nav a:hover, .nav a:focus{ 
color:#666666;
 }

#symbolsi a, #symbolsi a:visited, #suburbani a, #suburbani a:visited, #urbani a, #urbani a:visited, #singlesi a, #singlesi a:visited, #familyi a, #familyi a:visited, #provinciali a, #provinciali a:visited, #workingi a, #workingi a:visited, #communityi a, #communityi a:visited, #greyi a, #greyi a:visited, #culturali a, #culturali a:visited, #rurali a, #rurali a:visited {
 height:40px;
 width:85px;
 display:block;
 float:left;
 color:#666;
 text-decoration:none;
 border-right: 1px solid #fff;
 }
 #symbols a, #symbols a:visited, #suburban a, #suburban a:visited, #urban a, #urban a:visited, #singles a, #singles a:visited, #family a, #family a:visited, #provincial a, #provincial a:visited, #working a, #working a:visited, #community a, #community a:visited, #grey a, #grey a:visited, #cultural a, #cultural a:visited, #rural a, #rural a:visited {
 height:134px;
 width:85px;
 display:block;
 float:left;
 color:#666;
 text-decoration:none;
 border-right: 1px solid #fff;
 background-color:#E0E0E0;
 }
 .horinavpadding {
 margin:6px;
}
.bar {
 width:100%;
 height:4px;
  float:left;
  background-color:#E0E0E0;
  }
*html .bar  /*so IE6 will respect div height*/{
overflow: hidden;
}

 #symbols a:hover, #symbolsi a:hover{
 background-color:#64648D;
 color:#FFFFFF;
 }
 .pt_symbols {
 border-top: 1px solid #fff;
 border-bottom: 8px solid #64648D;
}
 #suburban a:hover,  #suburbani a:hover{
 background-color:#C5B463;
 color:#FFFFFF;
 }
  .pt_suburban {
 border-top: 1px solid #fff;
 border-bottom: 8px solid #C5B463;
}

 #urban a:hover, #urbani a:hover{
 background-color:#EB9327;
 color:#FFFFFF;
 }
  .pt_urban {
 border-top: 1px solid #fff;
 border-bottom: 8px solid #EB9327;
}

 #singles a:hover,  #singlesi a:hover{
 background-color:#8C67AC;
 color:#FFFFFF;
 }
  .pt_singles {
 border-top: 1px solid #fff;
 border-bottom: 8px solid #8C67AC;
}

 #family a:hover,  #familyi a:hover{
 background-color:#6ABCBE;
 color:#FFFFFF;
 }
  .pt_family {
 border-top: 1px solid #fff;
 border-bottom: 8px solid #6ABCBE;
}

#provincial a:hover,  #provinciali a:hover{
 background-color:#FFD85E;
 color:#FFFFFF;
 }
  .pt_provincial {
 border-top: 1px solid #fff;
 border-bottom: 8px solid #FFD85E;
}

 #working a:hover,  #workingi a:hover{
 background-color:#4D7EFF;
 color:#FFFFFF;
 }
  .pt_working {
 border-top: 1px solid #fff;
 border-bottom: 8px solid #4D7EFF;
}

 #community a:hover,  #communityi a:hover{
 background-color:#8B8A82;
 color:#FFFFFF;
 }
  .pt_community {
 border-top: 1px solid #fff;
 border-bottom: 8px solid #8B8A82;
}

 #grey a:hover,  #greyi a:hover{
 background-color:#E3D5CF;
 color:#FFFFFF;
 }
  .pt_grey {
 border-top: 1px solid #fff;
 border-bottom: 8px solid #E3D5CF;
}

 #cultural a:hover,  #culturali a:hover{
 background-color:#FF7D7D;
 color:#FFFFFF;
 }
  .pt_cultural {
 border-top: 1px solid #fff;
 border-bottom: 8px solid #FF7D7D;
}

 #rural a:hover,  #rurali a:hover{
 background-color:#A1BD0C;
 color:#FFFFFF;
 }
  .pt_rural {
 border-top: 1px solid #fff;
 border-bottom: 8px solid #A1BD0C;
}



/*-- footer styles --*/

#footer {
	font-size:.9em; 
	width:946px;
	height:60px;
	margin-left: auto;
	margin-right: auto;
	margin-top:15px;
	clear:both;
	line-height:130%;

}
.footlink, .footlink:visited {
font-size:1.1em;
color:#666;
}

.phone {
float:right;
width:310px;
font-size:1.3em;
padding-top:8px;
}
.pmp{
	float:left;
	border:0;
	padding-right:8px;
	padding-top:2px;
}

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

}
.wrapleft{
	float:left;
	border:0;
	padding-right:10px;
	padding-bottom:8px;
	padding-top:4px;
}
.floatleft{
	float:left;
/*	margin:10px; */
	margin-left:0;
}
.floatright {
	padding:0;
	float:right;
	width: 220px;
}


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