/* --------------------------------------------------------------------------------------------------------
								SD Department of Environment and Natural Resources

web:			http://denr.sd.gov/
stylesheet:		mainnav.css -- imported into global.css
date:			March 12, 2008
author:			Ron Duvall

-----------------------------------------------------------------------------------------------------------*/

/*
#mainnav {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: A7A37E;
	width: 746px;
}
*/


#mainnav {
	left: 0px;
	top: 153px;
	position: absolute;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	width: 946px;
	padding-left: 10px;
	background-color: #A7A37E;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #000000;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #000000;
	height: 29px;
}
#mainnav2 a:link{
	color: #000000;
}
#mainnav2 a:hover{
	color: #ffffff;
}
#mainnav2 a:visited{
	color: #000000;
}
#mainnav2 a:visited:hover{
	color: #ffffff;
}

	
#wrapper #subwrapper #mainnav img {
	padding-right: 15px;
	padding-top: 2px;
	float: left;
}
.about {
	font-size: 12px;
	padding-top: 7px;
}

/* Following style puts a left border on the "air" button.  This is done separately otherwise borders "double up"
between the button on the mainnav bar */

#airlinkborder {
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #000000;
}

/* Following styles color the "About us" and "Press release" links before and after visiting."*/

.about a:link {
	color: #FFFFFF;
	padding-top: 3px;
}

.about a:visited {
	color: #FFFFFF;
}

.about a:hover {
	text-decoration:underline
}

/* Following "icon" styles position an icon for each of the main links in the mainnav bar. Display needs to be block since icon is larger than the text line height. */

.airlinkicon {
	background-image: url(../SpryAssets/DENRweb/images/air7.png);
	padding-left: 32px;
	background-repeat: no-repeat;
	background-position: 0px center;
	display: block;
	padding-top: 4px;
	padding-bottom: 4px;
	color: #000000;
	text-decoration: none;
}

.landlinkicon {
	background-image: url(../SpryAssets/DENRweb/images/land7.png);
	padding-left: 32px;
	background-repeat: no-repeat;
	background-position: 0px center;
	display: block;
	padding-top: 4px;
	padding-bottom: 4px;
	color: #000000;
	text-decoration: none;
}

.waterlinkicon {
	background-image: url(../SpryAssets/DENRweb/images/water7.png);
	padding-left: 32px;
	background-repeat: no-repeat;
	background-position: 0px center;
	display: block;
	padding-top: 4px;
	padding-bottom: 4px;
	color: #000000;
	text-decoration: none;
}

.fundinglinkicon {
	background-image: url(../SpryAssets/DENRweb/images/funding7.png);
	padding-left: 32px;
	background-repeat: no-repeat;
	background-position: 0px center;
	display: block;
	padding-top: 4px;
	padding-bottom: 4px;
	color: #000000;
	text-decoration: none;
}

.permitlinkicon {
	background-image: url(../SpryAssets/DENRweb/images/permits7.png);
	padding-left: 32px;
	background-repeat: no-repeat;
	background-position: 0px center;
	display: block;
	padding-top: 4px;
	padding-bottom: 4px;
	color: #000000;
	text-decoration: none;
}


/*  Following hover code worked only when hovering over letters in "Air" rather than width of containg box - flashing on and off effect was not good.  This style was used in an attempt to swap gif icons with background colors matching the button color.  Transparent png images don't play nice with IE.
.airlinkicon:hover{
	background-image: url(../Graphics/Layout/airlinkiconsmallhover.gif);
	padding-left: 32px;
	background-repeat: no-repeat;
	background-position: 0px center;
	display: block;
	padding-top: 4px;
	padding-bottom: 4px;
}
*/