<style type="text/css">


html, body, ul, ol, li, p, 
h1, h2, h3, h4, h5, h6, 
form, fieldset, 
a {margin: 0; padding: 0; border: 0;} 


@viewport, @-ms-viewport
{zoom: 1.0;
width: extend-to-zoom}



/*Code for link attributes*/


a:link {text-decoration: none;
background: rgb(176,193,238);
padding: 2px;
border-radius: 3px;
font-weight: bold;
color: rgb(38,10,56);
line-height: 1.5em;}

a:visited {text-decoration: none;
background: rgb(83,172,194);
padding: 2px;
font-weight: bold;
color: rgb(38,10,56);
line-height: 1.5em;}

a:hover {text-decoration: none;
background: rgb(151,255,249);
padding: 5px;
border: 1px solid rgb(90,142,191);
font-weight: bold;
color: rgb(37,25,83);
line-height: 1.5em;}


a:active {text-decoration: none;
background: rgb(148,219,239);
padding: 5px;
border: 1px solid rgb(90,142,191);
font-weight: bold;
color: rgb(124,40,175);
line-height: 1.5em;}



.footnote a:link 
{text-decoration: none;
background: rgb(20,5,61);
padding: 2px;
font-weight: normal;
color: rgb(154,202,247);
line-height: 2.50em;}

.footnote a:visited 
{text-decoration: none;
background: rgb(9,5,63);
padding: 2px;
font-weight: normal;
color: rgb(83,172,194);
line-height: 2.50em;}

.footnote a:hover 
{text-decoration: none;
background: rgb(130,131,212);
padding: 5px;
border: 1px solid rgb(92,171,186);
font-weight: bold;
color: rgb(37,25,83);
line-height: 2.50em;}

.footnote a:active 
{text-decoration: none;
font-weight: bold;
padding: 5px;
border: 1px solid rgb(92,171,186);
font-weight: bold;
color: rgb(111,54,143);
background: rgb(148,219,239);
line-height: 2.50em;}


.left
{text-align:left;
float:left;}

.right
{float:right;
text-align:right;}

.centered
{text-align:center;}




/*Code for font attributes*/


h1{font-weight: bold;
font-style: italic;
font-size: 1.50em;
line-height: 1.25em;
font-family: "Book Antiqua", "times roman", serif;
color: rgb(118,200,242);
text-align: center;}


h2{font-weight: bold;
font-style: italic;
font-size: .85em;
line-height: 1.25em;
font-family: verdana, helvetica, sans-serif;
color: rgb(53,46,123);
text-align: center;}



h3{font-weight: bold;
font-style: normal;
font-size: 1.50em;
line-height: 1.25em;
font-family: "Book Antiqua", "times roman", serif;
color: rgb(0,17,83);
text-align: center;}




h4{font-weight: bold;
font-size: 1.25em;
line-height: 1.65em;
font-variant: small-caps;
color: rgb(152,255,204);}





.archive
{font-weight: normal;
font-style: normal;
font-size: .75em;
line-height: 1.25em;
font-family: verdana, helvetica, sans-serif;
color: rgb(53,46,123);}



.italic
{font-weight: normal;
font-style: italic;
font-size: 1em;
line-height: 1.5em;
font-family: "times roman", serif;}


.italicsm
{font-weight: normal;
font-style: italic;
font-size: .85em;
line-height: 1em;
font-family: "Book Antiqua", "times roman", serif;
color: rgb(151,204,247);}



.sample
{padding: 30px;
border: none;
background: rgb(0,57,110);
background:url(bk16.jpg);
text-align: center;}



.sitemap
{padding: 8px;
border: 5px solid rgb(35,26,101);
background: rgb(34,45,150);
background:url(bk47b.jpg);}




/*Link Footer*/

#linkfooter
{width: 95%;
height: auto;
margin-top: 0;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
background: rgb(0,0,82);
background:url(bk48.jpg);
padding-top: 25px;
padding-left: 35px;
padding-right: 35px;
padding-bottom: 25px;
border: 1px solid rgb(49,43,248);
font-weight: normal;
font-size: 1em;
line-height: 1.75em;
font-family: calibri, helvetica, sans-serif;
color: rgb(153,164,218);
text-align: left;
white-space: nowrap;
float: left;}


/*Caption - Drop-down Navigation Box*/

#menubox
{border-radius: 25px 25px 5px 5px;
width: 35%;
height: auto;
margin-top: 75px;
margin-left: 0px;
margin-right: auto;
margin-bottom: 400px;
background: rgb(2,2,53);
background:url(bk48.jpg);
padding-top: 25px;
padding-left: 25px;
padding-right: 20px;
padding-bottom: 25px
font-weight: normal;
font-style: italic;
font-size: .95em;
line-height: 1.50em;
font-family: "Book Antiqua", "Times Roman", serif;
color: rgb(184,196,286);
text-align: left;}



/*Navigation Bar*/


/*Dropdown Button*/
.dropbtn 
{width: 150px;
background-color: rgb(181,170,250);
color: rgb(24,17,70);
padding: 20px;
font-size: 1em;
border: none;
cursor: pointer;}


/*The container <div> - needed to position the dropdown content*/
.dropdown
{position: relative;
float: left;}


/*Dropdown Content (Hidden by Default)*/
.dropdown-content 
{display: none;
position: absolute;
background-color: rgb(24,17,70);
font-family: verdana, helvetica, sans-serif;
font-size: .90em;
line-height: 1em;
color: rgb(181,170,250);
min-width: 150px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;}


/*Links inside the dropdown*/
.dropdown-content a 
{color: rgb(24,17,70);
padding: 12px 16px;
text-decoration: none;
display: block;}


/*Change color of dropdown links on hover*/

.dropdown-content a:hover 
{background-color: rgb(171,164,255);}


/*Show the dropdown menu on hover*/
.dropdown:hover .dropdown-content 
{display: block;}



/*Change the background color of the dropdown button when the dropdown content is shown*/
.dropdown:hover .dropbtn 
{background-color: rgb(149,155,253);}



#navspace
{width: 100%;
height: auto;
margin-top: 25px;
margin-left: auto;
margin-right: auto;
margin-bottom: 50px;
clear: left;}






/*Earth Day Page*/


#earthcontents
{width: 98%;
height: auto;
background:rgb(6,2,27);
margin-top: 0px;
margin-left: auto;
margin-right: auto;
margin-bottom: 70px;
border: 1px solid rgb(6,2,27);
position: relative;
text-align: center;}


#earthtitle1
{width: 90%;
height: auto;
margin-top: 150px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
background: rgb(79,109,99);
padding-top: 75px;
padding-left: 50px;
padding-right: 50px;
padding-bottom: 0px;
background: rgb(79,109,99);
border-radius: 25px 25px 0px 0px;
border-top: 5px solid rgb(13,87,62);
font-weight: bold;
font-size: 3em;
line-height: 2em;
font-family: "Book Antiqua", "times roman", serif;
color: rgb(6,2,27);
text-align: left;}



#earthtitle2
{width: 90%;
height: auto;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
margin-bottom: 5px;
background: rgb(134,199,186);
padding-top: 50px;
padding-left: 50px;
padding-right: 50px;
padding-bottom: 75px;
background: rgb(79,109,99);
border-top: none;
border-bottom: 2px solid rgb(13,87,62);
font-weight: normal;
font-style: italic;
font-size: 2em;
line-height: 1.50em;
font-family: "Book Antiqua", "times roman", serif;
color: rgb(188,192,208);
text-align: left;}




#earthmain1
{width: 90%;
height: auto;
margin-left: auto;
margin-right: auto;
background: rgb(6,2,27);
padding-top: 100px;
padding-left: 50px;
padding-right: 50px;
padding-bottom: 100px;
border-radius: 25px;
border-top: 2px solid rgb(13,87,62);
border-bottom: 2px solid rgb(13,87,62);
font-weight: normal;
font-style: normal;
font-size: 1.50em;
line-height: 1.75em;
font-family: calibri, helvetica, sans-serif;
color: rgb(166,209,209);
text-align: left;}


#earthmain2
{width: 90%;
height: auto;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
margin-bottom: 50px;
background: rgb(6,2,27);
padding-top: 100px;
padding-left: 50px;
padding-right: 50px;
padding-bottom: 100px;
border-radius: 25px;
border-top: 2px solid rgb(13,87,62);
font-weight: normal;
font-style: normal;
font-size: 1.35em;
line-height: 1.75em;
font-family: calibri, helvetica, sans-serif;
color: rgb(166,209,209);
text-align: left;}



</style>



