/* page container */
#container {
	margin: auto;
	width: 800px;
	height: auto;
	text-align: center;
	background-color:#999999;
	border: thick groove Green;
	color: #000000;
	background-image: url(images/bg.jpg);
}

/* main body */
body {text-align: center;font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;background-color: #000000;background-image: url(images/web.jpg);}
h1 {color: #F00;margin-top: 4px;}
h3 {color: #000000;}
img {}

/* header */
#header {
	text-align: center;
	background-image: url(images/header.gif);
	height: 81px;
	width: 790px;
	background-repeat: no-repeat;
	background-position: top;
	background-color:#006600;
	margin-top: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
}

/* main menu tabs */
#tabs {float:left;width:100%;font-size:93%;line-height:normal;font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;font-weight:bold;}
#tabs ul {margin: 0;padding: 2px 10px 0px 5px;list-style: none;}
#tabs li {display:inline;margin:0;padding:0;}
#tabs a {float:left;background:url("images/tableft.gif") no-repeat left top;margin:0;padding:0 0 0 7px;text-decoration:none;}
#tabs a span {float:left;display:block;background:url("images/tabright.gif") no-repeat right top;padding:5px 15px 4px 6px;/* normal menu text colour */color: #000;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}
/* End IE5-Mac hack */
#tabs a:hover span {/*  hover menu text colour */color: #633;}
#tabs a:hover {background-position:0% -42px;}
#tabs a:hover span {background-position:100% -42px;}
#tabs #current a {background-position:0% -42px;}
#tabs #current a span {background-position:100% -42px;}

/* side menu */
#navlist
{color: white;
/* main surround colour */
background: #ddd;
/* edge colour */
border-bottom: 0.2em solid #505232;
border-right: 0.2em solid #505232;
padding: 0 1px;
margin-left: 0;
width: 12em;
font: normal 0.8em Verdana, sans-serif;}

#navlist li
{list-style: none;
margin: 0;
font-size: 1em;}

#navlist a
{display: block;
text-decoration: none;
margin-bottom: 0.5em;
margin-top: 0.5em;
/* small block active color and text*/
color: white;
/* button colour */
background: #b2b580;
border-width: 1px;
border-style: solid;
/* button border colour */
border-color: #5bd #035 #068 #6cf;
border-left: 1em solid #fc0;
padding: 0.25em 0.5em 0.4em 0.75em;}

#navlist a#current { border-color: #5bd #035 #068 #f30; }

#navlist a
{width: 99%;
/* only necessary for Internet Explorer */}

#navlist a
{voice-family: "\"}\"";
voice-family: inherit;
width: 9.6em;
/* Tantek-hack should only used if Internet-Explorer 6 is in standards-compliant mode */}

#navcontainer>#navlist a
{width: auto;
/* only necessary if you use the hacks above for the Internet Explorer */}

#navlist a:hover, #navlist a#current:hover
{/* hover colour */
background: #727454;
border-color: #069 #000 #5bd #000;
padding: 0.4em 0.35em 0.25em 0.9em;}

#navlist a:active, #navlist a#current:active
{/* active colour */
background: #727454;
border-color: #069 #6cf #5bd white;
padding: 0.4em 0.35em 0.25em 0.9em;}

/* main cell - content border */
#mainCell {text-align: center;width: 800px;-moz-width:auto;height: auto;}

/* content - center in main cell */
#content {
	width: 790px;
	height: auto;
	margin: auto;
	text-align: left;
	line-height: normal;
	font-family: "Trebuchet MS";
}

/* footer */
#footer {background-image: url(images/footer.gif);background-repeat: no-repeat;height: 45px;width: 800px;text-align: center;font-size: 10px;}
a {color: #0000FF;text-decoration: none;}
a:hover {color: #00F;text-decoration: underline;}

/* news block */
.news {margin: 10px;width: 160px;height: auto;border: thin;border-color: Gray;background-color: #CCCCCC;clear: right;float: right;text-align: left;border-style: solid;color: #000000;font-size: 12px;padding: 5px;}
.news h4 {text-align: center;margin-top: 4px;margin-bottom: 4px;}
.news a {color: #00f;text-decoration: none;}
.news a:hover {color:#6B78A9;text-decoration: underline;}

/* advert block */
.advert {
	width: 50%;
	height: 100%;
	float: left;
	background-color: #CCCCCC;
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #999999;
	margin: 10px;
	padding: 10px;
}

#center {
  margin-right: 10%;
  margin left: 10%;
  background: #000;
  }

#left {
  float:left; 
  background:#eee; 
  padding:10px 10px 10px 10px; 
  border:1px solid #000; 
  color:#000;
  }
#left p{
  padding: 5px 5px 5px 5px;
  background: #fff;
}  
#box {
	float:left;
	color:#000;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 10px;
  }


/* used for code entry */
xmp {font-family: Courier, 'Courier New', sans-serif; font-size: 11px; color: #006600;background-color: #CACACA; border: #D1D7DC; border-style: solid;border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px}

