/* CSS for Newsletter */

h1 {
color: #000000;
font-family: optima, mono-type;
font-size: 2em;
margin: 10px;
}

h2 {
color: #000000;
font-family: optima, mono-type;
font-size: 1em;
margin: 10px;
}

p {
font-family: optima, mono-type;
margin: 10px;
font-size: .8em;
line-height: 1.8em;
}

hr {
width: 770px; 
}

#header {
background-color: #003300;
height: 200px;
width: 1000px;
padding-left: 10px;
}

#headertext1 {
color: #CCCCCC;
font-family: optima, mono-type;
font-style: italic;
font-size: 6em;
position: absolute;
top: 0px;
left: 20px;
}

#headertext2 {
position: absolute;
top: 120px;
left: 20px;
color: #CCCCCC;
font-family: optima, mono-type;
font-style: italic;
font-size: 2em;
}

#headertext3 {
position: absolute;
top: 100px;
left: 800px;
color: #CCCCCC;
font-family: optima, mono-type;
font-style: italic;
font-size: 1.4em;
}

#content {
position: relative;
width: 900px;
height: 750px;
}

#maintext {
position: absolute;
top: 0px;
left: 220px;
width: 780px;
border-left: 1px #000000 solid;
border-right: 1px #000000 solid;
border-bottom: 1px #000000 solid;
height: 642px;
padding: 4px;
text-align: justify;
background-color: #CCCC99;
background-image: url(stealogo_nl.gif);
background-repeat: no-repeat;
background-position: bottom center;
}

#maintext_1 {
position: absolute;
top: 0px;
left: 220px;
width: 780px;
border-left: 1px #000000 solid;
border-right: 1px #000000 solid;
border-bottom: 1px #000000 solid;
height: 642px;
padding: 4px;
text-align: justify;
background-color: #00FF99;
overflow: auto;
}

#maintext_2 {
position: absolute;
top: 0px;
left: 220px;
width: 780px;
border-left: 1px #000000 solid;
border-right: 1px #000000 solid;
border-bottom: 1px #000000 solid;
height: 642px;
padding: 4px;
text-align: justify;
background-color: #CC99FF;
overflow: auto;
}

#maintext_3 {
position: absolute;
top: 0px;
left: 220px;
width: 780px;
border-left: 1px #000000 solid;
border-right: 1px #000000 solid;
border-bottom: 1px #000000 solid;
height: 642px;
padding: 4px;
text-align: justify;
background-color: #00CCFF;
overflow: auto;
}

#maintext_4 {
position: absolute;
top: 0px;
left: 220px;
width: 780px;
border-left: 1px #000000 solid;
border-right: 1px #000000 solid;
border-bottom: 1px #000000 solid;
height: 642px;
padding: 4px;
text-align: justify;
overflow: auto;
background-color: #999999;
}

#maintext_5 {
position: absolute;
top: 0px;
left: 220px;
width: 780px;
border-left: 1px #000000 solid;
border-right: 1px #000000 solid;
border-bottom: 1px #000000 solid;
height: 642px;
padding: 4px;
text-align: justify;
background-color: #FFFFFF;
background-image: url(stealogo_nl.gif);
background-repeat: no-repeat;
background-position: bottom center;
}

#navbar {
position: absolute;
top: 0px;
left: 0px;
width: 220px;
height: 650px;
text-align: center;
background-color: #CCCC99;
border-left: 1px #000000 solid;
border-bottom: 1px #000000 solid;
}

#navbar ul {
margin: 0;
padding: 0;
list-style: none;
font-family: optima, mono-type;
}

#navbar ul li a:link, #navbar ul li a:visited {
display: block;
list-style: none;
text-decoration: none;
font-weight: bold;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 4px;
font-size: 1.0em;
line-height: 1.8em;
width: 200px;
}

img.floatLeft { 
float: left; 
margin: 10px 10px 10px 10px;
}

img.floatright { 
float: right; 
margin: 10px 10px 10px 10px;
}