body
{    
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    text-decoration: none;
    text-align: left;
    background-color: #FFFFFF;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

.style3 { height: 94%; }
.style5 { height: 94%; width: 150px; }
#Text1 { text-align: right; }

a { text-decoration: none; }
a:hover { color: #800000; }
img { border:0px; }

.blueall { BORDER: #4f6ba0 1px solid; PADDING: 5px; background-color: #dee7ec; } 
/* manny seddon 12/8/8 for Live box */
.greenall { BORDER: #98c93c 1px solid; PADDING: 5px; background-color: #cae09a; } 
/* manny seddon 13/8/8 for BTU box */

/* Standard page title */
.pagetitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 150%;
	font-weight: bold;
}

/* Date for News */
.date { font-weight: bold; text-align: right; }
.date2 { font-weight: bold; text-align: left; }

/* submenu item */
.submenu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 125%;
	font-weight: bold;
}

div.ict { padding: 5px; background-color: #E83A00; color: #FFFFFF; border: 1px solid #800000; position: absolute; width: 350px; top: 10px; left: 205px; cursor:default; }

div.ict a, div.ict a:link, div.ict a:hover, div.ict a:visited { color:Yellow; }


/**************** menu coding *****************/
#menu {
width: 100%;
background: #fff;
float: left;
}
 
#menu ul {
list-style: none;
margin: 0;
padding: 0;
width: 14em;
float: left;
}
 
#menu ul.space {
list-style: none;
margin: 0;
padding: 0;
width: 0.4em;
float: left;
}
 
#menu a, #menu h2 {
font: bold 10px/14px arial, helvetica, sans-serif;
display: block;
border-width: 0px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
margin: 0;
padding: 2px 3px;
}
 
#menu .space a, #menu h2 {
font: bold 10px/14px arial, helvetica, sans-serif;
display: block;
border-width: 0px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
margin: 0;
padding: 2px 3px;
}
 
#menu h2 {
color: #fff;
background: #fff;
text-transform: uppercase;
text-align:center;
}

#menu .yellow h2 {
color: #000000;
background: #E5DF45;
text-transform: uppercase;
text-align:center;
}

#menu .orange h2 {
color: #000000;
background: #FF9900;
text-transform: uppercase;
text-align:center;
}

#menu .maroon h2 {
color: #000000;
background: #CC9999;
text-transform: uppercase;
text-align:center;
}

#menu .green h2 {
color: #000000;
background: #99CC66;
text-transform: uppercase;
text-align:center;
}

#menu .blue h2 {
color: #000000;
background: #99CCCC;
text-transform: uppercase;
text-align:center;
}
 
#menu a {
color: #000;
background: #fff;
text-decoration: none;
}
 
#menu .yellow a {
border-top: 1px solid #000000; 
color: #000;
background: #E5DF45;
text-decoration: none;
}
 
#menu .orange a {
border-top: 1px solid #000000; 
color: #000;
background: #FF9900;
text-decoration: none;
}
 
#menu .maroon a {
border-top: 1px solid #000000; 
color: #000;
background: #CC9999;
text-decoration: none;
}
 
#menu .green a {
border-top: 1px solid #000000; 
color: #000;
background: #99CC66;
text-decoration: none;
}
 
#menu .blue a {
border-top: 1px solid #000000; 
color: #000;
background: #99CCCC;
text-decoration: none;
}
 
#menu a:hover {
color: #a00;
background: #efefef;
}
 
#menu li {position: relative;}
 
#menu ul ul {
position: absolute;
z-index: 500;
}
 
#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}
 
div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover 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;}
 



/*
div.yellow { background-color: #E5DF45; position: absolute; width: 165px; top: 113px; left: 0px; color: #000000; list-style-type:none; }

div.yellow span a { border-top: 1px solid #000000; font-size: 95%; padding-left: 0.7em; padding-top: 0.1em; padding-bottom: 0.1em; color: #000000; display: block; }

div.yellow span:hover a { border-top: 1px solid #000000; color: #000000; background-color: #C0C0C0; width: 157px; color: #000000; display: block; }

div.yellowX { border-bottom: 1px dashed #000000; background-color: #ffffff; width: 250px; color: #000000; list-style-type:none; }

div.yellowX span a { border-top: 1px dashed #000000; font-size: 125%; padding-left: 0.7em; padding-top: 1.0em; padding-bottom: 1.0em; color: #000000; display: block; }

div.yellowX span:hover a { border-top: 1px dashed #000000; color: #000000; background-color: #C0C0C0; width: 243px; color: #000000; display: block; }

div.orange { background-color: #FF9900; position: absolute; width: 165px; top: 113px; left: 169px; color: #000000; list-style-type:none; }

div.orange span a { border-top: 1px solid #000000; font-size: 95%; padding-left: 0.7em; padding-top: 0.1em; padding-bottom: 0.1em; color: #000000; display: block; }

div.orange span:hover a { border-top: 1px solid #000000; color: #000000; background-color: #C0C0C0; width: 157px; color: #000000; display: block; }

div.orangeX { border-bottom: 1px dashed #000000; background-color: #FFffff; width: 250px; color: #000000; list-style-type:none; }

div.orangeX span a { border-top: 1px dashed #000000; font-size: 125%; padding-left: 0.7em; padding-top: 1.0em; padding-bottom: 1.0em; color: #000000; display: block; }

div.orangeX span:hover a { border-top: 1px dashed #000000; color: #000000; background-color: #C0C0C0; width: 243px; color: #000000; display: block; }



div.maroon { background-color: #CC9999; position: absolute; width: 165px; top: 113px; left: 339px; color: #000000; list-style-type:none; }

div.maroon span a { border-top: 1px solid #000000; font-size: 95%; padding-left: 0.7em; padding-top: 0.1em; padding-bottom: 0.1em; color: #000000; display: block; }

div.maroon span:hover a { border-top: 1px solid #000000; color: #000000; background-color: #C0C0C0; width: 157px; color: #000000; display: block; }

div.maroonX { border-bottom: 1px dashed #000000; background-color: #FFffff; width: 250px; color: #000000; list-style-type:none; }

div.maroonX span a { border-top: 1px dashed #000000; font-size: 125%; padding-left: 0.7em; padding-top: 1.0em; padding-bottom: 1.0em; color: #000000; display: block; }

div.maroonX span:hover a { border-top: 1px dashed #000000; color: #000000; background-color: #C0C0C0; width: 243px; color: #000000; display: block; }


*/