@charset "UTF-8";
/* CSS Document */

/*link styles*/
img {
	border: 0;
}

/*font styles*/
.error {
	color: #FF0000;
}

/*body syles*/
body{
	background-color:#b0be8a;
	background-image:url(../images/saveatreebackground.jpg);
	background-repeat:repeat-x;
	margin-top: 9px;
}

#wrapper {
	width: 930px;
	height: auto;
	padding: 0px;
}

#page {
	position: relative;
	float: left;
	text-align: center;
	width: 930px;
	height: auto;
}

#bodycontent {
	position: relative;
	float: left;
	width: 930px;
	height: auto;
	background-image:url(../images/background.jpg);
	background-repeat: repeat-y;
}

#viewbodycontent {
	position: relative;
	float: left;
	width: 930px;
	height: auto;
	background-image:url(../images/viewbackground.jpg);
	background-repeat: no-repeat;
	color: #766341;
	font-family: Verdana, Geneva, sans-serif;
}

#viewbodycontent2 {
	position: relative;
	float: left;
	width: 930px;
	height: auto;
	background-image:url(../images/viewbackgroundrepeat.jpg);
	background-repeat: repeat-y;
}

.HGimages {
	float: left;
	width: 72px;
	border: 1px solid #FFFFFF;
	margin-right: 15px;
}

/*header styles*/
.header {
	position:relative;
	float: left;
	width: 930px;
	height: 127px;
	text-align: left;
}

.container {
	position:relative;
	float: left;
	height: 127px;
	margin: 0px;
}

.headerLinks {
	position:relative; 
	float:left; 
	text-align: left;
	padding-left: 410px; 
	font-family:Verdana, Geneva, sans-serif;
	font-size: .7em;
	height: 99px;
	width: 170px;
	overflow: hidden;
	color:#7c6844;
}

.headerLinks a:hover {
	text-decoration: underline;
}

.headerLinks a {
	text-decoration: none;
	color:#7c6844;
}

.sublinks{
	position: relative;
	float: left;
	padding-left: 304px;
	height: 28px;
}

/*left nav styles*/
.leftnavshadow {
	float: left;
	width: 199px;
	height: auto;
	background-image:url(../images/leftnavshadow.jpg);
	background-repeat:repeat-y;
}

.leftnav {
	position: relative;
	float: left;
	width: 199px;
	height: 624px;
	overflow: hidden;
	background-image:url(../images/leftnav.jpg);
	background-repeat:no-repeat;
}

.leftnav a {
	color: #FFFFFF;
	font-family: Verdana, Geneva, sans-serif;
	text-decoration: none;
	font-size: .75em;
}

.leftnav a:hover{
	color: #630;
	text-decoration: none;
}

.topNavHeader{
	width:179px;
	float: left;
	height: 23px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;
	font-weight: bold;
	text-align: left;
	padding: 8px 0 0px 20px;
	color: #FFFFFF;
	overflow: hidden;
	background-image:url(../images/topleftnav.jpg)
}

.NavHeader{
	width:179px;
	float: left;
	height: 23px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;
	font-weight: bold;
	text-align: left;
	padding: 8px 0 0px 20px;
	color: #FFFFFF;
	overflow: hidden;
	background-image: url(../images/leftNavHeader.jpg);
}

.leftNavLinks {
	width: 179px;
	float: left;
	text-align: left;
	padding: 0 0 10px 20px;
}

/*center styles*/
#featured {
	float: left;
	width: 711px;
	height: 21px;
	overflow:hidden;
	background-image:url(../images/featuredbg.jpg);
	background-repeat:repeat-x;
	padding: 8px 0 3px 20px;
	text-align: left;
	font-family: Verdana, Geneva, sans-serif;
	font-size: .8em;
	color: #766341;
}

#featured2 {
	float: left;
	width: 451px;
	height: 21px;
	overflow:hidden;
	background-image:url(../images/featuredbg.jpg);
	background-repeat:repeat-x;
	padding: 8px 0 3px 20px;
	margin-left: -20px;
	margin-bottom: 15px;
	text-align: left;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1em;
	font-weight:bold;
	color: #766341;
}

#homegallery {
	position: relative;
	float: left;
	width: 451px;
	height: auto;
	padding: 15px 0 30px 20px;
	background: #FFFFFF;
	text-align: left;
	font-family:Verdana, Geneva, sans-serif;
	font-size: .7em;
	color: #766341;
}



/*------------------ EARTH DAY CARD ----------------*/

#earthdaycontent {
	position: relative;
	float: left;
	margin: 25px 0px 0px 145px;
	width: 619px;
	height: auto;
	background-image:url(../images/background.jpg);
	background-repeat: repeat-y;
}



#earthday {
	position: relative;
	float: left;
	width: 619px;
	height: 480px;
	padding: 0px 0px 0px 0px;
	background: #FFFFFF;
	text-align: left;
	font-family:Verdana, Geneva, sans-serif;
	font-size: .7em;
	color: #766341;
}


#earthfooter {
	position: relative;
	float: left;
	margin-left: 145px;
	width: 620px;
	height: auto;
	padding: 15px 0 75px 0;
	font-size: .55em;
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #FFFFFF;
}

#earthfooter a {
	font-size: 1em;
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
}

#earthfoot .copyright-link{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration:none;
}

/*------------------ END EARTH DAY CARD ----------------*/

#categorygallery {
	position: relative;
	float: left;
	width: 357px;
	height: auto;
	padding: 5px 0 30px 60px;
	background: #FFFFFF;
	background-image: url(../images/centershadow.jpg);
	background-repeat:repeat-x;
	text-align: left;
	font-family:Verdana, Geneva, sans-serif;
	font-size: .8em;
	color: #766341;
}
#center {
	float: left;
	width: 731px;
}

#subWrapper {
	width: 731px;
	float: left;
}

#subEcard {
	width: 362px; 
	float: left;
	padding: 50px 10px 0 45px;
	text-align: left;
	font-family: Verdana, Geneva, sans-serif; 
	font-size: .7em; 
	color: #766341;
	background-image: url(../images/centershadow.jpg);
	background-repeat: repeat-x;
}

#customButtons {
	width: 327px; 
	float: left;
	border-bottom: #630 1px solid;
}

#subCenter {
	position: relative;
	float: left;
	width: 392px;
	height: auto;
	padding: 50px 0 30px 25px;
	background: #FFFFFF;
	background-image: url(../images/centershadow.jpg);
	background-repeat:repeat-x;
	text-align: center;
	font-family:Verdana, Geneva, sans-serif;
	font-size: .7em;
	color: #766341;
}

#ecoKids_subCenter {
	position: relative;
	float: left;
	width: 706px;
	height: auto;
	padding: 50px 0 30px 25px;
	background: #FFFFFF;
	background-image: url(../images/children_centerBackground.jpg);
	background-repeat:repeat-x;
	text-align: center;
	font-family:Verdana, Geneva, sans-serif;
	font-size: .7em;
	color: #766341;
}

#ecoKids_ecardView {
	float: left; 
	padding: 20px 0 0 60px; 
	width: 800px;
}

#ecoKids_galleryText {
	padding: 0 0 15px 0;
	font-family:Verdana, Geneva, sans-serif;
	font-size: .8em;
	color: #766341;
}

.morestuff {
	float: left;
	width: 71px;
	height: 44px; 
	border: 1px solid; 
	margin-right: 5px; 
	text-align: center;
	overflow: hidden;
	padding-top: 28px;
}

.morestuff a {
	color: #766341;
}

/*right side styles*/
#right {
	float: left;
	width: 200px;
	height: 594px;
	padding: 30px 38px 0 22px;
	text-align: left;
	font-family: Verdana, Geneva, sans-serif;
	font-size: .7em;
	color: #766341;
	overflow: hidden;
	background-image:url(../images/frontrightbackground.jpg);
	background-repeat: no-repeat;
}

#galleryright {
	float: left;
	width: 224px;
	height: 594px;
	padding: 30px 38px 0 52px;
	text-align: left;
	font-family: Verdana, Geneva, sans-serif;
	font-size: .7em;
	color: #766341;
	overflow: hidden;
	background-image:url(../images/rightbackground.jpg);
	background-repeat: no-repeat;
}

#subRight {
	float: left;
	width: 259px;
	height: 644px;
	padding: 50px 40px 25px 15px;
	text-align: left;
	font-family: Verdana, Geneva, sans-serif;
	font-size: .8em;
	color: #766341;
	overflow: hidden;
	background-repeat:no-repeat;
	background-image:url(../images/subRightBackground.jpg);
}

#ecoKids_info {
	float: left;
	width: 210px;
	height: 250px;
	padding: 10px 2px 10px 25px;
	text-align: left;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 8pt;
	color: #766341;
	overflow: auto;
}

#customRight {
	width: 274px; 
	height: 624px; 
	float: left; 
	text-align: left; 
	padding: 50px 20px 0 20px; 
	background-image: url(../images/subRightBackground.jpg); 
	background-repeat: no-repeat; 
	font-family: Verdana, Geneva, sans-serif; 
	font-size: .7em; 
	color: #766341;
}

.ecoKids_confirmInfo {
	width: 294px; 
	height: auto; 
	float: left; 
	text-align: left; 
	padding: 0 0 20px 25px; 
	font-family: Verdana, Geneva, sans-serif; 
	font-size: .7em; 
	color: #766341;
}

.ecoKids_viewText {
	float: left; 
	width: 300px; 
	text-align: left; 
	padding: 20px 0 0 0; 
	font-size: .8em;
}

#customized {
	float: left;
	height: 119px;
	width: 185px;
	padding: 10px 0 0 15px;
	background-image: url(../images/customized.png);
}

#customcontainer1 {
	padding-bottom: 10px; 
	font-size: 10px;
	font-weight: bold;
	overflow: hidden;
}

#customcontainer2 {
	padding-right: 5px; 
	overflow: hidden;
	font-size: 10px;
	letter-spacing: .2px;
}

#customcontainer2 a {
	color: #679146;
}

#customcontainer2 a:hover {
	color: #630;
}

/*footer styles*/
#footer {
	position: relative;
	float: left;
	width: 930px;
	height: auto;
	padding: 3px 0 3px 0;
	font-size: .55em;
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #FFFFFF;
	background-repeat:no-repeat;
	background-color: #b0be8a;
	background-image:url(../images/bottomshadow.jpg);
}

.copyright-link{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration:none;
}

/*peripheral pages*/
#peripheral {
	width: 401px; 
	min-height: 500px;
	float: left;
	text-align:left;
	background-image:url(../images/centerbackground.jpg);
	background-repeat:no-repeat;
	color: #766341;
	font-family:Verdana, Geneva, sans-serif;
	font-size: .8em; padding: 20px 300px 40px 30px;
}

#peripheral a{
	color: #679146;
}

#perHeader {
	font-size: 1.7em; 
	color:#679146;
	font-weight: bold;
}

/*why save a tree / custom sites*/
#why {
	width: 651px; 
	min-height: 500px;
	float: left;
	text-align:left;
	background-image:url(../images/centerbackground.jpg);
	background-repeat:no-repeat;
	color: #766341;
	font-family:Verdana, Geneva, sans-serif;
	font-size: .8em; padding: 20px 50px 40px 30px;
}

#why a{
	color: #679146;
}

.viewtext {
	float: left; 
	width: 450px;
	text-align: left;
	padding: 20px 0 20px 60px; 
	font-size: .7em;
}

.viewtext a {
	color: #679146;
}

.ecoKids_viewtext {
	float: left; 
	width: 300px; 
	text-align: left; 
	padding: 20px 0 20px 60px; 
	font-size: .7em;
}

.ecoKids_viewtext a {
	color: #679146;
}



.input{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 105%;
	height: 21px;
	color: #605239;
	width: 205px;
	border: 1px solid #ccc;
}

/**************Last Edited 3/10/09, Brian Bacheller, Logica3 Ltd.****************/