/*========================================================*/
/*              House Menu CSS                            */
/*========================================================*/

#HouseMenuNav {
width:100%!important;
height:21px;
font-size:1em;
border-top:#fff 0px solid;
margin-top:-3px;
margin-left:105px;
}
/* remove all the bullets, borders and padding from the default list styling */
#HouseMenuNav ul {
padding:0;
margin:0;

list-style:none; 

}

ul, li, ul li{

list-style:none;


}



#HouseMenuNav ul ul {
width:150px;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#HouseMenuNav li {
float:left;
width:80px auto!important;

text-align:center;
position:relative;
padding:0px;
border-right:#fff 0px solid;
/*background-image:url(nav-sep.gif);*/
background-position:right;
background-repeat:no-repeat;
padding:1px;

/*height:38px;*/
}
/* style the links for the top level */
#HouseMenuNav a, #HouseMenuNav a:visited {
display:block;
font-size:12px;
text-decoration:none; 
color:#000;
font-family:Arial; /*-- !important --*/
font-size: 12px;
font-weight:bold;
text-transform:uppercase;
width:50px auto; 
height:21px; 
border-top:0px solid #fff;
border-bottom:0px solid #fff;
border-left:0px solid #fff; 
border-width:0px 0px 0 0; 
background: #fff7d3; /*-- !important --*/
padding-right:5px;
padding-left:5px; 
line-height:21px;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html #HouseMenuNav a, * html #HouseMenuNav a:visited {
width:150px;
w\idth:139px;
}

*html #HouseMenuNav li, *html #HouseMenuNav li a {

width:80px auto!important;
text-align:center;
w\idth:80px!important;
}

/* style the second level background */
#HouseMenuNav ul ul a.drop, #HouseMenuNav ul ul a.drop:visited {
background:#fff7d3;
}
/* style the second level hover */
#HouseMenuNav ul ul a.drop:hover {
background:#f1ffff;
}
#HouseMenuNav ul ul :hover > a.drop {
background:#f1ffff;
}
/* style the third level background */
#HouseMenuNav ul ul ul a, #HouseMenuNav ul ul ul a:visited {
background:#fff7d3;
}
/* style the third level hover */
#HouseMenuNav ul ul ul a:hover{
background:#f1ffff;
}
#HouseMenuNav ul ul ul :hover > a {
background:#f1ffff;
}

/* style the table so that it takes no part in the layout - required for IE to work */
#HouseMenuNav table {border-collapse:collapse; border:0; position:absolute; left:0; bottom:-1px;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
#HouseMenuNav ul ul {
visibility:hidden;
position:absolute;
top:26px;
left:0; 
width:150px;
padding-top:12px;
}
* html #HouseMenuNav ul ul {
top:26px;
}
/* position the third level flyout menu */
#HouseMenuNav ul ul ul{
left:160px; 


top:-12px;
width:150px;
}
/* position the third level flyout menu for a left flyout */
#HouseMenuNav ul ul ul.left {
left:-150px;
}


/* style the second level links */
#HouseMenuNav ul ul a, #HouseMenuNav ul ul a:visited {
background:#fff7d3; 
color:#000; 
height:auto; 
line-height:1em; 
padding:5px 10px; 
width:140px
/* yet another hack for IE5.5 */
}
* html #HouseMenuNav ul ul a{
width:150px;
w\idth:129px;
}


/* style the top level hover */
#HouseMenuNav a:hover, #HouseMenuNav ul ul a:hover{
color:#000; 
background:#f1ffff;
cursor: hand;
}
#HouseMenuNav :hover > a, #HouseMenuNav ul ul :hover > a {
color:#000;
background:#f9f298;
cursor: hand;
}

/* make the second level visible when hover on first level list OR link */
#HouseMenuNav ul li:hover ul,
#HouseMenuNav ul a:hover ul{
visibility:visible;
height:auto;
}
/* keep the third level hidden when you hover on first level list OR link */
#HouseMenuNav ul :hover ul ul{
display:none;
}
/* keep the fourth level hidden when you hover on second level list OR link */
#HouseMenuNav ul :hover ul :hover ul ul{
display:none;
}
/* make the third level visible when you hover over second level list OR link */
#HouseMenuNav ul :hover ul :hover ul{ 
display:block;
bottom:0;
}
/* make the fourth level visible when you hover over third level list OR link */
#HouseMenuNav ul :hover ul :hover ul :hover ul { 
display:block;
bottom:0;
}


/* textblue --*/

.textblue, A.textblue, A.textblue:link, A.textblue:visited, A.textblue:active, textblue a  {
	FONT-WEIGHT: normal;
	FONT-SIZE: 12px;
	COLOR: #183F76;
	FONT-FAMILY: Verdana;
	text-decoration: none;
}

a.textblue:hover {
	FONT-WEIGHT: normal;
	FONT-SIZE: 12px;
	COLOR: #183F76;
	FONT-FAMILY: Verdana;
	text-decoration: underline;
}