/*Top menu, left, width, padding, zindex, and top can all be changed*/
div#menu  {
	position:absolute;
	top:135px;
	left:0px;
	z-index:10;
	text-align:left;
	font-family:"Trebuchet MS", Verdana, sans-serif;
	font-size:12px;
	padding:5px 0 2px 8px;
	font-weight:bold;
	width:740px;
	line-height:100%;
	background-color:#FFFFFF;
	border-width:1px;
	border-color:#003366;
	border-style:solid;
}

/*main headings*/
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.*/
UL LI {
	POSITION: relative;
	float:left;
	line-height:100%;
}

/*This changes the position and appearance of the submenus*/
LI UL {
	DISPLAY: none; 
	POSITION: absolute;
	background-color:#FFFFFF;
	line-height:140%;
	border-width:1px;
	border-style: solid;
	border-color:#003366;
	
}

LI UL LI {
	white-space:nowrap;
}

/*This changes the top level menu's links*/
UL LI A {
	PADDING:3px;
	DISPLAY: block;
	COLOR: #003366;
	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:#003366;
	color:#FFFFFF;
}


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


/*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 */
UL#subinfo	{
	width:130px;
}
UL#subserve	{
	width:150px;
}
UL#subevents {
	width:140px;
}
UL#subresources{
	width:160px;
}
LI.home{
	width:65px;
}
LI.club {
	width:85px;
}
LI.schedule{
	width:135px;
}
LI.serve {
	width:120px;
}
LI.resources	{
	width: 70px;
}
LI.contact	{
	width:70px;
}
LI.donate	{
	width:80px;
}
LI.events	{
	width:80px;
}