@charset "utf-8";
/* CSS Document */

#body {
	margin: 0 auto;
	padding: 0;
	background-color: #D0977B;        /* Beige Color for the Body Background Color */
	font-family: Arial;
	color: black;
}

#mainContainer {
	height: auto;
	width: 960px;
	border: 3px #ffffff solid;
	padding: 10px;
	background-color: black;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0;
	margin-bottom: 0;
}

#banner {
	height: 200px;
	width: 880px;
	padding-left: 40px;
	padding-right: 40px;
	background-color: #999999;   /* Gray Color for Background of Banner */
	margin: 0;
}

#nav {
	height: 200px; 
	width: 200px; 
	float: left; 
	background-color: #663300;    /* Brown Color for Background of Navigation Area */
}

#contentContainer {
	height: auto;
	width: 940px;
	background-color: #99FF66;
	margin: 0;
	padding: 10px;
}

#footer {
	height: 30px;
	width: 940px;
	background-color: #FFBF48;
	margin: 0;
	padding-left: 10px;
	padding-right:10px;
	padding-top: 20px;
	text-align: center;
}

img.floatRight {
	float: right;
	margin-right: 15px;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom:40px;
}

img.floatLeft {
	float: left;
	margin: 0;
	padding-right: 10px;
	padding-top: 10px;
}
	
/*START hNav2*/
#hNav2 {
	width: auto;
	height: 50px;
	background-color: #663300;    /* Brown Color for Background of Navigation Area */
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

#hNav2 ul {
	list-style-type: none; /*LIST-STYLE-TYPE IS THE SAME AS LIST-STYLE THAT WAS USED ABOVE*/
	font-family: Arial;
	font-size: 15px;
	text-align: center;
}

#hNav2 li {
	display: inline-block; /*Creates blocks that nav link text goes into & blocks go inline*/
	padding-right: 10px;
}

#hNav2 a {   /*ANCHOR is text in link, & create borders/color outline for box and box background color*/
	border-style: solid;
	border-width: 2px;
	border-color: #98bf21;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 15px;
	padding-right: 20px;	
	text-decoration: none; /*GETS RID OF UNDERLINE IN LINKS*/
	background-color: black;
	color: white;
}

/*START different states for hNav2*/

#hNav2 a:hover {
	color: black;
	background-color: red;
}
/*END different states for hNav2*/
/*END hNav2*/