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

body {
	background-color: rgb(206,224,253);
	background-image: url(images/back_01.gif);
	}

#pageframe {
	background-color: rgb(206,224,253);
	background-image: url(images/sideback.gif);
	background-repeat: repeat-y;
	}
	
#titlearea { 
	background-color: rgb(206,224,253);
	background-image: url(images/complogo.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}


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

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

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

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

#leftarea {
	background-color: rgb(218,218,218);
	}

.menubox; transparent;

.submenubox; transparent;


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

#centerarea {
    	border-right: 1px solid rgb(206,224,253);
	background-color: rgb(206,224,253);
	}

#authorarea {
    	border-bottom: 4px solid rgb((206,224,253);
    	border-top: 4px solid rgb(148,148,148);	
	background-color: rgb(208,222,253);
	background-image: url(images/topbar.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	}

.headingarea {
	background-color:rgb(206,224,253);
	}

.articlearea {
	background-color: rgb(206,224,253);
	background-image: url(images/articleback.gif);
	background-position: 100% 100%;
	background-repeat: no-repeat;
	}

/* columns in text areas */

.clmn1 {    border: 1px solid rgbrgb(218,218,218); background: transparent; }
.clmn2 {    border: 1px solid rgbrgb(218,218,218); background: transparent; }
.clmn3 {    border: 1px solid rgbrgb(218,218,218); background: transparent; }
.clmn4 {    border: 1px solid rgbrgb(218,218,218); background: transparent; }

/*   XXXXXXXXXXXX  Pict and surround XXXXXXXXXXXX */

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

.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 {
    	border-right: 1px solid rgb(159,193,251);
    	border-bottom: 1px solid rgb(159,193,251);
	}

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

.subtable {
	background: rgb(159,193,251);
	border: 1px solid rgb(159,193,251).toprow {
	background: rgb(159,193,251);
	}

.lastrow {
	background: rgb(159,193,251);
	}

/* Individual text font styles*/


p {	color: rgb(0,64,128)4080;}

h1 {	color: rgb(0,0,128)h2 {	color: rgb(198,65,57)

h3 {	color: rgb(0,0,128)h4 {	color: rgb(0,0,128)h5 {	color: rgb(0,0,128)h6 {	color: rgb(0,0,128)
.reftext { color: rgb(0,0,255)nt-size: 110%;}
.style1rgb(0,0,255);}

/* indented paragraphs and list styles*/

ul {  color: rgb(153,34,34)
li {  color: rgb(153,34,34)


/* Default text link styles*/

a:link    {color: rgb(198,65,57)}
a:visited {color: rgb(0,0,160)hover   {color: rgb(128,64,64)a:active  {color: rgb(198,65,57)}

/* Top menu text link styles*/

/* Top menu text link styles*/

a.topmenutext:link, a.topmenutext:visited, a.topmenutext:active {
	padding: 0px 10px 6px 10px;
	color: rgb(102,136,153);
	text-decoration: none;}

a.topmenutextlive:link, a.topmenutextlive:visited, a.topmenutextlive:active {
	padding: 0px 10px 7px 10px;
	color: rgb(153,34,34);
	text-decoration : none;}

a.topmenutext:hover {
	padding: 0px 10px 6px 10px;
	color: rgb(191,98,98)	text-decoration : underline;}   

/* Side menu text link styles*/

a.sidemenutext:link {
	background: transparent ;
    	padding: 3px 0px 0px 6px;
	color: rgb(175,32,37)	text-decoration: none;
	}

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

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

a.sidemenutextlive:hover  {
	background: transparent;
	color: rgb(221,0,0)

a.sidemenutext:hover {
    	background: transparent;
	color: rgb(0,64,128);
	text-decoration: underline;
	}

/* Sidesub menu text link styles*/

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

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

a.sidesubmenutextlive:hover  {
	color: rgb(0,0,255));
	}

a.sidesubmenutext:hover {
	padding: 2px 0px 0px 16px;
	background: transparent;
	color: rgb(0,0,255);
	text-decoration: underline;
	}