/* 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;
}

.calendar_month
{
  font-family:arial;
  font-size:x-small;
  text-align:center;
  background-color:#CCCCCC;
}

.calendar_day
{
  font-family:arial;
  font-size:x-small;
  text-align:right;
}

a.calendar_day:link
{
  color:black;
  text-decoration:none;
}

a.calendar_day:visited
{
  color:black;
  text-decoration:none;
}

a.calendar_day:hover
{
  color:red;
  text-decoration:none;
}

#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:20;
}

#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:#C0C0C0;  /* 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:100;
}

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 */
