/*
Layout css file  091707 DL
==================================================*/

body {
	margin:0 0;
	padding:0;
	text-align: left;
	min-height: 900px;
	width: 100%;
	height: 100%; /* special for IE5+ */
	z-index: 1;
	background-color: rgb(255,255,255);
	color : rgb(0,0,0);
	background-color : inherit;
	font-family: "Verdana";
	font-style: normal;
	line-height: normal;
	font-weight: 200;
	text-decoration: none;
	color: #000000;
	clear: both;
	background:url("../assets/green-stripe.gif") repeat rgb(158,210,59) ;
}

/*
top area specific
==================================================
*/
#top {
	position: absolute;
	top: 0px;
	width: 834px;
	height: 188px; /*15px;*/
	padding: 5px;
	z-index: 2;
	text-align: right;
/*	background:url("../assets/u-lakescape.png") center 25px no-repeat transparent;*/
	background:url("../rotate_images/rotate.php") center 25px no-repeat transparent;
}

/*
content area specific
==================================================*/
#content {
  background-color:  rgb(245,245,195); /*rgb(194,223,158);*/
  /*margin:25px 260px 0px 200px;*/
  margin:25px 0px 0px 200px;
	width: auto; 
	height: 100%;
	padding: 160px 0px 0px 0px;
	text-align: left;
}
#page_content {
  background-color: rgb(245,245,195);
  margin:0px 0px 0px 200px;
	width: auto; 
	height: 100%;
	padding: 185px 0px 0px 0px;
	text-align: left;
}

/*
left area specific
==================================================*/
#left {
	position : absolute;
	top: 25px;
	left: -1px;
	width: 160px;
	height:100%;
	padding: 180px 0px 20px 0px;
	z-index: 1;
  background-color: rgb(17,69,119);
	border:none; 
}

.left-fill {
  margin:-150px 0 0 -1px;
  float:left;
  height:100%;
  width:160px;
  background-color: rgb(17,69,119);
  border:solid red 1px;
}

/*
right area specific
==================================================*/
#right {
  position:absolute;
  background-color: rgb(245,245,195);
  float:right;
  margin: -1px 0px 0px 574px;
	top: 26px;
	left:10px;
	right: 5px;
	bottom:0px;
	width: 260px;
	min-height: 100%; 
	padding: 160px 0px 20px 0px;
	z-index: 1;
	text-align: left;
}

/*
footer area specific
==================================================*/
#footer {
	width: 100%;
	text-align: center;
	position: absolute;
	bottom: 0px;
	height: 20px;
	z-index: 1;
	border-top: 1px solid #999999;
	background-color: rgb(255,255,255);
	color: rgb(0,0,0);
}

/*
wrapper area specific
==================================================*/
#wrapper {
	background-color: transparent; 
	width: 844px;
	text-align: center;
	top: 70px;
  clear:both;
	color: rgb(0,0,0);
	border:solid rgb(244,244,195) 1px;
	border-left:none;
	display: block;
	margin:0 auto;
	padding:0 0 20px;
	position:relative;
	z-index:99;
	overflow:hidden;
}


a {
	color: rgb(0,0,0);
	background-color: inherit;
	font-family: "Verdana";
	font-style: normal;
	font-variant: small-caps;
	line-height: normal;
	font-weight: normal;
	text-decoration: underline;
	color: #333333;
}

a:hover {
text-decoration: none;
}

/*
left area specific
==================================================*/
#left {
	text-align: right;
}

/*
left menu class
==================================================
==================================================*/

.menu a {
	color: rgb(0,0,0);
	background-color: inherit;
	font-family: "Verdana";
	font-style: normal;
	font-variant: small-caps;
	line-height: normal;
	font-weight: normal;
	text-decoration: none;
	color: #ffffff;
/*	display:block;*/
	padding:0 5px 0 0;
}

.menu a:hover {
	color: rgb(230,230,250);
	background-color: rgb(90,142,190);
	padding:0 5px 0 0;
}

#menu
{	margin: 0;
	padding: 0;
	z-index: 30}

#menu li
{	margin: 0;
	padding: 0;
	list-style: none;
	}

#menu li a
{	
  
  	color: rgb(0,0,0);
  	background-color: inherit;
  	font-family: "Verdana";
  	font-style: normal;
  	font-variant: small-caps;
  	line-height: normal;
  	font-weight: normal;
  	text-decoration: none;
  	color: #ffffff;
  	display:block;
  	padding:0 5px 0 5px;
	text-decoration: none
	}

#menu li a:hover{
	color: #114577;
	background-color: rgb(90,142,190);
	padding:0 5px 0 5px;
}
#menu div
{	position: absolute;
	visibility: hidden;
	margin: -20px 0 0 160px;
	padding: 0;
	background: rgb(100,158,210);
	border: 1px solid #5970B2}

	#menu div a
	{	
	  
    	color: rgb(0,0,0);
    	background-color: inherit;
    	font-family: "Verdana";
    	font-style: normal;
    	font-variant: small-caps;
    	line-height: normal;
    	font-weight: normal;
    	text-decoration: none;
    	color: #ffffff;
    	display:block;
    	padding:0 5px 0 5px;
    position: relative;
		margin: 0;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		}

	#menu div a:hover  {
    	color: #114577;
    	background-color: rgb(90,142,190);
    	padding:0 5px 0 5px;
    }
/*light blue	color: rgb(100,158,210) */
	
#title {
	z-index: 1000;
	position: absolute;
	top: 0px;
	width: 100%;
	height: 70px;
	margin: 0 auto;
	text-align: center;
	background-color: rgb(158,210,59);
	vertical-align: text-bottom;
	background: rgb(158,210,59) url("../assets/FMLP_title.gif") center 41px no-repeat;
}
.nat-back img{width:220px; display:inline; clear:both;}
.green-back img{width:260px;}
.green-back2 img{width:100px;}

.topnav {
	z-index: 50;
	position: absolute;
	top: 70px;
	width: 100%;
	height: 26px;
	margin:0 auto;
	background-color: rgb(244,244,195);
	clear:both;
}
body .nat-back p, body green-back p {padding:4px 0 0 4px;}
h3, h4 {margin:0px 0 4px 0; font-variant: small-caps;}
.nat-back h3, .nat-back h4{color: rgb(102,152,93);}


.green-back h3, .green-back h4{color: rgb(178,88,10);}

/*this is the green and natural header size*/
.nat-back h3, .green-back h3{font-size:110%;}

.nat-back  li, .green-back  li {font-weight:bold;margin:0 0 0 14px;}
.nat-back {background-color: rgb(244,244,195);padding: 20px 20px 20px 20px;
font-size:90%;}
.nat-main { margin:0 260px 0 0;}
.green-back {background-color: rgb(255,255,255);padding: 27px 20px 20px 20px; margin:-7px 260px 0 0; 
/*this is the green background background-color: rgb(194,223,158) font size*/
font-size:90%;
}
/*margin:25px 260px 0px 200px;*/

.breadcrumb {
  
	color: rgb(0,0,0);
	background-color: inherit;
	font-family: "Verdana";
	font-style: normal;
	font-variant: small-caps;
	line-height: normal;
	font-weight: normal;
	text-decoration: none;
	color: #333333;
}

		.hot_box{
			margin:0 auto;
			font-size:80%;
			text-align:left;
			margin: 40px 6px 6px;
			padding:6px;
			background:#E2580E;
		}
		.hot_box p{
			margin:5px 0;
		}
		.hot_box p a{
			text-decoration:underline;
		}
		.hot_box p a:hover{
			text-decoration:none;
		}
		.hot_box p strong, 
		.hot_box p a,
		.hot_box p a:hover{
			color:#FFF;
			background:0;
/*			display:inline;*/
		}
		.hot_box2{
			margin:0 auto;
			font-size:80%;
			text-align:left;
			margin: 40px 6px 6px;
			padding:6px;
			background:#E2580E;
		}
		.hot_box2 p{
			margin:5px 0;
		}
		.hot_box2 p a{
			text-decoration:underline;
		}
		.hot_box2 p a:hover{
			text-decoration:none;
		}
		.hot_box2 p strong, 
		.hot_box2 p a,
		.hot_box2 p a:hover{
			color:#FFF;
			background:0;
/*			display:inline;*/
		}
		
#left .donate_button{
	text-align:center;
}
#left .donate_button p{
	height:10px;
}