/********** HTML tags **************/
html, body {
	height: 100%;
	margin: 0px;
	padding: 0px;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #000000;
	background: #ffffff;
}


h1 {
	font-size: 2em;
	font-family: Arial, Helvetica, sans-serif;
	color: #02236a;
	text-transform: uppercase;
	margin: 0px;
}


/*			BEGIN DIV BLOCK DEFINITIONS				*/
#page {
	position: absolute;
	width: 1000px;
	left: 0px;
	top: 221px;
	min-height: 100%; /* This is the proper rule... unfortunately IE ignores it */
	height: 100%; /* This rule is for IE, we correct this for FF below */
	background: url(/images/banner.jpg) repeat-y left 50px; }
body>#page {
	height: auto; /* This rule is for FF, and makes use of the child selector bug in IE */
}

#content {
	position: relative;
	left: 225px;
	width: 762px;
	padding: 0px 10px 10px 0px;
	margin: 0px 3px 3px 0px;
	border-right: 2px solid #02236a;
	border-bottom: 2px solid #02236a;
	background: #ffffff;
	z-index: 20;
	height: 100%;
}

#headerpic {
	position: absolute;
	left: 0px;
	top: 0px;
	display: block;
}

/*			END DIV BLOCK DEFINITIONS				*/
/* ======================================================= */
/*			BEGIN MAIN NAVIGATION STYLING				*/

#menuList {
/* The container for the menu items */
	position: absolute;
	top: -20px;
	left: -0px;
	width: 187px;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	z-index: 100;
	/*background-color:#00FF00;*/
}

#menuList ul {
/* The container for the submenu items */
	display: inline;
	margin: 0px 0px 0px 0px;
	*margin: 0px 0px 0px 0px; /* Margin must be 0, else the gap triggers MouseOut effect */
	padding: 0px 0px 0px 0px;
	background: #fff url(/images/x.gif); /* IE insists on having this background... */
	background-color:#3300FF;
	text-indent: 0px;
	border-top: 2px solid #ffffff;
	
}

#menuList li {
/* The menu/submenu items */
	display: block;
	list-style: none;
	margin: 7px 0px 10px 0px;
	padding: 5px 0px 5px 0px;
	text-align: center;
	background: #02236a;
	
	border-top: 2px solid #ffffff;
	border-bottom: 2px solid #ffffff;
	
}

#menuList li ul li {
/* The menu/submenu items */
	display: block;
	list-style: none;
	margin: 0px 0px 0px 0px;
	*margin: -2px 0px 0px -16px;
	padding: 0px 0px 0px 0px;

	text-align: center;
	background: #02236a;
	/*border-top: 1px solid #ffffff;*/
	/*border-bottom: 2px solid #ffffff;
	background-color:#6633CC;*/
}

#menuList li ul li ul{
/* The menu/submenu items */
	margin: -7px 0px 0px 0px;
	*margin: 0px 0px 0px 0px; /* Margin must be 0, else the gap triggers MouseOut effect */
	/*border-top: 1px solid #ffffff;*/
	/*border-bottom: 2px solid #ffffff;
	background-color:#6633CC;*/
}

#menuList li a {
display: block;
}

a.starter {
/* The links in the menu/submenu items with submenus underneath them */
	display: block;
	width: 183px;
	margin: 0px 2px 0px 2px;
	*margin: 0px;
	padding: 0px 0px 0px 0px;
	font-size: 1.2em;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	background: #02236a;
}
a.starter:hover, a.menuHeading:active {
	text-decoration: underline;
}

.menu {
	display:  block;
	width: 187px;  /* IE insists on an absolute value here - no %'s */
	position: absolute;
	visibility: hidden;
	padding: 0px;
	margin: 0px;
	
	border: none;
	
	
}

.menu li
{
	display:  block;
	list-style: none;
	margin: 0px;
	
	padding: 0px;
	border: none;
	text-align: center;
	/*background: #02236a;*/
	background-color: #FF0033;
	
}
.menu li a{
	display: block;
	width: 183px;
	*width: 187px;
	margin: 5px 2px 5px 2px;
	*margin: -10px 0px 0px 0px;
	padding: 0px;
	*padding: 5px 0px 5px 0px;
	border: none;
	font-size: 1.2em;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	background: #02236a;
	/*background-color: #FF0033;*/
	border: none;
	
}


.menu li a:hover, a.menuHeading:active {
	text-decoration: underline;
}





/*		END NAVIGATION STYLES		*/