/* Main Container and Layout*/

a:link {
	color: #000000;
}

a:visited {
	color: #000000;
}

a:hover {
	color: #324014;
}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #333333;
	
}

body,td,th {
	font-family: Calibri, Arial, sans-serif;
}

#container {
	position:relative;
	width:1200px;
	height: 680px;
	z-index:auto;
	background-color: #999999;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	
}

#header {
	position:absolute;
	left:0px;
	top:0px;
	width:1200px;
	height:100px;
	z-index:2;
	background-image: url(images/brown_grad.gif);
	background-repeat: repeat;
	margin: 0px;
	padding: 0px;
	visibility: visible;
}

#grassRoots {
	position: absolute;
	left: 667px;
	top: 8px;
}


#footer em{
	
}

#topMenu {
	position:absolute;
	left:0px;
	top:100px;
	width:1200px;
	height:30px;
	z-index:3;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	visibility: visible;
}

#topNav {
	padding: 0px;
	margin: 0px;
}

#topSpacer {
	position:absolute;
	left:0px;
	top:130px;
	width:1200px;
	height:25px;
	z-index:2;
	background-image: url(images/brown_grad_Rev.gif);
	margin: 0px;
	visibility: visible;
}

#mainMenuHead {
	position:absolute;
	left:0px;
	top:155px;
	width:175px;
	height:25px;
	z-index:2;
	margin: 0px;
	padding: 0px;
	background-image: url(images/brown_grad.gif);
	visibility: visible;
}

#postInfoHead {
	position:absolute;
	left:1025px;
	top:155px;
	width:175px;
	height:25px;
	z-index:2;
	background-image: url(images/brown_grad.gif);
	visibility: visible;
}

#mainMenu {
	position:absolute;
	left:0px;
	top:180px;
	width:175px;
	height:125px;
	z-index:2;
	background-image: url(images/green_Grad.gif);
	margin: 0px;
	padding: 0px;
	visibility: visible;
}

#programsHead {
	position:absolute;
	left:0px;
	top:305px;
	width:175px;
	height:25px;
	z-index:2;
	background-image: url(images/brown_grad.gif);
	visibility: visible;
}

#programsMenu {
	position:absolute;
	left:0px;
	top:330px;
	width:175px;
	height:125px;
	z-index:2;
	background-image: url(images/green_Grad.gif);
	visibility: visible;
}

#programsHead2 {	position:absolute;
	left:0px;
	top:294px;
	width:150px;
	height:25px;
	z-index:2;
	background-image: url(images/lightBrown_grad.gif);
}

#hotHead {
	position:absolute;
	left:0px;
	top:455px;
	width:175px;
	height:25px;
	z-index:2;
	background-image: url(images/brown_grad.gif);
	visibility: visible;
}

#hotMenu {
	position:absolute;
	left:0px;
	top:480px;
	width:175px;
	height:170px;
	z-index:2;
	background-image: url(images/green_Grad.gif);
	visibility: visible;
}

#posthead {
	position:absolute;
	left:1025px;
	top:180px;
	width:175px;
	height:75px;
	z-index:2;
	background-image: url(images/green_Grad.gif);
	visibility: visible;
}

#ladiesHead {
	position:absolute;
	left:1025px;
	top:255px;
	width:175px;
	height:25px;
	z-index:2;
	background-image: url(images/brown_grad.gif);
	visibility: visible;
}

#ladiesMenu {
	position:absolute;
	left:1025px;
	top:280px;
	width:175px;
	height:50px;
	z-index:2;
	background-image: url(images/green_Grad.gif);
	visibility: visible;
}

#mensHead {
	position:absolute;
	left:1025px;
	top:330px;
	width:175px;
	height:25px;
	z-index:2;
	background-image: url(images/brown_grad.gif);
	visibility: visible;
}

#mensMenu {
	position:absolute;
	left:1025px;
	top:355px;
	width:175px;
	height:50px;
	z-index:2;
	background-image: url(images/green_Grad.gif);
	visibility: visible;
}

#mocHead {
	position:absolute;
	left:1025px;
	top:405px;
	width:175px;
	height:25px;
	z-index:2;
	background-image: url(images/brown_grad.gif);
	visibility: visible;
}

#mocMenu {
	position:absolute;
	left:1025px;
	top:430px;
	width:175px;
	height:50px;
	z-index:2;
	background-image: url(images/green_Grad.gif);
	visibility: visible;
}

#miscHead {
	position:absolute;
	left:1025px;
	top:480px;
	width:175px;
	height:25px;
	z-index:2;
	background-image: url(images/brown_grad.gif);
	visibility: visible;
}

#miscMenu {
	position:absolute;
	left:1025px;
	top:505px;
	width:175px;
	height:145px;
	z-index:2;
	background-image: url(images/green_Grad.gif);
	visibility: visible;
}

#footer {
	position:absolute;
	left:0;
	top:650px;
	width:1200px;
	height:30px;
	z-index:2;
	background-image: url(images/brown_grad_Rev.gif);
	visibility: visible;
	text-align: center;
	padding: 5px 0px 0px 0px; 
}

.MenuHeaders {
	font-size: 18px; font-weight: bold; 
	text-align: center;
}

#image_VFW {
	position:absolute;
	left:10px;
	top:0px;
	width:98px;
	height:97px;
	z-index:2;
	background-repeat: no-repeat;
	background-position: center center;
	text-align: center;
	padding-top: 2.5px;
	visibility: visible;
}

#titleText {
	position: absolute;
	left: 125px;
	top: 0px;
	width: 509px;
	font-family: "Monotype Corsiva", Script;
	font-size: 24px;
	margin: 0px;
	padding: 0px;
	visibility: visible;
}

#headerText {
	position: absolute;
	left: 126px;
	top: 30px;
	font-family: Calibri, Arial, sans-serif;
	font-size: 18px;
	visibility: visible;
}

#allAmerican {
	position: absolute;
	left: 530px;
	top: 35px;
	font-family: Calibri, Arial, sans-serif;
	color: #000066;
	font-size: 14px;
	text-align: center;
	font-weight: normal;
	visibility: visible;
}

#dodSeals {
	position:absolute;
	left:915px;
	top:29px;
	width:283px;
	height:52px;
	z-index:2;
	visibility: visible;
}

.menuList {
	padding: 8px 0px 0px 8px;
	margin: 0px;
	font-family: Calibri, Arial, sans-serif;
	list-style: none;
	font-size: 14px;
	font-weight: bold;
}

.menuList a {
	padding: 1px 0px 1px 0px;
	color: black;
	text-decoration: none;
}

.menuList a:hover {
	text-decoration: underline;
	color: white;
}









/* Content Area */

#content {
	position:absolute;
	left:175px;
	top:155px;
	width:850px;
	height:495px;
	z-index:2;
	overflow: scroll;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	visibility: visible;
}

.sealSmall {
	position: absolute;
	top: 10px;
	left: 10px;
	visibility: visible;
}

#threeSeals {
	position: absolute;
	top: 10px;
	left: 10px;
}

.buddyPoppy {
	position: absolute;
	left: 770px;
	top: 10px;
}

.pageHeading {
	position: absolute;
	left: 65px;
	top: 65px;
	font-family: Calibri, Arial, sans-serif;
	font-size: 18px;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	width: 733px;
	text-align: center;
	visibility: visible;
}

.line {
	position: absolute;
	left: 60px;
	top: 85px;
}

.pageContent {
	position: absolute;
	left: 55px;
	top: 95px;
	margin: 0px;
	padding: 0px;
	width: 760px;
}

.pageContent a:link {
	color: black;
}

.pageContent a:visited {
	color: black;
}

.pageContent a:hover {
	color: #4d6222;
}






/* Content Element Formatting */


.ulStyle {
	list-style:none;
}

.liSpace{
	margin-bottom: 10px;
}

#contactContent ul {
	list-style: none;
}

#hours {
	list-style: none;
}

#hoursHead {
	text-decoration: underline;
}

#faqContent {
	position: absolute;
	top: 95px;
	left: 45px;
	margin: 0px;
	padding: 0px;
}

#centerContent {
	text-align: center;
}

#faqContent ul {
	list-style: none;
}

#contactForm {
	position:absolute;
	padding: 5px;
	left:330px;
	top:12px;
	width:423px;
	height:283px;
	z-index:4;
	border-left-width: thin;
	border-left-style: solid;
	border-left-color: #000000;
	text-align: center;
}


#lineBottom {
	position: absolute;
	/*top: 350px;*/
	left: 5px;
}











/*CSS Gallery and Index Page Image*/

.gallerycontainer{
	position: absolute;
	left: 50px;
	top: 91px;
	width: 754px;/*Add a height attribute and set to largest image's height to prevent overlaying*/
	z-index: 10;
	visibility: visible;
}

.thumbnail img{
	border: 1px solid white;
	margin: 0 2px 2px 0;
}

.thumbnail:hover{
	background-color: transparent;
}

.thumbnail:hover img{
	border: 1px solid black;
}

.thumbnail span{ /*CSS for enlarged image*/
	position: absolute;
	background-color: lightyellow;
	padding: 2px;
	left: -1000px;
	visibility: visible;
	color: black;
	text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
	border-width: 0;
	padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
	visibility: visible;
	top: 0;
	left: 230px; /*position where enlarged image should offset horizontally */
	z-index: 50;
}

#homeImage {
	position:absolute;
	left:284px;
	top:96px;
	width:495px;
	height:227px;
	z-index:3;
	visibility: visible;
}

