body {

	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */

	padding: 0;

	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */

	background-color: #c1d3e4;

	border: none;

}



#container{

width: 800px;

margin-left: auto;

margin-right: auto;

background-color: white;

height: auto;

}



#header{

width: 800px;

height: 109px;

background-image:url('img/earthsmarthead.jpg');



}





/*navigation*/



#nav{width: 800px;

height: 40px;

}





#nav ul	{

	list-style: none;

	margin: 0 0 0 8px;

	

	

	

}



#nav li {

	text-decoration: none;

	float: left;

}





#nav li a{ 

color:#B8B4A5;

display:block;

font-family:'trebuchet ms',Verdana,Arial,Helvetica,sans-serif;

font-size: .75em;

padding:0.7em 0.7em 0.7em 0.7em;

text-decoration:none;

text-align: center;

}



#nav li a:link {

	color:#0b5e9d;

}      /* unvisited link */



#nav li a:visited {

	color:#0b5e9d;

}  /* visited link */



#nav li a:hover {

	color:#fff;  

	background-color: #4EA050; 

	

}  /* mouse over link */



#nav li a:active {

	color:#0b5e9d;  

	background-color: #fbb040; 



}  /* selected link */



.pad{

	margin-top: 8px;

}



.orange {

	background-color: #fbb040;

}

#share{

width: 120px;

margin-left: auto;

padding-top: 3em;





}



#share p{

float:left;

width: 18px;

	font-family: Arial, Helvetica, sans-serif;

	font-style: normal;

	font-weight: normal;



	font-size: 12px;

	margin-top:8px;

	color: #333;

	text-align: left;

	



}

#share img{

text-align: left;

width: auto;

padding: 0 0 0;

border: none;

}





/* headings */

h1{



}



h2{

	color:#4EA050;

	font-family:Arial,Helvetica,sans-serif;

	font-size:1.65em;

	font-style:normal;

	font-weight:normal;

	margin:15px 0 5px;

	

	text-align:left;

}



h3{

	color:#4EA050;

	font-family:Arial,Helvetica,sans-serif;

	font-size:1.2em;

	font-style:normal;

	font-weight:normal;

	margin-left:10px;

	text-align:left;

}



h4{

	color: #4ea050;

	font-family: Arial, Helvetica, sans-serif;

	font-size: .825em;

	font-style: normal;

	font-weight: bold;

	text-align: left;

	padding-left: 25px;

	

}



h5{

	color: #4ea050;

	font-family: Arial, Helvetica, sans-serif;

	font-size: .7em;

	font-style: normal;

	font-weight: bold;

	text-align: left;

	padding-left: 25px;

}



/*Body div left column*/



#left{

float: left;

background-color: white;

width: 286px;

height: 550px;

text-align: left;



}





#left p {

	margin-left: 10px; /* the left and right margin should be given to every element that will be placed in the side columns */

	margin-right: 10px;

}

#left img{

	width:286px;

	height:auto;

	margin:0;

}





#left ul{

margin:0;

padding:0 0 40px 30px;

text-align:left;

}

#left li{

margin:0;

padding:0 0 1px 0;

text-align:left;

text-decoration:none;

list-style: none;

}



#left a{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-style: normal;

	font-weight: normal;

	color: #527896;

	text-align: left;

	text-decoration: none;





	

}

#left a:hover {

	color:#0b5e9d; 

	text-decoration: underline; 

}







#blog{

height: 30px;



background-color: #8c426d;



padding: 1em .3em .5em .3em;





text-align:center;

}

#blog a{

font-size: 1.2em;

padding: 1em .3em .5em .3em;

letter-spacing: normal;

color: white;

font-family: Arial, Helvetica, sans-serif;

text-align:center;

text-decoration: none;

}

#blog a:hover{

font-size: 1.2em;

padding: 1em .3em .5em .3em;

letter-spacing: normal;

color: white;

font-family: Arial, Helvetica, sans-serif;

text-align:center;

text-decoration: underline;



}

/*book*/

#book{

height: 300px;

margin-left: auto;

margin-right: auto;

background-color: white;

height: auto;

margin-top:40px;



}



#book p{

	width: 180px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-style: normal;

	font-weight: bold;

	color: #333;

	text-align: left;

	padding: 25px 0 0 105px;

	line-height:18px;

}

#book p a{

	text-decoration: none;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-style: normal;

	font-weight: bold;

	color: #333;

	text-align: left;

	

}

#book a:hover {

	color:#0b5e9d; 

	text-decoration: underline; 

}



#book img{

float:left;

width: auto;

padding: 1em 0 0 1em;

border: none;

display:inline;

}



/* quiz button */

#quiz{

width: 286px;



}



#quiz img {

width:286px;

padding: 35px 0;

border: none;

}



/* content div right column*/



#content{

margin: 30px 1.5em 0 18em;

height: auto;

}











#content p{

padding-left: 25px;

line-height: 20px;

font-family: Arial, Helvetica, sans-serif;

	font-size: .75em;

	font-style: normal;

	font-weight: normal;

	color: #527896;

	text-align: left;

}



#content a{

	font-family: Arial, Helvetica, sans-serif;

	text-decoration: none;

	font-style: normal;

	font-weight: normal;

	color: #ACD473;

	text-align: left;

	font-size: 12px;

	border: none;

	

}

#content a:hover{

	font-family: Arial, Helvetica, sans-serif;

	font-style: normal;

	font-weight: normal;

	color: #acd473;

	text-align: left;

	text-decoration: underline;

	border: none;

}

#content img{

padding: 0;

border: none;

}



.kids{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 1em;

	font-style: normal;

	font-weight: normal;

	color: #333;

	text-align: left;

	padding-left: 25px;

	padding-top: 50px;



}

.blue{

	color: #00aeef;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 1.5em;

	font-style: normal;

	font-weight: bold;

	

	padding-left: 0px;

	padding-top: 0 ;

}

.green{

	color: #4ea050;

	font-family: Arial, Helvetica, sans-serif;

	font-size: .825em;

	font-style: normal;

	font-weight: bold;

	

	padding-left: 0px;

	padding-top: 0 ;

}

#content h2 {



}

#content ul{

margin:0;

padding:0 0 10px 25px;

text-align:left;

}

#content li{

margin:0;

padding:0 0 1px 0;

text-align:left;

text-decoration:none;

list-style: none;

}







/* content 2 was built for the consumer tips page  built the same except for a margin, would have fixed properly but running low on time.*/



#content2{

margin: 30px 1.5em 0 18em;

height: auto;

}







#content2 ul{

margin:0;

padding:0 0 40px 140px;

text-align:left;

}

#content2 li{

margin:0;

padding:0 0 1px 0;

text-align:left;

text-decoration:none;

list-style: none;

}

#content2 a{

	font-family: Arial, Helvetica, sans-serif;

	text-decoration: none;

	font-style: normal;

	font-weight: normal;

	color: #527896;

	text-align: left;

	font-size: 12px;

	

}

#content2 a:hover{

	font-family: Arial, Helvetica, sans-serif;

	font-style: normal;

	font-weight: normal;

	color: #acd473;

	text-align: left;

	text-decoration: underline;

}



#smarty{

height: 300px;

margin-left: auto;

margin-right: auto;

background-color: white;

height: auto;



}



#smarty p{

float:left;

width: 200px;

	font-family: Arial, Helvetica, sans-serif;

	font-style: normal;

	font-weight: normal;

	color: #4ea050;

	text-align: left;

	}



#smarty .green{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 1.45em;

	font-style: normal;

	font-weight: normal;

	color: #4ea050;

	text-align: left;

	line-height: 1.5em;

} 

#smarty p a{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-style: normal;

	font-weight: normal;

	color: #527896;

	text-align: left;

	text-decoration: none;





	

}

#smarty a:hover {

	color:#0b5e9d; 

	text-decoration: underline; 

}



#smarty img{

text-align: left;

width: auto;

padding: 1em 0 0 ;

border: none;

}

#quizpage{
width:600px;


}



/* Footer */

#footer {

width: 800px;

height: 20px;

background-color: #acd473;

margin-top:35px;

}

 

.copyright {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 9px;

	font-style: normal;

	font-weight: normal;

	color: #4277a8;

	padding: .2em;

}



/*  The clear float... this class should be placed on a div 

or break element and should be the final element before the 

close of a container that should fully contain a float */





.clearfloat { 	clear:both;

    height:0;

    font-size: 1px;

    line-height: 0px;

}



label

{

width: 4em;

float: left;

text-align: left;

margin-right: 0.5em;

display: block

}



.submit input

{

margin-left: 4.5em;

} 



/*old css*/

.indented

{

padding-left:15pt;

}



.bodyCopy {

	font-family: Arial, Helvetica, sans-serif;

	font-size: .75em;

	font-style: normal;

	font-weight: normal;

	color: #527896;

	text-align: left;

}



.tabbed{

	font-family: Arial, Helvetica, sans-serif;

	font-size: .75em;

	font-style: normal;

	font-weight: normal;

	color: #527896;

	text-align: left;

	padding-left: 60px;

}



.bodyCopyH1 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-style: normal;

	font-weight: normal;

	color: #527896;

	margin-left: 25px;

}









.HeadlineTitle {



	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-style: normal;

	font-weight: bold;

	color: #7ac142;

	text-align: left;

	padding-left:25px;

}



#content .HeadlineTitle a{



	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-style: normal;

	font-weight: bold;

	color: #4EA050;

	text-align: left;

	text-decoration: underline;

	

}



#content .HeadlineTitle a:hover {



	

	color: #7ac142;

	text-align: left;

	

}



.HeadlineTitleA {



	font-family: Arial, Helvetica, sans-serif;

	font-size: 16px;

	font-style: normal;

	font-weight: bold;

	color:#000;

}



.HeadlineTitleD {



	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-style: normal;

	font-weight: bold;

	color: #5e8e3f;

}



.HeadlineTitleB {



	font-family: Arial, Helvetica, sans-serif;

	font-size: 16px;

	font-style: normal;

	font-weight: bold;

	color: #5e8e3f;

}



.HorizontalRule {



	color :#FFFFFF;

}

.rightSideMenu {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 15px;

	font-weight: bold;

	color: #FFFFFF;

}

.featureItemsTop {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-style: normal;

	font-weight: normal;

	color: #944921;

}

.Title_Large {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 16px;

	font-weight: bold;

	color: #944921;

}

.style2{

color: #4EA050;

}