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

web:			http://denr.sd.gov/
stylesheet:		global.css (does not import all stylesheets NOTE at bottom of sheet for more info)
date:			March 12, 2008
author:			Ron Duvall

NOTE:  A negative margin layout was attempted for the DENR website.  However, it was discovered that editing within "design view" in Dreamweaver is not possible so the idea was discarded.  Lower example on Figure 11-6, p. 287 in CSS: Missing Manual was used for layout.
-----------------------------------------------------------------------------------------------------------*/


/*The following CSS styles "zero out" default formatting for HTML tags which may
vary from browser to browser.  Failure to zero-out formatting may result in different
browsers rendering CSS code incorrectly.*/


body, h1, h2, h3, h4, h5, h6, p, ol, ul, form, blockquote {
	padding: 0;
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12pt;
}

h1, h2, h3, h4, h5, h6, pre, code {
	font-size: 1em;
}

a {
	text-decoration: none;
	color: #008000;
}

a:hover {
	text-decoration: underline;
}
a:visited {
	color: #008000;
	text-decoration: none;	
}
a:hover:visited {
	text-decoration: underline;
}

a img, :link img, :visited img {
	border: none;
	font-size: 24pt;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: normal;
}

/*The following rules provides a general font style to the body and font sizes to paragraph and heading tags which
were "zero'd out" in the above styles to prevent browser display problems. */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-style: normal;
	font-weight: normal;
	background-color: #A7A37E;
	background-repeat: repeat-x;
	margin-bottom: 40px;
	margin-top: 40px;
	background-image: url(../images/bkgrnd.jpg);
}
h1 {
	font-size: 2em;
	font-weight: bold;
}
h2 {
	font-size: 1.5em;
	font-weight: bold;
}
h3 {
	font-size: 1.2em;
	font-weight: bold;
}
h4 {
	font-size: 1em;
	font-weight: bold;
}
h5 {
	font-size: .8em;
	font-weight: bold;
}
h6 {
	font-size: .6em;
	font-weight: bold;
}

/*The wrapper style sets the page width and margins.  Left and right are set to auto so the page centers in the browser window.  
Positioning is set to "relative" to allow "absolute positioning of the interior content such as the mainnav bar.  Setting the 
positioning to "relative" in the subwrapper resulted in the shadow from the state seal being covered by the background color
of the subwrapper*/

#wrapper {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}

/* The subwrapper provides a border around everything below the banner and a faux column for the left sidebar navigation. */

#subwrapper {
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	background-color: #FFFFFF;
	background-repeat: repeat-y;
	background-image: url(../images/sidenavbkgnd.jpg);
	float: left;
}


/* The following import commands worked locally on my PC but when working on the testing server the import was not recognized and consequently the styles were not being inserted into the web pages.  The fix was to link each of the following into the header along with the global.css stylesheet. */

/*The following stylesheets relate to various sections of the webpage.  Each is imported into the global.css stylesheet to reduce amount HTML coding needed in the page and for easier editing (each section of page has its own stylesheet).  The IE.css sheet should be the last one imported so no Internet Explorer hacks get "undone" by any following styles. 

		@import url(../css/banner.css);
		@import url(../css/content.css);
		@import url(../css/mainnav.css);
		@import url(../css/sidenav.css);
		@import url(../css/footer.css);
		
		@import url(../css/IE.css);
#subwrapper #content .middle table tr td p img {
	font-family: Georgia, Times New Roman, Times, serif;
}
#subwrapper #content .middle table tr td table tr td div p {
	font-family: Calibri;
}
#subwrapper #content .middle table tr td table tr td div p {
	font-size: 10px;
}
#subwrapper #content .middle table tr td table tr td div p {
	font-size: 9px;
}
#subwrapper #content .middle table tr td table tr td div .style9 strong em {
	color: #F00;
}