#indexpage { background-image: url(images/background2010.gif);
	background-attachment: fixed;
}

#contentpage 
{
	background-color:transparent;
	 font-size:110%;
}
		.tabbox { position: relative; width: 252px; border: solid #000; border-width: 1px}
		.tabbox h2 {  margin: 0; padding: 0;  border: solid #000; border-width: 1px 1px 0 1px;  }
		.tabbox h2 a.les { display: block; font-size: .7em;  color: #000; text-decoration: none;  background: #DEDEDE;}
		.tabbox h2 a.sel { display: block; font-size: 0.7em;  color: #000; text-decoration: none; background: #fff; }
		
		.tabbox h2 a:hover { background: #FFC; }
		.tabpanel { background: #ffffff; clear:both;}
		.tabbox .sel .tabpanel { margin:0; display: block; overflow: auto; }
		.tabbox .les .tabpanel { display: none; overflow: auto; }
		.highlight {background:yellow;}
		
		
DIV.top{background-image: url(images/harwellBanner_top.jpg); width:730px; height:111px;}
DIV.bottom{background-image: url(images/harwellBanner_bottom.jpg);}

p.leagueTable{ background-color: white; 
               font-family: Arial, courier, Verdana, Helvetica, Arial, sans-serif;}

b.caption{ background-color: white;
    color: navy;    
    text-align: center;
}

div.image div{
# caption for images
font-size: 60%;
#text-align: center;
}

div.image {
# 
margin-left: auto;
    margin-right: auto;
}

p.trainingNotice{background-color: #191970;
    color: white;
    font-size: 1.25em;
    font-family: Arial, Verdana, Helvetica, Arial, sans-serif;
    text-align: center;
    letter-spacing: 1px;}
    
p.specialNotice {background-color:yellow;
    color: white;
    font-size: 1.25em;
    font-family: Arial;
    text-align: center;}

p.trialNotice{background-color: cyan;
    color: black;
    font-size: 1.25em;
    font-family: Arial, Verdana, Helvetica, Arial, sans-serif;
    text-align: center;
    letter-spacing: 2.75px;}
p.textBox
{
	background-color: #AFEEEE;
    color: navy;
    font-family: Arial, Verdana, Helvetica, Arial, sans-serif;
    text-align: left;
}

#menu {
width: 100%;
float: right;
font-size: 1.5em;
background-image: url(images/harwellBanner_bottom.jpg);
width:730px; height:37px;}

#menu ul 
{
text-align: center;
list-style: none;
margin: 0;
padding: 0;
float: right;}

#menu a, #menu h2 {
text-align: center;
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;
border-width: 1px;
border-style: solid;
border-color: #ccc;
margin: 0;
padding: 1px;
}

#menu h2 {
text-align: center;
color: #000;
background: #000;
text-transform: uppercase;
padding: 1px;
}

#menu a {
text-align: center;
color: #000;
background: #efefef;
text-decoration: none;
}


#menu a:hover {
color: #a00;
background: #fff;
}

#menu li {position: relative;}

#menu ul ul {
text-align: center;
position: absolute;
z-index: 500;
font-size: 0.8em;
}

div#menu ul ul {
display: none;
}

div#menu ul li:hover ul
{display: block;}

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;}

<!--[if IE]>
<style type="text/css" media="screen">
body {
behavior: url(csshover.htc);
font-size: 100%;
}

#menu ul li {float: left; width: 100%;}
#menu ul li a {height: 1%;} 

#menu a, #menu h2 {
font: bold 0.7em/1.4em arial, helvetica, sans-serif;
}
<![endif]-->