BODY.old {
	font-family : Verdana;
	font-size : 0.8em;
	background-color : #80FF80;
}
BODY.EGSMenu {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 0.8em;
	background-color : #FF9933;
}
BODY{
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 0.8em;
	background-color : #FFFFFF;
	scrollbar-base-color : #339966;
	scrollbar-arrow-color : White;
}

BODY.Watermarked
{
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 0.8em;
	background-color : #FFFFFF;
	scrollbar-base-color : #339966;
	scrollbar-arrow-color : White;
	background-attachment : fixed;
	background-image : url(Images/Icons/logo_watermark.gif);
	background-position : bottom right;
	background-repeat : no-repeat;
}
A.EGSMenu {
	text-decoration : none;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	color : Black;
	line-height : 200%;
	font-weight : bold;
}

A.EGSMenu:HOVER {
	color : Red;
}
A.EGSSubMenu {
	text-decoration : none;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight : bold;
	color : #00008B;
	line-height : 200%;
}

A.EGSSubMenu:HOVER {
	color : Red;
}
TABLE {
	color : Black;
	font-size : 100%;
}
H4 {
	font-size : larger;
}

.TinyText{
	font-size: smaller;
}

.TinyTextInline{
	font-size: smaller;
	display : inline;

}

.tandc_h4
{
	padding-bottom : 0pt;
	margin-bottom : 0pt;
}


.tandc_h5
{
	display : inline;
	padding-right : 14pt;
}

.tandc_h6
{
	display : inline;
	padding-right : 14pt;
}

.indent1
{
   padding-left: 10pt;
   padding-right: 10pt;
}

.indent2
{
   padding-left: 20pt;
   padding-right: 20pt;
}

h1 { 
font: bold 1.5em arial, verdana, ans-serif; 
padding: .4em; 
border: 2px solid #000000; 
color: #CC0000; 
background-color: #F5F5F5; 
margin: 0 0 20px 0; /* top right bottom left */ 
}

.H4NoSpace
{
	padding-bottom: 0pt; 
	margin-bottom: 0pt;
}

/* THINGS FOR THE MENUBAR */

/* Set the menu bar margins to "auto"
 * so that the browser does the centering.
 */
ul.MenuBarHorizontal {
    margin:auto;
    BACKGROUND: url(Images/Icons/menushade.jpg) repeat-x 0px 100%;
}

/* This sets the background, but screws the hover colour. */
ul.MenuBarHorizontal a{
    BACKGROUND: url(Images/Icons/menushade.jpg) repeat-x 0px 100%;
}

/* Set specific styles to show the alternative graohics for selected items. */
/* Make the href transparent so we can see the graphic below. */
#MenuBar1 li a {
	background-color: transparent;
}
/* Show alternative image */
#MenuBar1 a:hover, #MenuBar1 a:focus {
    BACKGROUND: url(Images/Icons/menushade3.jpg) repeat-x 0px 100%;
}
/* Show alternative image */
#MenuBar1 a.MenuBarItemHover, #MenuBar1 a.MenuBarItemSubmenuHover, #MenuBar1 a.MenuBarSubmenuVisible {
    BACKGROUND: url(Images/Icons/menushade3.jpg) repeat-x 0px 100%;
}

/* Make top-level menu 7em Wide */
#MenuBar1 li {
	width: 8em;    
    background: url(Images/Icons/menushade.jpg) repeat-x 0px 100%;

}

/* Make submenus 20em Wide */
#MenuBar1 ul, #MenuBar1 ul li {
	width: 20em;
    background: url(Images/Icons/menushade.jpg) repeat-x 0px 100%;
}


/******************* FOOTER STUFF *****************/
html, body, #contents {
	min-height: 100%;
	width: 100%;
	height: 100%;
}

/*
 * The "height" above is a hack for IE5+/Win.  Below we adjust
 * it using the child selector to hide from IE5+/Win
 */
	
html>body, html>body #contents {
	height: auto;
}

/*
 * Without this, Moz1.0 adds a vertical scrollbar
 */

body {
	margin: 0;
	font-family: Arial, sans-serif;
}

#contents {
	position: absolute;
	top: 0;
    left: 0;
/*  Use the following to center this at 50% width, or this for 750px: width: 700px, margin-left: -350px: */
/*
	left: 50%;
    width: 50%;
    margin-left: -25%;
*/
}

#footer {
	position: absolute;
	bottom: 0;
	width: 70% !important;
	width /**/: 100%; /* IE ignores the !important attribute, others don't */
	text-align: center;
	padding: 0 15%;
}



#main {
	margin-bottom: 5em;
	height: auto;
	padding: .5em;
}