#top {
	z-index: 2;
	position:fixed;
	width: 100%;
	height: 118px;
	background-image: url("images/headerBackground.jpg");}

#topBanner {
	z-index: 2;
	position:fixed;
	width: 780px;
	height: 118px;
	background-image: url("images/header.jpg");
	background-repeat: no-repeat;
	background-color: transparent;}

#topText {
	z-index: 3;
	position:fixed;
	top:35px;
	left:590px;
	width:176px;
	font-family: myriad pro, arial, helvetica, sans-serif;
	font-size: 16px;
	text-align: right;
	color: #FFFFFF;
	}
	
	/* THESE THREE STYLES FOR TEST 02-06-12*/
#LeakSqueakText {
	z-index: 1;
	position:absolute;
	top:140px;
	left:170px;
	width:155px;
	}
.leaksqueaktitle {
	font: bold 15px Arial, Helvetica, sans-serif;
	color: #006; text-align: left; line-height:80%}
		
.leaksqueaktext {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #006; text-align: left; line-height:140%}
	
#menus{
    position: absolute;
    z-index:4;
    left:180px;
    top: 100px;	
     }

#left {
	z-index: 2;
	position:fixed;
	top:112px;
	width: 165px;
	background-image: url("../images/left2.jpg");
	font-family: myriad pro, arial, helvetica, sans-serif;
	font-size: 16px;
	text-align: right;
	color: #FFFFFF;
	}
	
	
#mainbody {
	position: absolute;
	z-index: 0;
	top: 150px;
	left: 200px;
	width:600px;
	}
	
#payments {
	position: absolute;
	z-index: 0;
	top: 450px;
	width:600px;
	}
	
#footer {
    z-index:2;
	position:fixed;
	width:165px;
	top: 450px;
	text-align: right;
	font-family: arial;
	font-size: 10px;
	color: #ffffff;
	background-color: transparent;
	}



body {
	background-color: #FFFFFF;
	margin: 0;
	background-image: url("images/leftBackground.jpg");
	background-repeat: repeat-y;}
	
.bodytext {
	text-align: left;
	color: #000066;
	font-family: arial;
	font-size: 12.5px;
	font-weight: normal;
	line-height: 1.5em;}
	
.caption {
	color: #000066;
	font-family: arial;
	font-size: 11px;
	font-style:italic;
	font-weight: normal;
	line-height: 1.0em;}

img {
	border-width: 0;}


.header {
	font: bold 20px Arial, Helvetica, sans-serif;
	color: #000066;}

.header2 {
	font: bold 16px Arial, Helvetica, sans-serif;
	color: #0000cc;}

.header3 {
	font: bold 13px Arial, Helvetica, sans-serif;
	color: #0000cc;}
	

.calloutlabel {
	font: bold 13px Arial, Helvetica, sans-serif;
	color: #0000cc; text-align: center;}
	
.footertext {
    z-index:2;
	position:fixed;
	top: 450px;
	left: 8px;
	text-align: right;
	font-family: arial;
	font-size: 10px;
	color: #ffffff;
	background-color: transparent;
	}

	
	
a:link {font-weight: bold; text-decoration: none}
a:visited {color: #000066; font-weight: bold; text-decoration: none}
a:hover {color: #998800;font-weight: bold; text-decoration: underline}
a:active {font-weight: bold; text-decoration: none}

.leftlink a:link {font-weight: normal; color: #ffffff; text-decoration: none}
.leftlink a:visited {font-weight: normal; color: #ffffff; text-decoration: none}
.leftlink a:hover {font-weight: normal; color: #ffffff; text-decoration: underline}
.leftlink a:active {font-weight: normal; color: #ffffff; text-decoration: none}

.footertext a:link {color: #ffffff;text-decoration: none}
.footertext a:visited {color: #ffffff; text-decoration: none}
.footertext a:hover {color: #ffffff; text-decoration: underline}
.footertext a:active {color: #ffffff; text-decoration: none}

/*DROP DOWN MENU STYLES*/
.jqueryslidemenu{
position:fixed;
top: 107px;
left: 177px;
z-index: 4;
font: bold 12px Verdana;/*was normal*/
background: #ffffff;
width: 100%;
}

.jqueryslidemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.jqueryslidemenu ul li{
position: relative;
display: block;
background: #CC0033;
float: left;
}

/*Top level menu link items style*/
.jqueryslidemenu ul li a{
display: block;
background: #ffffff; /*background of tabs (default state)*/
padding: 8px 10px;
border-right: 1px solid #0000cc;
border-bottom: 1px solid #CCCCCC;
text-decoration: none;
}

* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
color: #000066;
}

.jqueryslidemenu ul li a:hover{
background: #E8E8EE; /*tab link background during hover state*/
color: #000066;
text-decoration: underline;
}
	
/*1st sub level menu*/
.jqueryslidemenu ul li ul{
position: absolute;
display: block;
background: #ffffff; 
font: normal 12px Verdana;
border-left: 1px solid #0000cc;
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{
display: list-item;
font: normal 12px Verdana;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a{
font: normal 12px Verdana;
width: 170px; /*width of sub menus*/
padding: 5px;
margin: 0;
border-top-width: 0;
background: #ffffff; 
border-top: 1px solid gray;
border-bottom: 1px solid gray;
}

.jqueryslidemenu ul li ul li a:hover{ /*sub menus hover style*/
font: normal 12px Verdana;
background: #ffffff;
color: black;
}

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}