/*  ******************************************  

********  THEME NAME: "Original"
********  Description:  Nice and plain but with a few nice embelishments.

********  
********  Author: David VanThournout
********  Author URI: http://www.oneskygate.net/
********  
********  The CSS, XHTML and design unless otherwize stated is released under Creative Commons              license  Attribution 3.0  United States:http://creativecommons.org/licenses/by/3.0/us/
********  
********  You can tweak this css all you like. It would be great if you would publish under a    

           creative commons license.

********  There are probably more handles in the xhtml than I need. But that's better            

          than not having enough!
***********************************************

*/


html { 
	padding:0px;
  	margin:0px;
}

body {
  
	background: url('images/backsustaingreen.jpg') repeat-y top center;
	background-color:#D7D5D5;
  	font-size: 70%;
  	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
  	color:#000000;  
  	text-align:center;
	margin:0px;
	padding:0px;
}



p { 
	font-family: Verdana, Arial, Sans-Serif, Courier New;
	font-size: 1.1em;
        color:#000000; 
	margin: 0em 0em 0em 2.0em;
	padding: 0em 0em 1.0em 0.5em;
	text-align: left;
	border-left: 1px solid #000000;
	line-height: 1.35em;
}

p.c1 { 
	font-size: 1.1em;
	color: #000000;
	margin:0em 0em 0em 0.5em;
	border: none;
	line-height: 1.25em;
}

p.foot { 
	font-size: 1.1em;
	color: #FFFFFF;
	margin:0.5em 0em 0em 0.5em;
	border: none;
	line-height: 1.25em;
	text-align: center;
}

h1 {
	font-size:14px;
	padding-top:10px;
	text-transform:uppercase;
	color: #FFFF99;
	background-color: transparent;
}
h2 {
	font-size:1.1em;
	padding: 0px 0px 5px 0px;
	margin: 2.0em 0em 1.0em 0em;
	color: #000000;
	background-color: transparent;
	border-bottom: 1px solid #000000;
}
a { 
	color: #000000;
	font-size: 1.0em;
	background-color:#D9F5E0;
	text-decoration: none; 
	line-height: 1.75em;
}
a:visited { 
	color: #000000;
	text-decoration: line-through; 
}

a:hover, a:active { 
	text-decoration: none; 
	color: #FA3406;
}


a.c1 { 
	color: #5C2718;
	font-size: 1.1em;
	padding: 0em 0em 0em 0em;
	text-decoration: none; 
	background-color:#C3EFCF;
	
}
a.c1:visited { 
	text-decoration: line-through; 
	color: #5C2718;

}
a.c1:hover, a.c1:active { 
	background-color:#F2F2DC;
	text-decoration: underline;
	color: #000000;
}

a.foot { 
	color: #000000;
	font-size: 1.0em;
	background-color:#C3EFCF;
	text-decoration: none; 
}
a.foot:visited { 
	color: #000000;
	text-decoration: line-through; 
}

a.foot:hover, a.foot:active { 
	background-color:#416D4D;
	text-decoration: none; 
	color: #7FF9A1;
}
 
pre { 
	color: #564b47;
	font-size: 10px;
	background-color:transparent;
	font-family: Courier, Monaco, Monospace;
}

#navigation, #navigation ul { /* all lists */
		padding: 0;
		margin: 0;
		list-style: none;
		float : left;
		width : 11em;
		border-top: 1px solid black;
	}
	
	#navigation li { /* all list items */
		font-family: Verdana, Arial, Sans-Serif, Courier New;
		position : relative;
		float : left;
		line-height : 1.75em;
		margin-bottom : -1px;
		width: 11em;
		
	}
	
	#navigation li ul { /* second-level lists */
		position : absolute;
		left: -999em;
		margin-left : 11.05em;
		margin-top : -1.76em;
	}
	
	#navigation li ul ul { /* third-and-above-level lists */
		left: -999em;
		margin-top : -2.15em;
	}
	
	#navigation li a {
		width: 11em;
		w\idth : 10em;
		display : block;
		color : black;
		font-weight : bold;
		text-decoration : none;
		border-top: 1px solid #4BCD6A;
		border-bottom: 1px solid #4BCD6A;
		background-color : #8FC7A0;
		
		padding : 0 0.5em;
	}
	
	#navigation li a:hover {
		color : #4BCD6A;

		background-color : black;
	}
	
	#navigation li:hover ul ul, #navigation li:hover ul ul ul, #navigation li.sfhover ul ul, #navigation li.sfhover ul ul ul {
		left: -999em;
	}
	
	#navigation li:hover ul, #navigation li li:hover ul, #navigation li li li:hover ul, #navigation li.sfhover ul, #navigation li li.sfhover ul, #navigation li li li.sfhover ul { /* lists nested under hovered list items */
		left: auto;
	}


#navigation li:hover, #navigation li.hover {
    position: static;
}




#box {
	background: url('images/sustainable3.jpg') no-repeat;
	background-position: 51% 0%;
	background-color: transparent;
	width:720px;
	height: auto;
	margin: 0px auto;
	padding:0px;

}

#header {
	background-color:transparent;
	margin-top: 0px;
	height: 10.8em;
	width: 64.0em;
	text-align: left;
}

#header h1 {
	font-size: 11px;
	text-transform:uppercase;
	text-align: right;
	color: #564b47;
	background-color: #000000;
	padding:3px 0px;
	margin:0px
}

#subheader {
	width:64em;
	height: 0.1em;

}

#menuwrap {
	width:12em;
	height: auto;
	margin-bottom: 3.0em;
	float: left;
}

#menu {
	background-color:transparent;
	width:12.5em;
	height: auto;
	margin-top: 0em;
	text-align: left;
	float:left;

}

#content {
	width:48.3em;
	height: auto;
	margin: 0em 0em 5em 0em;
	padding:0em 2.0em 0em 0em;
	float:right;
	text-align: left;
	background-color: transparent;


}



#footer {
	background: url('images/sustainable3.jpg') no-repeat;
	width: 720px;
	height: 119px;
	padding-left: 0em;
	clear: both;
	text-align: center;

}

#floatfoot {

	width: 12.5em;
	height: 3em;
	margin-top: 4em;
	float: right;

}


#extraDiv1 { 
	background: url('') no-repeat top center fixed; 
	position: absolute; 
	top: 0px; 
	right: 0px;
        left: 0px; 
	width: 1px; 
	height: 1px 
	}