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

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

#pageframe {
	background-color: rgb(0,151,218);
	background-image: url(images/frameback.jpg); 
	background-repeat: no-repeat;
	}
	
#titlearea {
	background-color: transparent;
	background-image: url(images/complogo.gif); 
	background-position: 20px 20px;
	background-repeat: no-repeat;
	}

#custom1 {
	}

#custom2 {
	}

#custom3 {
	}

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

#topmenuback {
    	border-bottom: 0px solid rgb(102,102,102);
    	border-top: 0px solid rgb(51,51,51);
	background-color: transparent;
	}

.menutopbox {
}

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

#leftarea {
	background-color: transparent;
	}

#search {
	background-color: rgb(210,210,210);
	border: 1px solid rgb(255,255,255);
	}

.menubox {
	}

.submenubox {
	}

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

#centerarea {
	background-color: transparent;
	}

#authorarea {
    	background-color: transparent;
	}

.headingarea, .headingarea0 {
	background-color: rgb(10,9,14);
	}

.headingarea1 {
	background-color: rgb45,61,87);
	}

.articlearea, .articlearea0 {
    	border-bottom: 0px solid rgb(225,207,102);
	background-color: transparent;
	}

.articlearea1 {
    	border-bottom: 0px solid rgb(225,255,255);
	background-color: transparent;
	}

/* columns in text areas */
	
.clmn1 { border: 1px solid rgb(225,207,102); background: rgb(102,102,102); }
.clmn2 { border: 1px solid rgb(225,207,102); background: rgb(102,102,102); }
.clmn3 { border: 1px solid rgb(225,207,102); background: rgb(102,102,102); }
.clmn4 { border: 1px solid rgb(225,207,102); background: rgb(102,102,102); }

/*   XXXXXXXXXXXX  Pict and surround XXXXXXXXXXXX */

.articlepicture, .articlepicture0, .articlepicture1 {
    	border: 1px solid rgb(255,255,255);
    	background-color: rgb(255,255,255);
	}

.frametopleft {
	background: url(images/frame_tl.gif) no-repeat top left;
	}

.frametopright {
	background: url(images/frame_tr.gif) no-repeat top right;
	}

.framebottomleft {
	background: url(images/frame_bl.gif) no-repeat bottom left;
	}

.framebottomright {
	background: url(images/frame_br.gif) no-repeat bottom right;
	}

/*   XXXXXXXXXXXX  Bottom bar area XXXXXXXXXXXX */

#bottombar {
    	background-color: transparent;
    	background-repeat: repeat-x;
	background-position: 0px 0px;
    	background-image: url(images/btmback.jpg);
	}

/*   XXXXXXXXXXXX  This controls the tables created using our table code generator  */

.subtable {
    	border: 1px solid rgb(210,210,210);
    	background: rgb(85,85,85)}

.toprow {
    	background: rgb(102,102,102);
	}

.lastrow {
    	background: rgb(102,102,102);
	}


/* Individual text colours*/


p {	color: rgb(244,253,7);}


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

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

h3 {	color: rgb(225,207,102);}

h4 {	color: rgb(225,225,225);}

.text1  {color: rgb(225,207,102);}

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

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

/* indented paragraphs and list colours*/

ul.default { list-style-image: url(images/bullet.jpg); color: rgb(255,255,255)}
li { color: rgb(255,255,255)}

/* Default text link colours*/

a:link    {color: rgb(11,57,78)}
a:visited {color: rgb(11,57,78)}
a:hover   {color: rgb(11,57,78)}
a:active  {color: rgb(11,57,78)}

/* Top menu text link styles*/

.topmenutext li{
display: inline;
margin: 0 0 0 3px;
}

.topmenutext li a:link, .topmenutext li a:visited, .topmenutext li a:active {
	padding: 3px 7px 3px 7px;
    	border-right: 1px solid rgb(255,255,255);
	color: rgb(255,255,255);
	text-decoration: none;
	}

.topmenutext li a:hover {
	padding:  3px 7px 3px 7px;
    	border-right: 1px solid rgb(225,207,102);
	color: rgb(0,0,0);
	text-decoration: underline;}

.topmenutext li.selected a{ /*selected main tab style */
background-color: transparent;
background-image: url(images/topbutton.gif) ;
border-bottom-color: white;
}

/* Top menu text link styles*/

a.topmenutext:link, a.topmenutext:visited, a.topmenutext:active {
    	border-left: 1px solid rgb(0,0,153);
  	border-bottom: 1px solid rgb(0,0,153);
  	border-right: 1px solid rgb(0,0,153);
  	border-top: 1px solid rgb(0,0,153);
  	background: transparent;
	padding: 2px 0px 0px 0px;
	color: rgb(0,0,0);
	text-decoration : none;
	}

a.topmenutextlive:link, a.topmenutextlive:visited, a.topmenutextlive:active {
    	border-left: 1px solid rgb(0,0,153);
  	border-bottom: 1px solid rgb(0,0,153);
  	border-right: 1px solid rgb(0,0,153);
  	border-top: 1px solid rgb(0,0,153);
	padding: 2px 0px 0px 0px;
	background: rgb(245,245,245);
	color: rgb(0,102,204)	text-decoration : none;
	}

a.topmenutext:hover  {
    	border-left: 1px solid rgb(0,0,153);
  	border-bottom: 1px solid rgb(0,0,153);
  	border-right: 1px solid rgb(0,0,153);
  	border-top: 1px solid rgb(0,0,153);
	padding: 2px 0px 0px 0px;
	background: rgb(245,245,255);
	color: rgb(109,109,117);
	text-decoration : underline;
	}

/* Side menu text link styles*/

a.sidemenutext:link {
    	background: transparent  url(images/button.gif) 0px 0px no-repeat;
	padding: 3px 0px 0px 26px;
	color: rgb(34,34,34)text-decoration: none;
	}

a.sidemenutext:visited, a.sidemenutext:active {
    	background: transparent url(images/button.gif) 0px 0px no-repeat;
	padding: 3px 0px 0px 26px;
	color: rgb(68,68,68)text-decoration: none;
	}

a.sidemenutextlive:link, a.sidemenutextlive:visited, a.sidemenutextlive:active {
    	background: transparent url(images/button.gif) 0px -30px no-repeat;
	padding: 3px 0px 0px 26px;
	color: rgb(204,56,34);
	text-decoration: none;
	}

a.sidemenutext:hover, a.sidemenutextlive:hover {
    	background: transparent url(images/button.gif) 0px -60px no-repeat;
	color: rgb(204,56,34);
	text-decoration:  underline;
	}

/* Sidesub menu text link styles*/

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

a.sidesubmenutextlive:link, a.sidesubmenutextlive:visited, a.sidesubmenutextlive:active {
   color: rgb(240,240,240);
	padding: 2px 0px 0px 6px;
	background: transparent;
	text-decoration: none;
	}

a.sidesubmenutext:hover, a.sidesubmenutextlive:hover {
    background: transparent;
	padding: 2px 0px 0px 6px;
   	color: rgb(204,56,34);
	text-decoration: underline;
	}