/*##########################################
CSS done predominantly by cah of http://cahtech.beigetower.org
Due credit should also go to http://bluerobot.com. without it's help
I would not have sorted out this design to make it work properly. Thank you. 
############################################*/

body {
	background: rgb(240,230,200);
	padding:0px;
	font:11px verdana, arial, helvetica, sans-serif;
	}
h1 {
	margin:0px 0px 15px 0px;
	padding:0px;
	font-size:28px;
	font-weight:900;
	color:#000000;
	}
h2 {
	font:bold 12px/14px verdana, arial, helvetica, sans-serif;
	color: white;
	background-color: #FF0000;
	margin:0px 0px 0px 0px;
	padding:0px;
	text-decoration: none;
  font-size: 12pt;
  font-weight:bold;
  margin: 0;
  padding: 0.5ex 0.5ex 0.5ex 0.25ex;
	}
p {
	font:11px/20px verdana, arial, helvetica, sans-serif;
	margin:0px 0px 10px 0px;
	padding:10px;
	}
.Content>p {margin:0px;}
.Content>p+p {text-indent:0px;}

.content a {
	 color: #FF0000;
	font-size:11px;
	font-family:verdana, arial, helvetica, sans-serif;
	font-weight:600;
	text-decoration:none;
	}
.content a:link {color:#FF0000;}
.content a:visited {color:#7f7f7f;}
.content a:hover {color:#000000;}
  

.content {
	position:relative; 
	width:auto;
	top: 10px;
	min-width:120px;
	margin:10px 210px 0px 170px;
	border:1px solid black;
	background-color:white;
	padding:0px;
	z-index:3; 
}

#navpage {
	position:absolute;
	width:200px;
	top:130px;
	left:10px;
	border:1px dashed black;
	background-color:#f7f7f7;
	padding:0px;
	z-index:2;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:160px;
	}
body>#navpage {width:160px;}
		
#navright {
	position:absolute;
	width:110px;
	padding-left:0px;
	top:130px;
	right:10px;
	border:1px dashed black;
	background-color:#f7f7f7;
	z-index:1;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:197px;
	}
body>#navright {width:197px;}


.articletext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
}
#header {
	position: relative;
	top: 0px;
	right:0px;
	width: 100%;
	margin: 0px 0px 0px 0px;
	border:2px solid #333333;
	background-color:white;
	z-index:4; 
	}
.superHeader {
  color: white;
  background-color: rgb(240,40,20);
  height: 2em;
}

.superHeader a {
  color: white;
  background-color: transparent;
  text-decoration: none;
  font-size: 12pt;
  font-weight:bold;
  margin: 0;
  padding: 0 0.5ex 0 0.25ex;
}

.superHeader a:hover {
  text-decoration: underline;
}

.superHeader .left {
  position: absolute;
  left: 1.5mm;
  top: 0.75ex;
}

.superHeader .right {
  position: absolute;
  right: 1.5mm;
  top: 0.75ex;
}

.midHeader {
  font-size: 300%;
  color: white;
  text-align: center;
  background-color: rgb(0,0,0);
  padding: 5px;
  font-weight:500;
}
.headerTitle {
  font-size: 337%;
  font-weight: normal;
  margin: 0 0 0 4mm;
  padding: 0.25ex 0;
}

.subHeader {
  color: #FFFFFF;
  background-color: rgb(150,20,10);
  margin: 0;
  padding: 1ex 1ex 1ex 1.5mm;
  text-align:center;
}

.subHeader a {
  color: #FFFFFF;
  background-color: transparent;
  text-decoration: none;
  font-size: 14px;
  font-weight: bold;
  margin: 0;
  padding: 0 0.75ex 0 0.5ex;
}  
.subHeader a:hover {
  text-decoration: underline;
}
.subHeader .centre {
	position:absolute;
	text-align:center;
}
.superHeader .highlight, .subHeader .highlight {
  color: rgb(253,160,91);
  background-color: transparent;
}
#footer {
	color: white;
	background-color: #333333;
	font-size: 110%;
	margin: 0;
	font-weight: bold;
	padding: 10px 15px 2.5ex 0px;
	margin-top: 50px;
	clear: both;
	z-index: 4;
	font-weight: bold;
}

#footer .left {
  line-height: 1.5em;
  margin-left: 10px;
  float: left;
  clear: left;
}

#footer .right {
  text-align: right;
  line-height: 1.5em;
}

#footer a {
  color: white;
  background-color: transparent;
  text-decoration: underline;
}

#footer a:hover {
  text-decoration: none;
  font-weight:bolder;
  background-color:#FF0000;
  color:#FFFFFF;
}
#side-bar {
  width: 160px;
left: 10px;
  color: #FF0000;
	font-size:11px;
	font-family:verdana, arial, helvetica, sans-serif;
	font-weight:600;
	text-decoration:none;
  }
#side-bar ul {
  list-style-type: none;
  list-style-position: outside;
  margin: 0;
  padding: 0 0 1.1em 0;
   color: #FF0000;
	font-size:11px;
	font-family:verdana, arial, helvetica, sans-serif;
	font-weight:600;
	text-decoration:none;
}

#side-bar li {
  margin: 0;
  padding: 0.1ex 0; 
   color: #FF0000;
	font-size:11px;
	font-family:verdana, arial, helvetica, sans-serif;
	font-weight:600;
	text-decoration:none;
}

#side-bar a, .thisPage {
  color: rgb(0,102,204);
  background-color: transparent;
  text-decoration: none;
  margin: 0;
  padding: 0.75em 1ex 0.75em 5mm;
  display: block;
}

.thisPage {
  color: black;
  background-color: white;
  padding-left: 4mm;
  border-top: 1px solid rgb(153,153,153);
  border-bottom: 1px solid rgb(153,153,153);
}

#side-bar a:hover {
  color: white;
  background-color: #FF0000;
  text-decoration: none;
  	
}

.sideBarText {
  line-height: 1.5em;
  margin: 0 0 1em 0;
  padding: 0 1.5ex 0 2.5mm;
  display: block;
 color: #FF0000;
	font-size:11px;
	font-family:verdana, arial, helvetica, sans-serif;
	font-weight:600;
	text-decoration:none;
}

.sideBarText a {
  text-decoration: underline;
  margin: 0;
  padding: 0;
  display: inline;
 color: #FF0000;
	font-size:11px;
	font-family:verdana, arial, helvetica, sans-serif;
	font-weight:600;
	text-decoration:none;
}

.sideBarText a:hover {
  color: white;
  background-color: #FF0000;
  text-decoration: none;
}

.lighterBackground {
  color: inherit;
  background-color: white;
}