@charset "utf-8";
/* CSS Document */


.leftNav {
	background-image:url(images/leftNav.jpg);
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	width:228px;
	padding-top:30px;
}

#leftNavTitle {
	font-size:16px;
	font-weight:bold;
	display:block;
}

#leftNavText {
	font-size:14px;
	padding-bottom:15px;
}

.leftNav ul {
	padding:0;
	margin:0;
	border:0;
	list-style-type:none;          /* we don't want to view the list as a list */
}

.leftNav ul li{
	padding-left:40px;
	padding-right:35px;
	padding-top:5px;
	padding-bottom:5px;
	margin-bottom:10px;
}

.leftNav ul li:hover{
	background-image:url(images/leftNavRoll.jpg);
	background-repeat:repeat-y;
}

.leftNav ul li a:link{
	text-decoration:none;
	color:#000;
}

.leftNav ul li a:visited{
	text-decoration:none;
	color:#000;
}

.homeBody{
	background-color:#FFF;
	padding-left:75px;
	padding-right:60px;
}

.bodyText{
	background-color:#FFF;
	padding-left:60px;
	padding-right:15px;
	padding-top:15px;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	padding-left:60px;
	padding-right:110px;
	line-height:2.0em;
}

.contactText{
	background-color:#FFF;
	padding-right:15px;
	padding-top:15px;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	line-height:1.2em;
}

.pageTitle{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:40px;
	font-weight:normal;
	line-height:1.5em;
	color:#999;
}

.tableText{
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	line-height:2.0em;
	display:block;
}

.tableText2{
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	line-height:1.5em;
	display:block;
}

#homeTitle{
	color:#778fc0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:68px;
	font-weight:bold;
	display:block;
	padding-left:50px;
}

#homeSubTitle{
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:30px;
	padding-left:50px;
	display:block;
}

#homeText{
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	/*font-weight:bold;*/
	padding-left:60px;
	padding-right:120px;
	line-height:2.0em;
	display:block;
}

#rateHeader{
	color:#FFF;
	background-color:#8faedc;
}

#home1{
	position:absolute;
	margin-left:500px;
	margin-top:40px;
}

#home2{
	position:absolute;
	margin-top:50px;
}

#home3{
	position:absolute;
	margin-top:50px;
	margin-left:140px;
}

#homeRotate{
	position:absolute;
	margin-top:85px;
	margin-left:190px;
}

#footer{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
}

#footer a{
	color:#666;
	text-decoration:none;
}

#footer a:hover{
	color:#666;
	text-decoration:underline;
}

#footer a:visited{
	color:#666;
	text-decoration::none;
}

#billpay{
	background-color:#FFF;
	padding-left: 0px;
	margin-right: 0px;
}

.billpay{
	background-color:#FFF;
	padding-left:0px;
	padding-right:0px;
	padding-top:15px;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	line-height:2.0em;
}

 /*========================= TOP OF THE MENU CASCADE =========================*/
.menu{
	padding-left:20px;
	padding-right:20px;
	color:#000;
	background-color:#000;
}


#menu {
height: 30px;
background: #000;
float: left;
width:960px;
line-height:20px;
}
#menu ul {
list-style: none;
margin: 0;
padding: 0;
padding-left: 0px;
margin-left:0px;
/*width: 10em;*/
float: left;
}

#menu a, #menu h2 {
font: 14px/20px arial, helvetica, sans-serif;
display: block;
margin: 0px 0px 0px 0px;
padding: 2px 4px;
line-height: 20px;
}

#menu h2 {
color: #fff;
background: #000;
text-transform: uppercase;
border-width: 1px;
border-style: solid;
border-color: #000 #fff #000 #000;
}

#menu .last{
border-color: #000 #000 #000 #000;
}

#menu a {
color: #fff;
background: #000;
text-decoration: none;
font: 14px/20px arial, helvetica, sans-serif;
display: block;
margin: 0;
padding: 2px 4px;
line-height: 20px;
}

#menu a:hover, #menu h2:hover {
color: #4ab8e1;
}

#menu ul ul .first{
	border-top: none;
}

#menu ul ul .first:hover{
	border-top: none;
}

#menu ul ul a {
color: #000;
background: #b5ceec;
opacity: 0.85;
filter:alpha(opacity=85);
-moz-opacity:0.85;
-khtml-opacity:0.85;
border-top-style:solid;
border-top-color:#666;
}

#menu ul ul a:hover {
color: #b5ceec;
background: #000;
opacity: 0.75;
filter:alpha(opacity=75);
-moz-opacity:0.75;
-khtml-opacity:0.75;
border-top-style:solid;
border-top-color:#666;
}

#menu li {position: relative;}

#menu ul ul ul {
position: absolute;
top: 0;
}

#menu ul ul {
position: absolute;
z-index: 500;
}

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 ul li:hover ul,
div #menu ul ul ul li:hover ul
{width: 100%; display: block;}

div #menu ul li:hover ul{
	width: 100%; 
	display: block;
	height:20px;
	}	

#menu ul ul li {width: 100%; display:block}

body {
behavior: url("csshover3.htc");
}