/* CSS Document */ body {background: #d5d5d5; font: normal 12px Arial, Helvetica, sans-serif; margin: 0; padding: 0; line-height: 20px;} #site_container {background: url(images/bodyback.png) repeat-y; margin: 0 auto; width: 780px; padding: 0 6px 0 6px;} #footer {background:url(images/footerback.png) no-repeat; margin: 0 auto; width: 792px; height: 39px; padding: 0; color: #fff; clear: both;} #footer p {margin: 0 auto; text-align: center; padding: 0; font-size: 10px; color: #fff; padding: 7px 0 0 0; } #footer a, #footer a:link, #footer a:visited {color: #fff; } #header {background:url(images/header.png) no-repeat; width: 780px; height: 77px; margin: 0 0 1px 0;} /*NAVIGATION SECTION */ /* Main Navigation Bar ------------------------------------------------------------------ */ #nav {width: 780px; height: 32px; margin: 0 0 1px 0; background:url(images/navbar.jpg); padding: 0;} #nav_main { list-style-type : none; float: left; width : 780px; height : 32px; margin : 0; padding : 0; } #nav_main li.navlist {display: inline; float: left; height:32px; margin: 0; padding: 0;} #nav_main a, #nav_main span a { display: block; color: #fff; text-decoration: none; } /* Nav bar images --------------------------------------- */ #homeback { background:url(images/nav/home.png) no-repeat; width: 98px; margin: 0; padding: 0;} #home { background:url(images/nav/home.png) no-repeat; width: 98px; margin: 0; padding: 0; text-indent: -9999px;} #home:hover { background: url(images/nav/home1.png) no-repeat; margin: 0; padding: 0; height: 32px;} #aboutback { background:url(images/nav/about.png) no-repeat; width: 147px; margin: 0; padding: 0; height: 32px;} #about { background:url(images/nav/about.png) no-repeat; width: 147px; margin: 0; padding: 0; height: 32px; text-indent: -9999px;} #about:hover { background: url(images/nav/about1.png) no-repeat; margin: 0; padding: 0; height: 32px;} #calendarback { background:url(images/nav/calendar.png) no-repeat; width: 135px; margin: 0; padding: 0; height: 32px;} #calendar { background:url(images/nav/calendar.png) no-repeat; width: 135px; margin: 0; padding: 0; height: 32px; text-indent: -9999px;} #calendar:hover { background: url(images/nav/calendar1.png) no-repeat; margin: 0; padding: 0; height: 32px;} #resourcesback { background:url(images/nav/resources.png) no-repeat; width: 141px; margin: 0; padding: 0; height: 32px;} #resources { background:url(images/nav/resources.png) no-repeat; width: 141px; margin: 0; padding: 0; height: 32px; text-indent: -9999px;} #resources:hover { background: url(images/nav/resources1.png) no-repeat; margin: 0; padding: 0; height: 32px;} #linksback { background:url(images/nav/links.png) no-repeat; width: 108px; margin: 0; padding: 0; height: 32px;} #links { background:url(images/nav/links.png) no-repeat; width: 108px; margin: 0; padding: 0; height: 32px; text-indent: -9999px;} #links:hover { background: url(images/nav/links1.png) no-repeat; margin: 0; padding: 0; height: 32px;} #memberloginback { background:url(images/nav/memberlogin.png) no-repeat; width: 151px; margin: 0; padding: 0; height: 32px;} #memberlogin { background:url(images/nav/memberlogin.png) no-repeat; width: 151px; margin: 0; padding: 0; text-indent: -9999px; height: 32px;} #memberlogin:hover { background: url(images/nav/memberlogin1.png) no-repeat; margin: 0; padding: 0; height: 32px;} /* End Nav Bar images ------------------------------------ */ /* Nav bar main page only images --------------------------------------- */ #mainaboutback { background:url(images/nav/mainnav/about.png) no-repeat; width: 158px; margin: 0; padding: 0; height: 32px;} #mainabout { background:url(images/nav/mainnav/about.png) no-repeat; width: 158px; margin: 0; padding: 0; height: 32px; text-indent: -9999px;} #mainabout:hover { background: url(images/nav/mainnav/about1.png) no-repeat; margin: 0; padding: 0; height: 32px;} #maincalendarback { background:url(images/nav/mainnav/calendar.png) no-repeat; width: 161px; margin: 0; padding: 0; height: 32px;} #maincalendar { background:url(images/nav/mainnav/calendar.png) no-repeat; width: 161px; margin: 0; padding: 0; height: 32px; text-indent: -9999px;} #maincalendar:hover { background: url(images/nav/mainnav/calendar1.png) no-repeat; margin: 0; padding: 0; height: 32px;} #mainresourcesback { background:url(images/nav/mainnav/resources.png) no-repeat; width: 163px; margin: 0; padding: 0; height: 32px;} #mainresources { background:url(images/nav/mainnav/resources.png) no-repeat; width: 163px; margin: 0; padding: 0; height: 32px; text-indent: -9999px;} #mainresources:hover { background: url(images/nav/mainnav/resources1.png) no-repeat; margin: 0; padding: 0; height: 32px;} #mainlinksback { background:url(images/nav/mainnav/links.png) no-repeat; width: 130px; margin: 0; padding: 0; height: 32px;} #mainlinks { background:url(images/nav/mainnav/links.png) no-repeat; width: 130px; margin: 0; padding: 0; height: 32px; text-indent: -9999px;} #mainlinks:hover { background: url(images/nav/mainnav/links1.png) no-repeat; margin: 0; padding: 0; height: 32px;} #mainmemberloginback { background:url(images/nav/mainnav/memberlogin.png) no-repeat; width: 168px; margin: 0; padding: 0; height: 32px;} #mainmemberlogin { background:url(images/nav/mainnav/memberlogin.png) no-repeat; width: 168px; margin: 0; padding: 0; text-indent: -9999px; height: 32px;} #mainmemberlogin:hover { background: url(images/nav/mainnav/memberlogin1.png) no-repeat; margin: 0; padding: 0; height: 32px;} /* End Nav bar main page only images ------------------------------------ */ /* Members nav only images --------------------------------------- */ #mem_meminfoback { background:url(images/nav/members/memberinfo.png) no-repeat; width: 192px; margin: 0; padding: 0; height: 32px;} #mem_meminfo { background:url(images/nav/members/memberinfo.png) no-repeat; width: 192px; margin: 0; padding: 0; height: 32px; text-indent: -9999px;} #mem_meminfo:hover { background: url(images/nav/members/memberinfo1.png) no-repeat; margin: 0; padding: 0; height: 32px;} #mem_calendarback { background:url(images/nav/members/calendar.png) no-repeat; width: 97px; margin: 0; padding: 0; height: 32px;} #mem_calendar { background:url(images/nav/members/calendar.png) no-repeat; width: 97px; margin: 0; padding: 0; height: 32px; text-indent: -9999px;} #mem_calendar:hover { background: url(images/nav/members/calendar1.png) no-repeat; margin: 0; padding: 0; height: 32px;} #mem_educationback { background:url(images/nav/members/education.png) no-repeat; width: 106px; margin: 0; padding: 0; height: 32px;} #mem_education { background:url(images/nav/members/education.png) no-repeat; width: 106px; margin: 0; padding: 0; height: 32px; text-indent: -9999px;} #mem_education:hover { background: url(images/nav/members/education1.png) no-repeat; margin: 0; padding: 0; height: 32px;} #mem_legislativeback { background:url(images/nav/members/legislative.png) no-repeat; width: 108px; margin: 0; padding: 0; height: 32px;} #mem_legislative { background:url(images/nav/members/legislative.png) no-repeat; width: 108px; margin: 0; padding: 0; height: 32px; text-indent: -9999px;} #mem_legislative:hover { background: url(images/nav/members/legislative1.png) no-repeat; margin: 0; padding: 0; height: 32px;} #mem_prostandardsback { background:url(images/nav/members/professionalstandards.png) no-repeat; width: 195px; margin: 0; padding: 0; height: 32px;} #mem_prostandards { background:url(images/nav/members/professionalstandards.png) no-repeat; width: 195px; margin: 0; padding: 0; height: 32px; text-indent: -9999px;} #mem_prostandards:hover { background: url(images/nav/members/professionalstandards1.png) no-repeat; margin: 0; padding: 0; height: 32px;} #mem_linksback { background: url(images/nav/members/links.png) no-repeat; width: 82px; margin: 0; padding: 0; height: 32px;} #mem_links { background:url(images/nav/members/links.png) no-repeat; width: 82px; margin: 0; padding: 0; text-indent: -9999px; height: 32px;} #mem_links:hover { background: url(images/nav/members/links1.png) no-repeat; margin: 0; padding: 0; height: 32px;} /* Members nav only images ------------------------------------ */ li a { padding: 10px 12px 7px 12px; margin: 0 0 0 0;} /* End Navigation /* Drop Down Menu Attributes ------------------------------------------------------------- */ #nav li ul { position: absolute; left: -999em; width: auto; height: auto; margin: 0; padding: 0; background : #13438a; color: #fff; text-indent: 0; border-bottom: 0px solid #e4e4e4; border-left: 0px solid #e4e4e4; border-right: 0px solid #e4e4e4; border-top: 1px solid #fff;} #nav li ul li { clear: both; margin: 0; display: block;} .navlist_sub {list-style-type: none; } .navlist_sub a { width: auto; font-weight: normal; padding: 3px 15px 3px 10px; margin: 0;} .navlist_sub a.topitem { width: auto; font-weight: normal; padding: 8px 15px 3px 10px; margin: 0;} .navlist_sub a.bottomitem { width: auto; font-weight: normal; padding: 3px 15px 8px 10px; margin: 0;} .navlist_sub a:hover { background-image: none; background:#4f82cf;} .resources_extend .navlist_sub a { width: 245px; font-weight: normal; padding: 3px 8px 3px 10px; margin: 0;} .resources_extend .navlist_sub a.topitem { width: 245px; font-weight: normal; padding: 8px 8px 3px 10px; margin: 0;} .resources_extend .navlist_sub a.bottomitem { width: 245px; font-weight: normal; padding: 3px 8px 8px 10px; margin: 0;} #nav li:hover, #nav li.hover {position: static; } #nav li:hover ul, #nav li.sfhover ul {left: auto;} #nav li ul ul { margin: -27px 0 0 265px; width: 140px; border-top: none; } #nav li:hover ul ul, #nav li.sfhover ul ul { left: -999em; } #nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { left: auto; } /* End Drop Down Menu Attributes ----------------------------------------------------------- */ /* END NAVIGATION */ #mp_flash {background:url(images/main/image1.jpg) no-repeat; width: 520px; height: 237px; float: left;} #mp_gs {background:url(images/getstartedback.png) no-repeat; width: 260px; height: 237px; float: right;} #mainpg_nav {width: 252px; height: 132px; margin: 51px 0 1px 0; background:url(images/navbar.jpg); padding: 0; display: inline; float: right;} #nav_mainpg { list-style-type : none; float: left; width : 252px; height : 132px; margin : 0; padding : 0; } #nav_mainpg li.navlist_mp {display: block; float: left; margin: 0; padding: 0; text-indent: -9999px; width: 252px;} #nav_mainpg a { display: block; color: #fff; text-decoration: none;} #findarealtorback { background:url(images/nav/mainpg/findarealtor.png) no-repeat; height: 34px; margin: 0; padding: 0;} #findarealtor { background:url(images/nav/mainpg/findarealtorr.png) no-repeat; height: 34px; margin: 0; padding: 0;} #findarealtor:hover { background: url(images/nav/mainpg/findarealtor1.png) no-repeat; margin: 0; padding: 0;} #whatisarealtorback { background:url(images/nav/mainpg/whatisarealtor.png) no-repeat; height: 23px; margin: 0; padding: 0;} #whatisarealtor { background:url(images/nav/mainpg/whatisarealtor.png) no-repeat; height: 23px; margin: 0; padding: 0;} #whatisarealtor:hover { background: url(images/nav/mainpg/whatisarealtor1.png) no-repeat; margin: 0; padding: 0;} #whyrealtorback { background:url(images/nav/mainpg/whyusearealtor.png) no-repeat; height: 24px; margin: 0; padding: 0;} #whyrealtor { background:url(images/nav/mainpg/whyusearealtor.png) no-repeat; height: 24px; margin: 0; padding: 0;} #whyrealtor:hover { background: url(images/nav/mainpg/whyusearealtor1.png) no-repeat; margin: 0; padding: 0;} #guidetobsback { background:url(images/nav/mainpg/guidetobs.png) no-repeat; height: 24px; margin: 0; padding: 0;} #guidetobs { background:url(images/nav/mainpg/guidetobs.png) no-repeat; height: 24px; margin: 0; padding: 0;} #guidetobs:hover { background: url(images/nav/mainpg/guidetobs1.png) no-repeat; margin: 0; padding: 0;} #realestateservicesback { background:url(images/nav/mainpg/realestateservices.png) no-repeat; height: 36px; margin: 0; padding: 0;} #realestateservices { background:url(images/nav/mainpg/realestateservices.png) no-repeat; height: 36px; margin: 0; padding: 0;} #realestateservices:hover { background: url(images/nav/mainpg/realestateservices1.png) no-repeat; margin: 0; padding: 0;} /* Body Formatting */ #body_main {float: left; width: 520px; padding: 15px 15px 15px 25px; } #body_side {float: right; width: 204px; padding: 0 8px 0 8px; } #body_side_secondary {float: right; width: 204px; padding: 15px 8px 0 8px; } #body_main_full {float: left; width: 740px; padding: 15px 15px 15px 25px; } .sideimage {border: 0; margin: 0 auto;} .glossary_list {margin: 0; padding: 0; width: 100%; vertical-align: top;} .glossary_list li {margin: 0; padding: 0 0 4px 0; list-style-type: none; } .glossary_item_list {float: left; width: 260px; padding: 0;} .glossary_item_definitions {float: right; width: 455px; padding: 0; margin: 0; vertical-align: middle;} .clr {clear: both;} /* Bubble pop-up */ .popup { position: absolute; z-index: 50; border-collapse: collapse; visibility: hidden; } .popup td.corner { height: 50px; width: 200px; } .popup td#topleft { background: #eee; } .popup td.top { background: #eee; } .popup td#topright { background: #eee; } .popup td.left { background: #eee; } .popup td.right { background: #eee; } .popup td#bottomleft { background: #eee; } .popup td.bottom { background: #eee; } .popup td.bottom img { background: #eee; } .popup td#bottomright { background: #eee; } /* .popup td#topleft { background-image: url(images/bubble-1.png); } .popup td.top { background-image: url(images/bubble-2.png); } .popup td#topright { background-image: url(images/bubble-3.png); } .popup td.left { background-image: url(images/bubble-4.png); } .popup td.right { background-image: url(images/bubble-5.png); } .popup td#bottomleft { background-image: url(images/bubble-6.png); } .popup td.bottom { background-image: url(images/bubble-7.png); text-align: center;} .popup td.bottom img { display: block; margin: 0 auto; } .popup td#bottomright { background-image: url(images/bubble-8.png); } */ .popup table.popup-contents { font-size: 12px; line-height: 1.2em; background-color: #fff; color: #666; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif; } table.popup-contents th { text-align: right; text-transform: lowercase; } table.popup-contents td { text-align: left; } tr#release-notes th { text-align: left; text-indent: -9999px; background: url(images/starburst.gif) no-repeat top right; height: 17px; } tr#release-notes td a { color: #333; } .memberlogin { margin-top: 15px; padding-left: 8px; width: 196px; overflow: hidden; }