a, a:link, a:visited, a:hover, a:active, input, input:active {
	outline: none;
}
a, a:link, a:visited {
	color: #1b507f;
	text-decoration: none;
}
a:hover, a:active {
	text-decoration: underline;
}

#top {
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
}
#login  a  {
	background-image: url(img/loginBtn.gif);
	background-repeat: no-repeat;
	height: 18px;
	width: 112px;
	display: block;
	text-indent: -9999px;
}
#login  a:hover  {
	background-image: url(img/loginBtn_over.gif);
	background-repeat: no-repeat;
}

a.redBtn {
	font-family: Arial,Helvetica,san-serif;
	font-size: 11px;
	text-transform: uppercase;
	color: #fff;
	text-decoration: none;
	padding: 5px 15px 5px 17px;
	background: url(img/redBtnSprite.gif) left center no-repeat;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

a.redBtn:hover {
	color: #CB302A;
	text-decoration: none;
	background: url(img/redBtnSprite.gif);
	background-position: -300px center;
}

#topNav, #mainNav{
	color: #555555;
	float: right;
	font: bold 11px arial,helvetica,sans-serif;
	position: relative;

}

#topNav li, #mainNav li{
	float: left;
	padding-left: 8px;
	list-style: none;
	background-image: url(img/topNavDivider.gif);
	background-repeat: no-repeat;
	background-position: right 3px;
}
#topNav a, #mainNav a{
	float: none;
	text-indent: -9999px;
	margin: 2px 8px 0 0;
	display: block;
	color: #555555;
	text-decoration: none;
	padding: 0;
}
#topNav li.lastTopNavLI, #mainNav li.lastTopNavLI {
	background-image: url(transparent);
}


#topNav #about{
	width: 40px;
	height: 11px;
	background: url("img/aboutBtn_off.gif") no-repeat;
}

#topNav #about:hover{
	background: url("img/aboutBtn_on.gif") no-repeat;
}

#topNav #contact{
	width: 73px;
	height: 11px;
	background: url("img/contactBtn_off.gif") no-repeat;
}

#topNav #contact:hover{
	background: url("img/contactBtn_on.gif") no-repeat;
}

#topNav #careers{
	width: 51px;
	height: 11px;
	background: url("img/careersBtn_off.gif") no-repeat;
}

#topNav #careers:hover{
	background: url("img/careersBtn_on.gif") no-repeat;
}


#topNav #customerLogin{
	width: 101px;
	height: 11px;
	background: url("img/customerLoginBtn_off.gif") no-repeat;
}

#topNav #customerLogin:hover{
	background: url("img/customerLoginBtn_on.gif") no-repeat;
}

#topNav #customerPortal{
	width: 101px;
	height: 11px;
	background: url("img/customerPortalBtn_off.gif") no-repeat;
}

#topNav #customerPortal:hover{
	background: url("img/customerPortalBtn_on.gif") no-repeat;
}

#mainNavCont{
	margin-bottom: 5px;
	height: 20px;
	padding: 0 15px;
}

#mainNav{
	margin: 0px 4px 0px;
	padding: 0;
	float: none;
}

#mainNav #home{
	width: 35px;
	height: 11px;
	background: url("img/homeBtn_off.gif") no-repeat;
}

#mainNav #home:hover{
	background: url("img/homeBtn_on.gif") no-repeat;
}

#mainNav #marineTransport{
	width: 146px;
	height: 11px;
	background: url("img/marineTransportBtn_off.gif") no-repeat;
}

#mainNav #marineTransport:hover{
	background: url("img/marineTransportBtn_on.gif") no-repeat;
}

#mainNav #terminal{
	width: 110px;
	height: 11px;
	background: url("img/terminalBtn_off.gif") no-repeat;
}

#mainNav #terminal:hover{
	background: url("img/terminalBtn_on.gif") no-repeat;
}
#mainNav #illinoisMarine {
	background: url("img/illinoisBtn_off.gif") no-repeat;
	width: 94px;
	height: 11px;
}
#mainNav #illinoisMarine:hover {
	background: url("img/illinoisBtn_on.gif") no-repeat;
}

#mainNav #management{
	width: 138px;
	height: 11px;
	background: url("img/managementBtn_off.gif") no-repeat;
}

#mainNav #management:hover{
	background: url("img/managementBtn_on.gif") no-repeat;
}

#mainNav #resources{
	width: 65px;
	height: 11px;
	background: url("img/resourcesBtn_off.gif") no-repeat;
}

#mainNav #resources:hover{
	background: url("img/resourcesBtn_on.gif") no-repeat;
}