body
		{	margin: 0; padding: 0;font-family: Verdana, Arial, Helvetica, sans-serif;	color: #000;background-color: #ffc;
			text-align:center; /* to humour IE, retracted later*/
		}
		
		#container
		{	width:780px;	background-color: #ffc;
			margin:5px auto; /* "auto" is proper centralisation */
			text-align:left; /*reverse IE hack*/
		}
		
		#banner h1{	margin: 0px; padding:0px; 	}
		#logo{float:left; width:160px; text-align:center;height:120px}
		#siteName{margin-left:270px;  height:130px; margin-top:20px; text-align:right}
		#sitename h1{margin: 0px; padding:0px; font-size:42px;color:#090;}
		.clear{width:100%; clear:both} /* nasty hack to force next divs to behave*/
		
		#navarea
		{	float: left; width: 160px;margin-left: 8px;padding-top: 0px;	color:#090;}
		#navarea p { margin-top: 0; font-size:0.7em}
		#navbuttons
		{	width: 140px;padding-top: 0px;	color:#fff;}
		#navbuttons ul {	list-style: none;	margin: 0;	padding: 0;		border: none;	}
		
		#navbuttons li {
		display: block;
		padding: 5px 5px 5px 5px;
		border-left: 1px solid #000000;
		border-right: 1px solid #000000;
		border-bottom: 1px solid #000000;
		width: 100%;
		}

body#home #navbuttons li.lhome,
body#show #navbuttons li.lshow,
body#news #navbuttons li.lnews,
body#prog #navbuttons li.lprog,
body#whoa #navbuttons li.lwhoa,
body#anth #navbuttons li.lanth,
body#cont #navbuttons li.lcont
{background-image: url("i/warrow.gif"); background-repeat: no-repeat; background-position:right}

body#home .bottomlinks a.bhome,
body#show .bottomlinks a.bshow,
body#news .bottomlinks a.bnews,
body#prog .bottomlinks a.bprog,
body#whoa .bottomlinks a.bwhoa,
body#anth .bottomlinks a.banth,
body#cont .bottomlinks a.bcont
{color:black; text-decoration:none; cursor:default}		

#navbuttons li a {	color: #fff; text-decoration:none; display:block; width:100%} /*"100%" essential for Windows*/
html>body #navbuttons li a {	width: auto;} /* sorts out a "100%" problem in some browsers*/

#navbuttons li a:hover {
		background-color: #fff;
		color: #f00;
		}

	
		#content{ padding-top: 0px;	margin: 0 0 0 200px;	font-size:.86em;		z-index:10;		}
		#content h2 {margin-top: 0;	color: #090; font-family:Verdana, Arial, Helvetica, sans-serif}
		#content a{color:#009900}
		#content a:hover{color:#CC0000}
		
		#content a.extlink:link, #footer a.extlink:link {color:#009900}
		#content a.extlink:visited, #footer a.extlink:visited{color:#999933}
		#content a.extlink:hover, #footer a.extlink:hover {color:#cc0000}
		.bottomlinks{text-align:center}
		#footer		{
			clear: both;
			background-color: #ffc;
			padding: 1em;
			font-size:0.6em;
			text-align: center;
			border-top:1px solid #090;
			margin-top:8px;
			z-index:10;
		}
	
body	{	color: #000;background-color: #fff;		}
		
#container{background-color: #fff; /*background-image: url(bg0000CC.gif);background-repeat:repeat-y;*/}
#banner {	background-color: #fff;}
#banner h1{color:#c00; 	}/*Page Title*/
#navarea{	color:#c00;} /* writing in nav area*/
#navbuttons li {background-color: #c00; color:#fff;}
#navbuttons li a {	color: #fff; } 
#navbuttons li a:hover {background-color: #fff;	color: #f00;}
#content h2 {color: #c00;}
#content a{color:#c00}
#content a:hover{color:#000}
#content a.extlink:link, #footer a.extlink:link {color:#c00}
#content a.extlink:visited, #footer a.extlink:visited {color:#f0f}
#content a.extlink:hover, #footer a.extlink:hover {color:#000}
#footer		{		background-color: #fff;		border-top:1px solid #c00;}

.firstpara{margin-top:0}
h3{color:#c00; margin-bottom:0}

.email{color:#c00; text-decoration:underline; cursor:pointer;}
.at{ vertical-align:text-bottom}

@media print{
#container{width:100%}
#content{margin: 0 0 0 0}
#navbuttons{display:none}
.bottomlinks{display:none}
#navarea{float:none}
#siteName{margin:0 0 0 250;  height:auto}
#SiteName h1{font-size:small}
.bottomlinks{display:none}
#footer{display:none}
}