/*** DEFAULT PAGE SETTINGS  ***/
html, body {
	height: 100%;
	width: 100%;
	background-color: #FFFFFF;
	margin: 0;
	padding: 0;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;	
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #333333;
}
a {
	color: #3300FF;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
a:link {
	color: #3300FF;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
a:visited {
	color: #3300FF;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
a:hover {
	color: #000000;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
/*** HEADINGS ***/
h1 {
 font-family: Verdana,Arial,sans-serif;
 font-size: 120%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}
h2 {
 font-family: Arial,sans-serif;
 font-size: 114%;
 color: #006699;
 margin: 0px;
 padding: 0px;
}
h3 {
 font-family: Arial,sans-serif;
 font-size: 100%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}
h4 {
 font-family: Arial,sans-serif;
 font-size: 100%;
 font-weight: normal;
 color: #333333;
 margin: 0px;
 padding: 0px;
}
h5 {
 font-family: Verdana,Arial,sans-serif;
 font-size: 100%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}
/***  UN-ORDERED LISTS  ***/
ul {
 list-style-type: square;
}
ul ul {
 list-style-type: disc;
}
ul ul ul {
 list-style-type: none;
}
/**********************/
/*** SPECIAL STYLES ***/
/**********************/
/*** TOP NAV ***/
/***************/
#masthead {
	padding: 0px;
	background-color: #CC0000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	line-height: 2.5em;
	vertical-align: middle;
	margin: 0px;
	text-align: center;
	position:absolute;
	top:0px;
	width: 87.5%;
	height: 41px;	 
	left:125px; 
	right:100%; 
	z-index:7	
}
#masthead a:link {
	color: #FFFFFF;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}
#masthead a:visited {
	color: #FFFFFF;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}
#masthead a:active {
	color: #FFFFFF;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}
#masthead a:hover {
	color: #000000;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}
/***************/
/*** CONTENT ***/
/***************/
.contentbottom a {
	color: #3300FF;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
#content {
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	position: relative;
	/*  float:left; */
	left: 145px;
	top: 61px;
	width: 80%;
	height: auto;	
	z-index:5	
}
h1 {
	font-family: Arial, Times, serif;
	font-size: 18px;
	font-weight: bold;
	color: #000000;
} 
#content a:link {
	color: #3300FF;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
#content a:visited {
	color: #3300FF;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
#content a:active {
	color: #3300FF;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
#content a:hover {  
	color: #000000;
	text-decoration: none;
}

#contentindex {
	float: left;
	width: 82%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	background-color: #FFFFFF;
	height: 600px;
	position: relative;
}
#indexbody {
	color: #000000;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
/* CSS Popout Menu */
/* Fix IE. Hide from IE Mac \*/
* html #menu ul li {
	float:left;
	height:1%;
}
* html #menu ul li a {
	height:1%;
}
/* End */
.clearer {
	clear: both;
	font-size: 1px;
}
/************************/
/*** LEFT NAV POP-OUT ***/
/************************/
#menu-container {
	float: left;
	height: auto;
	position:absolute; 
	z-index:4	
}
#menu {
	float: left;
	background-color: #cc0000;
	width:125px;
	font-family: helvetica, arial, geneva, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	color: #ffffff;
	height: 100%;
	text-align: center;
	padding-top: .5em;
	position:absolute; 
	left:0px; 
	top:61px; 
	z-index:9;
}
#menu a {
	display:block;
	color: white;
	font-weight: bold;
	padding: .5em;					/* expands menu box */
	/* border-bottom:1.5px solid #990000;		/* adds bottom border */
	/* border-top:.5px solid #990000;		/* adds bottom border */
	border-right:1px solid #990000;		/* adds bottom border */
	border-left:1px solid #990000;		/* adds bottom border */
}
#menu a, #menu a:visited {				/* menu at rest */
	color: white;
	font-weight: bold;
	background-color: #cc0000;
	text-decoration:none;				/* removes underlines from links */
}
#menu a.parent, #menu a.parent:hover { 	/* attaches parent-arrow on all parents */
	/* background-image: url(nav_white.gif);
	background-position: right center;
	background-repeat: no-repeat; */
}
#menu a:hover {	/* on mouse over -- all menus */
	color: black;
	background-color: #cc0000;
}
#menu li {
	list-style-type:none;	/* removes bullets */
}
#menu ul li {
	position:relative;
}
#menu li ul {
	position: absolute;
	top: 0;
	left: 125px;
	display: none;
	z-index: 8;
}
div#menu ul, #menu ul ul, div#menu ul ul ul {
	margin:0;			/* keeps the menu parts together */
	padding:0;
	width: 125px;			/* width of sub menus */
}
div#menu ul ul, div#menu ul ul ul, div#menu ul li:hover ul ul, div#menu ul li:hover ul ul ul {
	display: none;
}
div#menu ul li:hover ul, div#menu ul ul li:hover ul, div#menu ul ul ul li:hover ul {
	display: block;
}
span.link {
    	position: relative;
}

    span.link a span {
    	display: none;
}

span.link a:hover {
    	font-size: 99%;
    	font-color: #000000;
}

span.link a:hover span { 
    display: block; 
    	position: absolute; 
    	margin-top: 100px; 
    	margin-left: -10px; 
	    width: 175px; padding: 5px; 
    	z-index: 200; 
    	color: #000000; 
    	background: #ffffff; 
    	font: 12px "Arial", sans-serif;
    	text-align: left; 
    	text-decoration: none;
}

