body {
	font-family:Georgia, "Times New Roman", Times, serif;
	height:100%;
}

#container {
  width: 737px ;
  margin-left: auto ;
  margin-right: auto ;
  padding:13px;
  height:100%;
}
ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	font-size:15px;
	line-height:17px;
	font-family:Helvetica, Arial, sans-serif;
	display:block;
	cursor:pointer;
}


li { /* all list items */
	float: left;
	position: relative;
	width:148px;
	height:148px;
	float:left;
	display:block;
	background:#d9edb5;
	color:#80c40a;
	font-size:18px;
	padding:15px;
	text-align:center;
	font-family:Georgia, "Times New Roman", Times, serif;
	cursor:pointer;
}
#push {
	margin-left:8px;
}

li a {
	text-decoration:none;
	
}

li a:hover {
	color:#ffffff !important;
	text-decoration:none;
}

li ul { /* second-level lists */
	display: none;
	
}

li ul a {
	color:#e6f3ce !important;
	text-decoration:none;
}

li ul a:hover {
	color:#ffffff;
	text-decoration:none;
}

li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}

li:hover {
background:#80c40a;
color:#ffffff;
}

li:hover li {
background:#80c40a;
color:#ffffff;
}

li:hover ul, li.over ul { /* lists nested under hovered list items */
	display: block;
}

/* green nav active */

.active ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	font-size:15px;
	line-height:17px;
	font-family:Helvetica, Arial, sans-serif;
	display:block;
	cursor:pointer;
}


.active li { /* all list items */
	float: left;
	position: relative;
	width:148px;
	height:148px;
	float:left;
	display:block;
	background:#80c40a;
	color:#ffffff;
	font-size:18px;
	padding:15px;
	text-align:center;
	font-family:Georgia, "Times New Roman", Times, serif;
	cursor:pointer;
}

.active li a {
	text-decoration:none;
	
}

.active li a:hover {
	color:#ffffff;
	text-decoration:none;
}

.active li ul { /* second-level lists */
	display: none;
	
}

.active li ul a {
	color:#e6f3ce;
	text-decoration:none;
}

.active li ul a:hover {
	color:#ffffff;
	text-decoration:none;
}

.active li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}

.active li:hover {
background:#80c40a;
color:#ffffff;
}

.active li:hover li {
background:#80c40a;
color:#ffffff;
}

.active .subactive {
	color:#ffffff !important;	
}

.active li:hover ul, li.over ul { /* lists nested under hovered list items */
	display: block;
}






/* brown nav */


#brown ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	font-size:13px;
	line-height:16px;
	font-family:Helvetica, Arial, sans-serif;
	display:block;
	cursor:pointer;
}


#brown li { /* all list items */
	float: left;
	position: relative;
	width:148px;
	height:148px;
	float:left;
	display:block;
	background:#cdc4b8;
	color:#6b5836;
	font-size:18px;
	padding:15px;
	text-align:center;
	font-family:Georgia, "Times New Roman", Times, serif;
	cursor:pointer;
}

#brown li a {
	text-decoration:none;
	
}

#brown li a:hover {
	color:#ffffff;
	text-decoration:none;
}

#brown li ul { /* second-level lists */
	display: none;
	
}

#brown li ul a {
	color:#e6f3ce;
	text-decoration:none;
}

#brown li ul a:hover {
	color:#ffffff;
	text-decoration:none;
}

#brown li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}

#brown li:hover {
background:#fcb034;
color:#ffffff;
}

#brown li:hover li {
background:#fcb034;
color:#ffffff;
}

#brown li:hover ul, li.over ul { /* lists nested under hovered list items */
	display: block;

}

/* active brown */

#brown ul.active { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	font-size:13px;
	line-height:16px;
	font-family:Helvetica, Arial, sans-serif;
	display:block;
	cursor:pointer;
}


#brown li.active { /* all list items */
	float: left;
	position: relative;
	width:148px;
	height:148px;
	float:left;
	display:block;
	background:#fcb034;
	color:#ffffff;
	font-size:18px;
	padding:15px;
	text-align:center;
	font-family:Georgia, "Times New Roman", Times, serif;
	cursor:pointer;
}

#brown  li.active a {
	text-decoration:none;
	
}

#brown  li.active a:hover {
	color:#fcb034;
	text-decoration:none;
}

#brown  li.active ul { /* second-level lists */
	display: none;
	
}

#brown  li.active ul a {
	color:#e6f3ce;
	text-decoration:none;
}

#brown  li.active ul a:hover {
	color:#ffffff;
	text-decoration:none;
}

#brown  li.active>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}

#brown  li.active:hover {
background:#fcb034;
color:#ffffff;
}

#brown  li.active:hover li {
background:#fcb034;
color:#ffffff;
}

#brown  li.active:hover ul, li.over ul { /* lists nested under hovered list items */
	display: block;

}



/* end active brown */


.nav-container {
	float:left;
	display:block;
	height:100%;
}
.homepage-image-container {
	float:left;
	overflow:hidden;
	width:550px; 
	height:368px;	
}

#content {
	clear: left;
}
#splash-main-box {
	background-color:#80c40a;
	color:#ffffff;
	width:737px;
	margin-top:8px;
	font-size:18px;
	line-height:26px;
	margin-bottom:8px;
}
.splash-main-text {
	float:right;
	width:155px;
	padding-top:0px;
	margin-right: 10px;
}

#body-main-box {
	display:block;
	float:left;
	background-color:#fffcd6;
	width:707px;
	margin-top:8px;
	margin-bottom:8px;
	padding:15px;
}
#body-main-box h2 {
	font-size:22px;
	color:#80c40a;
	font-weight: normal;
	padding-top:0px;
	margin-top:0px;
}

#body-main-box2 {
	display:block;
	float:left;
	background:url(/images/bg-content.gif) repeat-y;
	width:707px;
	margin-top:8px;
	margin-bottom:8px;
	padding:15px;
	margin-right:8px;
}
#body-main-box2 h2 {
	font-size:22px;
	color:#80c40a;
	font-weight: normal;
	padding-top:0px;
	margin-top:0px;
}

#body-main-box2 h2.orange {
	font-size:22px;
	color:#FCB034;
	font-weight: normal;
	padding-top:0px;
	margin-top:0px;
}

#body-main-box h2.orange {
	font-size:22px;
	color:#FCB034;
	font-weight: normal;
	padding-top:0px;
	margin-top:0px;
}

#body-rightbar {
	float:left;
	width:179px;
	background-color:#fffcd6;
	margin-top:8px;
	margin-bottom:8px;
	height:100%;
}

.body-leftbar-text {
		
}

.body-main-text {
	float:right;
	margin-right:15px;
	width:500px;
	padding-top:0px;
	color:#6b5836;
	margin-top:8px;
	font-size:16px;
	line-height:22px;
}

.body-main-text a, a:visited {
	text-decoration:none;
	color:#FCB034;
}

.body-main-text a:hover {
	text-decoration:none;
	color:#80c40a;
}





.body-main-text2 {
	float:left;
	margin-left:15px;
	width:500px;
	padding-top:0px;
	color:#6b5836;
	margin-top:8px;
	font-size:16px;
	line-height:22px;
}
.body-main-text3 {
	float:left;
	margin-left:15px;
	width:95%;
	padding-top:0px;
	color:#6b5836;
	margin-top:8px;
	font-size:16px;
	line-height:22px;
}

#bottomNavBoxes {
	width:188px;
	height:188px;
	float:left;
	display:block;
	background:#cdc4b8;
	color:#6b5836;
	font-size:22px;
	padding:15px;
	text-align:center;
}
#logoBox {
	width:218px;
	height:218px;
	float:right;
	display:block;
	background:#ffffff;
	background:url(/images/logo.gif) no-repeat;
}
#footer-box {
	background-color:#6b5836;
	color:#fcb034;
	width:728px;
	margin-top:8px;
	font-size:18px;
	line-height:24px;
	padding:10px;
	text-align:center;
	font-weight:normal;
}
#footer-box span {
	color:#80c40a;	
}

.body-main-text img {
	float:left;
	margin-right:40px;
}