#navigation {
	width:832px;
	margin:0;
	padding:0 0 0 40px;
	list-style: none;
	background-color: #5082B5;
	height:29px;
	position:absolute;
	top:98px;
	left:0;
}
#navigation a {
	background: url("../dcs-images/topnav-divider.gif") left top no-repeat;
	color: #FFFFFF;
	text-decoration: none;
	padding: 0 29px;
	margin: 0;
	height:29px;
	text-align:center;
	list-style: none;
	font:1.1em Arial, Helvetica, sans-serif;
	line-height: 29px;
	vertical-align:middle;
}
#navigation a {
	display: block;
	float: left;
	width: auto; /* this is the problem in IE6 */
	list-style: none;
}
/* Hide from IE5-Mac \*/
#navigation a {
	float: none
}
/* End hide */

#navigation a:hover {
	color: #fff;
}
#navigation ul {
	font-size: 70%;
	list-style: none;
	padding: 0px;
	margin: 0px;
	height:32px;
	float: left;
}
#navigation li {
	font-size:100%;
	list-style: none;
	float: left;
	margin: 0px;
	padding:0px;
	height:20px;
	background-image:none;
	float: left;
}
#navigation li#active a {
	color: #fff;
	padding-left: 10px
}
#navigation li ul {
	position: absolute;
	left: -999em;
	/*xxxheight: auto;*/
	width: 15em;
	font-weight: normal;
	/*xborder-width: 0.25em;*/
	margin: 0;
	color: #fff/*#010066*/;
	z-index:50;
}
#navigation li ul a {
	width: 15em;
	font-weight: normal;
	color: #5082B5/*#3D5FAF*/;
	padding: 2px 0px 0px 8px;
	z-index:50;
}
#navigation a.daddy {
	border: 1px solid #fff/*#0480be*/;
	border-width: 1px 1px 1px 1px;
	width: 15em;
	padding: 2px 0px 0px 8px;
	color: #fff/*#0161a3*/;
	font: 140% Arial, Helvetica, sans-serif;
	background:#5082B5/*#82b9df*/;
	text-align:left;
	line-height:1.1;
	height:20px;
}
#navigation a:hover.daddy {
	background:#fff/*#82b9df*/;
	color: #5082B5/*#FFFFFF*/;
	width: 15em;
	/*xfont: 105% Arial, tahoma, verdana, sans-se;*/
 text-align:left;
	padding: 2px 0px 0px 8px;
	height:20px;
}
#navigation a:focus.daddy {
	background:#5082B5/*#6D85C1*/;
	color: #fff/*#3D5FAF*/;
	width: 15em;/*xfont: 0.8em Arial, Helvetica, sans-serif;*/
}
#navigation li:hover ul, #navigation li li:hover ul, #navigation li li li:hover ul, #navigation li.sfhover ul, #navigation li li.sfhover ul, #navigation li li li.sfhover ul {
	left: auto;
	color: #FFFFFF;
	border: solid #3D5FAF;
	border-width: 0px 0px 0px 0px;
	width: 15em;
}
/**
#nav li:hover, #navigation li.sfhover {
	dbackground: #FFFFFF;
	color: #010066;
	width: 8em;
	
}
**/
 /** Top Nav End**/

#navigation a.son {
	border: solid #0480be;
	border-width: 1px 1px 0px 1px;
	width: 9.3em;
	padding: 2px 0px 0px 15px;
	color: #0161a3;
	font: 110% Arial, Helvetica, sans-serif;
	background:#82b9df;
	text-align:left;
}
#navigation a:hover.son {
	background:#82b9df;
	color: #FFFFFF;
	width: 9.3em;
	font: 110% Arial, Helvetica, sans-serif;
	text-align:left;
	border-width: 1px 1px 0px 1px;
	padding: 2px 0px 0px 15px;
}
#navigation a:focus.son {
	background:#6D85C1;
	color: #3D5FAF;
	width: 9.3em;/*xfont: 0.8em Arial, Helvetica, sans-serif;*/
}
#navigation a.daddy2 {
	border: solid #0480be;
	border-width: 1px 1px 0px 1px;
	width: 9.8em;
	padding: 2px 0px 0px 5px;
	color: #FFFFFF;
	font: 114% Arial, Helvetica, sans-serif;
	background:#4aa3e0;
	text-align:left;
}
#navigation a:hover.daddy2 {
	background:#4aa3e0;
	color: #FFFFFF;
	width: 9.8em;
	font: 114% Arial, Helvetica, sans-serif;
	text-align:left;
	border-width: 1px 1px 0px 1px;
	padding: 2px 0px 0px 5px;
}