/* CSS Document */
a:active, a:focus {outline: 0;}

body {
	margin: 0;
	padding: 0;
	width: 900px;
	background: #fc0 url(../images/bkgd_body.gif) repeat-x;
}

div.leftbar {
	position: absolute;
	top: 0;
	left: 0;
	width: 27px;
	min-height: 800px; !important
	height: 800px;
	background: transparent url(../images/leftbar.gif) repeat-y;
	margin: 0;
	padding: 0;
}


div.logo {
	position: absolute;
	top: 15px;
	left: 28px;
	margin: 0;
	padding: 0;
	z-index: 0;
}

div.toptab {
	position: absolute;
	top: 32px;
	left: 484px;
	margin: 0;
	padding: 0;
	z-index: 2;
}

div.sidenav {
	position: absolute;
	top: 145px;
	left: 28px;
	width: 189px;
	margin: 0;
	padding: 0;
}

div.main {
	position: relative;
	top: 91px;
	left: 216px;
	width: 495px;
	min-height: 374px; !important
	height: 374px;
	background: transparent url(../images/bkgd_home.jpg) no-repeat;
	margin: 0;
	padding: 15px 40px 10px 40px;
	color: #fff;
	z-index: 50;
}	

.home div.main {width: 535px; padding-right: 0;}

.homeh1 {
	margin: -40px 0 0 -20px;
	padding: 0;
}

.homeimg {
	margin: 20px 7px 0 -26px;
	padding: 0;
}

.homeimg2 {
	margin: 20px 0 0 0;
	padding: 0;
}

.otherh1 {
	margin: -39px 0 0 -2px;
	padding: 0;
}

.rightimg {
	margin: -10px -26px 0 0;
	padding: 0 0 10px 20px;
}

div.borderL, div.borderR {
	position: absolute;
	top: 91px;
	left: 216px;
	width: 8px;
	height: 309px;
	margin: 0;
	padding: 0;
	z-index: 75;
}

div.borderR {
	left: 782px;
	width: 10px;
}

div.main_lower {
	position: relative;
	top: 0;
	left: 216px;
	width: 505px;
	min-height: 89px; !important
	height: 89px;
	background: transparent url(../images/footer_black_repeat.jpg) repeat-y;
	margin: 0;
	padding: 15px 40px 10px 40px;
	color: #fff;
	z-index: 50;
}

div.customquote {
	position: absolute;
	top: 2px;
	left: 370px;
	width: 180px;
	height: 50px;
	margin: 0;
	padding: 0;
	z-index: 75;
}

div.footer {
	position: relative;
	top: 0;
	left: 216px;
	width: 525px;
	height: 100px;
	background: transparent url(../images/footer_black_bttm.jpg) no-repeat;
	margin: 0;
	padding: 30px 40px 0 15px;
	text-align: center;
	z-index: 50;
}

/*------START OF TOP BAR NAV ---------------------------------------*/
#topnav {
	position: absolute;
	top: 71px;
	left: 216px;
	width: 580px;
	height: 20px;
	background: transparent url(../images/topnav.gif) no-repeat;
	margin: 0;
	padding: 0;
	z-index: 1000;
}

#topnav a {text-decoration: none;}


#topnav li {
	top: 0;
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	z-index: 1000;
}

#topnav li, #topnav li a {
	height: 20px;
	display: block;
	z-index: inherit;
}


#panel1 {left: 90px; width: 80px;}
#panel2 {left: 170px; width: 70px;}
#panel3 {left: 240px; width: 128px;}
#panel4 {left: 368px; width: 77px;}


#panel1 a:hover {
	background-color: transparent;
	background-image: url(../images/topnav.gif);
	background-repeat: no-repeat;
	background-position: -90px -20px;
}
#panel2 a:hover {background: transparent url(../images/topnav.gif) -170px -20px no-repeat;}
#panel3 a:hover {background: transparent url(../images/topnav.gif) -240px -20px no-repeat;}
#panel4 a:hover {background: transparent url(../images/topnav.gif) -368px -20px no-repeat;}

.learn #panel1 a     {background: transparent url(../images/topnav.gif) -90px -40px  no-repeat;}
.about #panel2 a    {background: transparent url(../images/topnav.gif) -170px -40px  no-repeat;}
.govt #panel3 a   {background: transparent url(../images/topnav.gif) -240px -40px  no-repeat;}
.contact #panel4 a   {background: transparent url(../images/topnav.gif) -368px -40px  no-repeat;}


/*------END OF TOP BAR NAV ---------------------------------------*/

/*----------------SIDE NAVIGATION ON HOME PAGE------------------------*/
#sidenav {
	position: absolute;
	top: 122px;
	left: 27px;
	height: 260px;
	width: 189px;
	margin: 0;
	padding: 0;
	background: transparent url(../images/sidenav.gif) no-repeat;
	z-index: 1000;
}

#sidenav li {
	position: absolute;
	width: 189px;
	line-height: 19px;																																																																																																														
	margin: 0;
	padding: 0;
	list-style: none;
	
}

#sidenav li, #sidenav li a {
	width: 189px;
	display: block;
	z-index: inherit;
	text-decoration: none;
}

#panel1a {left: 0; top: 0; height: 19px;}
#panel2a {left: 0; top: 31px; height: 19px;}
#panel3a {left: 0; top: 50px; height: 20px;}
#panel4a {left: 0; top: 70px; height: 19px;}
#panel5a {left: 0; top: 89px; height: 19px;}
#panel6a {left: 0; top: 108px; height: 19px;}
#panel7a {left: 0; top: 127px; height: 17px;}
#panel8a {left: 0; top: 144px; height: 19px;}
#panel9a {left: 0; top: 163px; height: 21px;}
#panel10a {left: 0; top: 184px; height: 32px;}
#panel11a {left: 0; top: 216px; height: 21px;}
#panel12a {left: 0; top: 237px; height: 21px;}


#panel1a a:hover {background: transparent url(../images/sidenav.gif) 0 -260px no-repeat;}
#panel2a a:hover {background: transparent url(../images/sidenav.gif) 0 -291px no-repeat;}
#panel3a a:hover {background: transparent url(../images/sidenav.gif) 0 -310px no-repeat;}
#panel4a a:hover {background: transparent url(../images/sidenav.gif) 0 -330px no-repeat;}
#panel5a a:hover {background: transparent url(../images/sidenav.gif) 0 -349px no-repeat;}
#panel6a a:hover {background: transparent url(../images/sidenav.gif) 0 -368px no-repeat;}
#panel7a a:hover {background: transparent url(../images/sidenav.gif) 0 -387px no-repeat;}
#panel8a a:hover {background: transparent url(../images/sidenav.gif) 0 -404px no-repeat;}
#panel9a a:hover {background: transparent url(../images/sidenav.gif) 0 -423px no-repeat;}
#panel10a a:hover {background: transparent url(../images/sidenav.gif) 0 -444px no-repeat; line-height: 30px;}
#panel11a a:hover {background: transparent url(../images/sidenav.gif) 0 -476px no-repeat;}
#panel12a a:hover {background: transparent url(../images/sidenav.gif) 0 -497px no-repeat;}


.btn2 #panel2a a {background: transparent url(../images/sidenav.gif) 0 -551px no-repeat;}
.btn3 #panel3a a {background: transparent url(../images/sidenav.gif) 0 -570px no-repeat;}
.btn4 #panel4a a {background: transparent url(../images/sidenav.gif) 0 -590px no-repeat;}
.btn5 #panel5a a {background: transparent url(../images/sidenav.gif) 0 -609px no-repeat;}
.btn6 #panel6a a {background: transparent url(../images/sidenav.gif) 0 -628px no-repeat;}
.btn7 #panel7a a {background: transparent url(../images/sidenav.gif) 0 -647px no-repeat;}
.btn8 #panel8a a {background: transparent url(../images/sidenav.gif) 0 -664px no-repeat;}
.btn9 #panel9a a {background: transparent url(../images/sidenav.gif) 0 -683px no-repeat;}
.btn10 #panel10a a {background: transparent url(../images/sidenav.gif) 0 -704px no-repeat; line-height: 30px;}
.btn11 #panel11a a {background: transparent url(../images/sidenav.gif) 0 -736px no-repeat;}
.btn12 #panel12a a {background: transparent url(../images/sidenav.gif) 0 -757px no-repeat;}

/*----------------END SIDE NAV---------------------------------------*/

/*----------------START SIDE SUB NAV---------------------------------*/

/* ---------placement of hidden drop down menu and addition of bottom border-----------------------*/
#sidenav li ul { 
        position: absolute;
        left: 175px;
        top: -3px;
		width: 150px;
        display: none;
		border-bottom: 1px solid #39c; 
        }

/* ---------formatting for list items in hidden submenu--a drop down menu--------------------------*/
#sidenav li ul li {
		position: relative;
		margin: 0;
		width: 150px;
		color: #fff;
		background: #069;
		background-image: none;
		padding: 0 0 0 10px;
		border: 1px solid #39c;
		border-bottom: 0; 
		}
		
/* ----------formatting on a href list items--------------------------------------------------------*/
#sidenav li ul li a { 
        display: block;
        text-decoration: none;
		background-image: none;
        color: #fff; 
		padding-left: 5px;
        }
		
#sidenav li ul li a:hover {
	width: 145px;
	color: #fc0; 
	background-color: #666; 
	background-image: none;
	margin-left: -10px;
	padding-left: 15px;
}

.btn2 #sidenav li ul li a,
.btn3 #sidenav li ul li a,
.btn4 #sidenav li ul li a,
.btn5 #sidenav li ul li a,
.btn6 #sidenav li ul li a,
.btn7 #sidenav li ul li a,
.btn8 #sidenav li ul li a,
.btn9 #sidenav li ul li a,
.btn10 #sidenav li ul li a,
.btn11 #sidenav li ul li a 
{background-image: none;}



/*---------------displays hidden submenu on mouseover-----------------------------------------------*/
#sidenav li:hover ul, #sidenav li.over ul { 
		display: block;
		}





/*----------------END SIDE SUB NAV-----------------------------------*/

#panel8a a:active {
	background-color: transparent;
	background-image: url(../images/sidenav.gif);
	background-repeat: no-repeat;
	background-position: 0 -394px;
}

