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

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

#bodywrap-top { background: rgb(255,0,0) url(../images/topbar.jpg) 0 0 repeat-x;}

#bodywrap-btm { background: transparent;}
#bodywrap-r {	background: transparent;}
#bodywrap-l {	background: transparent}
#bodywrap-tl {	background: transparent url(../images/complogo.jpg) 0 0 no-repeat;}
#bodywrap-tr {	background: transparent;}
#bodywrap-br {	background: transparent;}
#bodywrap-bl {	background: transparent;}

#bodywrap-in {	padding: 0px 20px 20px 20px;}

#pageframe {
	background-color: transparent;
	}

#titlearea { 
	background-color: transparent;
	}

#custom1 {
	}

#custom2 {
	}

#custom3 {
	}

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

#topmenuback { 
	background-color: transparent;

	}

.menutopbox {	border: 0px solid rgb(0,0,0);
}

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

#leftarea {
	background-color: transparent;
	}

.wrap-top {	background: rgb(255,255,255) url(../images/wrap_top.jpg) 0 0 repeat-x;}
.wrap-btm {	background: url(../images/wrap_btm.jpg) 0 100% repeat-x;}
.wrap-r {		background: url(../images/wrap_r.jpg) 100% 0 repeat-y;}
.wrap-l {		background: url(../images/wrap_l.jpg) 0 0 repeat-y;}
.wrap-tl {	background: url(../images/wrap_tl.jpg) 0 -3px no-repeat;}
.wrap2-tl {	background: url(../images/wrap2_tl.jpg) 0 0px no-repeat;}
.wrap-tr {	background: url(../images/wrap_tr.jpg) 100% 0 no-repeat;}
.wrap-br {	background: url(../images/wrap_br.jpg) 100% 100% no-repeat;}
.wrap-bl {	background: url(../images/wrap_bl.jpg) 0 100% no-repeat;}
.wrap-in {	padding: 0px 0px 20px 0px; }

.menubox {
}

.submenubox {
}

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

#centerarea {
	background-color: transparent;
	}

#centerwrap-top { background: rgb(255,255,255) url(../images/bodywrap_top.jpg) 0 0 repeat-x;}
#centerwrap-btm { background: url(../images/bodywrap_btm.jpg) 0 100% repeat-x;}
#centerwrap-r {	background: url(../images/bodywrap_r.jpg) 100% 0 repeat-y;}
#centerwrap-l {	background: url(../images/bodywrap_l.jpg) 0 0 repeat-y;}
#centerwrap-tl {	background: url(../images/bodywrap_tl.jpg) 0 0 no-repeat;}
#centerwrap-tr {	background: url(../images/bodywrap_tr.jpg) 100% 0 no-repeat;}
#centerwrap-br {	background: url(../images/bodywrap_br.jpg) 100% 100% no-repeat;}
#centerwrap-bl {	background: url(../images/bodywrap_bl.jpg) 0 100% no-repeat;}
#centerwrap-in {	padding: 20px 20px 20px 20px;}


#authorarea { background-color: transparent;
	}

.headingarea {
	background-color: transparent;
	background-image: url(../images/heading.jpg);
	background-repeat: no-repeat;
	}

.articlearea {
	background-color: transparent;
	}
	
/* columns in text areas */
	
.clmn1 {border: 1px dotted rgb(230,230,230); background: transparent;}
.clmn2 {border: 1px dotted rgb(230,230,230); background: transparent;}
.clmn3 {border: 1px dotted rgb(230,230,230); background: transparent;}
.clmn4 {border: 1px dotted rgb(230,230,230); 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;
	top: -1px;  left: -1px;	}

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

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

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

/*   XXXXXXXXXXXX  Bottom bar area XXXXXXXXXXXX */

#bottombar {	background-color: transparent;
	}

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

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

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

h3 {	color: rgb(250,109,41);}

h4 {	color: rgb(0,95,178);}

h5 {	color: rgb(0,0,153);}

h6 {	color: rgb(0,0,153);}

/* 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.topmenu1:link, a.topmenu1:visited, a.topmenu1:active {
    	background: transparent url(../images/topmenu1.jpg) 0px 0px no-repeat;}
a.topmenu1:hover  {
	background: transparent url(../images/topmenu1.jpg) 0px -57px no-repeat;}

a.topmenu2:link, a.topmenu2:visited, a.topmenu2:active {
    	background: transparent url(../images/topmenu2.jpg) 0px 0px no-repeat;}
a.topmenu2:hover  {
	background: transparent url(../images/topmenu2.jpg) 0px -57px no-repeat;}

a.topmenu3:link, a.topmenu3:visited, a.topmenu3:active {
    	background: transparent url(../images/topmenu3.jpg) 0px 0px no-repeat;}
a.topmenu3:hover  {
	background: transparent url(../images/topmenu3.jpg) 0px -57px no-repeat;}

a.topmenu4:link, a.topmenu4:visited, a.topmenu4:active {
    	background: transparent url(../images/topmenu4.jpg) 0px 0px no-repeat;}
a.topmenu4:hover  {
	background: transparent url(../images/topmenu4.jpg) 0px -57px no-repeat;}

a.topmenu5:link, a.topmenu5:visited, a.topmenu5:active {
    	background: transparent url(../images/topmenu5.jpg) 0px 0px no-repeat;}
a.topmenu5:hover  {
	background: transparent url(../images/topmenu5.jpg) 0px -57px no-repeat;}

/* Side menu text link styles*/

a.sidemenutext:link {
    	background: transparent ;
	border-bottom: 1px solid rgb(210,210,210);
    	padding: 3px 0px 0px 5px;
	color: rgb(0,0,153);
	text-decoration: none;
	}

a.sidemenutext:visited, a.sidemenutext:active {
    	background: transparent;
	border-bottom: 1px solid rgb(210,210,210);
    	padding: 3px 0px 0px 5px;
	color: rgb(0,0,153);
	text-decoration: none;
	}

a.sidemenutextlive:link, a.sidemenutextlive:visited, a.sidemenutextlive:active {
    	background: transparent;
	border-bottom: 1px solid rgb(255,0,0);
       	padding: 3px 0px 0px 5px;
	color: rgb(0,102,204);
	text-decoration: none;
	}

a.sidemenutext:hover, a.sidemenutextlive:hover {
    	background: transparent;
	border-bottom: 1px solid rgb(255,0,0);
	color: rgb(255,0,0);
	text-decoration: none;
	}

/* Sidesub menu text link styles*/

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

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

a.sidesubmenutext:hover, a.sidesubmenutextlive:hover {
    	padding: 2px 0px 2px 2px;
	background: transparent;
	border-bottom: 1px solid rgb(255,0,0);
	color: rgb(255,0,0);
	text-decoration: none;
	}