* {margin:0;padding:0;font-family: Arial, sans-serif;font-size:12px;}

html, body {height:100%}

body {
    background: url(starfield.gif) fixed;
    text-align:left;
    color:white;
}

#container {
	background:black;
	width:900px;
	margin:auto;
	position:relative;
	min-height:100%;
	height:100%;
}

html>body #container{height:auto;} /*for mozilla as IE treats height as min-height anyway*/

#outer{
	height:100%;
	min-height:100%;
	margin-left:300px;
	width:400px;
	background:black;
}

html>body #outer{height:auto;} /*for mozilla as IE treats height as min-height anyway*/

#header{
	position:absolute;
	top:0;
	left:0;
	width:880px;
	height:150px;
	background: url(starfield.gif) fixed;
	border-bottom:2px solid #e5ecf9;
	overflow:hidden;
}

#left {
	position:relative;/*ie needs this to show float */
	width:300px;
	float:left;
	margin-left:-299px;/*must be 1px less than width otherwise won't push footer down */
	padding-top:154px;/*needed to make room for header*/
	overflow:hidden;
	white-space:nowrap;
}

#right {
	position:relative;/*ie needs this to show float */
	width:200px;
	float:right;
	margin-right:-199px;/*must be 1px less than width otherwise won't push footer down */
	padding-top:154px;/*needed to make room for header*/
	border-left:1px solid red;
	background: black;
}

#footer {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	clear:both;
	height:125px;
	background: url(starfield.gif) fixed;
	text-align:center;
}

#inner-centre {
    width:99%;
    float:left;
}

* html #footer {/*only ie gets this style*/
	\height:127px;/* for ie5 */
	he\ight:125px;/* for ie6 */
}

#clearheader{height:154px;}/*needed to make room for header*/
#clearfooter{clear:both;height:135px;}/*needed to make room for footer*/
div,p  {margin-top:0}/*clear top margin for mozilla*/
* html #centrecontent {height:1%;margin-bottom:12px}/* combat IE's 3 pixel jog */

/* End of Paul's styling for underlying structure.
   The following is my styling for the elements themselves.
*/

h3 {font-size:14px; }

#bigtext {
    text-align:right;
	font-size:14px;
	font-weight: bold;
}

li { list-style-type: none;
}

#header li {
    float:left;
}

#centrecontent li {
    width: 185px;
    padding-left:5px;
    float:left;
}

.date_li {
    width: 415px;
    float:left;
}

.about_li {
    width: 230px;
    text-align:left;
}

.email_li {
    width: 230px;
    text-align:right;
    font-weight: bold;
}

#right li {
    padding-left:5px;
}

/*
#centrecontent p {
    clear:left;
}
*/

#inner-centre p {
    clear:left;
}

a {color:white; text-decoration: none;}

.blacktext {text-align:center; color: black; }

.lc {
    clear:left;
}

.ra_li {
    text-align:right;
}

.ca_li {
    text-align:center;
}

#newsfield {
	background:#e5ecf9;
	color: black;
}

.newsheadline a:link {background:#e5ecf9; font-size:14px; color: black;}
.newsheadline a:visited {background:#e5ecf9; font-size:14px; color: black; }
.newsheadline a:hover {background:#e5ecf9; font-size:14px; color: black; font-weight: bold;}
.newsheadline a:active {background:#e5ecf9; font-size:14px; color: black; font-weight: bold;}

.newslink a:link {background:#e5ecf9; color: black;}
.newslink a:visited {background:#e5ecf9; color: black; }
.newslink a:hover {background:#e5ecf9; color: black; font-weight: bold;}
.newslink a:active {background:#e5ecf9; color: black; font-weight: bold;}