﻿/* The element that contains your links */
#navigation {  }

/* If you make the main links vertical, it's best to supply a static width */
#navigation ul {/* width:120px; */ margin: 0px; padding: 0px;}

/* Comment out float:left; to make the main links vertical */
#navigation ul li {width: 135px; float: left; font-size: 14px; font-weight: normal; color: #0598c8; padding: 0px 0px 0px 0px; font-family: Century, Times New Roman;  border-bottom: 1px solid #dbdbdb;/* */}

/* Level 2 Positioning */
#navigation ul li ul {left: 132px; top: 12px; /* top:0px; left:70px; */}

/* Level 3 Positioning */
#navigation ul li ul li ul {left: 150px; top: 0px;}

/* Level 1 Link Style */
#navigation ul li a {
	width: 130px;
	text-align: left;
	padding: 0px;
	color: #00759B;
	display: block;
	font-size: 14px;
	font-weight: normal;
	font-family: Century, Times New Roman;
	background-color: #FFFFFF;
}
#navigation ul li a:hover {text-decoration:none; color: #993300; font-size: 14px; font-weight: normal; background-image: url('../images/testbutton.jpg');}

/* Level 2 Link Style */
#navigation ul li ul li a {
	width: 150px;
	text-align: left;
	padding: 3px;
	color: #fff;
	display: block;
	background-color: #3d8ea8;
	text-decoration: none;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
#navigation ul li ul li a:hover {
	margin: 0px;
	text-decoration: none;
	font-size: 10px;
	color: #fff;
	background-color: #213f57;
	background-image: url('../images/bkg_login.gif');
}

/* Level 3 Link Style */
#navigation ul li ul li ul li a {width: 130px; text-align: left; padding: 7px 10px 7px 10px; color: #f1f1f1; display: block; background-color: #5ba5bd; text-decoration: none;}
#navigation ul li ul li ul li a:hover  {text-decoration: none; font-size: 10px; color: #fff; background-color: #213f57;}

/* Level 4 Link Style */
#navigation ul li ul li ul li ul li a {width: 130px; text-align: left; padding: 7px 10px 7px 10px; color: #f1f1f1; display: block; background-color: #8ac0d2; text-decoration: none;}
#navigation ul li ul li ul li ul li a:hover  {text-decoration: none; font-size: 10px; color: #fff; background-color: #213f57;}

/* Function - Do not change */
#navigation ul {list-style: none;}
#navigation ul li {position: relative;}
#navigation ul li ul {position: absolute; display: none;}
#navigation ul li:hover ul, #navigation ul li.over ul {display: block;}
#navigation ul li ul li {  }
#navigation ul li ul li ul {  }

#navigation ul li:hover ul li ul, #navigation ul li.over ul li ul {display: none;}
#navigation ul li:hover ul li:hover ul li ul, #navigation ul li.over ul li.over ul li ul {display: none;}

#navigation ul li:hover ul li:hover ul, #navigation ul li.over ul li.over ul {display: block;}
#navigation ul li:hover ul li:hover ul a, #navigation ul li.over ul li.over ul a {display: block;}

/**/
#navigation ul li:hover ul li:hover ul li ul li ul, #navigation ul li.over ul li.over ul li ul li ul {display: block;}
#navigation ul li:hover ul li:hover ul li:hover ul, #navigation ul li.over ul li.over ul li.over ul {display: block;}


#navigation ul li ul li ul li {  }

/* Fix IE. Hide from IE Mac \*/
* html #navigation ul li ul li {float: none;}
* html #navigation ul li a {height: 1%;}
/* End */
