/* div color IDs are displayed below */

	body {
		background-color: #EEE;
		}
	
	#frame {	
		border: 0px solid rgb(255,255,255);
		}	

	.author { background-color: #FEFADE ;
		background-width: 320;
		border-left: 2px solid #FEE456;
	}

	#titlearea {
  		height: 138px;
  		background: url(images/hdr_sunset.jpg) no-repeat top center;
	}


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

	#topmenuback { 
	}

.menutopbox {
	margin: auto;
	height: 30px;
    	padding: 0px;
	text-align: center;
}

.menutopboxhover {
}


/*  XXXXXXXXXXXX This controls the SIDE menu area and buttons  */
	#leftarea {
		}

#leftarea .block {
  margin-bottom: 10px;
  background: #DDD url(images/block_top.gif) no-repeat top center;
}

#leftarea .block .bottom {
  height: 28px;
  background: #DDD url(images/block_bottom.gif) no-repeat bottom center;
}

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

	#centerarea {
		}

	.headingarea {
		border: 0px solid #000;
  	background: url(images/h1_bg.jpg) no-repeat bottom left;
	}

	.articlearea {
		border: 0px solid #000;
	}

.picture img{
	float: right;
	padding: 0px 0px 10px 10px;
	margin: 0px 0px 5px 5px;
}


/* XXXXXXXXXXXX bottom menu section  */

	#bottombar {
  	background: url(images/footer.gif) no-repeat;
		}

/*   XXXXXXXXXXXX  This controls the tables created using our table code generator  */
/*   XXXXXXXXXXXX  Modify the class name layout in the str2web/default/tablestyles directory to add more  */

.sub_table
{
	background: rgb(238,238,238);
	border:1px solid rgb(0,0,0);
}

.top_row {
	background: rgb(204,156,68);
	}

.last_row {
	background: rgb(238,238,238);
	}

/* Individual text colours*/


p {	color:  #666;
}

xxp:first-letter {
	color: rgb(0,0,102);
}

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

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

h3 {	color: #666;
}

h4 {	  color: #56B600;
}

h5 {	  color: #56B600;
}

h6 {	color: #666;
}


/* indented paragraphs and list colours*/

ul { color: #000}
li { color: #000}

/* Default text link colours*/

a:visited {color: #666}
a:active  {color: #666}
a:link    {color: #666}
a:hover   {color: rgb(255,0,0)}


/* Top menu text link styles*/

a.topmenutext:link, a.topmenutext:visited, a.topmenutext:active 
{	display: block; 
	background: url(images/menu_tab.gif) no-repeat center 0px;
	padding: 6px 4px;
	font-variant: small-caps;
	color: #666;
	text-decoration : none;}

a.topmenutextlive:link, a.topmenutextlive:visited, a.topmenutextlive:active 
{	display: block;
	background: url(images/menu_tab.gif) no-repeat center -30px;
	padding: 6px 4px;
	font-variant: small-caps;
	color: black;
	text-decoration : none;}

a.topmenutextlive:hover  {
	color: rgb(253,80,45);}

a.topmenutext:hover  {
	display: block;
	background: url(images/menu_tab.gif) no-repeat center -60px;
	color: rgb(255,0,0);
	text-decoration : underline;}

/* Side menu text link styles*/

a.sidemenutext:link, a.sidemenutext:visited, a.sidemenutext:active
{	display: block;
	width: 146px;
	height: 18px;
	text-align: center;
	padding: 6px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
    	border-top: rgb(204,204,204) 0px solid;
	color: #BE0000;
	text-decoration : none;}

a.sidemenutextlive:link, a.sidemenutextlive:visited, a.sidemenutextlive:active
{	display: block;
	width: 146px;
	height: 18px;
	text-align: center;
	padding: 6px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background: rgb(51,153,238);
    	border-top: rgb(204,204,204)  0px solid;
	 background: url(images/link_news.gif) no-repeat bottom center;
	color: #BE0000;
	text-decoration : none;}

a.sidemenutextlive:hover  {
	color: red;}

a.sidemenutext:hover {
	display: block;
	padding: 6px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	height: 18px;
	background: rgb(204,204,204);
	background: url(images/link_news.gif) no-repeat bottom center;
	color: red;
	text-decoration : underline;}

/* Sidesub menu text link styles*/

a.sidesubmenutext:link, a.sidesubmenutext:visited, a.sidesubmenutext:active
{	display: block;
	width: 142px;
	margin: 0px;
	text-align: center;
	padding: 2px 0px 0px 2px;
	background: rgb(204,204,204);
    	border-topt:  rgb(187,187,187) 0px solid;
	color:  rgb(240,240,255);
	text-decoration : none;}

a.sidesubmenutextlive:link, a.sidesubmenutextlive:visited, a.sidesubmenutextlive:active
{	display: block;
	width: 142px;
	margin: 0px;
	text-align: center;
	padding: 2px 0px 0px 2px;
	background: rgb(238,238,238);
    	border-top:  rgb(238,238,238)  0px solid;
	color: rgb(255,136,0);
	text-decoration : none;}

a.sidesubmenutextlive:hover  {
	color: red;}

a.sidesubmenutext:hover {
	display: block;
	padding: 2px 0px 0px 2px;
	background: rgb(221,221,221);
    	border-top: rgb(204,204,204) 0px solid;
	color: red;
	text-decoration : underline;}