/*  created using www.csswizard.net  */

/* This stylesheet controls the webpage areas colours */



body {

	background-color: rgb(230,230,230);

	}



#pageframe {

    	background-color: rgb(255,255,255); 

	}



#bodywrap-top {	 background: transparent url(images/bodywrap_top.jpg) 0 0 repeat-x;}

#bodywrap-btm { background: transparent url(images/bodywrap_btm.jpg) 0 100% repeat-x;}

#bodywrap-r {	background: transparent url(images/bodywrap_r.jpg) 100% 0 repeat-y;}

#bodywrap-l {	background: transparent url(images/bodywrap_l.jpg) 0 0 repeat-y;}

#bodywrap-tl {	background: transparent url(images/bodywrap_tl.jpg) 0 0 no-repeat;}

#bodywrap-tr {	background: transparent url(images/bodywrap_tr.jpg) 100% 0 no-repeat;}

#bodywrap-br {	background: transparent url(images/bodywrap_br.jpg) 100% 100% no-repeat;}

#bodywrap-bl {	background: transparent url(images/bodywrap_bl.jpg) 0 100% no-repeat;}

#bodywrap-in {	background-color: transparent; padding: 20px 20px 20px 20px;}



#titlearea {

    	background-color: rgb(240,240,255);

	background-image: url(images/complogo.jpg); 

	background-position:  0px 0px;

	background-repeat: no-repeat;



	}



#custom1 {

	}



#custom2 {

       background-color: rgb(240,240,255);

       border-bottom: 1px dashed rgb(221,221,221); 

	}



#custom3 {

	}



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



#topmenuback { 

    	background-color: transparent;

	border: 1px dashed rgb(221,221,221); 

	}



.menutopbox {

}



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



#leftarea {

	background-color: transparent;

	}



.menubox {

    	background-color: transparent;

	border-bottom: 1px dashed rgb(221,221,221); 

}



.submenubox {

    	background-color: transparent;

}



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



#centerarea {

	background-color: transparent;

	border-left: 1px dashed rgb(221,221,221); 

	}



#authorarea {

	}



.headingarea {

    	border-bottom: 1px dashed rgb(221,221,221);

	background-color: transparent;

	}



.articlearea {

	background-color: transparent;

	}



/* columns in text areas */

	

.clmn1 {border: 1px dotted rgb(221,221,221); background: transparent;}

.clmn2 {border: 1px dotted rgb(221,221,221); background: transparent;}

.clmn3 {border: 1px dotted rgb(221,221,221); background: transparent;}

.clmn4 {border: 1px dotted rgb(221,221,221); background: transparent;}



/*   XXXXXXXXXXXX  Pict and surround XXXXXXXXXXXX */



.articlepicture, .articlepicture0, .articlepicture1 {

	background-color: rgb(245,245,245);

	border: 1px solid rgb(210,210,210);

	}



.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-top: 1px dashed rgb(221,221,221);

	}



/*   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 font styles*/





p {	color: rgb(109,109,117);}



h1 {	color: rgb(101,102,102);}



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



h3 {	color: rgb(109,109,117);}



h4 {	color: rgb(109,109,117);}



h5 { color: rgb(101,102,102);}



h6 {	color: rgb(101,102,102);}



.featurebox h3 { color: #476E8F;}





/* indented paragraphs and list styles*/



ul {  color: rgb(109,109,117);}

li {  color: rgb(109,109,117);}





/* Default text link styles*/



a:link    {color: rgb(13,37,150)}

a:visited {color: rgb(0,0,0)}

a:hover   {color: rgb(200,0,0)}

a:active  {color: rgb(13,37,125)}



/* 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 16px;

	color: rgb(0,0,153);

	text-decoration: none;

	}



a.sidemenutext:visited, a.sidemenutext:active {

    	background: transparent url(images/button.gif) 0px 0px no-repeat;

    	padding: 3px 0px 0px 16px;

	color: rgb(0,0,102);

	text-decoration: none;

	}



a.sidemenutextlive:link, a.sidemenutextlive:visited, a.sidemenutextlive:active {

    	background: rgb(245,245,245) url(images/button.gif) 0px -30px no-repeat;

       	padding: 3px 0px 0px 16px;

	color: rgb(0,102,204);

	text-decoration: none;

	}



a.sidemenutext:hover, a.sidemenutextlive:hover {

    	background: rgb(245,245,255) url(images/button.gif) 0px -60px no-repeat;

	color: rgb(109,109,117);

	text-decoration: underline;

	}



/* Sidesub menu text link styles*/



a.sidesubmenutext:link, a.sidesubmenutext:visited, a.sidesubmenutext:active {

    	padding: 2px 0px 0px 6px;

	background: transparent;

	color: rgb(0,0,153);

	text-decoration: none;

	}



a.sidesubmenutextlive:link, a.sidesubmenutextlive:visited, a.sidesubmenutextlive:active {

    	padding: 2px 0px 0px 6px;

	background: rgb(245,245,245);

	color: rgb(0,0,0);

	text-decoration : none;

	}



a.sidesubmenutext:hover, a.sidesubmenutextlive:hover {

    	padding: 2px 0px 0px 6px;

	background: rgb(245,245,255);

	color: rgb(109,109,117);

	text-decoration: underline;

	}

