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

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

#pageframe {
    	background-color: transparent; 
    	border: 1px solid rgb(238,238,238);
	}
	
#titlearea {
    	background-color: rgb(0,0,102);
	background-image: url(images/topback06.jpg);
	background-repeat: repeat-x;
	}

#custom1 {
	background-image: url(images/complogo06.jpg);
	background-repeat: no-repeat;
	}

#custom2 {
    	border-top: 1px solid rgb(238,238,238);
	background-image: url(images/titlefade06.jpg);
	background-repeat: repeat-x;
	}

#custom3 {
	}

.square1 {
width: 540px;
height:  340px;
background: transparent url(picts/carback.jpg) no-repeat scroll;
margin: 0px;
padding: 0px;
border: solid 0px rgb(210,210,210);
}


.square2 {width: 270px;
	height:  170px;
	background: transparent;
	float: left;
	}

.square3 {    	width: 270px;
	height:  170px;
	background: transparent;
	float: left;
	}

.float-right {
  float: right;
  clear: right;
  background: transparent;
  margin: 0px 0px 0px 0px;
}

.float-left {
  float: left;
  clear: left;
  background: transparent;
  margin: 0px 0px 0px 0px;
}
	

/*   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 {
	}

.headingarea {
	background-color: transparent;
	background-image: url(images/biggryfade06.jpg);
	background-repeat: repeat-x;
    	border-top: 1px solid rgb(238,238,238);
	}

.articlearea {
	background-color: transparent;
	}

/*   XXXXXXXXXXXX  Pict and surround XXXXXXXXXXXX */

.articlepicture0 {
    	border: 0px solid rgb(0,0,0);
    	background-color: transparent;
	}


.articlepicture1 {
    	border: 0px solid rgb(0,0,0);
    	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 {
	background: rgb(238,238,238);
	}

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

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

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

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

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

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

.style1 {	color: rgb(153,0,0);}

p.sqr1, p.sqr2 {  font-size: 0.80em;
	line-height: 120%;
	margin: 8px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
.sqstrong {font-weight: 800; color: rgb(153,0,0)}
p.sqr1 {
	text-align: left;
	}
	
p.sqr2 {
	text-align: right;
	}

/* indented paragraphs and list styles*/

ul { color: rgb(153,0,0);}
li {  color: rgb(153,0,0);}


/* Default text link styles*/

a:visited {color: rgb(0,0,0)}
a:active  {color: rgb(13,37,125)}
a:link    {color: rgb(13,37,150)}
a:hover   {color: rgb(200,0,0)}


/* Top menu text link styles*/

a.topmenutext:link, a.topmenutext:visited, a.topmenutext:active {
    	background: rgb(0,0,102) url(images/buttont.jpg) 0px 0px no-repeat;
	height: 18px;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: rgb(255,255,255);
	text-decoration : none;
	}

a.topmenutextlive:link, a.topmenutextlive:visited, a.topmenutextlive:active {
    	background: rgb(57,57,157) url(images/buttont.jpg) 0px 0px no-repeat;
	height: 24px;
	margin: 4px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: rgb(255,255,255);
	text-decoration : none;
	}

a.topmenutext:hover  {
    	background: rgb(57,57,157) url(images/buttont.jpg) 0px 0px no-repeat;
	height: 24px;
	margin: 4px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: rgb(255,0,0);
	text-decoration : underline;
	}

/* Side menu text link styles*/

a.sidemenutext:link {
	background: rgb(240,240,240) url(images/titlefade06.jpg) 0px -10px repeat-x;
    	border-top: 1px solid rgb(238,238,238);
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 0px 10px;
	color: rgb(0,0,153);
	text-decoration : none;
	}


a.sidemenutext:visited, a.sidemenutext:active {
	background: rgb(240,240,240) url(images/titlefade06.jpg) 0px -18px repeat-x;
    	border-top: 1px solid rgb(238,238,238);
	padding: 2px 0px 0px 10px;
	color: rgb(0,0,153);
	text-decoration : none;
	}

a.sidemenutextlive:link, a.sidemenutextlive:visited, a.sidemenutextlive:active
	{
	background: rgb(255,245,225) url(images/titlefade06.jpg) 0px -22px repeat-x;
    	border-top: 1px solid rgb(153,153,153);
	padding: 2px 0px 0px 10px;
	color: rgb(253,160,91);
	text-decoration : none;
	}

a.sidemenutextlive:hover  {
	color: rgb(253,90,45);
	}

a.sidemenutext:hover {
	background: rgb(100,135,220)  url(images/titlefade06.jpg) 0px -30px repeat-x;
	color: rgb(253,90,45);
	text-decoration: underline;
	}

/* Sidesub menu text link styles*/

a.sidesubmenutext:link, a.sidesubmenutext:visited, a.sidesubmenutext:active {	
	background: rgb(255,255,255);
    	border-top: 1px solid rgb(238,238,238);
	color: rgb(0,0,153);
	text-decoration: none;
	}

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

a.sidesubmenutextlive:hover  {
	color: rgb(253,90,45);
	}

a.sidesubmenutext:hover {
	background:rgb(206,206,236);
	color: rgb(255,255,255);
	text-decoration : underline;
	}