/*this stylesheet is for your navigation panel*/

/*top navbar*/
#nav ul { 
float: left; 
list-style: none; 
background: #E8D5F9; 
width: 100%; 
padding: 0; 
margin: 0 0 0 0px; 
height: 30px; 
display: inline; 
text-transform: uppercase;
} 

#nav ul li { 
display: inline; 
margin: 0; 
padding: 0; 
} 

#nav ul li a { 
display: block; 
float: left; 
width: auto; 
margin: 0; 
padding: 0 15px; 
border-top: none; 
border-right: 2px solid #fff; 
border-left: none; 
border-bottom: none; 
color: #523D66; 
font: normal 10px/30px Verdana, Arial, sans-serif; 

text-decoration: none; 

} 

#nav ul li a:hover, 
#nav ul li a:active { 
color: #fff; 
background-color: #b39be4; 
font: bold; 
} 



/*vertical navbar*/
#navigator {

}

.housebutton {
line-height: 100%;
}

.housebutton a {
font-size: 93%;
font-family:  Tahoma, Arial, Verdana, sans-serif;
}

.housebutton a:hover {
font-size: 93%;
font-family:  Tahoma, Arial, Verdana, sans-serif;
}


/* this part below is for the color on the background, surrounding the buttons. Change the color, and the 
border, if you like. For the border, you can use solid, dashed, or dotted, for different border styles*/

#navigator {

background-color: transparent;

border:  transparent;


width: auto;

margin-top: auto;

margin-left: 10px;

margin-right: auto;

padding: 2px;

text-align: left;


}

/* want more space between your buttons? just increase the margins
from 1px. Font weight can be bold if you prefer.*/

.housebutton {

font-weight: normal;
text-align: left;
margin-bottom: 0px;
margin-top: 0px;
}


/* this part is for the colors of your buttons "at rest" so to speak.*/




.housebutton a {

padding: 4px;

text-decoration: none;

display: block;

color: #006400; /*this is where you change the button font color*/

background-color: transparent;

border-top: none;

border-left: none;

border-bottom: none;

border-right: none;

}

/*this part is how the buttons look, once the pointer passes over them. */




.housebutton a:hover {

color: #483d8b; /*-----this is where you change the button font color, when the button is hovered over*/

background-color: #F0000000000000E68C;

border-top:  none;

border-left: none;

border-bottom:  none;

border-right: none;

}













/* Author: Craig Erskine Description: Dynamic Menu System - Vertical */ 

ul#navmenu-v,ul#navmenu-v li,ul#navmenu-v ul { 
width: 130px; /* Menu Width */ 
margin: 0; 
list-style: none; 
} 

ul#navmenu-v li { float: left; position: relative; width: 100%; }
ul#navmenu-v li.iehover { z-index: 1000; /* IE z-index bugfix */ } 

ul#navmenu-v ul { 
display: none; 
position: absolute; 
top: 0; 
left: 100%; 
z-index: 9999; 
} 

/* Root Menu */ 
ul#navmenu-v a { 
border-top: 1px solid #fff;  
border-right: none; 
border-bottom: 1px solid #b39be4;
padding: 6px; 
display: block; 
background: #fff; 
color: #006400; 
font: normal 11px Verdana, Arial, sans-serif; 
 
text-decoration: none; 

height: 1%; 
}

 /* Root Menu Hover Persistence */ 
ul#navmenu-v a:hover,ul#navmenu-v li:hover a,ul#navmenu-v li.iehover a { 
background: #E8D5F9; 
color: #523D66; 
} 

/* 2nd Menu */ 
ul#navmenu-v li:hover li a,ul#navmenu-v li.iehover li a { 
float: none; 
background: #E8D5F9; 
} 

/* 2nd Menu Hover Persistence */ 
ul#navmenu-v li:hover li a:hover,ul#navmenu-v li:hover li:hover a,ul#navmenu-v li.iehover li a:hover,ul#navmenu-v li.iehover li.iehover a { 
background: #666; 
color: #fff;
} 

/* 3rd Menu */ 
ul#navmenu-v li:hover li:hover li a,ul#navmenu-v li.iehover li.iehover li a { 
background: #b39be4; 
} 

/* 3rd Menu Hover Persistence */ 
ul#navmenu-v li:hover li:hover li a:hover,ul#navmenu-v li:hover li:hover li:hover a,ul#navmenu-v li.iehover li.iehover li a:hover,ul#navmenu-v li.iehover li.iehover li.iehover a { 
background: #666; 
} 

/* 4th Menu */ 
ul#navmenu-v li:hover li:hover li:hover li a,ul#navmenu-v li.iehover li.iehover li.iehover li a { 
background: #666; 
} 

/* 4th Menu Hover */ 
ul#navmenu-v li:hover li:hover li:hover li a:hover,ul#navmenu-v li.iehover li.iehover li.iehover li a:hover { 
background: #333; 
} 

/* Hover Function - Do Not Move */ 
ul#navmenu-v li:hover ul ul,ul#navmenu-v li:hover ul ul ul,ul#navmenu-v li.iehover ul ul,ul#navmenu-v li.iehover ul ul ul { display: none; }

 ul#navmenu-v li:hover ul,ul#navmenu-v ul li:hover ul,ul#navmenu-v ul ul li:hover ul,ul#navmenu-v li.iehover ul,ul#navmenu-v ul li.iehover ul,ul#navmenu-v ul ul li.iehover ul { display: block; }




/* Javascript to get around Internet Explorer 6 and below not recognizing the nested tags */
<script language="JavaScript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"></script>
<!--[if gte IE 5.5]>
<script language="JavaScript" type="text/JavaScript">
$(document).ready(function(){
$("#navmenu-h li,#navmenu-v li").hover(
function() { $(this).addClass("iehover"); },
function() { $(this).removeClass("iehover"); }
);});
</script>
<![endif]-->