/*  created using www.csswizard.net  */
/* This stylesheet controls the webpage areas colours */

body {
    	background-color: rgb(80,74,74);
	}

#pageframe {
    	background-color: rgb(68,74,74);
    	background-repeat: repeat-y;
    	background-image: url(images/background.jpg);
	}
	
#titlearea {
    	background-color: rgb(86,4,0);
    	background-repeat: no-repeat;
    	background-image: url(images/complogo.jpg);
	}

#pictarea {
	margin: 0px 0px 0px 0px;
	padding: 5px 5px 5px 5px;
    	border: 1px solid rgb(122,10,66);
    	background-color: transparent;
	position: absolute;
	left: 170px;
	}

#srchbut {width: 190px;
	margin: 0px 0px 0px 0px;
	height: 32px;
	}

#srchbut1 {width: 128px;
	float: left;
	padding: 0px 0px 0px 0px;
	}

#srchbut2 {width: 32px;
	padding: 1px 0px 0px 0px;
	float: left;
	}

/*   XXXXXXXXXXXX  This controls the TOP menu area and buttons  */

#topmenuback {
	background-color: transparent;
			}

.menutopbox {
	background-color: transparent;
}

/*  XXXXXXXXXXXX This controls the SIDE menu area and buttons  */

#leftarea {
	background-color: transparent;
	}

.menubox {
	}

.submenubox {
	}

/*   XXXXXXXXXXXX  This controls the MIDDLE menu area and buttons  */

#centerarea {
	background-color: transparent;
	}

#authorarea {
    	background-color: transparent;
	}

.headingarea {
	background-color: transparent;
	}

.articlearea {
    	border-bottom: 1px solid  rgb(130,108,95);
	background-color: transparent;
	}
	
/* columns in text areas */
	
.clmn1 { border: 1px solid rgb(210,210,210); background: rgb(85,85,85); }
.clmn2 { border: 1px solid rgb(210,210,210); background: rgb(85,85,85); }
.clmn3 { border: 1px solid rgb(210,210,210); background: rgb(85,85,85); }
.clmn4 { border: 1px solid rgb(210,210,210); background: rgb(85,85,85); }

/*   XXXXXXXXXXXX  Pict and surround XXXXXXXXXXXX */

.articlepicture, .articlepicture0, .articlepicture1 {
    	border: 1px solid  rgb(130,108,95);
    	background-color: transparent;
	}

.frametopleft {
	}

.frametopright {
	}

.framebottomleft {
	}

.framebottomright {
	}

/*   XXXXXXXXXXXX  Bottom bar area XXXXXXXXXXXX */

#bottombar {
    	background-color: rgb(186,4,0);
    	background-repeat: no-repeat;
    	background-image: url(images/bottombar.jpg);
	}

/*   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(225,225,225);}

h1 {	color: rgb(255,255,255);}

h2 {	color: rgb(63,0,32);}

h3 {	color: rgb(210,210,210);}

h4 {	color: rgb(213,187,145);}

h5 {	color: rgb(255,255,255);}

h6 {	color: rgb(213,187,145);}


/* indented paragraphs and list colours*/

ul { color: rgb(210,210,210);}

/* Default text link colours*/

a:link    {color: rgb(255,255,255)}
a:visited {color: rgb(204,204,204)}
a:hover   {color: rgb(255,255,213)}
a:active  {color: rgb(255,255,213)}

/* Top menu text link styles*/

a.topmenutext:link, a.topmenutext:visited, a.topmenutext:active {
    	background: transparent url(images/buttont.gif) 7px 0px no-repeat;
	padding: 2px 0px 0px 0px;
	color: rgb(122,10,66);
	text-decoration: none;
	}

a.topmenutextlive:link, a.topmenutextlive:visited, a.topmenutextlive:active {
    	background:  rgb(130,108,95) url(images/buttont.gif) 7px -30px no-repeat;
	padding: 2px 0px 0px 0px;
	color: rgb(255,255,255);
	text-decoration: none;
	}

a.topmenutextlive:hover  {
	color: rgb(255,255,213);
	}

a.topmenutext:hover  {
    	background: transparent url(images/buttont.gif) 7px -30px no-repeat;
	color: rgb(255,255,213);
	text-decoration: none;}

/* Side menu text link styles*/

a.sidemenutext:link {
	padding: 3px 0px 0px 6px;
	color: rgb(255,255,255);
	text-decoration: none;
	}

a.sidemenutext:visited, a.sidemenutext:active {
	padding: 3px 0px 0px 6px;
	color: rgb(240,240,240);
	text-decoration: none;
	}

a.sidemenutextlive:link, a.sidemenutextlive:visited, a.sidemenutextlive:active {
	padding: 3px 0px 0px 10px;
	color: rgb(210,210,210);
	text-decoration: none;
	}

a.sidemenutext:hover, a.sidemenutextlive:hover {
	padding: 3px 0px 0px 10px;
	color: rgb(63,0,32);
	text-decoration:  underline;
	}

/* Sidesub menu text link styles*/

a.sidesubmenutext:link, a.sidesubmenutext:visited, a.sidesubmenutext:active {
	padding: 2px 0px 0px 16px;
   	color: rgb(255,255,255);
	text-decoration: none;
	}

a.sidesubmenutextlive:link, a.sidesubmenutextlive:visited, a.sidesubmenutextlive:active {
    	color: rgb(210,210,210);
	padding: 2px 0px 0px 20px;
	text-decoration: none;
	}

a.sidesubmenutext:hover, a.sidesubmenutextlive:hover {
	padding: 2px 0px 0px 16px;
   	color: rgb(63,0,32);
	text-decoration: underline;
	}