
#mainMenu {	
	position: relative;
	height: 30px;
	text-align: left;
	background: none;
	background-color: rgb(242,88,48);
	border-bottom: 1px solid rgb(46,139,149);
	padding-bottom: 0;
}

/* Inactive or default menu items */
#mainMenu .menuItem {
	color:  #FFFFFF;
	cursor:pointer;	 
}

#mainMenuList {
	margin-left: 5px;
	bottom: 1px;
	padding-bottom: 0;
	padding-right: 0;	
	padding-left: 0;
	white-space: nowrap;
	position: absolute;
}
	
#mainMenuList li {
	display: inline;
	list-style-type: none;
	letter-spacing   : 0.95px; 
	text-align: center;
	text-transform   : uppercase;
	bottom: 0;
	margin-left: 2px;
	padding-top: 0;
	padding-right: 7px;
	/*padding-bottom: 10px;*/
	padding-left: 0;
}

#mainMenuList a {
	text-decoration: none;
	color: #FFFFFF;  
	position: relative;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	bottom: 0;
	}

/*#mainMenuList a:link, #mainMenuList a:visited {
	background-color: rgb(242,88,48);
	text-decoration: none;
}*/

#mainMenuList a:hover {
	color: rgb(90,189,206);
	/* background-color: */
	text-decoration: none;
}

/* Highlight active menu item */
body.home       #mainMenuList #menuhome,       body.home       #mainMenuList #menuhome       a,
body.news       #mainMenuList #menunews,       body.news       #mainMenuList #menunews       a,
body.specials   #mainMenuList #menuspecials,   body.specials   #mainMenuList #menuspecials   a,
body.highschool #mainMenuList #menuhighschool, body.highschool #mainMenuList #menuhighschool a,
body.support    #mainMenuList #menusupport,    body.support    #mainMenuList #menusupport    a,
body.activities #mainMenuList #menuactivities, body.activities #mainMenuList #menuactivities a,
body.about      #mainMenuList #menuabout,      body.about      #mainMenuList #menuabout      a,
body.members    #mainMenuList #menumembers,    body.members    #mainMenuList #menumembers    a,
body.teachers   #mainMenuList #menuteachers,   body.teachers   #mainMenuList #menuteachers   a,
body.board      #mainMenuList #menuboard,      body.board      #mainMenuList #menuboard      a {
	background-color: rgb(247,165,57);
	font-weight: bold; 
	border-left: 1px solid rgb(46,139,149);
	border-top:  1px solid rgb(46,139,149);
	border-right:1px solid rgb(46,139,149);
	padding-top: 1px;
	bottom:-2px;
	cursor:pointer;  
}
	
#submenu {		
    position: relative;
    /* Background color of sub menu items */
	background-color: rgb(247,165,57); /* gold */
	/* Font & character properties of submenu items */	
	color: #FFFFFF;                                          
	/*	text-transform   : lowercase; 	*/	
	text-align: left;	
	border-bottom: 1px solid rgb(46,139,149); /* dark teal */
	/* Misc bar properties */	
	padding-top: 3px; 
	height: 17px; 
	width:100%;
	display:block; /* makes the border take up space */
}

#submenu div {
	position: static;
	padding-left: 8px;
	display: none;
	white-space:nowrap;                                           
}
#submenu a {	
	/* No underline on sub menu items - use text-decoration:underline; if you want the links to be underlined */
	text-decoration:none;
	/* Space at the left of each sub menu item */	
	padding-left: 8px;
	/* Space at the right of each sub menu item */	                                     
	padding-right: 8px;
	color: #FFFFFF;  
	display: none;
}

#submenu a:hover {
	/* Color on mouseover of sub menu items */
	color: #CC7E55;   
}

/* show only active submenu items */
body.home       #submenu #submenuhome,       body.home       #submenu #submenuhome a,
body.news       #submenu #submenunews,       body.news       #submenu #submenunews a,
body.specials   #submenu #submenuspecials,   body.specials   #submenu #submenuspecials a,
body.highschool #submenu #submenuhighschool, body.highschool #submenu #submenuhighschool a,
body.support    #submenu #submenusupport,    body.support    #submenu #submenusupport a,
body.activities #submenu #submenuactivities, body.activities #submenu #submenuactivities a,
body.about      #submenu #submenuabout,      body.about      #submenu #submenuabout a,
body.members    #submenu #submenumembers,    body.members    #submenu #submenumembers a,
body.teachers   #submenu #submenuteachers,   body.teachers   #submenu #submenuteachers a,
body.board      #submenu #submenuboard,      body.board      #submenu #submenuboard a {

	display: inline;
}
