body {
	margin:0;
	padding:0;
	width:100%;
	background:#0a0a15  url(images/starfield.png);
	color:white;
	min-width:600px;	/* Minimum width of layout - remove line if not required */
					/* The min-width property does not work in old versions of Internet Explorer */
}


					/* Top left menu */
					
  #menuA {
    position: relative;
    left: 0;
    top: 0;
    margin: 0 0 0 0;
    z-index: 7;
	  /* 
    color: white;
    font-weight: bold;
    font-size: large;
		*/
    text-align: left;
    padding: 0em 0em 0em 0em;
	list-style: none;

  }
  #menuA li {
    padding: 0px 0px 0px 0px;
	width: 258px;
	height: 72px;
}

  /* Make menu absolute, not fixed, on IE 5 & 6 */
  #menuA { position: absolute }
  *>#menuA { position: fixed }



a:link {color: #000000;}
#menuA a:visited {color: #000000;}

a.button:link {
color: #ddf;
}

 
#menuA a {
  display: block;
  outline: none;
  text-decoration: none;

}
#menuA a.active {

  background-position: 0px -144px;
  text-indent: 0px;
  color: #00aa00;
}

#menuA a:hover {
color: #ffffff;
  background-position: 0px -72px;
  text-indent: 0px;
}

#menuA a:active {
color: #0000ff;
  background-position: 0px -144px;
  text-indent: 0px;
}

#menuA .topblank {
  width: 258px;
  height: 106px;
  background: url(images/m1_top.png) no-repeat;
  /*
  left: 0px;
  top: 0px;
  */
}

#menuA .bt1 {
  width: 258px;
  height: 72px;
  background: url(images/m1_b1.png) no-repeat;
  /*
  left: 0px;
  top: 72px;
  */
}
#menuA .bt1text {
  position:relative;
  top:24px;
  left: 160px;
}

#menuA .bt2 {
  width: 258px;
  height: 72px;
  background: url(images/m1_b2.png) no-repeat;
  /*
  left: 0px;
  top: 144px;
  */
}
#menuA .bt2text {
  position:relative;
  top:24px;
  left: 115px;
}


#menuA .bt3 {
  width: 258px;
  height: 72px;
  background: url(images/m1_b3.png) no-repeat;
  /*
  left: 0px;
  top: 216px;
  */
}
#menuA .bt3text {
  position:relative;
  top:24px;
  left: 90px;
}

#menuA .bt4 {
  width: 258px;
  height: 72px;
  background: url(images/m1_b4.png) no-repeat;
  /*
  left: 0px;
  top: 288px;
  */
}
#menuA .bt4text {
  position:relative;
  top:24px;
  left: 85px;
}

  #botleft {
    position: fixed;
    left: 0;
    bottom: 0px;
    width: 258px;
    margin: 0 0 0 0;
    z-index: 4;
    border-left: none;
    padding: 0em 0em 0em 0em;
	list-style: none;
  }
  #botleft .botleftblank {
  height: 95px;												/* masks bottom of screen */
  	background: url(images/m1_bot.png) ;

}
  #botfiller {
    position: fixed;
    left: 258px;
    bottom: 0px;
    width: 2580px;
    margin: 0 0 0 0;
    z-index: 6;
    border-left: none;
    padding: 0em 0em 0em 0em;
	list-style: none;
  }
  #botfiller .botfillerblank {
  height: 95px;												/* masks bottom of screen */
  	background: url(images/page_bottom.png) ;

}



  #topright {
    position: fixed;
    right: 0;
    top: 0px;
    width: 258px;
    margin: 0 0 0 0;
    z-index: 8;
    border-left: none;
    padding: 0em 0em 0em 0em;
	list-style: none;
  }
  #topright .toprightblank {
  height: 149px;												/* masks bottom of screen */
  	background: url(images/m2_topright.png) no-repeat ;

}







					/* Bottom right menu */
					

  #menuB {
    position: fixed;
    right: 0;
    bottom: 0px;
    margin: 0 0 0 0;
    z-index: 7;
    border-right: none;
    padding: 0em 0em 0em 0em;
	list-style: none;  


  }
  #menuB li 
      { 
    margin: 0;
	height: 72px;
	}
  #menuB a { color: inherit }

  /* Make menu absolute, not fixed, on IE 5 & 6 */
  #menuB { position: absolute }
  *>#menuB { position: fixed }

a:link {color: #000000;}
#menuB a:active {color: #0000ff;}
#menuB a:visited {color: #000000;}
#menuB a:hover {color: #ffffff;}
 
#menuB a {
  display: block;
  outline: none;
  text-decoration: none;
color: #000000;
}
#menuB a.active {
  background-position: 0px -144px;
  text-indent: 0px;
  color: #00aa00;
}


#menuB a:hover {
  background-position: 0px -72px;
  text-indent: 0px;
}
#menuB a:active {
  background-position: 0px -144px;
  text-indent: 0px;
}
#menuB .bottopblank {
  height: 2000px;
  background:  url(images/m2_top.jpg) no-repeat;
}
#menuB .botbt1 {
  width: 258px;
  height: 72px;
   background: url(images/m2_b1.png) no-repeat;
}
#menuB .bt1text {
  position:relative;
  top:24px;
  left: 100px;
}
#menuB .botbt2 {
  width: 258px;
  height: 72px;
  background: url(images/m2_b2.png) no-repeat;
 }
#menuB .bt2text {
  position:relative;
  top:24px;
  left: 60px;
}
#menuB .botbotblank {
  height: 95px;
  background: url(images/m2_bot.png) no-repeat;
}






#img {
  padding: 0;
  margin: 0;
  left: -300px;
  /*
  top: -288px;
  */
}




h1 {
	margin:12px 0px 6px 0px;
	text-align:center;
	font-style:italic;
	padding:0;
	z-index: 6;
}
h2{
	margin:12px 0px 6px 0px;
	padding:0;
}
h3 {
	margin:12px 0px 12px 0px;
	text-align:center;
	padding:0;
}
h4 {
	margin:12px 0px 6px 0px;
	padding:0;
}
p {
	margin:6px 0px 12px 0px;
	padding:0;
}
p.italic {
	font-style:italic;
}

#newsitem
{
  width:100%;
  overflow:hidden;
  border-bottom:1px solid #00a;
  margin:0 auto;
}
.newsdate
{
  float:left;
  width:100px;
}
.newscontent
{
  display:inline;
}
img {
	margin:0px;
	z-index: 9;
	height: auto;
    max-width: 100%;
}
#header {
    position: fixed;
    right: 0;
    top: 0px;
    width: 100%;
    margin: 0 0 0 0;
    z-index: 6;
    padding: 0em 0em 0em 0em;
	height: 149px;
	background: url(images/header_bg.png);

/*
	float:left;
	width:100%;
	padding:0;
	margin:0;
	border-bottom:1px solid #aaa;
	  height: 128px;
*/
}
#header p {
	padding:.5em 15px	.2em 15px;
	margin:0;
}
#header h1  {
	padding:0;
	margin:0;
}
#header h2  {
	padding:0;
	margin:0;
}
#colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
  background: url(images/side_l.png);		/* Left column background colour */
}
#colmid {
	float:left;
	width:200%;
	position:relative;
	left:258px;				/* Push centre column to right so left column background becomes visible */
	background:#0a0a15  url(images/screenfield.png) ;  	/* Centre column background colour */
}
#colright {
	float:left;
	width:100%;
	position:relative;
	left:50%;
	    z-index: 5;
	margin-left:-516px; /* Q1 fudge to get text to right of the menu - dunno why it isnt 258 as that is the width of the menu, but this works at least */
  background: url(images/side_r.png);		/* Right column background colour */
}
#col1wrap {
	float:right;
	width:50%;
	position:relative;
	right:100%;
}
#col1pad {
	margin:0 0px 0 527px; /* Q1 cont and this pushes the right edge of the text back to where it should be */
	overflow:hidden;
}
#col1 {
    padding: 150px 0px 95px 0px; /* drops the main text dow below the header and pushes bottom up so scroll bar works */
	width:100%;
	overflow:hidden;
}
#col2 {
	float:left;
	width:258px;
	position:relative;
	margin-left:-50%;
	left:210px;
	overflow:hidden;
	background:#f49; 
}
#col3 {
	float:left;
	width:258px;
	position:relative;
	left:10px;
	overflow:hidden;
}
#footer {
	clear:both;
/*
	float:left;
	width:100%;
	padding:0;
	margin:0;
	border-top:1px solid #000;
*/
    position: fixed;
    right: 0;
    bottom: 0px;
    width: 100%;
    margin: 0 0 0 0;
    z-index: 5;
    padding: 0em 0em 0em 0em;
	height: 32px;


}
#footer p {
	padding:.0em 0px;
}