/**************************************************************
   All page content except for footer
 **************************************************************/
/* IE 7 Does not like this method ***
#content {
  position: relative;
  height: auto !important;
  height: 100%;
  min-height: 100%;
}*/
#content {
  position: relative;
	margin:0 auto;
	width:776px;
  min-height: 100%;
  background:url(../images/bg/light_body_2.gif) repeat-y top center;
  padding:0 11px;
}

body#home #content {background:url(../images/bg/dark_body_2.gif) repeat-y top center;}
body#home1 #content {background:url(../images/bg/dark_body_2.gif) repeat-y top center;}
* html #content {height:100%}


/**************************************************************
   Topbar with newsletter form and theme change buttons
 **************************************************************/

#topbar {
  float: left;
  width: 100%;
  padding: 0.6em 0;
  font-size: 0.9em;
  text-transform: uppercase;
  color: #CFD9DB;
  background: #FFF url("../images/bg/topbar.gif") repeat-x bottom left;
}



/**************************************************************
   Top menu and logo
 **************************************************************/

#header {	
	/*position: relative;
	clear: both;
	height: 0.8em;
	margin: 0 auto; */
	background: #000 url("../images/bg/header.gif") repeat-x bottom left;
	/*border-bottom: 2px solid #48525B;*/
	background-color: #000;
}

#header img {
  position: absolute;
  top: 5%;
  left: 10px;
}

#header ul {
  margin: 2em 1em 0 0 !important;
  margin: 1.5em 0.5em 0 0;
  padding: 0;
  float: right;
}

#header ul li {
  display: inline;
  list-style: none;
}

#header ul li a {
  float: left;
  padding: 0 1em;
  font: 500 1em  helvetica, arial, sans-serif;
  letter-spacing: 0.1em;
  line-height: 0.8em !important;
  line-height: 1.5em;
  color: #FFF;
  border-right: 1px solid #CCC;
}

#header ul li a.last {
  padding-right: 0;
  border-right: 0;
}

#header ul li a.home {
  background: transparent url("../images/assets/home.gif") no-repeat 0px 0px;
	padding-left:21px; 
}

#header ul li a:hover {
  color: #ECD390;
}

/**************************************************************
   Header Image
 **************************************************************/

#headerImg {
  margin: 0 auto;
  height: 161px;
  background: url("../images/bg/header_image.jpg") no-repeat top left;
}

#home #headerImg, #home1 #headerImg {
	margin: 0 auto;
  height: 403px;
  background: url("../images/bg/header_image_home.jpg") no-repeat top left;
}
/**************************************************************
   Top Block Menu
 **************************************************************/
/*
#menu {
  margin: 0 auto;
}

#menu ul {
  width: 100%;
  float: left;
  margin: 0 0 7px 0;
  padding: 0;
  text-align: left;
  background: #04399B url("../images/bg/menu.gif") repeat top left;
}

#menu ul li {
  display: inline;
  margin: 0;
  padding: 0;
  list-style: none;	
}

#menu ul li a {
  float: left;
  width: 259px;
  height: 2em;
  font: 400 1.1em  helvetica, arial, sans-serif;
  letter-spacing: 0.1em;
  color: #fff;
  border-top: 3px solid #000;
  border-bottom: 15px solid #FFF;
	text-align:center;
	padding-top:4px;
}
#menu ul li.sales a {width:258px}
#menu ul li a span {
  display: block;
  padding: 2px 7px 6px 7px;
}

#menu ul li a span.desc {
  font-size: 0.9em;
  color: #FFF;
}

#menu ul li a:hover,
#menu ul li a.here {
  background: #000;
  border-top: 3px solid #04399B;
	border-bottom: 15px solid #04399B;
	color:#ECD390;
}

#menu ul li a:hover span.desc,
#menu ul li a.here span.desc {
  color: #FFF;
}

#mgt #menu ul li.mgt a,
#sales #menu ul li.sales a,
#available #menu ul li.avl a {
  background: #000;
  border-top: 3px solid #04399B;
	border-bottom: 15px solid #04399B;
	color:#ECD390;
}

#mgt #menu ul li.mgt a span.desc,
#sales #menu ul li.sales a span.desc,
#available #menu ul li.avl a span.desc {
  color: #FFF;
}

*/



#menu {
	margin: 0 auto 15px auto;
	padding: 0;
	height: 20px;
}

#menu ul {
	width:100%;
	float:left;
	border: 0;
	margin: 0 0 12px 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
}

#menu ul li a span.desc {
	display:none; }

#menu ul li {
	display: inline;
  margin: 0;
  padding: 0;
  list-style: none;	
}

#menu ul li a {
	float: left;
  width: 258px;
  height: 20px;  
  color: #CCC;  
	text-align:center;
	padding:4px 0 0 0;
	border-top: 2px solid #000;
	border-left: none;
	border-bottom: 2px solid #000;
	border-right: 1px solid #000;
	text-decoration:none;
	background:#04399B;
	
	
	font: 400 1.1em  helvetica, arial, sans-serif;
  letter-spacing: 0.1em;
	font-weight:bold;
}
#menu ul li.sales a {border-right:none;}

#menu ul li a:hover {
	color: #FFF;
	background: #03276B;
}


#mgt #menu ul li.mgt a,
#sales #menu ul li.sales a,
#available #menu ul li.avl a {
  background: #000;
	color:#ECD390;
}




/**************************************************************
   Page Content
 **************************************************************/

#page {
  clear: both;
  float: left;
  width: 100%;
  margin-top:1em;
	margin-bottom: 6em;
  text-align: left;
}
#print #page {
  width: 95%;
  margin-top:100px;
	margin-bottom: 40px;
  text-align: left;
	padding:0 20px;
}
#columns {
  margin: 0 auto;
	padding-bottom:5em;	
}


/* Column widths */
.width {
  width: 776px;
}

.widthPad {
  width: 746px;
}
.width10 {
  width: 10%;
}
.width20 {
  width: 20%;
}
.width25 {
  width: 23%;
}
.width25a {
  width: 25%;
}
.width30 {
  width: 30%;
}
.width40 {
  width: 40%;
}
.width50 {
  width: 48%;
}
.width55 {
  width: 54%;
}
.width70 {
  width: 67%;
}
.width73 {
  width: 73%;
}

.width75 {
  width: 75%;
}
.width80 {
  width: 77%;
}
.width100 {
  width: 100%;
}


/**************************************************************
   Footer
 **************************************************************/

#clearfooter{clear:both;height:-5em;}/*needed to make room for footer*/
#footer {
  clear: both;
  float: left;
  width: 100%;
  height: 5em;
  margin-top: -5em;	
}
#footer #bg {
  position: relative;
  height: 5em;
  margin: 0 auto;
	background: #49525B url("../images/bg/footer.gif") repeat-y top left;
  /*background: #49525B url(../images/bg/header.gif) repeat-x bottom left;*/
}
/*#home #footer #bg {
	background: #49525B url("../images/bg/footer_home.gif") repeat-y top left;
	border-top:2px solid #000;
}*/
#footer #bg .siteby {
	float:left;
	margin: 2em 8em 0 0.5em !important;
  margin: 2em 8em 0 0.5em;
  padding: 0;
	font: 400 1em  helvetica, arial, sans-serif;
  letter-spacing: 0.1em;
  line-height: 0.8em !important;
  line-height: 1em;
	color: #CCC;
}
#footer #bg .siteby a {
  color: #FFF; 
}
#footer #bg .siteby a:hover {
	color: #ECD390;
}
#footer #bg ul {
  float: left;
  margin: 2em 1em 0 0 !important;
  margin: 2em 0.5em 0 0;
  padding: 0;
}

#footer #bg ul li {
  display: inline;
  list-style: none;
}

#footer #bg ul li a {
  float: left;
  padding: 0 1em;
  font: 400 1em  helvetica, arial, sans-serif;
  letter-spacing: 0.1em;
  line-height: 0.8em !important;
  line-height: 1em;
  color: #FFF;
  border-right: 1px solid #CCC;
}

#footer #bg ul li a.last {
  padding-right: 0;
  border-right: 0;
}

#footer #bg ul li a:hover {
  color: #ECD390;
}
#footer #bg ul li span {
  float: left;
  padding: 0 1em;
  font: 400 1em  helvetica, arial, sans-serif;
  letter-spacing: 0.1em;
  line-height: 0.8em !important;
  line-height: 1em;
  color: #ECD390;
}
#footer #bg img {
  position: absolute;
  top: 12%;
  left: 685px;
}


/**************************************************************
   Thumbnail Lists
 **************************************************************/

ul.thumbs {
  margin: 0;
  padding: 0;
	list-style-type: none;
}

ul.thumbs li.thumb {
  margin: 0 0 15px 0 !important;
  margin: 0 0 12px 0;
  padding: 0px;
  list-style: none;
}

li.thumb img {
  padding:3px;
  border: 1px solid #04399B;
}

a.thumb img {
  padding:3px;
  border: 1px solid #04399B;
}

a:hover.thumb img {
  /*background: #8EB4C6;*/
  border: 1px solid #04399B;
}

a:hover.thumb {
  background: none;
}

a.thumb span {
  display: block;
  margin-top: -5px !important;
  margin-top: -2px;
}



/**************************************************************
   Submenu Styles
 **************************************************************/

ul.submenu1,
ul.submenu2 {
  margin: 0 0 20px 0;
  padding: 0;
}

ul.submenu1 li,
ul.submenu2 li{
  margin: 0;
  padding: 0;
  list-style: none;
  list-style-image: url(foo.gif); /* because IE is balls */
}

ul.submenu1 li a,
ul.submenu2 li a {
  display: block;
  height: auto !important;

  /* Start hide from IE Mac \*/
  height: 1%;
  /* End hide from IE Mac */

  padding: 1px 5px 1px 20px;
}
/*
ul.submenu1 li a {
  background: url("../images/bg/submenu1.gif") no-repeat 5px 8px;
}

ul.submenu1 a:hover {
  color: #163A76;
  background: #FFF url("../images/bg/submenu1a.gif") no-repeat 5px 8px;
}

ul.submenu2 li a {
  color: #426F85;
  background: url("../images/bg/submenu2.gif") no-repeat 3px 50%;
}

ul.submenu2 a:hover {
  color: #163A76;
  background: #FFF url("../images/bg/submenu2.gif") no-repeat 3px 50%;
}
*/

ul.submenu1 li a.download {
	background: transparent url("../images/assets/download.gif") no-repeat 0px 6px;
	padding:4px 0 4px 21px; 
}
ul.submenu1 li a.download:hover {
	background: transparent url("../images/assets/download0.gif") no-repeat 0px 6px;
}
ul.submenu1 li a.web {
	background: transparent url("../images/assets/link.gif") no-repeat 0px 6px;
	padding:4px 0 4px 21px; 
}
ul.submenu1 li a.web:hover {
	background: transparent url("../images/assets/link0.gif") no-repeat 0px 6px;
}
ul.submenu1 li a.searchMLS {
	background: transparent url("../images/assets/searchMLS2.gif") no-repeat 0px 6px;
	padding:4px 0 4px 21px; 
}
ul.submenu1 li a.searchMLS:hover {
	background: transparent url("../images/assets/searchMLS2a.gif") no-repeat 0px 6px;
}
ul.submenu1 li a.pdf {
	background: transparent url("../images/assets/pdf.gif") no-repeat 0px 6px;
	padding:4px 0 4px 21px; 
}
ul.submenu1 li a.library {
	background: transparent url("../images/assets/book.gif") no-repeat 0px 6px;
	padding:4px 0 4px 21px; 
}
ul.submenu1 li a.form {
	background: transparent url("../images/assets/form.gif") no-repeat 0px 6px;
	padding:4px 0 4px 21px; 
}
ul.submenu1 li.address {
	background: transparent url("../images/assets/building.gif") no-repeat 0px 6px;
	padding:4px 0 4px 21px; 
}
ul.submenu1 li a.drive {
	background: transparent url("../images/assets/car.gif") no-repeat 0px 6px;
	padding:4px 0 4px 21px; 
}
ul.submenu1 li a.email {
	background: transparent url("../images/assets/email.gif") no-repeat 0px 6px;
	padding:4px 0 4px 21px; 
}
ul.submenu1 li.phone {
	background: transparent url("../images/assets/phone.gif") no-repeat 0px 6px;
	padding:4px 0 4px 21px; 
}
ul.submenu1 li.fax {
	background: transparent url("../images/assets/fax.gif") no-repeat 0px 6px;
	padding:4px 0 4px 21px; 
}

/**************************************************************
   Generic Display 
 **************************************************************/


.block {
  display: block;
}

.clear {
  clear: both;
}

.marginRight {
  margin-right: 15px;
}

.paddingLeft {
  padding-left: 5px;
}

.paddingRight {
  padding-right: 5px;
}

.floatLeft {
  float: left;
}

.floatRight {
  float: right;
}

.alignLeft {
  text-align: left;
}

.alignRight {
  text-align: right;
}

.alignTop {
  vertical-align: top;
}

.alignMiddle {
  vertical-align: middle;
}
.alignCenter {
	text-align:center; }
.alignBottom {
  vertical-align: bottom;
}

.blueBorderBox {
	border:1px solid #04399B;
}
.blueBorderBox ul {
	margin-left:6px; }
.dark {
  color: #163A76;
}
.lightGrey {
  color: #999;
}
.sub-sub {
	text-decoration:underline; }
.indent {
	margin-left:25px; }
.slider {
	padding-left:4px; }
a.print {
	background: transparent url("../images/assets/printer.gif") no-repeat 0px 6px;
	padding:6px 0 4px 21px; }
.closeWindow {
	float:right;
	width:250px;
}
.closeWindow a.close {
	float:left;
	background: transparent url("../images/assets/close.gif") no-repeat 0px 6px;
	padding:6px 0 4px 21px; }
.closeWindow a.print {
	float:left;
	background: transparent url("../images/assets/printer.gif") no-repeat 0px 6px;
	padding:6px 25px 4px 21px; }
	
a.buttonLink {
	border:1px solid #04399B;
	padding: 4px 5px;
	margin-right: 10px;
	background: #f7f7f7; }	
a.buttonLink:hover {	
	border:1px solid #000;
	background:#fff; }
	
.needIt {color:#CC0000;}

