div.suckerwrapper { width: 100%; background-color: #1e376b;}
table.suckerdiv td { background-color: #5573b4;}

#sub, #sub ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	z-index: 10;
}

#sub {  font-size: 12px;}

#sub a {
	display: block;
	padding: 6px .781em;
	padding: 4px 12px;
	text-decoration: none;
	color:#1c2541;
	line-height: 20px;
}

#sub li { /* all list items */
	float: left;
	width: 12em; /* width needed or else Opera goes nuts */
	width: auto;
	border-right: solid #ffffff 1px;
	background-color: #c9d0e8;	
	font-size: 12px;
	list-style: none;	
}

#sub li.last { border-right: none; }

#sub ul li.parent a{ background-image: url(/images/arrow.png); background-position: 97% 50%; background-repeat: no-repeat; }
#sub ul li.parent li a{ background-image: none; }

#sub li a {
	
}

#sub li a:hover {
	/*background-color: #454f6d;
	color: #ffffff;*/
	text-decoration: underline;
}

#sub li ul { /* second-level lists */
	position: absolute;
	border: 1px #999999 solid;
	width: 19em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	margin:0px 0px 0px -1px;
	
}

#sub li ul li, #sub li.last ul li { 
	width: 100%; 
	margin:0; 
	line-height: 14px;
	color:#333333;
	font-size:12px;
	font-weight:normal;
	border-width:1px 1px 1px 1px;
}

#sub li ul li a:hover {
	background-color: #EAEAEA;
	border-color:#666666;
}

#sub li ul ul { /* third-and-above-level lists */
	margin: -2.3em 0 0 19em;
}

#sub li:hover ul ul, #sub li:hover ul ul ul, #sub li.sfhover ul ul, #sub li.sfhover ul ul ul {
	left: -999em;
}

#sub li:hover ul, #sub li li:hover ul, #sub li li li:hover ul, #sub li.sfhover ul, #sub li li.sfhover ul, #sub li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}


#content {
	clear: left;
	color: #ccc;
}