/* CSS Document */

body{background: #EBE99C; 
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#336600;
	font-size:12px;
	text-align:justify;
	}
*{
	margin:0;
	padding:0;}
#container{
	width:708px;
	margin:20px auto;
	}
#menu2{
	font-size:12px;
	width:90%;
	height:40px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0 auto;
	}
#menu2 ul {
	margin:0;
	padding:5px;
	list-style:none;
	}
#menu2 li {
	display:inline;
	margin:0;
	padding:0;
	}
#menu2 a {
	float:left;
	margin:0;
	text-decoration:none;
	color:#609C29;
	font-weight:bold;
	}
#menu2 a span {
	float:left;
	display:block;
	padding:8px 10px;
	}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menu2 a span {float:none;}
/* End IE5-Mac hack */
#menu2 a:hover span {color:#330000;
				}
#menu2 a:active span {color:#CCCCCC;}

#banner{
	width:100%;
	background:url(images/ecoethicsbanner.jpg);
	height:180px;
	min-height:180px;}
#menu3{
	font-size:12px;
	height:46px;
	min-height:46px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:url(images/submnu.jpg) no-repeat left;
	margin-top:10px;
	margin-left:30px;
	}
#menu3 ul {
	margin:0;
	padding:5px;
	list-style:none;
	}
#menu3 li {
	display:inline;
	margin:0;
	padding:0;
	}
#menu3 a {
	float:left;
	margin:0;
	padding:0 0 0 0px;
	text-decoration:none;
	color:#FFFFCC;
	font-weight:bold;
	}
#menu3 a span {
	float:left;
	display:block;
	padding:8px 15px;
	}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menu3 a span {float:none;}
/* End IE5-Mac hack */
#menu3 a:hover span {color:#609C29;
				}
#menu3 a:active span {color:#CCCCCC;}

#content{
	width:100%;
	line-height:18px;}
#content li{
	}
#menu4{
	font-size:12px;
	height:46px;
	min-height:46px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:url(images/submnu.jpg) no-repeat left;
	margin-top:10px;
	margin-left:50px;
	}
#menu4 ul {
	margin:0;
	padding:5px;
	list-style:none;
	}
#menu4 li {
	display:inline;
	margin:0;
	padding:0;
	}
#menu4 a {
	float:left;
	margin:0;
	padding:0 0 0 0px;
	text-decoration:none;
	color:#FFFFCC;
	font-weight:bold;
	}
#menu4 a span {
	float:left;
	display:block;
	padding:8px 15px;
	}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menu4 a span {float:none;}
/* End IE5-Mac hack */
#menu4 a:hover span {color:#609C29;
				}
#menu4 a:active span {color:#CCCCCC;}
	
#maintext{
	width:100%}
#maintext li{
	list-style:inside square;}	
	
.footer{
	font-size:10px;
	text-align:center;
	margin-top:10px;
	color:#996600;}
	
.pad{
	padding:15px;}
.pad a{
	color:#993300;
	font-style:italic;
	text-decoration:underline;}
.pad a:hover{
	text-decoration:none;}
.wrapper {
 
}


.main {
  clear: both;
  width: 98%;
  margin: 0;
  padding: 0;
/* background-color value is for content background.
   Image is 2000px wide, ~25% is colored, where sidebar should be 
   (exact pixel count of colored area is actually closer to 26%).
   Position corresponds to left sidebar, repeat img vertically.
   Easily modified for right sidebar - just flip the image,
   change bg position to 75% and change .content to float:left.
*/
}
.content {
  width: 65%;
  float: right;
  margin: 0;
  padding: 1% 2%;
}
.sidebar {
  margin-right: 67%;
  padding: 1%;
  font-size: 90%;
}
.clear {
  clear: both;
  height: 1px;
  overflow: hidden;   /* prevent IE expanding the container */
  margin: 0;          /* keep flush with surrounding blocks */
}

.img2{
	float:right;
	padding:5px;}

.img1{
	float:left;
	padding:5px;}
.rightimage{
	float:right;
	padding:8px;}
.leftimage{
	float:left;
	padding:8px;}
h1{
	font-size:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#993300;}

td a{
	text-decoration:underline;
	color:#CC9900;
	font-family:"Trebuchet MS";}
td a:hover{
	text-decoration:none;
	font-style:italic;}
.imgpad{
	padding:5px;}