/*  created using www.csswizard.net  */
/* This stylesheet controls the webpage areas colours */

body {
	background-color: rgb(255,255,255);
    	background-repeat: repeat-x;
    	background-image: url(images/background.jpg);
	}

#pageframe {
    	background-color: transparent;
    	background-repeat: no-repeat;
    	background-position: top left;
    	background-image: url(images/pageback.jpg);
	}

#offers {
    	position: fixed;
	width: 180px;
	height: 126px;
    	top: 60px;
    	right: 50px;
	}

#titlearea {
    	background-color: transparent;
	}

#custom1 {
	}

#custom2 {
	}

#custom3 {
	}

/*   XXXXXXXXXXXX  This controls the TOP menu area and buttons  */

#topmenuback {
	background-color:  transparent;
	background-repeat: repeat-x;
    	background-image: url(images/menuback.gif);
	}

.menutopbox {
}

/*  XXXXXXXXXXXX This controls the SIDE menu area and buttons  */
#leftarea {
    	}

#leftarea2 {
    	border-left: 1px dotted rgb(212,230,255);
    	border-bottom: 1px dotted rgb(212,230,255);
    	border-right: 1px dotted rgb(212,230,255);
    	border-top: 1px dotted rgb(212,230,255);
	background-color: rgb(255,255,255);
	}

.menubox {
}

.submenubox {
}

/*   XXXXXXXXXXXX  This controls the MIDDLE menu area and buttons  */

#centerarea {
    	border-left: 1px solid rgb(212,230,255);
    	border-bottom: 1px solid rgb(212,230,255);
    	border-right: 1px solid rgb(212,230,255);
	background-color: rgb(255,255,255);
		}

#authorarea {
	}

.headingarea {
	background: transparent url(images/heading.gif) bottom repeat-x;
	}

.articlearea {
	background-color: transparent;
	}

	
.clmn1 {background-color: rgb(250,255,255); border: 1px dotted rgb(212,230,255);
    	}

.clmn2 {background-color: rgb(250,255,255); border: 1px dotted rgb(212,230,255)}

.clmn3 {	background-color: rgb(245,250,255); border: 1px dotted rgb(212,230,255)}

/*   XXXXXXXXXXXX  Pict and surround XXXXXXXXXXXX */

.articlepicture, .articlepicture0, .articlepicture1 {
    	border: 1px dotted rgb(212,230,255);
    	background-color: rgb(245,250,255);
	}

.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 {
	}

/*   XXXXXXXXXXXX  This controls the tables created using our table code generator  */

.subtable
{
	background-color: rgb(250,250,250);
	border:1px solid rgb(0,0,0);
}

.toprow {
	background-color: rgb(230,230,230);
	}

.lastrow {
	background-color: rgb(230,230,230);
	}

/* Individual text font styles*/


p {	color: rgb(82,82,82);}

h1 {	color: rgb(0,0,102);}

h2 {	color: rgb(68,68,68);}

h3 {	color: rgb(12,151,203);}

h4 {	color: rgb(250,109,41);}

h5 {	color: rgb(0,0,153);}

h6 {	color: rgb(0,0,153);}


/* indented paragraphs and list styles*/

ul {  color: rgb(82,82,82)}
li {  color: rgb(82,82,82)}

/* 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*/


#topmenuback a:link, #topmenuback a:visited {
    	background: transparent url(images/buttonlft.gif)  0px 0px no-repeat;
	color: rgb(102, 102, 102);
	text-decoration : none;
	}

#topmenuback a:active {
	background: transparent url(images/buttonlft.gif)  0px -30px no-repeat;
	color: rgb(68, 68, 68);
	text-decoration : none;
	}

#topmenuback a:hover  {
	background: transparent url(images/buttonlft.gif)  0px -57px no-repeat;
	color: rgb(255,0,0);
	text-decoration : underline;
	}

#topmenuback a:link span, #topmenuback a:visited span {
    	background: transparent url(images/buttonrght.gif)  100% 0px no-repeat;
	}

#topmenuback a:active span {
	background: transparent url(images/buttonrght.gif)  100% -30px no-repeat;
	}

#topmenuback a:hover span {
	background: transparent url(images/buttonrght.gif)  100% -57px no-repeat;
	}

  #topmenuback a span {float:none;}
  

/* Side menu text link styles*/

a.sidemenutext:link {
    	background: transparent url(images/button.gif) 0px 0px no-repeat;
	padding: 0px 0px 0px 16px;
	color: rgb(85,85,221);
	text-decoration: none;
	}

a.sidemenutext:visited, a.sidemenutext:active {
    	background: transparent url(images/button.gif) 0px 0px no-repeat;
	padding: 0px 0px 0px 16px;
	color: rgb(85,85,221);
	text-decoration: none;
	}

a.sidemenutextlive:link, a.sidemenutextlive:visited, a.sidemenutextlive:active {
    	background: transparent url(images/button.gif) 0px -30px no-repeat;
	padding: 0px 0px 0px 16px;
	color: rgb(0,0,102);
	text-decoration: none;
	}

a.sidemenutext:hover, a.sidemenutextlive:hover {
    	background: transparent url(images/button.gif) 0px -60px no-repeat;
	color: rgb(255,0,0);
	text-decoration : underline;
	}

/* Sidesub menu text link styles*/

a.sidesubmenutext:link, a.sidesubmenutext:visited, a.sidesubmenutext:active {
	padding: 0px 0px 0px 2px;
	background: transparent;
	color: rgb(85,85,221);
	text-decoration: none;
	}

a.sidesubmenutextlive:link, a.sidesubmenutextlive:visited, a.sidesubmenutextlive:active {
	padding: 0px 0px 0px 2px;
	background: rgb(235,249,254);
	color: rgb(0,0,0);
	text-decoration : none;
	}

a.sidesubmenutext:hover, a.sidesubmenutextlive:hover {
	background: rgb(208,240,253);
	color: rgb(0,0,0);
	text-decoration : underline;
	}
