body {
margin: 0;
padding: 0;
color: #BBBBBB;
background: #000000;
font: 10pt arial, sans-serif;
}
h1{
font: 28pt "Firenze SF", "arial narrow", arial, sans-serif;
color: #000000;
display: block;
border-bottom: #555555 2px solid;
clear: both;
}
h3 {
font: 14pt arial, sans-serif;
color: #000000;
display: block;
border-top: #333333 2px solid;
padding: 10px 0 0 0;
}
h4{
font: 12pt arial, sans-serif;
color: #000000;
padding: 0;
margin: 35px 0 8px 0;
}
h4.below_img {
margin-top: 5px;
}
p, td {
font: 10pt/16pt arial, sans-serif;
text-align: left;
}
p a, td a {
text-decoration: none;
color: #000000;
margin: 0;
padding: 0 0 2px 0;
border-top: #FFFFFF 1px solid;
border-left: #FFFFFF 1px solid;
border-right: #FFFFFF 1px solid;
border-bottom: #FFFFFF 1px solid;
background: #CCCCCC;
}
p a:hover, td a:hover {
color: #000000;
border: #FFFFFF 1px solid;
background-color: #AAAAAA;
}

span.highlight, p span.highlight, td span.highlight, tr span.highlight td, tr.highlight td, li span.highlight {
color: #000000;
font: 12pt "Comic Sans MS", arial, sans-serif;
}


/*..............ROUND EVERYTHING.............*/

div#roundeverything {
position: relative;
top: 12px;
margin-left: 10px;
margin-right: auto;
width: 97%;
border: #000000 1px solid;
}
/*should have been margin-right: 10px; and no width setting, but when no border set either IE did strange things*/


/*................LEFT STUFF..............*/

/* navigation bar is absolute positioning because only way I could get ie and moz to display the same - whole load of little differences - mainly this way gets out of defining any widths except the inner one - all the rest of the multiple borders done with padding and margins and with absolute they shrink-wrap around the inner bit.*/

div#left {
position: absolute;
left: 0px;
top: 0px;
text-align: center;
border: #222222 1px solid;
}
ul#mainnav {
list-style: none;
margin: 0;
padding: 0;      
}
ul#mainnav li {
display: block;
background-color: transparent;
border: #555555 1px solid;
margin: 2px;
padding: 2px;  
text-align: center;
}
ul#mainnav li#current-next {
background-color: #BBBBBB;
border: #FFFFFF 1px solid;
}
ul#mainnav li a {
text-decoration: none;
display: block;
width: 100px;
padding: 4px 0px;
font: 12pt "arial narrow", arial, sans-serif;
color: #BBBBBB;
border: #999999 1px solid;
text-align: center;
margin: 0;
background-color: #000000;
}
ul#mainnav li#current-top a {
color: #000000;
background-color: #BBBBBB;
}
ul#mainnav li#current-next a {
border: #FFFFFF 1px solid;
color: #FFFFFF;
}
ul#mainnav li a:hover {
color: #000000;
border: #FFFFFF 1px solid;
background-color: #BBBBBB;
}
ul#mainnav li#current-next a:hover {
color: #000000;
}

/*................CENTER STUFF..............*/

div#mainnewsletter { 
margin-left: 140px;
width: 80%;
position: relative;
background: #DDDDDD;
color: #333333;
border: #FFFFFF 1px solid;
padding: 8px;
}