/* ***** Presentation and Typography ***** */
body {
 margin: 0;
 padding: 0;
 background: #fff;
 text-align: center;

 }
body, p, li, input, select, textarea, td {
font: normal 10pt/1.3 Tahoma, Verdana, Arial, Helvetica, sans-serif;
 color: #000;
}

input, select, textarea {

	background: #fff; 
	color: #3B7AAA; 
	border: 1px solid #4f77a2;
}

form {
	margin: 0;
	padding: 0;
}

.button {
background:#EEF3F6;
border:1px solid #61798D;
}

a {
color: #2B6FA4;
text-decoration: none;
}
a:link {
color: #2B6FA4;
}

a:active {
color: #A42B3C;
}
a:hover {
color: #1A3C58;
}

a.maplink {color: #F60;}
a.maplink:hover {
color: #39F;
}
/* ***** Logo ***** */
#header {
 width: 100%;
 height: 55px;
}
#header-left {
 float: left;
}
#header-right {
 float: right;
}

/* ***** Links in the header ***** */
#navcontainer {
margin: 2px 15px 0 0;
}
#navcontainer ul {
 padding:0; 
 margin:0;
}
#navlist li {
display: inline;
padding: 0 0 0 6px;
background-repeat: no-repeat;
line-height: 14pt;
}
#navlist a {
padding: 0 0 0 24px;
font-weight: bold;
text-decoration: none;
background: url(/images/nav-bullet.gif) 0 -.1em no-repeat;
}
#navlist a:link {
padding: 0 0 0 24px;
color: #003399;
background: url(/images/nav-bullet.gif) 0 -.1em no-repeat;
}
#navlist a:hover {
color: #5a70b8;
padding: 0 0 0 24px;
background: url(/images/nav-bullet-over.gif) 0 -.1em no-repeat;
}

/* ***** Dark Blue Line ***** */
#navy {
 width: 100%;
 height: 26px;
 background: #003399;
 text-align:right;
 padding-right: 16px;
}

/* ***** Navigation Tabs ***** */
#tabs {
 float: left;
 width: 100%;
 background:#5a70b8 url(images/tabs-bg.gif) repeat-x bottom;
 color: #fff;
 line-height:normal;
}
#tabs ul {
 margin:0;
 padding:2px 6px 0;
 list-style:none;
}
#tabs li {
 float:left;
 background: url(images/tab-r.gif) no-repeat right top;
 margin:0 1px 0 0;
 padding:0;
}
#tabs a {
 float:left;
 display:block;
 background: url(images/tab-l.gif) no-repeat left top;
 padding:8px 16px 4px;
 text-decoration:none;
 font-weight:bold;
 color:#363727;
}
/* Commented Backslash Hack
     hides rule from IE5-Mac \*/
#tabs a {float:none;}
/* End IE5-Mac hack */
#tabs a:hover {
 color:#4e62a1;
}
#tabs #current {
 background-image:url(images/tab-current-r.gif);
}
#tabs #current a {
 background-image:url(images/tab-current-l.gif);
 padding-bottom:5px;
 color:#003399;
}
#tabs #current a:hover {
 color:#ff0000;
}

/* ***** Search and Top 20 Bar ***** */
#search {
 clear: both;
 float:left;
 width: 100%;
 height: 158px;
 background: #c2d5eb url(images/search-bg.gif) left bottom repeat-x;
 color: #000;
}

/* ***** Search Form Box ***** */
#search-box {
 float: left;
 width: 240px;
 height: 127px;
 margin: 10px 0 10px 6px;
 border: 1px solid #4f77a2;
 background: #fff url(images/search-box.gif) bottom repeat-x;
}
#search-title {
 float:left;
 font: bold 14px/1.2 Verdana, arial, sans-serif;
 color: #2a2d25;
 padding: 8px 0 0 8px;
}
#search-right {
 float:right;
 position:relative;
 top:-1px; right:-1px;
 background: url(images/search-right.gif) top right no-repeat;
 height:46px;
 width:46px;
 padding:0;
 margin:0;
}
#search-form {
 clear:both;
 position:relative;
 background: url(images/search-realestate.gif) left bottom no-repeat;
 width: 100%;
 height: 82px;
 padding:0;
 margin: 0;
}
#sform {
 margin: 0 0 0 14px;
}
#sform input {
 border: 1px solid #4f77a2;
}

/* ***** Top 20 Locations ***** */
#top20 {
 float: left;
 height: 127px;
 margin: 10px 0 10px 20px;
 text-align: left;
}
#top20-title {
 float:left;
 font: bold 14px/1.2 Verdana, arial, sans-serif;
 color: #2a2d25;
 padding: 8px 0 0 8px;
}
#locations {
 clear:both;
 position:relative;
 height: 82px;
 padding: 3px 0 0 18px;
 margin: 0;
}
#locations ul {
 float:left;
 padding:6px 22px 0 0; 
 margin:0;
}
.locations1 {
 list-style: none;
}
.locations1 li {
padding: 0 0 0 14px;
background: url(images/top20bullet.gif) 0 .5em no-repeat;
line-height: 13pt;
}
.locations1 a {
font-weight: bold;
text-decoration: none;
}
.locations1 a:link {
color: #003399;
}
.locations1 a:hover {
color: #cbb10e;
}

/* ***** Main Content ***** */
#content {
 clear: both;
 float: left;
 margin: 7px 0 7px 7px;
 width: 760px;
 background: #fff;
 color: #000;
 text-align: left;
}
#content2 {
 clear: both;
 float: left;
 margin: 0px 0 7px 7px;
 width: 780px;
 background: #fff;
 color: #000;
 text-align: left;
}
#left {
float:left;
width: 336px;
height:auto;
margin: 7px 12px 10px 0;
}
#right {
width: 404px;
float:right;
margin: 7px 0 10px 0;
}
.box-content {
float:left;
text-align: left;
/*width: 100%;*/
margin: 4px auto;
border: 2px solid #003399;
}
.box-content2 {
text-align: left;
border: 2px solid #003399;
}
.c-title {
 padding:4px;
 background: #ffffff;
 border-bottom: 1px solid #003399;
 color: #1a2025;
 font: bold 13px/1.2 Arial, sans-serif;
}
.pad {
 padding: 5px;
width:100%;
}

/* ***** Sub Pages ***** */
#left-sub {
	float: left;
	text-align: right;
	width: 200px;
	height: auto;
	margin: 17px 12px 10px 0;
	border-width: 0px 1px 0px 0px;
	border-style: solid;
	border-color: #cccccc;
}
#left-sub2 {
float:left;
width: 170px;
height:auto;
margin: 0px 12px 10px 0;
}
#right-sub {
/*width: 504px;*/
/*width: 538px; - too wide on resources pages*/
width:532px;
/*display:inline; */
float:right;
margin: 7px 0 10px 0;
padding:0;
}
#right-sub2 {
width: 770px;
margin: 0px 0 10px 0;
padding:0;
}

/* ***** States List Styling ***** */
#states
{
margin: 0;
padding: 0 0 0 7px;
list-style: none;
}
#states ul {
margin: 0;
padding: 0;
list-style: none;
}
#states li
{
padding: 0 0 0 10px;
background: url(images/s-bullet.gif) 0 .4em no-repeat;
}
#states li.alt {
padding: 0 0 0 10px;
background: url(images/s-bullet.gif) 0 .4em no-repeat;
}
#states li a {
 color: #1A3C58;
 font-weight:bold;
}
#states li a:hover {
 color: #fff;
}

/* ***** Footer ***** */
#footer {
 clear:both;
 float:left;
 background: #003399;
 width: 100%;
 text-align: center;
 padding: 0 0 3px 0;
 margin: 10px 0 0 0;
 color: #fff;
 font-size: x-small;
}
#footer a
{
font-weight: bold;
color: #B9D5EA;
text-decoration: none;
}
#footer a:visited {
color: #93B6D0;
}
#footer a:hover {
color: #FFF;
}
#footer #flinks {
 background: #c2d5eb;
 width: 100%;
 padding: 2px 0;
 text-align: left;
 color: #003399;
}
#flinksul {
 margin: 0 0 0 3px;
 padding: 0;
 list-style: none;
}
#flinksul li {
 padding: 0 0 0 10px;
 background: url(images/arrow.gif) 0 50% no-repeat;
 display: inline;
 font-size: x-small;
}
#flinks a:link, #flinks a:visited {
 color: #003399;
 padding: 0 5px 0 0;
}
#flinks a:hover {
 color: #0066cc;
 padding: 0 5px 0 0;
}

/* ***** States Tables ***** */
.top {
 background: url(images/topbg.gif) left top repeat-x;
 height: 38px;
}
.midl {
 background: url(images/midl.gif) left top repeat-y;
 height: 100%;
 width: 6px;
}
.midr {
 background: url(images/midr.gif) right top repeat-y;
 height: 100%;
 width: 9px;
}
.mid {
 background: #f9da66;
}
.bot {
 background: url(images/botbg.gif) repeat-x;
}
.title {
 padding: 2px 0 0 0;
 text-align:left;
 color: #1a2025;
 font: bold 14px/1.2 Verdana, Arial, sans-serif;
}

/* ***** Horizontal Rule ***** */
div.hr {
width: 100%;
text-align: center;
margin: 10px auto;
height: 1px;
background: #CCC;
}
div.hr hr {
display: none;
}
/* **** Cities Listing ***** */
#citylist {
	width:100%;
	padding-top:12px;
}
#citylistpad {
	clear:both;
	margin-top:8px;
}
#citylistheader {
	font-weight:bold;
	padding-bottom:8px;
}
.city-row-start {
	clear:both;
	float:left;
	margin-left:20px;
	width:150px;
}

.city-row {
	margin-left:20px;
	float:left;
	width:150px;
}

.detail-link {
	font-weight:bold;
}

.stats-label {
	font-weight:bold;
	text-align:right;
	clear:both;
	float:left;
	margin-right:10px;
	width:170px;
}

.stats-data {
	float:left;
	clear:right;
}
.resource-group{
	display: block;
	clear:both;
	padding-top:12px;
}
.resource-group-small{
	display: block;
	clear:both;
	padding-top:12px;
	font-size:11px;
}
#quick-facts{
	background-color:#F0F5FB;
	float:left;
	width:300px;
	height:230px;
	padding-right:10px;
	padding-bottom:2px;
	margin-right:3px;
	border-bottom:solid 2px #600;
}
#quick-facts h3{
	color:#003399;
	border-bottom: double 4px #600;
}
#map {
	/*clear:both;*/
	/*width: 524px;*/
	width: 200px;
	/*height: 220px;*/
	height: 200px;
	border: solid 2px #600;
}
#apt-map {
	width:520px;
	height:300px;
	border: solid 2px #600;
}
#agent-map {
	width:520px;
	height:300px;
	border: solid 2px #600;
	margin-top: 10px;
}
#msgbox {
	padding-left:4px;
	margin-top: 12px;
	clear:both;
	width:512px;
	height:18px;
	font-size:11px;
	font-family: Verdana, Arial sans-serif;
	background-color: #FF6;
	border: solid 1px #600;
}

.gmap-marker {
	font-size: 11px;
	font-weight: bold;
	font-family: Verdana, Arial sans-serif;
	color: #03C;
	width: 200px;
	margin-top: 0px;
	margin-left: 0px;
	padding-left: 10px;
	padding-bottom: 9px;
	/*background: #fff url(/images/icons/hospital.gif) no-repeat top right;*/
}

#tabbar {
	background-color:#C96;
	height: 30px;
	clear:both;
	font-weight: bold;
	font-size:12px;
	/*font-family: Verdana, Arial sans-serif;*/
}

.rtab {
/*	border-top: 1px solid #000;
	border-left: 1px solid #000; 
*/
	border-bottom: 1px solid #ccc;
	border-top: 2px solid #fff;
	padding-top:6px;
	text-align:left;
	padding-left:5px;
}
.rtab:hover {
	background-color: rgb(228, 195, 89);
}

td#selected {
	padding-left:5px;
	background-color: #fff; /* #FC3; */
	border-bottom: 1px solid #fff;
	border-top: 1px solid #630;
	border-left: 3px solid #630;
	border-right: 1px solid #630;
}
.smalltext {
	font-size: 10px;
}
a.tablink {
	color: #111;
}
a.tablink:hover {
	text-decoration: underline;
	cursor: pointer;
}
.mainText                {  font-family: Verdana, Helvetica, sans-serif; font-size: 10px; color: #ffffff; }
.mainLink                {  font-family: Verdana, Helvetica, sans-serif; font-size: 10px; color: #ffffff; font-weight: bold; }
.mainLink:hover          {  text-decoration: underline; color:#FFFFFF; }