/*========================================================*/
/*                  HouseMenu CSS                         */
/*========================================================*/

/*------------------------- Start ------------------------*/ 

.nav{
background-color: transparent;
height:26px!important;
padding:0px;
margin:0px;
font-family:Arial;
}

#test{
text-align:left!important;
}

#HouseMenuNav {
/*width:100%!important;*/
width:auto!important;
height:0px;
font-size:12px;

margin-top:0px;
*margin-top:0px;
margin-left:0px;
text-align:left;
}
/* remove all the bullets, borders and padding from the default list styling */
#HouseMenuNav ul {
padding:0;
margin:0;
list-style:none!important;
}

ul, li, ul li{
list-style:none!important;
}

#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:100% auto;   /*====== WIDTH TOP MENUS ======*/
position:relative;
padding:0px;
height:26px!important;
/*background:url(../images/nav-sep.gif) right -5px no-repeat;*/
border-right:#5a6571 0px solid; /*====== BORDER ON MENUS RIGHT SIDE / SEPERATOR ======*/

}
/* style the links for the top level */
#HouseMenuNav a, #HouseMenuNav a:visited {
display:block;
font-size:12px;   /*====== FONT SIZE TOP MENS ======*/
text-decoration:none; 
color:#FFFFFF;   /*====== FONT COLOR TOP MENUS ======*/
font-weight:normal; /*====== FONT BOLD / NORMAL TOP MENUS ======*/
font-style:normal;  /*====== FONT ITALIC / NORMAL TOP MENUS ======*/
width:100% auto;    /*====== WIDTH TOP MENUS ======*/
height:26px; 
border-top:0px solid #000;
border-bottom:0px solid #000;
border-left:0px solid #000;
border-right:0px solid #000; 
/*border-width:0px 0px 0 0; 
background:#FF0000;
background-color:transparent;
background: url(nav-sep.gif) left center no-repeat;*/
padding-left:8px; /*====== PADDING ON LEFT SIDE OF TOP MENU ======*/
padding-right:8px; /*====== PADDING ON RIGHT SIDE OF TOP MENU ======*/
line-height:26px;
cursor:hand;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html #HouseMenuNav a, * html #HouseMenuNav a:visited {
width:150px;
w\idth:140px;

}

/* style the second level background */
#HouseMenuNav ul ul a.drop, #HouseMenuNav ul ul a.drop:visited {
background:#FF0000;
/*background-color:transparent;*/
}
/* style the second level hover */
#HouseMenuNav ul ul a.drop:hover {
background:#000000;
}
#HouseMenuNav ul ul :hover > a.drop {
background:#000000;
}
/* style the third level background */
#HouseMenuNav ul ul ul a, #HouseMenuNav ul ul ul a:visited {
/*background:#FF0000;*/
background-color:transparent;
}
/* style the third level hover */
#HouseMenuNav ul ul ul a:hover{
background:#000000;
}
#HouseMenuNav ul ul ul :hover > a {
background:#000000;
}

/* 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;
}
* html #HouseMenuNav ul ul {
top:26px;
}
/* position the third level flyout menu */
#HouseMenuNav ul ul ul{
left:150px; 


top:0;
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:url(../images/menu_over.gif) left top;    ====== SUB MENUS BACKGROUND ======*/
background:#172234;     /*====== SUB MENUS BACKGROUND ======*/
border-top: #FCA019 0px solid;
border-left: #FCA019 0px solid;
border-right: #FCA019 0px solid;
border-bottom: #FCA019 0px solid;
color:#FFFFFF; /*====== FONT COLOR SUB MENUS ======*/
font-weight:normal; /*====== FONT BOLD / NORMAL SUB MENUS ======*/
font-style:normal;  /*====== FONT ITALIC / NORMAL TOP MENUS ======*/
height:26px; 
line-height:26px; 
padding:0px 8px;
margin-top:0px;
cursor:hand;
width:200px   /*====== WIDTH SUB MENUS ======*/
/* 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:#FFFFFF;  /*====== MOUSE OVER FONT COLOR ======*/
background:transparent;     /*====== MOUSE OVER BACKGROUND ======*/
}
#HouseMenuNav :hover > a, #HouseMenuNav ul ul :hover > a {
color:#FFFFFF;  /*====== MOUSE OVER FONT COLOR ======*/
/*background:#011121;     ====== MOUSE OVER BACKGROUND ======*/
background:url(../images/menu_over.gif) left top;
}

/* 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;
}


hr{
height:3px;
color:#386996;
background-color:#386996;
border:none;

}


/*------------------------- End -------------------------*/