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

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

#pageframe {
    	background-color: rgb(80,74,74);
	}
	
#titlearea {
    	background-color: rgb(30,26,25);
    	background-repeat: no-repeat;
    	background-image: url(img/topbackgroundblack.jpg);
		border: 1px solid rgb(130,130,130);

	}

#custom1 {
	}

#mainarea {
	}

#custom3 {
	}

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

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

			}

.menutopbox {
}

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

#leftarea {
	background-color: rgb(30,26,25);
	border: 1px solid rgb(130,130,130);
	}

.menubox {

	}

.submenubox {
	}

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

#centerarea {
	background-color: rgb(30,26,25);
	border: 1px solid rgb(130,130,130);
	}

#authorarea {
    	background-color: transparent;
	}

.headingarea {
    	border-left: 1px solid rgb(0,0,0);
    	border-bottom: 1px solid rgb(0,0,0);
    	border-right: 1px solid rgb(0,0,0);
    	border-top: 1px solid rgb(0,0,0);
	background-color: transparent;
	}

.articlearea {
    	border-left: 1px solid rgb(0,0,0);
    	border-bottom: 1px solid rgb(0,0,0);
    	border-right: 1px solid rgb(0,0,0);
	background-color: transparent;
	}
	
	
	img	{
	
	}
	

.imgtitle {
border: 1px solid rgb(210,210,210);
	}
	
/* columns in text areas */
	
.clmn1 {
    	border: 1px solid rgb(130,130,130);
		
		background-position:center;
		}

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

/*   XXXXXXXXXXXX  Pict and surround XXXXXXXXXXXX */

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

.emailpic {
    	border: 1px solid rgb(30,26,25);
    	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-image: url(img/bottom2.jpg);
    	background-color: rgb(30,26,25);
		border: 1px solid rgb(130,130,130);
	}

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

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


.blue { color: rgb(0,0,69);}
.bluesml { color: rgb(0,0,69);}
.white { color: rgb(255,255,255);}

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


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

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

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



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


/* indented paragraphs and list colours*/

ul { color: rgb(255,255,255)}
li { color: rgb(150,150,150)}

/* Default text link colours*/

a:link    {color: rgb(210,210,210)}
a:visited {color: rgb(210,210,210)}
a:hover   {color: rgb(230,230,230)}
a:active  {color: rgb(210,210,210)}




a.sidemenutext:link {
    	background: rgb(186,4,0) url(images/button.jpg) 0px 0px no-repeat;
	padding: 3px 0px 0px 3px;	color: rgb(255,255,255);
	text-decoration: none;
	border: 1px outset rgb(130,130,130);
	}

a.sidemenutext:visited, a.sidemenutext:active {
    	background: rgb(186,4,0) url(images/button.jpg) 0px 0px no-repeat;

	color: rgb(220,220,220);
	text-decoration: none;
	border: 1px outset rgb(130,130,130);
	}

a.sidemenutextlive:link, a.sidemenutextlive:visited, a.sidemenutextlive:active {
    	background: rgb(204,204,204) url(images/button.jpg) 0px -30px no-repeat;

	color: rgb(68,68,68);
	text-decoration: none;
	border: 1px outset rgb(130,130,130);
	}

a.sidemenutext:hover, a.sidemenutextlive:hover {
    	background: rgb(1,0,154) url(images/button.jpg) 0px -60px no-repeat;
	color: rgb(220,220,220);
	text-decoration:  underline;
	border: 1px inset rgb(130,130,130);
	}

	
a.articlemenutext:link {
    	background: transparent;
	padding: 3px 0px 0px 3px;	color: rgb(255,255,255);
	text-decoration: none;
	border: 1px outset rgb(130,130,130);
	}

a.articlemenutext:visited, a.articlemenutext:active {
    	background: transparent;

	color: rgb(220,220,220);
	text-decoration: none;
	border: 1px outset rgb(130,130,130);
	}

a.articlemenutextlive:link, a.articlemenutextlive:visited, a.articlemenutextlive:active {
    	background: transparent;

	color: rgb(68,68,68);
	text-decoration: none;
	border: 1px outset rgb(130,130,130);
	}

a.articlemenutext:hover, a.articlemenutextlive:hover {
    	
	color: rgb(220,220,220);
	text-decoration:  underline;
	border: 1px inset rgb(130,130,130);
	}
/* Sidesub menu text link styles*/

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

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

a.sidesubmenutext:hover, a.sidesubmenutextlive:hover {
    background: rgb(220,220,220);
	padding: 2px 0px 0px 6px;
   	color: rgb(186,4,0);
	text-decoration: underline;
	}