body
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
	background-repeat: no-repeat;
	background-image: url(localpic/hslogo.gif);
	background-attachment: fixed;
	background-position: center center;
	font: 12px Verdana;
}
.horizontalcssmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
text-align: left;
}

/*Top level list items*/
.horizontalcssmenu ul li{
position: relative;
display: inline;
float: left;
}

.libullets 
{
	display: block;
	padding: 2px 8px;
	text-decoration: none; /* background: url(../localpic/menubg.gif) center center repeat-x; */
	color: black;
	font: 14px Verdana;
	color: white;
	background-color: #d3cbc8;
}

/*Top level menu link items style*/

.horizontalcssmenu ul li a
{
	display: block;
	padding: 2px 8px;
	text-decoration: none; /* background: url(../localpic/menubg.gif) center center repeat-x; */
	color: black;
	font: 14px Verdana;
	color: white;
	background-color: #d3cbc8;
	text-transform:uppercase;
}
	
/*Sub level menu*/
.horizontalcssmenu ul li ul{
left: 0;
top: 0;
position: absolute;
display: block;
visibility: hidden;
z-index: 100;
}

/*Sub level menu list items*/
.horizontalcssmenu ul li ul li{
display: inline;
float: none;
}


/* Sub level menu links style */
.horizontalcssmenu ul li ul li a
{
	width: 200px; /*width of sub menu levels*/
	font-weight: normal;
	padding: 2px 5px;
	color: white;
	background-color: #d3cbc8;
}

.horizontalcssmenu ul li a:hover
{
	/* background: url(../localpic/menubgover.gif) center center repeat-x; */
	color: maroon;
}

.horizontalcssmenu ul li ul li a:hover
{
	color: maroon;
}

.horizontalcssmenu .arrowdiv{
position: absolute;
right: 0;
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .horizontalcssmenu ul li { float: left; height: 1%; }
* html .horizontalcssmenu ul li a { height: 1%; }
/* End */

.bodytext
{
	color: #333333;
}

.bodytext a
{
	color: #333333;
}
.bodytext a:hover
{
	color: #999999;
}
.collink
{
	Border: solid 1px #FFFFFF;
	padding: 2px 2px 2px 2px;
}
.collink:hover
{
	Border: solid 1px #990000;
	padding: 2px 2px 2px 2px;
}
.footer
{
	color: #FFFFFF;
}
.footer a
{
	color: #FFFFFF;
}
.footer a:hover
{
	color: #990000;
}
/*---------- bubble tooltip -----------*/
a.tt{
    position:relative;
    z-index:24;
    color:#333333;
	font-weight:bold;
    text-decoration:none;
    font: 12px Verdana;
}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; color: #999999;}
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:0px; left:0;
	padding: 15px 0 0 0;
	width:400px;
	color: #FFFFFF;
    text-align: left;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}
a.tt:hover span.top{
	display: block;
	padding: 30px 8px 0;
    background: url(../localpic/bubble.gif) no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url(../localpic/bubble_filler.gif) repeat bottom; 
}
a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #548912;
    background: url(../localpic/bubble.gif) no-repeat bottom;
}
.reportL
{
	text-align: left;	
}
.reportR
{
	text-align: right;	
}
.reportHL
{
	font-weight:bold;
	text-align: left;	
}
.reportHR
{
	font-weight:bold;
	text-align: right;	
}
.reportUHL
{
	font-weight:bold;
	text-align: left;
	text-decoration: underline;
}
.transparent {
background:#ffffff;
text-align: center;
width: 100%;
}
DIV#loader 
{
	border: 1px solid #ccc;  
	width: 30px;  
	height: 30px;}
	/**  * While we're having the loading class set. 
    * Removig it, will remove the loading message */
DIV#loader.loading 
{
	background: url(localpic/ajax-loader.gif) no-repeat center center;}