/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/pro_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */


#multi-level {
height:30px;
position:relative;
z-index:100;
/*float:right;*/
text-align:center ;
padding:30px 20px;
line-height:15px;
border-left :5px;
width:100px;
margin-top:10px;
font:normal 11px Arial;
}

#multi-level .pad {
float:left;
}

.menu,.menu ul {
list-style-type:none;
font-family:arial, sans-serif;
margin:0;
padding:0;
text-align:right;
	width: 120px;
	height: 20px;
}

.menu li.top {
display:block;
float:left;
position:relative;
}

.menu table {
border-collapse:collapse;
width:0;
height:0;
position:absolute;
top:0;
left:0;
}

.menu li.top a.top_link {
display:block;
float:left;
height:35px;
}

.menu li.top a span {
position:absolute;
left:-9999px;
top:0;
z-index:0;
font-size:10px;
}


/*  -----NAV OVER STATE-----  */


.menu li.p1 {
width:177px;
background:url(../images/nav_buying_ov.gif) no-repeat;
	top: 0px;
	left: -9px;
}

.menu li.p2 {
width:51px;
background:url(../images/nav_selling_ov.gif) no-repeat;
}

.menu li.p3 {
width:116px;
background:url(../images/nav_newconst_ov.gif) no-repeat;
}

.menu li.p4 {
width:86px;
background:url(../images/nav_relocating_ov.gif) no-repeat;
}

.menu li.p5 {
width:104px;
background:url(../images/nav_community_ov.gif) no-repeat;
}

.menu li.p6 {
width:107px;
background:url(../images/nav_suite_ov.gif) no-repeat;
}

.menu li.p7 {
width:114px;
background:url(../images/nav_neoffices_ov.gif) no-repeat;
}


/* -- NAV OVER STATE FOR AGENT WEBSITE--*/

.menu li.ap1 {
width:121px;
background:url(../images/nav_buying_ov.gif) no-repeat;
}

.menu li.ap2 {
width:94px;
background:url(../images/nav_selling_ov.gif) no-repeat;
}

.menu li.ap3 {
width:91px;
background:url(../images/nav_newconst_ov.gif) no-repeat;
}

.menu li.ap4 {
width:70px;
background:url(../images/nav_relocating_ov.gif) no-repeat;
}

.menu li.ap5 {
width:55px;
background:url(../images/nav_community_ov.gif) no-repeat;
}

/* -- NAV OVER STATE FOR AGENT WEBSITE--*/

.menu li.sp1 {
width:101px;
background:url(../images/area_search_over.png) no-repeat;
}

.menu li.sp2 {
width:95px;
background:url(../images/map_search_over.png) no-repeat;
}

.menu li.sp3 {
width:144px;
background:url(../images/open_house_search_over.png) no-repeat;
}

.menu li.sp4 {
width:139px;
background:url(../images/subdivision_search_over.png) no-repeat;
}

.menu li.sp5 {
width:114px;
background:url(../images/school_search_over.png) no-repeat;
}

.menu li.sp6 {
width:116px;
background:url(../images/radius_search_over.png) no-repeat;
}


/* -- NAV OVER STATE FOR  Search Menus--*/



/* // NAV OVER STATE FOR  Search Menus--*/


/*  -----NAV UP STATE-----  */

.menu li a#buying {
width:53px;
background:url(../images/nav_buying.gif) no-repeat;
}

.menu li a#selling {
width:51px;
background:url(../images/nav_selling.gif) no-repeat;
}

.menu li a#newconstruction {
width:116px;
background:url(../images/nav_newconst.gif) no-repeat;
}

.menu li a#relocating {
width:86px;
background:url(../images/nav_relocating.gif) no-repeat;
}

.menu li a#community {
width:104px;
background:url(../images/nav_community.gif) no-repeat;
}

.menu li a#suite {
width:107px;
background:url(../images/nav_suite.gif) no-repeat;
}

.menu li a#neoffices {
width:114px;
background:url(../images/nav_neoffices.gif) no-repeat;
}

.searchlist a:hover {
visibility:visible;
}

.searchlist li:hover {
position:relative;
z-index:200;
}

.menu li a#buying:hover,.menu li:hover a#buying,.menu li a#selling:hover,.menu li:hover a#selling,.menu li a#newconstruction:hover,.menu li:hover a#newconstruction,.menu li a#relocating:hover,.menu li:hover a#relocating,.menu li a#community:hover,.menu li:hover a#community,.menu li a#suite:hover,.menu li:hover a#suite,.menu li a#neoffices:hover,.menu li:hover a#neoffices {
background:transparent;
}

.searchlist ul,.menu :hover ul ul,.menu :hover ul :hover ul ul,.menu :hover ul :hover ul :hover ul ul,.menu :hover ul :hover ul :hover ul :hover ul ul {
position:absolute;
left:-9999px;
top:-9999px;
width:0;
height:0;
}

.searchlist :hover ul.sub {
left:0;
top:30px;
background:#fff;
border:1px solid #888;
white-space:nowrap;
width:170px;
height:60px;
padding:3px 0;
}

.searchlist :hover ul.sub li {
display:block;
height:20px;
position:relative;
float:left;
width:90px;
}

.searchlist :hover ul.sub li a {
display:block;
font-size:11px;
height:20px;
width:144px;
line-height:20px;
text-indent:5px;
color:#000;
text-decoration:none;
border:3px solid #fff;
border-width:0 0 0 3px;
}

.menu :hover ul.sub li a.fly {
background:#fff url(../images/arrow.gif) 80px 7px no-repeat;
}

.searchlist :hover ul.sub li a:hover {
background:#13248C;
color:#fff;
}

.searchlist :hover ul :hover ul,.menu :hover ul :hover ul :hover ul,.menu :hover ul :hover ul :hover ul :hover ul,.menu :hover ul :hover ul :hover ul :hover ul :hover ul {
left:90px;
top:-4px;
background:#fff;
border:1px solid #888;
white-space:nowrap;
width:93px;
height:auto;
z-index:300;

}

.menu :hover ul.sub li a.fly:hover,.menu :hover ul li:hover > a.fly {
background:#f1f1f1 url(../images/arrow_over.gif) 80px 7px no-repeat;
color:#fff;
}


/*-----AGENT MENU-----*/

.wireframemenu {
border: 1px solid #fff;
background-color: #dddfeb;
border-bottom-width: 0;
width: 130px;
text-align:left;
margin-top:10px;
margin-bottom:10px;
}

* html .wireframemenu { /*IE only rule. Original menu width minus all left/right paddings */
width: 130px;
}

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

.wireframemenu a {
font-size:80%;
padding: 4px 3px;
display: block;
width: 130px; /*Define width for IE6's sake*/
color: #000;
text-decoration: none;
border-bottom: 1px solid #fff;
}

.wireframemenu a:visited {
color: #000;
}

html>body .wireframemenu a { 
width: auto;
}

.wireframemenu a:hover {
background-color: #fff;
color: #000;
}