/* set all containers (body, table, etc.) to span 100% height of browser viewport */
html, body, #htmlwrapper, #tablecontainer_lvl1_index {
	min-height:100%;
	height:auto; 
    height:100%;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;    
 }
 
#htmlwrapper {
	/* text-align:center; */
}
  
body {
	background-color: #496B28;
}
  
/* content within this table is vertically aligned in the middle of the screen */
#tablecontainer_lvl1_index {
	width: 100%;
	position:relative;
	vertical-align: middle;
	border:0;
 }
   
 #tablecontainer_lvl2_index {	
	text-align:center;
	width:100%;
	position:relative;
	border: 0;	
 } 
 
 #tablecontainer_lvl1 {
	width:100%;
	position:relative;
	vertical-align:top;
	border:0;
	height:auto;
	margin: 0 auto;
 }
  
  #tablecontainer_lvl2 {
	text-align: center;
	margin:0 auto;
	width:100%;
	position:relative;
	border:0;	
	height:auto;
 }

td, select, option, input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.bgDrkGreen {
	background-color: #2C4118;
}

.bgVeryDrkGreen {
	background-color: #243513
}

.grassContainer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CCCCCC;
	background-image: url(../../graphics/index/grass.jpg);
	background-repeat: no-repeat;
	text-align:left;
	width: 779px;
	height: 374px;
	border:0px #ffffff solid;
}

#grassContent {
	width:400px;
	position:relative; 
	top:40px; 
	left:280px;
	text-align:left;
	border:0px #ffffff solid;
}

.grassText {
	font-size: 11px;
	padding-left:1px;
	padding-bottom: 10px; 
	color: #CCCCCC;
	border:0px #ffffff solid;
}

.contentArea {
	background-color: #ffffff;
	text-align:left;
	vertical-align:top;
	min-height:650px;
	height:650px;
	border:0px #cccccc solid;
	overflow:auto;
	border: 0px solid #ff00cc;
}

/* padding: 10px 100px 15px 130px; */
/* width:600px;
left:40px; */
.content {
	position:relative;
	left:130px;
	width:500px;
	overflow:auto;
	padding-bottom:20px;
	padding-top:10px;
	font-size: 11px;
	line-height: 1.5;
	border:0px #000000 solid;
}

.footerAreaIndex {
	background-image: url(../../graphics/index/bar_bottom.gif);
	background-repeat: no-repeat;
	height:33px;
	background-position: top;
}

.footerTextIndex {
	font-size: 10px;
	color: #FFFFFF;
	padding: 0px 0px 0px 25px;
	text-align:left;
}

.footerText {
	font-size: 10px;
	color: #FFFFFF;
	padding: 0px 0px 20px 0px;
	/* padding: 0px 0px 40px 0px; */
	text-align:left;
}

.footerLogo {
	/* padding: 0px 0px 40px 0px; */
	padding: 0px 0px 20px 0px;
	text-align:right;
}

.redText {
	font-family: inherit;
	font-size: inherit;
	color:#FF0000;
}

.italicText {
	font-family: inherit;
	font-size: inherit;
	font-style:italic;
}

ul {	
	list-style: square;
	list-style-position:outside;
	margin-left: 0em;
	padding-left: 3em;
	text-indent: 0em;
	padding-bottom:15px;
}

li 	{ 	
	padding-bottom:10px; 
}

a:link, a:visited	{ 
	color: #243513; 
	font-weight: bold;
	text-decoration: none; }
						
a:hover, a:active	{ 
	/* color: #2C4118; */
	color:#496B28;
	font-weight: bold;
	text-decoration:underline }