﻿.navigation
{
	width: 100%;
	position: relative;
}
.navigation ul
{
	padding: 0;
	margin: 0;
	list-style-type: none;	
}
.navigation ul li
{
	display: inline;
}
.navigation ul li a, .navigation ul li a:visited
{
	float: left;
	width: 150px;
	height: 25px;
	line-height: 25px;
	background-color: #000066;
	cursor: pointer;
	font-size: 14px;
	text-align: center;
	color: #ffcc00;
	text-decoration: none;
}
.navigation ul li a:hover
{
	background-color: #ffcc00;
	color: #000000;
}
.navigation ul li ul
{
	display: none;
	border-left: solid 1px  #000066;
	border-right: solid 1px  #000066;
	border-bottom: solid 1px  #000066;
}
.navigation ul li ul li a
{
	width: 148px;	
	background-color: #e5eaf5;
	color: #827f7c;
	line-height: 20px;
	font-size: 12.5px;
	text-align: center;
	height: 20px;
}
.navigation ul li ul li a:visited
{
	width: 148px;	
	background-color: #e5eaf5;
	color: #827f7c;
	line-height: 20px;
	font-size: 12.5px;
	text-align: center;
	height: 20px;
}
.navigation ul li ul li a:hover
{
	background-color: #000066;
	color: #ffcc00;
}
/* triggers */
.navigation ul li:hover ul.subnav1
{
 display: block; 
 position: absolute; 
 top: 25px; 
 left: 0px; 
 width: 148px; 
 z-index: 1000;
}
.navigation ul li:hover ul.subnav2 
{
 display: block; 
 position: absolute; 
 top: 25px; 
 left: 150px; 
 width: 148px; 
 z-index: 1000;
}
.navigation ul li:hover ul.subnav3 
{
 display: block; 
 position: absolute; 
 top: 25px; 
 left: 450px; 
 width: 148px; 
 z-index: 1000;
}
.navigation ul li:hover a.hide
{
	background-color: #ffcc00;
	color: #000000;
}

/* active states styles */
#navliwithsub
{
	position: relative; 
}

/*****
 Bottom Navigation 
*****/

.bottomnav
{
	background-color: #d9d9d9;
	margin: 0px auto 0px auto;
	width: 750px;
	text-align: center;
	padding: 0px 0px 0px 0px;
}
.bottomnavitem
{
	text-align: center;
	float: left;
	margin-top: 0px;
	padding-top: 10px;
}
.bottomnavitem a
{
	color: #000000;
	text-decoration: none;
	font-size: 12px;
}
.bottomnavitem a:hover
{
	text-decoration: none;
}
.bottomnavitem a img
{
	border: 0;
}