/*
NAVBAR SETTINGS
*/
#navBar{
	float: left;
	width: 139px;
	height: 500px;
	margin:0px;
	padding: 0px;
	position:relative;
	z-index:500;
}
#navBar img {
	margin:0px;
	padding:0px;
	border: none;
}
#navBar ul.main{
	padding:0px;
	margin:0px;
	font-family: Tahoma;
	text-transform: uppercase;
	text-align: left;
	position:absolute;
	top:0px;
	left: 0px;
	width:139px;
	font-size:11px;
}
#navBar ul li{
	padding:0px;
	margin:0px;
	position: relative;
}
#navBar .navTXT {
	position:absolute;
	left:10px;
	top:4px;
	z-index: 100;
}
li.home a, li.about a, li.services a, li.links a, li.note a, li.careers a, li.contact a {
	color:#ffffff;
	text-decoration:none;
	position:relative;
}
li.home a:hover, li.about a:hover, li.services a:hover, li.links a:hover, li.note a:hover, li.careers a:hover, li.contact a:hover{
	color: #006666;
}
/*INDEX NAVBAR*/
/*Start home*/
li.home {
height: 23px;
width: 139px;
margin:0px;
padding:0;
background-image:url("../images/spnav/spover-home.jpg");
}

li.home a, li.home a:link, li.home a:visited {display:block;}

li.home img {width:100%;height:100%;border:0;}

li.home a:hover img {visibility:hidden;}
/*End home*/
/*Start about*/
li.about {
height: 23px;
width: 139px;
margin:0px;
padding:0;
background-image:url("../images/spnav/spover-about.jpg");
z-index:700;
}

li.about a, li.about a:link, li.about a:visited {display:block;}

li.about img {width:100%;height:100%;border:0;}

li.about a:hover img {visibility:hidden;}
/*End about*/
/*Start services*/
li.services {
height: 23px;
width: 139px;
margin:0px;
padding:0;
background-image:url("../images/spnav/spover-services.jpg");
z-index:600;
}

li.services a, li.services a:link, li.services a:visited {display:block;}

li.services img {width:100%;height:100%;border:0;}

li.services a:hover img {visibility:hidden;}
/*End services*/
/*Start note*/
li.note {
height: 23px;
width: 139px;
margin:0px;
padding:0;
background-image:url("../images/spnav/spover-noteworthy.jpg");
z-index:500;
}

li.note a, li.note a:link, li.note a:visited {display:block;}

li.note img {width:100%;height:100%;border:0;}

li.note a:hover img {visibility:hidden;}
/*End note*/
/*Start links*/
li.links {
height: 23px;
width: 139px;
margin:0px;
border-top: #ffffff solid 2px;
padding:0;
background-image:url("../images/spnav/spover-links.jpg");
z-index:400;
}

li.links a, li.links a:link, li.links a:visited {display:block;}

li.links img {width:100%;height:100%;border:0;}

li.links a:hover img {visibility:hidden;}
/*End links*/
/*Start careers*/
li.careers {
height: 23px;
width: 139px;
margin:0px;
padding:0;
background-image:url("../images/spnav/spover-careers.jpg");
z-index:300;
}

li.careers, li.careers a:link, li.careers a:visited {display:block;}

li.careers img {width:100%;height:100%;border:0;}

li.careers a:hover img {visibility:hidden;}
/*End careers*/
/*Start contact*/
li.contact {
height: 23px;
width: 139px;
margin:0px;
padding:0;
background-image:url("../images/spnav/spover-contactus.jpg");
z-index:200;
}

li.contact a, li.contact a:link, li.contact a:visited {display:block;}

li.contact img {width:100%;height:100%;border:0;}

li.contact a:hover img {visibility:hidden;}
/*End contact*/

/*Dropdowns*/
ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: auto;
	}
ul li {
	position: relative;
	}
li ul {
	position: absolute;
	left: 125px;
	top: 0;
	display: none;
	background-image: url("../images/flyout.jpg"); 
	width: 105px;
	z-index: 5000;
	color:#000000;
	}
ul li a.nav {
	display: block;
	text-decoration: none;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	}
ul.flyout a {
	color:#000000;
}
ul.flyout a:hover {
	color:#ffffff;
	background-color: #006666;
}
#navbar a.nav {
	color:#000000;
}
a.nav {
	color:#000000;
}
/* Fix IE. Hide from IE Mac \*/
* html ul.flyout li { float: left; }
* html ul.flyout li a { height: 1%; }
/* End */
li:hover ul { display: block; }