body { background-image: url(../img/bg_page.jpg); background-repeat: repeat-x; /*background-attachment: fixed;*/ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; background-color: #274d8e; margin-top: 0px; border-top: 8px solid white;}
body * {margin: 0; padding: 0;}
a {color: #036;}
h2 {font-size: 1.5em; color: #C30; font-weight: bold;}
img {border: none;}

select {font-size: 11px;}

/* overflow auto below is needed to force footer to below the container div */
#container {width: 928px; background-color: white; margin: auto; margin-top: 0px; border: 0; position: relative; clear: both; /*height: 540px;*/ overflow: visible; padding: 0;}
/*#container {
min-height:1000px;
height:auto; !important
height:960px;
}
*/



#masthead {width: 928px; height: 103px; padding: 0; margin: 0; background-image: url(../img/bg_masthead_classic.jpg); background-repeat: no-repeat; margin-top: -8px;}
/*#masthead h1 {background-image: url(../img/bg_masthead_classic.jpg); position: absolute; top: 0px; height: 103px; width: 576px; text-align: left; cursor: pointer; clear:both;}*/
#masthead a img {border: 0;}
#masthead h1 span {display: none;}
table, td {text-align: left; background-color: white; margin: 0; padding: 0;}
table#matte {width: 928px; border: 0;}

#navbar {position: absolute; left: 10px; top: 75px; /* removed 6-10-08 left: 10px; top: 14px; */ width: 700px; height: 25px; text-align: left; line-height: 25px; color: blue;  font-weight: bold;}
*:first-child+html #navbar {top: 70px;}

#navbar a {color: #444; font-weight: bold; text-decoration: none;}	
#navbar a:hover {color: red; font-weight: bold; text-decoration: underline;}
#navbar a.initial {/*margin-left: 12px;*/} 
#navbar img {/*margin-left: 15px;*/}
#navbar a.active {color: #000;}

#phone {position: absolute; top: -25px; right: 2px; background-image: url(../img/need_answers.jpg); background-repeat: no-repeat; width: 163px; height: 44px;  z-index: 1000; cursor: pointer;}
#phone span {display: none;}
#buysell {position: absolute; top: 80px; right: 20px; width: 120px; height: 44px; text-transform: uppercase;}
#buysell a {color: white; font-weight: bold;}
*:first-child+html #buysell {top: 75px;}


#separator {width: 748px; height: 3px; background-color: #006; margin: 1px 0; line-height: 3px;}
#maingraphics {width: 900px; margin: 0;}
#maingraphics a {text-decoration: none; border: 0;}
#maingraphics a img {border: 0;}

#main { width: 928px; height: 325px; text-align: left; background-color: white; padding-top: 12px;}
#mainlevel2 {width: 928px; text-align: left; background-color: white; padding-top: 12px;}
/* other level two styles below */
/*#mainlevel2 table {background-color: orange;}*/


#maincontent {float: left; width: 620px; background-color: white; }
#maincontent h2 {margin-top: 15px;}
#maincontent span {color: #036;}
html>body #mainconent {margin-left: 10px; padding-top: 10px;}

#search {padding: 0; margin: 0; background-image: url(../img/r7_c1.gif); width: 299px; height: 224px;}
#search form {width: 250px; margin-left: 20px; margin-top: 10px;}
#search p {margin-bottom: 1px; color: #930;}
#search select {margin-bottom: 6px;}
#search a {font-size: 11px; color: #666; text-decoration: none;}
#search a:hover {text-decoration: underline;}
#search input.formbutton {margin-top: 8px; background-color: #000; border: 1px solid #003; color: #FFF; padding: 3px; font-weight: bold; font-size: 11px;}
html>body #search input.formbutton {margin-left: 0px;}
html+body #search input.formbutton {margin-left: 0px;}
#search input.formbutton:hover {cursor: pointer;}

#maincontent h3 {font-size: 10px; width: 245px; padding: 15px 0 5px 5px; background-color:#999; color: white; margin: 0;}
#maincontent div p a {font-weight: bold; color: #c30; text-decoration: none;}
#maincontent div p a:hover {font-weight: bold; color: #c30; text-decoration: underline;}
#maincontent2 {float: left; width: 601px; background-image: url(../img/bg_search.jpg); width: 302px; height: 308px;}

html>body #maincontent2 {}
#maincontent2 h3,  #maincontent2 h4 {color: white; padding-top: 13px; padding-left: 15px; text-transform: lowercase;}
#maincontent2 h4 {color: white; padding-top: 2px; padding-left: 15px; text-transform: uppercase; font-size: 9px; margin-top: 0px; margin-bottom: 15px; font-weight: normal;}

#mc2a {height: 300px; margin-bottom: 0; margin-left: 3px;}
#mc2a p {float: right; width: 270px; font-size: 11px; padding-right: 11px; padding-top: 50px; color: #003366;}

#mc2a ul {width: 285px; margin-left: 10px; margin-top: 54px; list-style-type: none; border-right: 1px solid #c30; font-size: 11px; float: left;}
#mc2a ul li {font-weight: bold; color: #5983B5; line-height: 1.25em;}
#mc2a ul li a {text-decoration: none; color: #5983B5;}
#mc2a ul li a:hover {text-decoration: underline; color: #5983B5;}

/* changed margin, width, float here */
#maincontent3 {margin: 1em 0 1em 15px; width: 585px; float: left; background-color: white;}
#maincontent3 p {margin: 1em;  line-height: 1.5em; font-size: 11px; padding-right: 11px;}

#maincontent3 ul {list-style-type: none; font-size: 11px;}
#maincontent3 ul li {font-weight: bold; color: #5983B5; }
#maincontent3 ul li a {text-decoration: none; color: #5983B5;}
#maincontent3 ul li a:hover {text-decoration: underline; color: #5983B5;}

#fprop {/*background-image: url(../img/bg_featured_hdr.jpg); background-repeat: no-repeat; background-position: 0px 62px;*/ background-color: #555; color: #ddd; height: 186px; width: 297px; float: right; margin-right: 25px; margin-top: 15px;}

#fprop img {/* width: 110px; */ border: 1px solid #ddd; float: left; margin-bottom: 10px; margin-left: 8px;}
#fprop h3 {height: 60px; font-size: 14px; font-weight: bold; padding: 14px 0 10px 10px; text-align: left; color: white; background-image: url(../img/bg_featured_hdr.jpg); background-repeat: repeat-x; background-position: top; width: 287px;}

#fprop h4 {font-size: 12px; margin-bottom: 2px; text-align: left;}
#fprop h4.subfeatured {font-size: 10px; margin-left: 10px; text-align: left; color: white; margin-top: -55px; margin-bottom: 30px; text-transform: uppercase; font-weight: normal;}
#fprop h5 {font-size: 10px; font-weight: bold; margin: 0; text-align: left;}
#fprop h6 {font-size: 10px; font-weight: bold; margin: 5px 0 0 0; text-align: left;}
#fprop p {font-size: 10px; text-align: left; /*border-top: 1px solid #A4C1F5; */ width: 95%;}
#fprop ul {margin-left: 0; padding-left: 0;}
#fprop li {margin-left: 14px;}
#fpropdata {margin-left: 125px; width: 150px; text-align: left;}
#fpropdata a {color: #fc3; text-decoration: none;}
#fpropdata a:hover {color: #fc3; text-decoration: underline;}

#fprop #adspace {margin-top: 60px; position: relative; top: 50px;}
#fprop #adspace img {margin-left: 0px;}

#mc3 {position: relative; width: 928px; height: 445px; background-color: white; margin: auto; padding-bottom: 15px;}
#mc3 h2 {font-family: century schoolbook, sans-serif; font-size: 2em;}
#mc3a {float: left; width: 587px; margin-left: 10px;}
#mc3a #intro {width: 260px; float: left; margin-left: 10px;}
#mc3a #intro img {margin-bottom: 10px;}
#mc3a #intro p {margin-bottom: 1em;}
#mc3b {width: 264px; margin-left: 290px; border-left: 2px solid #ddd; padding-left: 30px; height: 280px; }
/*html+body #mc3b {margin-left: 385px;}*/

* html #mc3a {width: 580px;} /* ie 6 fix */
* html #mc3b {width: 240px; padding-left: 20px;} /* ie 6 fix */


#mc3b h3 {color: #ddd; font-size: 12px; margin-bottom: 5px;}
#mc3b h3 span {color: #9DBAEE;}
#mc3b p {padding-left: 10px; font-size: 10px; padding: 10px; padding-top: 5px; color: #999;}
#mc3b h2 {font-size: 16px; margin: 0; color: #999; border-bottom: 1px solid #9DBAEE; margin-bottom: 10px;}

#emailupdates {width: 297px; height: 88px; background-image: url(../img/bg_email_updates.jpg); float: right; margin-right: 25px; margin-top: 10px; color: white;}

#emailupdates h3 {color: white; margin: 15px 0px 5px 60px; font-size: 14px;}
#emailupdates p {margin: 10px 10px 5px 60px;}
#emailupdates a {color: #fc3; text-decoration: none;}
#emailupdates a:hover {color: #fc3; text-decoration: underline;}

/* Front page footer */
#fpfoot {margin: auto; color: #eee; font-size: .85em; text-align:right; width: 908px; clear: both; background-color: black; padding: 10px; border-top: 3px solid #ccc;}
#fpfoot a {color: #ccc;}

/* Level 2 styles */
/* some things already defined above but specificity selects mainlevel2 only */
#mainlevel2 {background-color: white; margin: 0; padding: 0;}
#mainlevel2 #mc2a {height: auto; padding-left: 20px;}
#mainlevel2 #mc2a p {float: none; width: 500px; margin-left: 20px; padding-top: 20px; line-height: 1.25em;}
#fpfoot.level2 {clear: both; padding-top: 20px;}

#mainlevel2 ul.contact {float: left; border: none; margin: 1em 0 1em 1em; font-size: 1.1em; padding: 0;}
#mainlevel2 .contact li {margin: .5em 0 0 1em;}
#mainlevel2 .contact p {margin: 1.5em 0 0 1em;}

#mainlevel2 #agentlist .agententry img {float: left; margin: 0 .5em 0 3em; border: 1px solid #ccc;} 
#mainlevel2 #agentlist .agententry ul {float: left; border: none; margin: 0 0 0 .5em; font-size: 1.1em; padding: 0;}
#mainlevel2 #agentlist .agententry li {list-style-type: none; padding: 0;}
#mainlevel2 #agentlist .agententry li a {color: #c30;}
#mainlevel2 #agentlist .agententry li a:hover {}
#mainlevel2 #agentlist .agententry li .first {font-size: 1.25em; color: #c30; font-weight: bold; text-transform: uppercase;}
#mainlevel2 #agentlist .agententry li .title {font-weight: bold;}
p.top_round {margin: 0; padding: 0; background: #fff url(../img/bg_member_top.gif) no-repeat 0 0;}

#mainlevel2 #estatelist h3 {margin: 1em 0 0 0; font-size: 1.25em; padding: 0;}
#mainlevel2 #estatelist .estateentry {min-height: 100px;} 
#mainlevel2 #estatelist .estateentry img {float: left; margin: 0 0 0 1em; padding: 0; border: 1px solid #ccc;} 
#mainlevel2 #estatelist .estateentry h4 {border-top: 1px solid #ccc; margin: 1em; font-size: 1.1em; padding: .5em 0 0 0;}

#mainlevel2 #estatelist .estateentry ul {float: left; border: none; margin: 0 0 0 .5em; font-size: 1em; padding: 0; }
#mainlevel2 #estatelist .estateentry li {list-style-type: none; padding: 0; color: #000;}
#mainlevel2 #estatelist .estateentry a {color: #036;}
#mainlevel2 #estatelist .estateentry li .first {font-size: 1.25em; font-weight: bold;}
#mainlevel2 #estatelist .estateentry li .title {font-weight: bold;}
.disclaimer {color: #999; font-size: .9em;}

#agentlist {margin: 0; padding: 0;}

#mainlevel2 .l {background: url(../img/dot.gif) 0 0 repeat-y;}
#mainlevel2 .r {background: url(../img/dot.gif) 549px 0 repeat-y;}

#mainlevel2 #agentlist .agententry {margin: 1em 0 0 20px ;}
#mainlevel2 #agentlist .agententry .agentphoto {/* float: left; */ margin: 0 2em .25em 3em; border: 1px solid #ccc;} 

/* 
#mainlevel2 #agentlist img {margin: 0; padding: 0; display: inline; float: left;} */
#mainlevel2 #maincontent3 #agentlist .agententry {background: url(../img/bottom_cap2.gif) no-repeat 0 bottom; margin: 0 0 20px 20px; padding: .5em 0; width: 550px;}
#mainlevel2 #maincontent3 #agentlist .agententry p {display: inline; width: 100px; margin: 0; padding: 0; float: right;}
#mainlevel2 #maincontent3 #agentlist .agententry h3 {background: url(../img/top_cap2.gif) no-repeat 0 0; margin: 0; padding: 0; width: 550px; color: white; font-size: 10px;}

#agentdetail {margin: 1em 0 0 20px ; height: 100px;}
#agentdetail img {float: left; margin-top: .5em; clear: left; border: 1px solid #ccc;} 
#agentdetail ul {margin-top: .5em; border: none; margin-left: 2em;}
#agentdetail ul li {list-style-type: none;}
#agentdetail li a {text-decoration: none; color: #555;}
#agentdetail li a:hover {text-decoration: underline;}
#agentphoto {float: left; min-height: 700px; margin-right: 1em; display: inline;}

#mainlevel2 #jointeam h3 {color:#000; background-color: white; font-size: 12px; margin: 1em 0 0 0; display: block; width: 500px;}
#mainlevel2 #jointeam img {float: right; margin: 1em 1em 2em 1em; padding: 0;}
#mainlevel2 #jointeam ul {display: block; margin: 1em;}
#mainlevel2 #jointeam li {list-style-type: disc; margin-left: 3em; color:#000; font-weight: normal; }


#mainlevel2 #services h3 {color:#000; background-color: white; font-size: 12px; margin: 1em 0 0 0; display: block; width: 500px;}
#mainlevel2 #services img {float: right; margin: 1em 1em 2em 1em; padding: 0;}
#mainlevel2 #services ul {display: block; margin: 1em;}
#mainlevel2 #services li {list-style-type: disc; margin-left: 3em; color:#000; font-weight: normal; }

#mainlevel2 #offices {margin-left: 15px;}
#mainlevel2 #offices img.office {margin: 0; width: 125px; float: right;}
#mainlevel2 #office_list h3 {background-color: #ddd; border-bottom: 1px solid #333; line-height: 20px; margin-top: 10px;}
#mainlevel2 #offices p {margin-left: 10px; font-weight: bold;}
#mainlevel2 #offices span img {margin-left: 10px;}
#mainlevel2 #offices span {display: block; line-height: 25px; border-top: 1px solid #ccc; border-bottom: 4px solid #c30; width: 470px; padding-bottom: 5px; margin-left: 5px;}

#mainlevel2 #contact {/* See maincontent3 padding values*/ margin-left: 15px;}
#mainlevel2 #contact form {background-image: url("../img/email_graphic.png"); background-repeat: no-repeat; background-position: top right;}

#myform{background-color: #eee; position: relative; top: 10px; left: 10px; margin: 5px 0 5px 5px; padding: 10px; width: 500px;}

form span.required {color: red; text-align: left;}
form label {color: #333333; margin: 0 15px 0 0;}

div.row{clear: both; /* min-height: 5px;  margin: 5px 0; */ margin: 0; padding: 5px 0;} 
.col1{float: left; width: 100px; text-align: right;} 
.col2{float: left; width: 110px; text-align: left;} 

/* #myform div.row textarea {margin-bottom: 2px;} */

.formsubmit {text-indent: 100px;}

.clear {display: block; clear: both;}

form.contact {background-color: #eee; border: 1px solid #333; padding: 2em; width: 400px;}
/*form.contact label { width: 100px; float: left; clear: left; margin-bottom: 10px}
form.contact input, form.contact textarea, form.contact select {margin-left: 150px;  margin-bottom: 10px} */
/*form.contact label {padding-top: 8px;}*/
form.contact input, form.contact textarea, form.contact select {margin-bottom: 8px; width: 200px;}
form.contact input.captchaanswer {width: 80px;}

#services_menu {background-image: url("../img/services_bg.jpg"); background-repeat: no-repeat; height: 300px; padding-left: 210px;}
#services_menu ul {padding-top: 20px;}
#services_menu li {font-size: 15px; line-height: 25px;}

#services_detail {background-color: white;}
#services_detail h3 {font-size: 14px;}
#services_detail h4 {width: 90%; line-height: 30px; border-bottom: 1px solid #ccc; background-color: #eee; margin-top: 25px; padding-left: 5px;}

#mainlevel2 #news h2 {margin-bottom: 15px;}