/* Push the page to the full capacity of the viewing area */

html
{
	height:100%;
	font-family:arial;
	font-size:small;
}

body
{
	height:100%;
	margin:0;
	padding:0;
}

a:link
{
	color:#333399;
	text-decoration:none;
}

a:visited
{
	color:#333399;
	text-decoration:none;
}

a:hover
{
	color:red;
}

a.bannerlink:link
{
	color:white;
	text-decoration:underline;
}

a.bannerlink:visited
{
	color:white;
	text-decoration:underline;
}

a.bannerlink:hover
{
	color:red;
	text-decoration:underline;
}

.login_button
{
	font-family:Arial;
	color:white;
	background-color:#800000;
	border-style:outset;
}

.forgotten_button
{
	color:white;
	text-decoration:underline;
	background-color:transparent;
	border-style:none;
	cursor:pointer;
	width:160px;
	text-align:left;
	padding:0px;
	font-size:small;
}

.advanced_button
{
	color:gray;
	text-decoration:underline;
	background-color:transparent;
	border-style:none;
	cursor:pointer;
	width:60px;
	text-align:left;
	font-size:xx-small;
	padding:0;
	margin:0;
}

#headerbg
{
	position:absolute;
	z-index:-1;
	top:0px;
	left:0px;
	width:100%;
	height:100px;
	visibility:visible;
}
           
#header
{
	position:absolute;
	top:0px;
	left:0px;
	font-family:Arial;
	color:#FFFFFF;
	text-align:left;
	width:100%;
	height:100px;
	text-indent:10px;
	visibility:visible;
}

#main
{
	position:absolute;
	top:110px;
	left:0px;
	padding: 5% 10% 5% 10%;
	margin: 5% 10% 5% 10%;
	font-family:arial;
	border-style:outset;
	font-size:small;
}

/* CSS Drop Down Menu */

#menuh-container
{
	position:absolute;
	top:100px;
	left:0px;
	width:100%;
	border-top: 1px solid #555;
	border-bottom: 1px solid #555;
	z-index:120;
}

#menuh
{
	font-size:small;
	font-family:arial, helvetica, sans-serif;
	width:100%;
	float:left;
	margin:0px;	/* Was 2em */
	border:none;
}
		
#menuh a
{
	text-align:center;
	display:block;
	white-space:nowrap;
	margin:0;
	padding:0.1em;	/* Was 0.3em */
}
	
#menuh a:link, #menuh a:visited, #menuh a:active	/* menu at rest */
{
	color:#333399;	/* Dark blue */
	background-color:white;
	text-decoration:none;
}
	
#menuh a:hover	/* menu on mouse-over  */
{
	color:#333399;
	background-color:#EBEBEB;	/* Light grey (#CDB398 = Sandy) */
	text-decoration:none;
}	

#menuh ul
{
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	width:120px;	/* width of all menu boxes */
	/* NOTE: For adjustable menu boxes comment out the above width rule,
	but you will have to add padding in the "#menuh a" rule so that the menu boxes
	will have space on either side of the text */
}

#menuh li
{
	position:relative;
	min-height:1px;
	min-width:119px;
	vertical-align:bottom;
	border-right:1px solid #555;
}

#menuh ul ul
{
	position:absolute;
	left:-1px;
	z-index:500;
	top:auto;
	display:none;
}
	
#menuh ul ul ul
{
	top:-1px;
	left:100%;
	width:auto;
}

#menuh li li li
{
	width:100%;
}

div#menuh li:hover
{
	cursor:pointer;
	z-index:150;
}

div#menuh li:hover ul ul,
div#menuh li li:hover ul ul,
div#menuh li li li:hover ul ul,
div#menuh li li li li:hover ul ul
{
	display:none;
	border:none;
}

div#menuh li:hover ul,
div#menuh li li:hover ul,
div#menuh li li li:hover ul,
div#menuh li li li li:hover ul
{
	display:block;
	border-left:1px solid #555;
	border-bottom:1px solid #555;
}

div#menuh li:hover li li,
div#menuh li li:hover li li,
div#menuh li li li:hover li li,
div#menuh li li li li:hover li li
{
	border:none;
}

div#menuh li:hover li,
div#menuh li li:hover li,
div#menuh li li li:hover li,
div#menuh li li li li:hover li
{
	border-top:1px solid #555;
	border-right:1px solid #555;
}

/* End CSS Drop Down Menu */
