@charset "UTF-8";
/* CSS Document */
* {padding: 0; margin:0;}
html {text-align:center; font-family:Arial, Helvetica, sans-serif; background:#9a9a9a url(../i/body-background.png) top left repeat-x; font-size:12px;}
body {width: 919px; margin:0 auto;}
a img {border:none;}
a:link, a:visited {color: #666;}
a:hover {text-decoration:none;}
#primary-content, #secondary-content, #masthead {text-align:left; position:relative;}
#masthead {width: 919px; height: 151px;}
h1, #member-login label {position: absolute; top: 0; left:-9000px;}
#find-a-realtor, #member-login, #ad-space {position:absolute; top: 16px;}
#logo {position: absolute; top: 5px; left: -10px;}
#find-a-realtor {left:258px; color:#336;}
#find-a-realtor-form label {font-size: 12px;}
#find-a-realtor select {margin-left: 2px; width: 113px; height:19px; background: url(../i/select-box.png) no-repeat top right; border:none;}
#find-a-realtor h2 {font-size:17px;}
#member-login {left:513px; background:#333 url(../i/member-login.png) top left no-repeat; width: 160px; height:118px;}
#email input {position:absolute; top: 29px; left: 15px; width: 138px; background-color: transparent; border:none;}
#password input {position:absolute; top: 53px; left: 15px; width: 138px; background-color: transparent; border:none;}
#submit-button {position:absolute; bottom: 23px; left:12px;}
#member-login small {position:absolute; bottom:10px; left:13px;}
#ad-space {right: 0;}
#primary-content {float:left; width: 919px;}
#main-content {float:right; width: 753px; background:#fff url(../i/banner-back.png) top left repeat-y; border-top: #333 4px solid; border-bottom: #333 4px solid; margin-bottom: 5px;}
#main-content #banner, #main-content #page-content {float:left; width:502px; margin-left: 4px;}
#main-content #page-content .gutter {padding: 20px;}
#main-content #news {float:right; width:247px;}
#news small, #news h3, #news p {margin-left:15px;}
#news h3 {color:#903; font-size:18px; margin-top:.5em;}
#news ul {list-style: none; color: #666; margin-left: 17px;}
#news li {margin-bottom: .3em;}
#news .gutter {padding: 0 1em;}
#announcements {padding-bottom: 1em; border-bottom: #666 1px solid;}

/*
Main Navigation
-------------------------------------------------------------------------------------------------*/
#main-navigation {float:left; width:166px; margin-bottom: 5px;}
#main-nav {width:166px; list-style:none;}
#main-nav li, #main-nav li a {height:44px; width: 166px;}
#main-nav a {text-indent:-5000px; float:left; height:44px; width:166px;}
#main-nav {width: 166px; height:344px; background:url(../i/navigation.png) top left; position:relative;}
#main-nav li {list-style: none; position:absolute; left: 0;}
#main-nav li, #main-nav li a {height: 44px; display:block;}
#main-nav #home {top: 0;}
#main-nav #about {top: 50px;}
#main-nav #join-us {top: 100px;}
#main-nav #affiliates {top: 150px;}
#main-nav #resources {top: 200px;}
#main-nav #contact {top: 250px;}
#main-nav #pay-online {top: 300px;}
#main-nav a {color: transparent;}
#main-nav a {text-indent: -9000px;}
#main-nav #home a:hover, #home a.active  {background: url(../i/navigation.png) top right no-repeat;}
#main-nav #about a:hover, #about a.active  {background: url(../i/navigation.png) right -50px no-repeat;}
#main-nav #join-us a:hover, #join-us a.active  {background: url(../i/navigation.png) right -100px no-repeat;}
#main-nav #affiliates a:hover, #affiliates a.active  {background: url(../i/navigation.png) right -150px no-repeat;}
#main-nav #resources a:hover, #resources a.active  {background: url(../i/navigation.png) right -200px no-repeat;}
#main-nav #contact a:hover, #contact a.active  {background: url(../i/navigation.png) right -250px no-repeat;}
#main-nav #pay-online a:hover, #pay-online a.active  {background: url(../i/navigation.png) right -300px no-repeat;}
a.active {cursor: default;}

#secondary-content {clear:both; width:919px; float:left; background:url(../i/secondary-content-background.png) top left repeat-y;}
#mission {margin-left:166px; background:url(../i/mission-back.jpg) top left no-repeat; color: #fff; min-height:205px;}
#mission .gutter {padding:26px;}
#mission h4 {font-size:24px;}
#mission p {font-size:16px; line-height:26px;}