/*Top menu, left, width, padding, zindex, and top can all be changed*/


/*main headings*/
UL {
	PADDING:0; 
	MARGIN:0; 
	LIST-STYLE-TYPE: none;
}


/*This floats the menu so they appear side by side and not on top of eachother.*/
UL LI {
	POSITION: relative;
	float:left;
	/*width:150px;*/
	line-height:140%;
}

/*This changes the position and appearance of the submenus*/
LI UL {
	DISPLAY: none; 
	POSITION: absolute;
	background-color:#C30C3E;
	line-height:140%;
	padding-top:1px;
}

/*This changes the top level menu's links*/
UL LI A {
	PADDING:3px;
	DISPLAY: block;
	color:#D5C6AA;
	TEXT-DECORATION: none;
}


/*Don't change anything in the IE5-mac hack. Do not put comment tags in side the hack*/
/* Hides from IE5-mac \*/
*HTML UL LI {
	FLOAT: left; 
	HEIGHT: 1%;
}

*HTML UL LI A {
	HEIGHT: 1%;
}
/* End hide from IE5-mac */


/*This changes the hover for all links in the menu div*/
UL LI A:hover {
	BACKGROUND:#C30C3E;
	color:#FFFFFF;
}

LI UL LI A:hover  {
	background-color:#D5C6AA;
	color:#C30C3E;
}


/*This changes the submenu links*/
LI UL LI A {
	PADDING:3px;
	color:#D5C6AA;
}


/*This makes the submenu list display in the hover. Do not change either of the commands listed below.*/
LI:hover UL {
	DISPLAY: block;
}

LI.over UL {
	DISPLAY: block;
}
/*Please note that each of the main menus can have a class added to them and then each given a different width. The 
same can be done for the submenus. Each sub UL can be given a class and then each given a different width */

.home  {
	width:46px;
}

.why  {
	width:53px;
}

.facility  {
	width:50px;
}

.services  {
	width:58px;
}

.member  {
	width:85px;
}

.calendars  {
	width:70px;
}

.employment  {
	width:81px;
}

.news  {
	width:44px;
}

.resources  {
	width:40px;
}

.testimonials {
	width:82px;
}

.contact-us  {
	width:72px;
}

.site-map  {
	width:58px;
}

/*Sub Menu widths*/

.sub-why  {
	width:120px;
}

.sub-why a:hover {
	width:114px;
}

.sub-facility  {
	width:80px;
}

.sub-facility a:hover {
	width:74px;
}

.sub-services  {
	width:140px;
}

.sub-services a:hover {
	width:134px;
}

.sub-member  {
	width:130px;
}

.sub-member a:hover {
	width:124px;
}

.sub-resources  {
	width:100px;
}

.sub-resources a:hover {
	width:94px;
}
