#menu a {
	color:#F1E7D2;
	text-decoration:none;
	margin:0 10px;
	font-size:13px;
}

#menu a:hover {
	color:#A90533;
}

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


/*This floats the menu so they appear side by side and not on top of eachother.*/
#menu UL LI {
	POSITION: relative;
	float:left;
	border-right:1px solid #FFFFFF;
	white-space:nowrap;
}

/*This changes the position and appearance of the submenus*/
#menu LI UL {
	DISPLAY: none; 
	POSITION: absolute;
	background-color:#231F20;
	width:185px;
	white-space:nowrap;
}

#menu LI UL LI {
	border:none;
	clear:both;
}

/*This changes the top level menu's links*/
#menu UL LI A {
	PADDING:3px;
	DISPLAY: block;
	COLOR: #FFFFFF;
	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 \*/
#menu *HTML UL LI {
	FLOAT: left; 
	HEIGHT: 1%;
}

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


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


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


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

#menu 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 */

#menu LI#home {
	width:60px;
}

#menu LI#about {
	width:89px;
}

#menu LI#store {
	width:95px;
}

#menu LI#repairs {
	width:66px;
}

#menu LI#resources {
	width:91px;
}

#menu LI#shipping {
	width:80px;
}

#menu LI#contact {
	width:102px;
	border:none;
}