﻿@charset "UTF-8";
/* CSS Document */


/* Main Menu */

#menu {
  width:900px;
  margin-right:auto;
  margin-left:auto;
  height:40px;
  background:#f28f01 url(images/titlegrade_orange.jpg) repeat-x;
 }

/* original menu style code*/
#menu ul {
	list-style: none;
	list-style-position:inside;
	text-align:center;
	padding-top: .90em;
	line-height:1.5em;
	margin-bottom:0em;
	margin-left:5.5em;
	margin-top:0em;
	
}

#menu li {
	display:inline;
	padding-left:.45em;
	padding-right:.45em;
	font-size:135%;
	float: left;
  	position: relative;
  	color: #001E59;
}



/* Ben's drop-down menu styles: 

#menu ul {
	list-style: none;
	list-style-position:inside;
	text-align:center;
	padding-top: .90em;
	line-height:1.5em;
	margin-bottom:0em;
	margin-left:0em;
	margin-top:0em;
	
}

#menu li {
	
	display: inline;
	font-size:135%;
	padding-left:.45em;
	padding-right:.45em;
}*/

#menu li ul {
  	display: none;
  	position: absolute; 
  	top: 1em;
  	left: -5.5em;
  	background-color: #f28f01 ;
  	margin-left: 0;
  	font-size:70%;
  	width: 18em;
  	padding-bottom:.5em;
  	z-index:1;
  }
  
 #menu li > ul {
	top: auto;
	left: auto;
	}

#menu li ul li {
	display:block;
	float:none;
	line-height: 1.75em;
 	text-align:left;
}

 #menu li:hover ul { display: block; }

/*end of ben's styles */ 

#menu a {
	text-decoration: none;
	color:#001e59;
}

#menu a:hover{
	text-decoration:underline;
}

#menu .active a {
	color:#f9f4ec;
}

/* Main Menu email */

#emenu {
  width:900px;
  margin-right:auto;
  margin-left:auto;
  height:40px;
  background:url(images/menugrade.jpg) repeat-x;
  border-left: 2px solid #001e59;
  border-right: 2px solid #001e59;
}

#emenu ul {
	list-style: none;
	list-style-position:inside;
	text-align:center;
	padding-top: .90em;
	line-height:1.5em;
	margin-bottom:0em;
	margin-left:0em;
	margin-top:0em;
	
}

#emenu li {
	display: block;
	font-size:125%;
	display:inline;
	padding-left:.45em;
	padding-right:.45em;
	font-size:135%;
}


#emenu a {
	text-decoration: none;
	color:#001e59;
}

#emenu a:hover{
	text-decoration:underline;
}

#emenu .active a {
	color:#f9f4ec;
}




/* Interior TOP  Menu */


#menu_in {
	font-size:105%;
	margin-left:auto;
	margin-right:auto;
	width:900px;
	padding-top: 1em;
	color:white;
}

#menu_in ul {
	list-style: none;
	list-style-position:inside;
	text-align:right;
	
}

#menu_in li {
	padding-top: .5em;
	display: block;
	display:inline;
	margin-left:.7em;
	position:relative;
	padding-bottom:10px;	
}


#menu_in a {
	text-decoration: none;
	color: #e8e8e8;
}

#menu_in a:hover{
	text-decoration:underline;
}

#menu_in .active a {
	color:#f9f4ec;
	font-weight:bold;
}

/*ben's styles */
#menu_in li ul {
  	display: none;
  	position: absolute; 
  	top: 1.7em;
	left: 0em;
	background-color: white;
  	margin-left: 0;
  	font-size:90%;
  	width: 18em;
  	padding-bottom:.5em;
  	z-index:1;
  }


#menu_in li ul li {
	display:block;
	float:none;
	line-height: 1em;
 	text-align:left;
}

#menu_in li ul a {
	color:black;
}


#menu_in li:hover ul { display: block; }

/*end of ben's styles */ 


/* Interior Left Sub Menu */


.menu_in1 {

}

.menu_in1 ul {
	list-style: none;
	padding-left:3em;
	
}

.menu_in1 li {
	padding-bottom:.5em;
	padding-top: .5em;
	font-weight:normal;
}


.menu_in1 a {
	text-decoration: none;
	color: #000000;
}

.menu_in1 a:hover{
	text-decoration:underline;
}

.menu_in1 .active a {
	color:#f9f4ec;
}



/*Footer Menu Home*/

#footermenu {

}

#footermenu ul {
	list-style: none;
	list-style-position:outside;
	text-align:center;
	line-height:1.5em;
	margin-bottom:0em;
	margin-left:0em;
	margin-top:0em;
}

#footermenu li {
	margin: 0px;
	display: inline;
}

#footermenu a {
	padding-left: 5px;
	padding-right: 5px;
	text-decoration: none;
	color: #59003f;
}

#footermenu a:hover{
	text-decoration: underline;
}


/*Footer Menu Interior*/

#footermenuin {
  text-align: center;
  font-weight:bolder;
  padding-top:10px;
}

#footermenuin ul {
	list-style: none;
	list-style-position:outside;
}

#footermenuin  li {
	margin: 0px;
	display: inline;
}


#footermenuin a {
	padding-left: 18px;
	padding-right: 18px;
	text-decoration: none;
	color: #e8e8e8;
}

#footermenuin a:hover{
	text-decoration: underline;
}
