body
{
background-image:url(images/bg.jpg);
background-repeat:repeat-x;
margin:0px;
font-family: verdana, tahoma, arial, helvetica, sans-serif;
font-size: 1.0em;
}
h1
{
font-size: 1.3em;
font-weight:bold;
color:#CC0000;
font-family: georgia,verdana, tahoma, arial, helvetica, sans-serif;
}
h2
{
font-size: 0.8em;
color:#0099CC;
}
h2.sub
{
font-size: 1.0em;
color:#0099CC;
}
h3
{
font-size: 0.7em;
}
p
{
font-size: 0.7em;
}
p.warn
{
font-size: 0.7em;
font-weight:bold;
color:#990000;
}
#container
{
width: 90%;
margin: 10px auto;
background-color: #fff;
color: #333;
border: 1px solid gray;
line-height: 130%;
}

/*------------*/
/*header stuff*/
/*------------*/

#top1
{
height: 150px;
background-color: #fff;
color: #a4a4ea;
background-repeat: no-repeat;
border-bottom: 1px solid gray;
text-align:right;
background-image: url(images/tb001.jpg);
}
#top2
{
height: 150px;
background-color: #fff;
color: #a4a4ea;
background-repeat: no-repeat;
border-bottom: 1px solid gray;
text-align:right;
background-image: url(images/tb002.jpg);
}
#top3
{
height: 150px;
background-color: #fff;
color: #a4a4ea;
background-repeat: no-repeat;
border-bottom: 1px solid gray;
text-align:right;
background-image: url(images/tb003.jpg);
}
#top4
{
height: 150px;
background-color: #fff;
color: #a4a4ea;
background-repeat: no-repeat;
border-bottom: 1px solid gray;
text-align:right;
background-image: url(images/tb004.jpg);
}
#top5
{
height: 150px;
background-color: #fff;
color: #a4a4ea;
background-repeat: no-repeat;
border-bottom: 1px solid gray;
text-align:right;
background-image: url(images/tb005.jpg);
}
#top6
{
height: 150px;
background-color: #fff;
color: #a4a4ea;
background-repeat: no-repeat;
border-bottom: 1px solid gray;
text-align:right;
background-image: url(images/tb006.jpg);
}
#top7
{
height: 150px;
background-color: #fff;
color: #a4a4ea;
background-repeat: no-repeat;
border-bottom: 1px solid gray;
text-align:right;
background-image: url(images/tb007.jpg);
}
#top8
{
height: 150px;
background-color: #fff;
color: #a4a4ea;
background-repeat: no-repeat;
border-bottom: 1px solid gray;
text-align:right;
background-image: url(images/tb008.jpg);
}
#top9
{
height: 150px;
background-color: #fff;
color: #a4a4ea;
background-repeat: no-repeat;
border-bottom: 1px solid gray;
text-align:right;
background-image: url(images/tb009.jpg);
}
#top10
{
height: 150px;
background-color: #fff;
color: #a4a4ea;
background-repeat: no-repeat;
border-bottom: 1px solid gray;
text-align:right;
background-image: url(images/tb010.jpg);
}
#top11
{
height: 150px;
background-color: #fff;
color: #a4a4ea;
background-repeat: no-repeat;
border-bottom: 1px solid gray;
text-align:right;
background-image: url(images/tb011.jpg);
}
#top12
{
height: 150px;
background-color: #fff;
color: #a4a4ea;
background-repeat: no-repeat;
border-bottom: 1px solid gray;
text-align:right;
background-image: url(images/tb012.jpg);
}
#top13
{
height: 150px;
background-color: #fff;
color: #a4a4ea;
background-repeat: no-repeat;
border-bottom: 1px solid gray;
text-align:right;
background-image: url(images/tb013.jpg);
}
#top14
{
height: 150px;
background-color: #fff;
color: #a4a4ea;
background-repeat: no-repeat;
border-bottom: 1px solid gray;
text-align:right;
background-image: url(images/tb014.jpg);
}
#top15
{
height: 150px;
background-color: #fff;
color: #a4a4ea;
background-repeat: no-repeat;
border-bottom: 1px solid gray;
text-align:right;
background-image: url(images/tb015.jpg);
}
#top16
{
height: 150px;
background-color: #fff;
color: #a4a4ea;
background-repeat: no-repeat;
border-bottom: 1px solid gray;
text-align:right;
background-image: url(images/tb016.jpg);
}
#top17
{
height: 150px;
background-color: #fff;
color: #a4a4ea;
background-repeat: no-repeat;
border-bottom: 1px solid gray;
text-align:right;
background-image: url(images/tb017.jpg);
}
#top18
{
height: 150px;
background-color: #fff;
color: #a4a4ea;
background-repeat: no-repeat;
border-bottom: 1px solid gray;
text-align:right;
background-image: url(images/tb018.jpg);
}
#top19
{
height: 150px;
background-color: #fff;
color: #a4a4ea;
background-repeat: no-repeat;
border-bottom: 1px solid gray;
text-align:right;
background-image: url(images/tb019.jpg);
}
#top20
{
height: 150px;
background-color: #fff;
color: #a4a4ea;
background-repeat: no-repeat;
border-bottom: 1px solid gray;
text-align:right;
background-image: url(images/tb020.jpg);
}
#top21
{
height: 150px;
background-color: #fff;
color: #a4a4ea;
background-repeat: no-repeat;
border-bottom: 1px solid gray;
text-align:right;
background-image: url(images/tb021.jpg);
}
#top22
{
height: 150px;
background-color: #fff;
color: #a4a4ea;
background-repeat: no-repeat;
border-bottom: 1px solid gray;
text-align:right;
background-image: url(images/tb022.jpg);
}
#toptext
{
margin-top: 70px;
float: right;
padding: 1px 0px 0px 0px;
background-image: url(images/opaque.gif);
width: 450px;
height: 70px;
color: #fffff2;
border-style: solid none solid none;
border-width: 1px;
border-color: #ffffff;
}
#toptitle1
{
padding: 12px 5px 5px 0px;
font-weight:bold;
font-size:1.6em;
}
#toptitle2
{
padding: 0px 5px 0px 0px;
font-weight:bold;
font-size:0.8em;
}
#top h1
{padding: 5px; margin-top: 10px;}
#top p 
{padding: 0 5px; margin-top: -15px; font-weight:bold;}

#tabs
{
padding: 3px 5px;
background-color: #ddd;
color: #000;
border-bottom: 1px solid gray;
}

#tabs ul#tabnav
{
padding: 0;
margin: 0;
list-style-type: none;
background-color: #ddd;
color: #000;
text-align:right;
}

#tabs ul#tabnav li { display: inline; text-align:center;}

#tabs ul#tabnav li a
{
width: 90px;
background-color: #ddd;
color:#000;
font-weight:300;
padding:2px 4px;
text-decoration: none;
}

#tabs ul#tabnav li a:hover
{
background-color: #f0e7d7;
color: #800000;
text-decoration: underline;
}

/*----------*/
/*eof header*/
/*----------*/

/*---------------*/
/*cols and footer*/
/*---------------*/

#leftnav
{
float: left;
width: 185px;
margin: 0;
padding: 1em;
}

#content
{
margin-left: 220px;
border-left: 1px solid gray;
padding: 1em;
min-height: 400px;
}

#footer
{
clear: both;
margin: 0;
padding: 5px;
color: #333;
background-color: #ddd;
border-top: 1px solid gray;
font-size:0.8em;
}

/*-------------------*/
/*eof cols and footer*/
/*-------------------*/

/*----------*/
/*misc stuff*/
/*----------*/

img, img a, a img
{border: 0;}
#leftnav p { margin: 0 0 1em 0; }
#content h2 { margin: 0 0 .5em 0; }
.centre
{text-align:center;}
img, img a, a img
{border: 0;}

/*--------*/
/*eof misc*/
/*--------*/

/*------------*/
/*LINK STYLES */
/*------------*/
#content a:link,a:visited,a:focus,a:active
{
text-decoration:underline;
font-size: 1.0em;
color:#000099;
background:#ffffff;
padding: 0px;
margin: 0px;
}
#content a:hover
{
text-decoration:underline;
color:#ee9900;
background:#ffffff;
font-size: 1.0em;
padding: 0px;
margin: 0px;
}
#content li
{
font-size: 0.7em;
}
#content li.sub
{
font-size: 1.0em;
}

table
{
font-size:1.0em;
}
#content table
{
font-size:0.7em;
}
th
{
text-align: left;
}

/*-------------*/
/* FORM STYLES */
/*-------------*/
.eventsdropdown
{
font-size:0.7em;
width: 400px;
font-family: verdana, tahoma, arial, helvetica, sans-serif;
}
.input
{
font-size:0.7em;
font-family: verdana, tahoma, arial, helvetica, sans-serif;
}
.button
{
font-size:0.7em;
font-family: verdana, tahoma, arial, helvetica, sans-serif;
font-weight: bold;
margin-top: 12px;
}
.formlabel
{
padding: 0px;
margin:0px;
line-height:1.5em;
font-weight:bold;
color:#ee6600;
}

/* -------- */
/* Left Nav */
/* -------- */

.leftmenu {
position:relative;
z-index:100;
height:800px;
font-size:0.7em;
}
/* remove all the bullets, borders and padding from the default list styling */
.leftmenu ul {
padding:0;
margin:0;
list-style-type:none;
}
.leftmenu ul ul {
width:150px;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.leftmenu li {

width:150px;
position:relative;
}
/* style the links for the top level */
.leftmenu a, .leftmenu a:visited {
display:block;
font-weight:bold;
text-decoration:none; 
color:#666666; 
width:139px; 
height:30px; 
border-width: 1px;
border-color: #ffe #aaab9c #ccc #fff;
border-style: solid; 
background:#eeeeee; 
padding-left:10px; 
line-height:29px;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .leftmenu a, * html .leftmenu a:visited {
width:150px;
w\idth:139px;
}

/* style the second level background */
.leftmenu ul ul a.drop, .leftmenu ul ul a.drop:visited {
background:#eeeeff url(../../graphics/drop.gif) bottom right no-repeat;

}
/* style the second level hover */
.leftmenu ul ul a.drop:hover{
background:#eeeeff url(../../graphics/drop.gif) bottom right no-repeat;
}
.leftmenu ul ul :hover > a.drop {
background:#eeeeff url(../../graphics/drop.gif) bottom right no-repeat;
}
/* style the third level background */
.leftmenu ul ul ul a, .leftmenu ul ul ul a:visited {
background:#e2dfa8;
}
/* style the third level hover */
.leftmenu ul ul ul a:hover {
background:#b2ab9b;
}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.leftmenu ul ul {
visibility:hidden;
position:absolute;
height:0;
top:0px;
left:150px; 
width:150px;
}
/* another hack for IE5.5 */
* html .leftmenu ul ul {
top:0px;
t\op:0px;
}


/* style the table so that it takes no ppart in the layout - required for IE to work */
.leftmenu table {position:absolute; top:0; left:0;}

/* style the second level links */
.leftmenu ul ul a, .leftmenu ul ul a:visited, .leftmenu ul ul a:active {
background:#eeeeee; 
color:#666666; 
height:auto; 
line-height:1.1em;
margin:0px;
padding:5px 10px; 
width:129px;
text-decoration: none;
/* yet another hack for IE5.5 */
}
* html .leftmenu ul ul a{
width:150px;
w\idth:129px;
}


/* style the top level hover */
.leftmenu a:hover, .leftmenu ul ul a:hover{
color:#cc0000; 
background:#ffffff;
border-width: 1px;
border-color: #ffe #aaab9c #ccc #fff;
border-style: solid;
}
.leftmenu :hover > a, .leftmenu ul ul :hover > a {
color:#fff;
background:#006699;
}
/* make the second level visible when hover on first level list OR link */
.leftmenu ul li:hover ul,
.leftmenu ul a:hover ul{
visibility:visible; 
}

/* -------- */
/* Top Nav */
/* -------- */
#topnavbar
{
width: 100%;
background-color:#006699;
text-align:right;
height:34px;
font-size:0.7em;
}

.topmenu { 
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
position:relative;
z-index:100;
float:right;
margin-right:5px;
margin-top:4px;
}
/* remove all the bullets, borders and padding from the default list styling */
.topmenu ul {
padding:0px;
margin:0;
list-style-type:none;
}
.topmenu ul ul {
width:90px;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.topmenu li {
float:left;
width:94px;
position:relative;
text-align:center;
border:1px solid #fff;
font-size:1.0em;
}
/* style the links for the top level */
.topmenu a, .topmenu a:visited {
display:block;
text-decoration:none; 
color:#fff; 
width:90px; 
height:25px;  
background:#b7c8f3; 
padding-left:5px; 
line-height:24px;
font-size:1.0em;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .topmenu a, * html .topmenu a:visited {
width:100px;
w\idth:100px;
}

/* style the second level background */
.topmenu ul ul a.drop, .topmenu ul ul a.drop:visited {
background:#eeeeee url(../../graphics/drop.gif) bottom right no-repeat;

}
/* style the second level hover */
.topmenu ul ul a.drop:hover{
background:#eeeeee url(../../graphics/drop.gif) bottom right no-repeat;
}
.topmenu ul ul :hover > a.drop {
background:#eeeeee url(../../graphics/drop.gif) bottom right no-repeat;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.topmenu ul ul {
visibility:hidden;
position:absolute;
height:0;
top:24px;
left:0; 
width:80px;
font-size:1.0em;
}
/* another hack for IE5.5 */
* html .topmenu ul ul {
top:24px;
t\op:25px;
}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.topmenu table {position:absolute; top:0; left:0; font-size:1.0em;}

/* style the second level links */
.topmenu ul ul a, .topmenu ul ul a:visited, .topmenu ul ul a:active {
background:#b7c8f3; 
color:#000; 
height:auto; 
line-height:1em; 
padding:5px 10px; 
width:129px;
text-decoration: none;
/* yet another hack for IE5.5 */
}
* html .topmenu ul ul a{
width:150px;
w\idth:129px;
}


/* style the top level hover */
.topmenu a:hover, .topmenu ul ul a:hover{
color:#cc0000; 
background:#eeeeee;
}
.topmenu :hover > a, .topmenu ul ul :hover > a {
color:#cc0000;
background:#eeeeee;
}

/* make the second level visible when hover on first level list OR link */
.topmenu ul li:hover ul,
.topmenu ul a:hover ul{
visibility:visible; 
}

/*             */
/* HHSRS TABLE */
/*             */
#hhsrstable
{
width: 70%;
text-align:center;
font-weight:bold;
width:400px;
}
#hhsrs1
{
width:100%;
background-color:#b7dbff;
font-size:0.7em;
height:34px;
padding:6px;
}
#hhsrs2
{
width:100%;
background-color:#99ccff;
font-size:0.7em;
height:34px;
padding:6px;
}
#hhsrs3
{
width:100%;
background-color:#69b4ff;
font-size:0.7em;
height:34px;
padding:6px;
}
#hhsrs4
{
width:100%;
background-color:#3399ff;
font-size:0.7em;
height:40px;
padding:6px;
}
#hhsrs5
{
width:100%;
background-color:#0079f2;
font-size:0.8em;
height:34px;
padding:6px;
color:#FFFFFF;
}
#hhsrsimg
{
padding-top: 2px;
padding-bottom: 2px;
}