/****************MENU FORMATTING (w. thanks to P7exp)***********************/
#sideWrapper {
	background-color:#9EA264; /*olive green*/
	width:198px;
	height:250px;
}

/*Clears the floated menu items.
Assigned to a BR tag placed just before
menuwrapper's closing DIV tag*/
.clearit {
	clear: both;
	height: 0;
	line-height: 0.0;
	font-size: 0;
}
#sideBar, #sideBar ul {
	margin: 0;
	list-style: none;
	font-size:.8em;
}
#sideBar {
}
#sideBar a {
	display: block;
	width:183px;
	height:25px;
	text-decoration: none;
	font-weight:bold;
	text-align:left;
	padding: 5px 0px 0px 15px;
	color: #50492c;
	border-top: 1px solid #50492c; /*brown*/
	border-bottom: 1px solid #d7d19a; /*light cream*/
}
#sideBar li {
	float: left;
	width: 10em; /*for benefit of IE5 mac*/
	margin-left:0; /*sets width to auto for all other browsers*/
	height:25px;
	padding-top:5px;;

}

#sideBar ul li a  {
	color: #50492c;
	padding: 5px 0px 0px 15px;
	/*border-bottom: 1px solid #50492c;brown*/
	/*border-top: 1px solid #d7d19a;light cream*/

}
#sideAbout, #sideResidents {
	display:none;
}
#sideAbout li a, #sideResidents li a {
	font-size:.8em;
	font-weight:normal;
	border-top: none;
	border-bottom: none;

 }
#sideBar ul.sideSub {
	/*position: absolute;
	background-color:#9EA264; /*olive green*/
}
/*Affects root-level menu items on mouseover. The second selector (#menuBar a:focus) affects r-l items on tab key access. The third
selector (#menuBar a:active) sets an active state to support keyboard access in MSIE. The fourth 
selector (#menuBar li.hvr a) is assigned to IE5 and IE6 Windows via the Menu script.*/
#sideBar li:hover a, #sideBar a:focus, #sideBar a:active, #sideBar li.hvr a {
	color: white; 
	background-color: #50492c;
}
/*The normal hover class for Sub-Level links. The Important directive
is required for older browsers. */
#sideBar ul a:hover {
	background-color: #50492c!important;
	color: white!important;
}
/* The single backslash \ character inside this comment
causes IE5 Mac to ignore the following rule, which allows other
browsers to render top-level menu items to their natural width.
Do not edit this rule in any way. */
#sideBar li {width: auto;}

/*END OF MENU FORMATTING*/
