/* I am structuring the css file in a top down format we'll see...*/

/* BODY */
body {
/*background-image: url('earth.jpg');
background-repeat: no-repeat;
background-position: center;*/
background-color: #FFFFFF;
}

div.page {
padding-left: 200px;
padding-right: 20px;

}

/* HEADING */
div.heading {
padding-left: 200px;

}

p.heading {
background-color: #FFFFFF;
color: #6B8E23;
font-size: 24px;
font-weight: bold;

}

/* ADBAR */
/* ul.adbar {
list-style-type: none;
padding-right: 20px;
padding-top: 60px;
margin: 0;
position: absolute;
top: 2em;
right: 0em;
width: auto;

}

ul.adbar li {
background: white;
margin: 0em 0;
padding: 0em;
text-align: right;
} */

/* NAVBAR */
ul.navbar {
list-style-type: none;
padding-left: 10px;
padding-top: 60px;
margin: 0;
position: absolute;
top: 2em;
left: 1em;
width: auto;
}

ul.navbar li {
background: white;
margin: 0em 0;
padding: 0em;
text-align: left;
}

ul.navbar img {
border: none;
}

/* TITLE */
/* p.title:first-line {
text-indent: 1em;
} */

/* ARTICLE */
p.article {
text-indent: 1em;
/* padding-left: 20px; */
background-color: #FFFFFF;
color: #000000;
/*opacity: 0.4;
filter: alpha(opacity=40);*/

}

p.article:first-line {
}

p.article:first-letter {
color: #CC0000;
font-size:xx-large;
}

/* FOOTER */
div.footer {
padding-left: 200px;
padding-right: 20px;

}

/* LINKS */
a:link {
color: #000066;
text-decoration: none;
font-weight: bold;
} 

a:visited {
color: #000066;
text-decoration: none;
font-weight: bold;
}

a:hover {
color: #FF0000;
text-decoration: none;
font-weight: bold;
}

a:active {
color: #0000FF;
text-decoration: none;
}

/* ALIGNMENT */
.left {
text-align: left;

}

.myLinks {
text-align: center;
border-top: solid;
padding: 5px;

}

.right {
text-align: right;

}

/* DECORATION */
h1, h2, h3, h4, h5, h6 {
color: #990000;

}

hr {
background-color: #6B8E23;
height: 1px;
}

pre {
 white-space: pre-wrap;       /* css-3 */
}

/* POWERED */
img.powered {
opacity: 0.5;
border: none;
}