/*core style sheet*/

body {
background-color: #dfdfdf;
color: #666666;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 1em;
margin: 0em; }

p {
font-size: .8em;
text-align: justify;
line-height: 1.7em; }

h1 {
font-size: 1.8em;
text-align: center;
font-weight: bold;
letter-spacing: 3px; }

h2 {
font-size: 1.0em; 
margin-bottom: -6px;
margin-top: 20px;
}

p.footer {
font-size: .5em;
text-align: center;
font-weight: bold; }

a:link {
color: #666666;
text-decoration: underline; 
}

a:visited {
color: #666666;
text-decoration: underline; }

a:hover {
background-color: #9baebf;
}

a:active {
text-decoration: underline; }

#header {
background-color: #ffffff;
border-bottom: 1px #000000 solid; 
padding-top: 10px;
padding-left: 125px;
padding-right: 125px;
padding-bottom: 10px; }

#header p {
font-size: .6em; }



#outer-image {
background-image: url(images/pale-clouds.jpg);
height: 249px; }

#inner-image {
background-image: url(images/clouds.jpg);
background-repeat: no-repeat;
height: 199px;
background-position: top center; }

#info-content {
border: 0px #000000 solid;
background-color: #ffffff;
margin-left: 30%;
margin-right: 30%;
margin-top: 60px;
max-width: 480px;
min-width: 400px;
padding: 24px;
}

#main-content {
border: 2px #000000 solid;
background-color: #ffffff;
margin-left: 30%;
margin-right: 30%;
margin-top: 60px;
max-width: 480px;
min-width: 400px;
padding: 24px;
}

#navbar {
background-color: #ffffff;
position: absolute;
border-top: solid 1px #000000;
text-align: center;
top: 400px;
left: 0px;
width: 180px;
display: block; }

#navbar a:link, #navbar a:visited {
display: block;
color: #7e7e7e;
background-color: #ffffff;
border-bottom: solid 1px #000000;
padding-bottom: 3px;
padding-top: 3px;}

#navbar a:hover {
color: #ffffff;
background-color: #9baebf;
}