/* XHTML Redefinitions --------------------------------*/

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	margin: 0px;
	padding: 0px;
	top: 0px;
	background-image: url(../images/body-background.gif);
	background-repeat: repeat-y;
	background-position: center;
	background-color: #FFFFFF;
}

div#holder {
	background-color: #e9f2f4;	
	/*background-color: #FFFFFF;*/
	width: 756px;
	/*background-image: url(../images/Background.gif);*/
	padding: 0px;
	margin-top: 7px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	border: 0px;
}

/* Top Bar CSS --------------------------------*/


div#topbar {
	background-color: #ffffff;	
	margin: 0px;
	padding: 0px;
	height: 120px;
	background-image: url(../images/topbar_background.gif);
}

div#topbar img {
	display: inline;
	margin: 0px;
	padding: 0px;
	border: 0px none;
	float: left;
}

/* Menu CSS --------------------------------*/

div#menusystem {
	background-color: #FFFFFF;
	margin: 0px;
}

div#menusystem ul {
	margin: 0px;
	padding: 0px;
	height: 30px;
}

div#menusystem ul li{
	margin: 0px 31px 0px 0px;
	padding: 0px;
	list-style-type: none;
	line-height: 30px;
	float: left;
	display: block;
}

div#menusystem ul li.home {
	text-align:center;
	width: 90px;
	margin-right: 18px;
}

div#menusystem ul li.search{
	text-align:center;
	width: 82px;
	margin-right: 18px;
}

div#menusystem li ul {
	position: absolute;
	width: 223px;
	left: -999px;
}

div#menusystem li:hover ul,
div#menusystem li.sfhover ul {
	left: auto;
	margin-left: -4px;
}

div#menusystem li ul li{
	background-color: #FFFFFF;
	width: 223px;
	padding-left: 15px;
}

/* Main Content CSS --------------------------------*/

div#main {
	margin-top: 30px;
	margin-right: 82px;
	margin-bottom: 40px;
	margin-left: 208px;
	width: 466px;
}

div#main h1,
div#mbmw h1 {
	font-size: 20px;
	font-weight: normal;
	color: #012B43;
	padding: 0px;
	margin-bottom: 10px;
	clear:both;
}

div#mbmw h1,
div#mbmw p {
	margin-left: 208px;
}

div#main h2 {
	font-size: 18px;
	font-weight: normal;
	color: #012B43;
	padding: 0px;
	margin-bottom: 10px;
	clear:both;
}

div#main h3 {
	font-size: 16px;
	font-weight: normal;
	color: #012B43;
	padding: 0px;
	margin-bottom: 10px;
}

div#main h4 {
	font-size: 12px;
	font-weight: normal;
	color: #012B43;
	padding: 0px;
	margin-bottom: 10px;
	margin-top: 0px;
}

.bold {
	color: #012b43;
	font-weight: bold;

}

a:link,
a:active,
a:visited {
	color: #012B43;
	text-decoration: none;
}

div#main a:link,
div#main a:active,
div#main a:visited, 
div#people a:link,
div#people a:active,
div#people a:visited, 
div#properties a:link,
div#properties a:active,
div#properties a:visited{
	font-weight: bold;
}

a:hover,
div#menusystem a:hover,
div#people a:hover,
div#properties a:hover {
	color: #438192;
	text-decoration: none;
}


div.leftcol {
	width: 220px;
	float: left;
	text-align: justify;
	margin-bottom: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	line-height: 15px;
}

div.rightcol {
	width: 220px;
	float: left;
	text-align: justify;
	margin-bottom: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 20px;
	line-height: 15px;
}

div#main p {
	margin-top: 5px;
}

div.leftcol p,
div.rightcol p {
	padding: 0px;
	margin-bottom: 10px;
	margin-top: 10px;
	margin-right: 0px;
	margin-left: 0px;
}

div.leftcol ul,
div.rightcol ul,
ul.archivenews {
	padding: 0px;
	margin-bottom: 10px;
	margin-top: 10px;
	margin-right: 0px;
	margin-left: 5px;
}

div.leftcol ul li,
div.rightcol ul li,
ul.archivenews li {
	line-height: 15px;
	list-style-position: outside;
	margin-bottom:5px;
	padding: 0px;
	list-style-image: url(../images/list_bullet.gif);
	margin-left: 5px;
}

div.spacer {
	clear:both;
	height: 20px;
}

div.space {
	clear:both;
	height: 3px;
}

/* Bottom Bar CSS --------------------------------*/

div#bottombar {
	color: #FFFFFF;
	padding: 0px;
	margin: 0px;
	background-image: url(../images/background-copybox-sm.gif);
	background-repeat: repeat-x;
}

div#links {
	padding: 0px;
	margin: 0px;
	background-image: url(../images/background-linksbox.gif);
	background-repeat: repeat-y;
	height: 43px;
	width: 193px;
	float: left;
	text-align: center;
}

div#links a:link,
div#links a:active,
div#links a:visited {
	padding: 0px;
	color: #FFFFFF;
	text-decoration: none;
	line-height: 43px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 5px;
}

div#links a:hover {
	padding:0px;
	color: #438192;
	text-decoration: none;
	line-height: 43px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 5px;
}

div#links p {
	display: inline;
}

div#copynote {
	height: 43px;
	margin-left:193px;
}

div#copynote p.copy {
	position: relative;
	top: 9px;
	left: 10px;
	font-size: 10px;
	width: 500px;
}

/* People CSS --------------------------------*/

div#people {
	margin-top: 30px;
	margin-right: 67px;
	margin-bottom: 40px;
	margin-left: 193px;
	/*background-color: #666666;*/
}

div#people h1 {
	font-size: 20px;
	font-weight: normal;
	color: #012B43;
	padding: 0px;
	margin-bottom: 10px;
	margin-left:15px;
	clear:both;
}

div#people td {
	height: 77px;
	width: 77px;
	background-image: url(../images/people_box.gif);
	background-repeat: repeat-x;
	background-position: left top;
	vertical-align: top;
}

div#people td.long {
	text-align: justify;
	background-color: #ffffff;
	height: 77px;
	width: 255px;
	background-image: none;
}

div#people td p  {
	margin: 5px;
}
 
div#people td.long p,
table.proplist td.long p {
	margin: 5px 5px 10px;
}

div#people th {
	margin: 0px;
	color: #e9f2f4;
}

table.proplist th.piccol {
	margin: 0px;
	color: #e9f2f4;
	width: 103px;
	height: 20px;
}

div#people img {
	border: 0px none;
	padding:0px;
	margin: 0px;
}

div#people p.indent {
	margin-left:15px;
}

/* Form */

form {
	margin-bottom: 0px;
	margin-top: 0px;
}

label,input,select,textarea {
	display: block;
	float: left;
	margin-bottom: 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

label {
	text-align: right;
	width: 223px;
}

input,select,textarea {
	margin-left: 20px;
	background-color: #e9f2f4;
	border: 1px solid #00154C;
	color: #00154C;
	width: 217px;
}

textarea {
	padding: 2px;
}

form br {
	clear: left;
}

label.noshow, input.noshow{
	visibility: hidden;
}


.submit{
width: 60px;
}

/* News */
ul.news {
	margin: 0px;
	padding: 0px;
}

ul.news li {
	background-color: #FFFFFF;
	margin: 0px 0px 3px;
	padding: 0px;
	list-style-type: none;
	height: 20px;
	list-style-image: none;
	background-image: url(../images/news_list.gif);
}

ul.news li a {
	margin-left: 30px;
	line-height: 20px;
}

ul.news li.admin {
	padding-left: 30px;
}

ul.news li.admin a {
	margin-left: 0px;
	line-height: 20px;
}

ul.news h2 {
	margin-top: 0px;
}

div.leftcol table,
div.rightcol table {
	width: 100%;
	text-align: center;
}

/* Properties */

div#properties {
	margin-top: 30px;
	margin-right: 67px;
	margin-bottom: 40px;
	margin-left: 50px;
}

div#properties h1 {
	font-size: 20px;
	font-weight: normal;
	color: #012B43;
	padding: 0px;
	margin-bottom: 10px;
	clear:both;
	margin-left: 158px;
}

div#properties p {
	margin-left: 158px;
}

div#properties form {
	background-image: url(../images/properties_form_bg.gif);
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 30px;
}

div#properties label,
div#properties input,
div#properties select,
div#properties textarea {
	display: block;
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

div#properties label {
	text-align: right;
	width: 125px;
}

div#properties label.sameline {
	text-align: right;
	width: 60px;
}

div#properties input,
div#properties select,
div#properties textarea {
	margin-left: 35px;
	background-color: #e9f2f4;
	border: 0px solid #ffffff;
	color: #00154C;
	width: 143px;
}

div#properties input.sameline,
div#properties select.sameline {
	margin-left: 10px;
}


div#properties form br {
	clear: both;
}

div#properties label.noshow,
div#properties input.noshow{
	visibility: hidden;
}

div#properties table.proplist td p {
	margin: 5px;
}

div#properties .submit{
width: 60px;
}

table.proplist {
	margin-left: 34px;
}


table.proplist td {
	height: 77px;
	width: 77px;
	background-image: url(../images/people_box.gif);
	background-repeat: repeat-x;
	background-position: left top;
	vertical-align: top;
}
table.proplist td.long {
	text-align: justify;
	background-color: #ffffff;
	height: 77px;
	width: 250px;
	background-image: none;
}

table.proplist p.add {
	text-align: left;	
}

p.pic {
	float: left;
	margin-right: 3px;
	margin-top: 0px;
	padding: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

div.box {
	padding: 0px;
	float:left;
	margin-right: 3px;
	margin-left: 0px;
	height: 77px;
	width: 77px;
	background-color: #ffffff;
}

div.box p,
div.longbox p {
	margin: 10px;
}

div.slongbox,
div.longbox {
	margin: 0px;
	padding: 0px;
	float:left;
	height: 77px;
	width: 306px;
	background-color: #ffffff;
}

div.slongbox{
	width:226px;
}

.searchlight {
	color: #FFFFFF;
	font-weight: normal;
	background-color: #012B43;
}

div#shortlist {
	position:absolute;
	left: 27px;
	top: 165px;
	
	/*float:left;
	margin-top:92px;
	margin-left:25px;*/
}

.noshow{
	display:none;
}

div#mediaContentArea{
	float:left;
	width:320px;
	height:240;
	display:block;
}

ul#thumbnails{
	list-style:none;
	margin:0px;
	width:320px;
	padding:0px;
	display:block;
}

ul#thumbnails li{
	float:left;
	margin: 5px;
	margin-left:0px;
	margin-bottom:0px;
	width:60px;
	height:45px;
	display:block;
}

ul#thumbnails li.last{
	margin-right: 0px;
	margin-left:0px;
}

div#options{
	margin-left:325px;

}

div#options h4{
	font-weight:bold;
	margin-bottom:3px;
}

div#options ul{
	list-style:none;
	margin:0px;
	padding:0px;
}

div#options ul li{
	line-height:30px;
	height:30px;
	margin:0px;
	padding:0px;
}

div#options ul li a{
	background-position:2px 3px;
	background-repeat:no-repeat;
	padding:7px 0px 7px 30px;
	line-height:30px;
	height:30px;

}

div#options ul li a.images{
	background-image:url(../images/imagesIcon.gif);
}

div#options ul li a.slideshow{
	background-image:url(../images/slideShowIcon.gif);
}

div#options ul li a.map{
	background-image:url(../images/mapIcon.gif);
}
div#options ul li a.floorPlan{
	background-image:url(../images/floorPlanIcon.gif);
}
div#options ul li a.sendSchedule{
	background-position:2px 8px;
	background-image:url(../images/sendScheduleIcon.gif);
	line-height:15px;
	display:block;
}
div#options ul li a.callMeBack{
	background-image:url(../images/callMeBackIcon.gif);
}
div#options ul li a.viewing{
	background-position:2px 8px;
	background-image:url(../images/QuestionIcon.gif);
	line-height:15px;
	display:block;
}
div#options ul li.sendScheduleLine,
div#options ul li.viewingLine{
	margin-bottom:7px;
}

div#houseBackground{
	background-image:url(../images/mbm-house.gif);
	background-position:left;
	background-repeat:no-repeat;
	margin-left:158px;
	padding-left:80px;
}

div#houseBackground p{
	margin-left:0px;
	width:220px;
}

a.underline{
	text-decoration:underline;
}

div#mbmMap{
	width:466px;
	height:240px;
}

p.pagination a{
	 font-weight:normal;
}

p.pagination a.page-selected{
	font-weight:bold;
	background-color:#012B43;
	color:#E9F2F4;
}

/*
 * Services
 */
 
table.fees th{
	text-align:left;
	background-color:#00154C;
	color:#FFF;
	width:150px;
}

table.fees td{
	color:#00154C;
	font-weight:bold;
	background-color:#BBBDC7;
	width:45px;
	text-align:right;
	padding-right:5px;
}

table.fees td.nocolor{
	border:none;
	background-color:#E9F2F4;
}
div#mainhome {
	margin-top: 30px;
	margin-right: 82px;
	margin-bottom: 40px;
	margin-left: 30px;
	width: 466px;
}
div#budget {
	position:absolute;
	left: 30px;
	top: 242px;
}
div#taxfacts {
	position:absolute;
	left: 30px;
	top: 242px;
}


div.box2 {
	padding: 0px;
	float:left;
	margin-right: 3px;
	margin-left: 0px;
	height: 115px;
	width: 55px;
	background-color: #ffffff;
}

div.box2 p,
div.longbox2 p {
	margin: 10px;
}

div.slongbox2,
div.longbox2 {
	margin: 0px;
	padding: 0px;
	float:left;
	height: 115px;
	width: 160px;
	background-color: #ffffff;
}

div.slongbox2{
	width:160px;
}

div.leftcol2 {
	width: 220px;
	float: left;
	text-align: left;
	margin-bottom: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	line-height: 15px;
}

div.rightcol2 {
	width: 220px;
	float: left;
	text-align: left;
	margin-bottom: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 20px;
	line-height: 15px;
}

div.spacer2 {
	clear:both;
	height: 5px;
}

div.space2 {
	clear:both;
	height: 3px;
}