/* website colors only */
/* eg margin convention clockwise 12 3 6 9 Oclock */

	body {
		background: rgb(255,255,221);
		background-image: url(images/sideback.jpg); 
		background-position: 0px 30px;
		background-repeat: no-repeat;
		}

	#frame { 
	}
		
	#titlearea {background-image: url(images/complogo.gif); 
		background-position: center;
		background-repeat: no-repeat;
	}
 
#bottombar        				 
	{
	background-color: transparent;
	 width: 80%;
	 height:40px;
	 margin: 0px 0px 0px 150px;
	 }	 
#newsscroll        				 
	{position: absolute;
	left: 250px;
	top: 210px;
	 }
.column        				 
	{float: left;
	 width: 22%;}

/*   XXXXXXXXXXXX  This controls the TOP menu area and buttons  */

	#topmenuback {
		background: transparent;
		border-top: 0px solid  rgb(180,85,135);
		border-bottom: 0px solid rgb(180,85,135);
	}

	#topmenualign { 
	}

.menutopbox {
}

/*  XXXXXXXXXXXX This controls the SIDE menu area and buttons  */
	#leftarea {
		border:0px solid rgb(192,114,191);
		}

.menubox {
	width: 136px;
	margin-top: 4px;
}

.submenubox {
	width: 136px;
}

/*   XXXXXXXXXXXX  This controls the MIDDLE menu area and buttons  */

	#centerarea {
		border:0px solid rgb(0,0,0);
		border-left: 0px solid  rgb(180,85,135);
		}

.multtabframe
{
}

	.headingarea {
		background: transparent;
		border: 0px solid rgb(180,85,135);
	}

	.articlearea {
		background: transparent;
		border-bottom: 0px solid rgb(0,0,0);
		border-right: 0px solid rgb(0,0,0);
		border-left: 0px solid rgb(0,0,0);
	}

.maintable
{
	border: none;

}


/*   XXXXXXXXXXXX  This controls the tables created using our table code generator  */

.subtable {
	background: rgb(250,250,250);
	border:1px solid rgb(0,0,0);
}

.toprow {
	background: rgb(230,230,230);
	}

.lastrow {
	background: rgb(230,230,230);
	}

/* Individual text colours*/


p {	color: rgb(0,0,0);
}

h1 {	color: rgb(51,68,153);
}

h2 {	color: rgb(119,119,119);
}

h3 {	color: rgb(51,68,153);
}

h4 {	color: rgb(51,68,153);
}

h5 {	color: rgb(0,0,0);
}

h6 {	color: rgb(0,0,153);
}

/* indented paragraphs and list colours*/

ul { color: rgb(0,0,0)}
li { color: rgb(0,0,0)}

/* Default text link colours*/

a:visited {color: rgb(51,68,153)}
a:active  {color: rgb(13,37,125)}
a:link    {color: rgb(0,0,0)}
a:hover   {color: rgb(119,119,119)}



/* Side menu text link styles*/

a.sidemenutext:link {
	background: rgb(255,255,210);
	display: block;
	width: 136px;
	height: 20px;
	background: rgb(255,255,221);
    	border-bottom: rgb(255,255,221) 0px solid;
	text-decoration : none;
	}

a.sidemenutext:link, a.sidemenutext:visited,  a.sidemenutext:active {	
	display: block;
	width: 136px;
	height: 20px;
	background: rgb(255,255,221);
    	border-bottom: rgb(255,255,221) 0px solid;
	text-decoration : none;
	}

a.sidemenutextlive:link, a.sidemenutextlive:visited, a.sidemenutextlive:active
{	display: block;
	width: 136px;
	height: 20px;
	text-align: center;
	background: rgb(255,255,221);
    	border-bottom: rgb(192,114,191) 0px solid;
	color: black;
	text-decoration : none;
	}

a.sidemenutextlive:hover  {
	color: rgb(119,119,119);}

a.sidemenutext:hover {
	display: block;
	width: 136px;
	height: 20px;
	text-align: center;
	background: rgb(255,255,221);
    	border-bottom: rgb(192,114,191) 0px solid;
	color: rgb(119,119,119);
	text-decoration : none;
	}

/* Sidesub menu text link styles*/

a.sidesubmenutext:link, a.sidesubmenutext:visited, a.sidesubmenutext:active
{	display: block;
	width: 130px;
	text-align: left;
	padding: 0px 0px 4px 2px;
	margin: 0px 0px 0px 3px;
    	border-right: rgb(51,68,153) 0px solid;
	text-decoration : none;}

a.sidesubmenutextlive:link, a.sidesubmenutextlive:visited, a.sidesubmenutextlive:active
{	display: block;
	width: 130px;
	text-align: left;
	padding: 0px 0px 4px 0px;
	margin: 0px 0px 0px 13px;
	color: black;
	border-bottom: rgb(192,114,191) 0px solid;
	text-decoration : none;}

a.sidesubmenutextlive:hover  {
	color: rgb(119,119,119);}

a.sidesubmenutext:hover {
	display: block;
	width: 130px;
    	border-bottom: rgb(192,114,191) 0px solid;
	color: rgb(119,119,119);
	text-decoration : underline;}