﻿html,body{
	margin: 0px;
	padding: 0px;
}
body {
	background: #fff url(../img/page_bg.jpg) repeat-x;
	font: 90% tahoma, arial, helvatica, sans-serif;
	text-align: center;
}

* {
	margin: 0px;
	padding: 0px;
}
#horzmenu {
	width:800px;
	margin: 0px auto 0px auto;
	padding-bottom: 20px;
}
ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	}

ul li {
	position: relative;
	float: left;
	width: 160px;
}
	
li ul {
	position: absolute;
	left: 0; /* Set 1px less than menu width */
	top: auto;
	display: none;
}
li ul ul{
	position: absolute;
	left:100%; /* Set 1px less than menu width */
	top: -.1em;
	display: none;
}

/* Styles for Menu Items */
ul li a {
	display: block;
	text-decoration: none;
	letter-spacing: 2px;
	color: #fff;
	background: #000; /* IE6 Bug */
	padding: 5px;
	border: 1px solid #888;
}
/* commented backslash mac hiding hack \*/ 
* html  ul li a {height:1%}
/* end hack */ 

/* this sets all hovered lists colors */
 li:hover a,  li.over a,
 li:hover li:hover a,  li.over li.over a,
 li:hover li:hover li:hover a,  li.over li.over li.over a,
 li:hover li a:hover,  li.over li a:hover,
 li:hover li:hover li:hover a:hover,  li.over li li a:hover,
 li:hover li:hover li:hover li:hover a:hover,  li.over li.over li.over li.over a:hover 
{
   color: #330;
   background: #f2ecd6 url(../img/bg2.jpg);
}

/* set dropdown to default */
 li:hover li a,  li.over li a,
 li:hover li:hover li a,  li.over li.over li a,
 li:hover li:hover li:hover li a,  li.over li.over li.over li a
 {
    color: #660;
   background: #e5deb0 url(../img/bg1.jpg);
}
 li ul li a { padding: 2px 5px; } /* Sub Menu Styles */
 ul li:hover ul ul,  ul li:hover ul ul ul,  ul li.over ul ul,  ul li.over ul ul ul {
display:none;
}

 ul li:hover ul,  ul li li:hover ul,  ul li li li:hover ul,  ul li.over ul,  ul li li.over ul,  ul li li li.over ul {
	display: block;
}
#header {
	color: #fff;
	width: 800px;
	height: 210px;
	background: #000 url(../img/bg_earth.jpg) no-repeat bottom right;
	margin: 0px auto 0px auto;
	text-align: left;
}
#container-top {
	background: #fff url(../img/top_bg.jpg);
	width: 800px;
	height: 50px;
	margin: 0px auto 0px auto;
	text-align: center;
}
#container {
	background: #f2ecd6 url(../img/container_bg.jpg);
	width: 800px;
	margin: 0px auto 0px auto;
	text-align: left;
}
#container:after
{
    content: "";
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
}

#holder {
	background: #f2ecd6 url(../img/container_bg.jpg);
	margin: 0px auto 0px auto;
	float: left;
	width:100%;
}
#content {
	background: #fff;
	margin: 0px 160px 0px 160px;
	color: #000;
	border: solid 1px #ccc;
	clear: both;
}
#content p {
	line-height:1.4;
	padding: 3px 15px 3px 15px;
	letter-spacing: 1px;
}
#content a {
	text-decoration: underline;
	color: #080;
} 
#content a:hover { 
	color: #008;
	text-decoration: underline;
}
#leftside {
	float: left;
	width: 160px;
	margin-left: -799px;
	color: #660;
	text-align: center;
}
#leftside a {
	text-decoration: underline;
	color: #080;
} 
#leftside a:hover { 
	color: #008;
	text-decoration: underline;
}
#rightside {
	float: left;
	width: 160px;
	margin-left: -160px;
	color: #660;
	text-align: center;
}
#rightside a {
	text-decoration: underline;
	color: #080;
} 
#rightside a:hover { 
	color: #008;
	text-decoration: underline;
}
#footer {
	background: url(../img/footer.gif) no-repeat top center;
	margin: 0px auto 0px auto;
	padding-top: 10px;
	width: 800px;
	height: 70px;
	clear: both;
	text-align: center;
}

#subfooter {
	margin: 0px auto 0px auto;
	clear: left;
	width: 800px;
	color: #444;
	font: 80% tahoma, arial, helvatica, sans-serif;
	text-align: center;
	letter-spacing: 1px;
}
#subfooter a {
	text-decoration: underline;
	color: #000;
} 
#subfooter a:hover { 
	color: #080;
	text-decoration: underline;
}
#subfooter p {
	margin:0;
	padding:5px 0px 10px 0px;
}
h1 {
	color: #fff;
	font: normal 18pt tahoma, arial, helvatica, sans-serif;
	letter-spacing: 3px;
	margin: 0px;
	padding: 0px;
}
h2 {
	color: #008;
	font: normal bold 12pt tahoma, arial, helvatica, sans-serif;
	letter-spacing: 2px;
	margin: 0px;
	padding: 5px;
}
h3 {
	color: #330;
	font: normal bold 100% tahoma, arial, helvatica, sans-serif;
	letter-spacing: 2px;
	margin: 0px;
	padding: 5px 5px 5px 10px;
}
.green {
	color: #080;
	font: normal bold 100% tahoma, arial, helvatica, sans-serif;
	letter-spacing: 1px;
	margin: 0px;
	padding: 0px;
}
.red {
	color: #f00;
	font: normal bold 100% tahoma, arial, helvatica, sans-serif;
	letter-spacing: 1px;
	margin: 0px;
	padding: 0px;
}
.smallfont {
	font: 80% tahoma, arial, helvatica, sans-serif;
	padding: 10px;
}

.c {
	margin: 0px auto 0px auto;
	text-align: center;
}

.tips {
	background: #000 url(../img/efi_tips.jpg) no-repeat top center;
	float: left;
	width: 300px;
	height: 150px;
	color: #fff;
	font: normal 100% tahoma, arial, helvatica, sans-serif;
	letter-spacing: 1px;
	margin-top: 20px;
	padding-top: 20px;
}
.earthday {
	background: url(../img/earth_day.jpg) no-repeat top center;
	margin: 0px auto 0px auto;
	padding: 30px 0px 0px 0px;
	width: 138px;
	height: 100px;
	clear:left;
	text-align: center;
}

img {
	border: 0px;
}