/* div color IDs are displayed below */

body {
	background-image: url(images/background.gif); 
	background-repeat: repeat;
	}
	
#pageframe {	
	background: rgb(255,255,255);

	}	

#titlearea {
	background-color: rgb(255,255,255);
	background-image: url(images/banner.jpg); 
	background-position: 0px 0px;
	background-repeat: no-repeat;
	border: 1px solid rgb(187,187,187);
	}

#custom2  {	
	background: rgb(0,128,0);

	}	



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

#topmenuback { 
	}

.menutopbox {
}

/*  XXXXXXXXXXXX This controls the SIDE menu area and buttons  */
	#leftarea { background: rgb(255,255,255);
background-image: url(picts/left.jpg); 
background-repeat: repeat-x;
		}

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

	#centerarea {
		background: rgb(255,255,255);

		

		}

	.headingarea {
	}

	.articlearea {
	}

/* XXXXXXXXXXXX Pict and surround XXXXXXXXXXXX */
.articlepicture, .articlepicture0, .articlepicture1 {
	background-color: rgb(245,245,245);
	border: 0px solid rgb(210,210,210);
	}

.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  This controls the Right area and buttons  */

	#column3  
{ background: rgb(255,255,255);
background-image: url(picts/left.jpg); 
background-repeat: repeat-x;
}

/* XXXXXXXXXXXX bottom menu section  */

	#bottombar {
	background: rgb(0,128,0);
		}

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

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

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

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

/* Individual text colours*/


p {	color: rgb(0,0,0);}
h1 {	color: rgb(255,255,255);}
h2 {	color: rgb(0,0,0);}
h3 {	color: rgb(255,255,255);}
h4 {	color: rgb(0,0,0);}
h5 {	color: rgb(0,0,0);}
h6 {	color: white;}
.white {	color: rgb(68,68,68); font-weight: bold; text-align: center;}


/* indented paragraphs and list colours*/

ul {  color: rgb(0,0,0)}
ul.pagemenu {color: rgb(255,255,217)}

/* Default text link colours*/

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

a.pagemenu:visited {color: rgb(255,255,217)}
a.pagemenu:active  {color: rgb(255,255,217)}
a.pagemenu:link    {color: rgb(255,255,217)}
a.pagemenu:hover   {color: rgb(255,0,0)}

a.white:visited {color: rgb(255,255,217)}
a.white:active  {color: rgb(255,255,217)}
a.white:link    {color: rgb(255,255,217)}
a.white:hover   {color: rgb(255,0,0)}

/* Top menu text link styles*/

.topmenutext li{
display: inline;
margin:  0 0 3px;
}

.topmenutext li a:link, .topmenutext li a:visited, .topmenutext li a:active {
	padding: 3px 7px 3px 7px;
    	border: 1px solid rgb(0,136,0);
	color: rgb(255,255,255);
	text-decoration: none;
	}

.topmenutext li a:hover {
	padding:  3px 7px 3px 7px;
    	border: 1px solid rgb(255,255,255);
	color: rgb(136,0,0);
	text-decoration: underline;}

.topmenutext li.selected a{ /*selected main tab style */
background-color:  rgb(71,122,173);
background-image: url(images/topbutton.gif) ;
border-bottom-color: white;
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0px;
border: 1px solid #918d8d; 
font:normal 11px Verdana;
line-height: 18px;
z-index: 100;
background-color: white;
width: 150px;
visibility: hidden;
}

.dropmenudiv a{
width: auto;
display: block;
text-indent: 5px;
border: 0 solid #918d8d; 
border-bottom-width: 1px;
padding: 2px 0;
text-decoration: none;
color: black;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ 
background-color: #edf3f3;
}
/* Side menu text link styles*/

a.sidemenutext0:link {
	background: rgb(0,128,0);
	padding: 3px 0px 0px 16px;
    	border-top: 1px solid rgb(153,153,153);
	color: rgb(255,255,255);
	text-decoration: none;
	}

a.sidemenutext0:visited, a.sidemenutext0:active {
	background: rgb(0,128,0);
	padding: 3px 0px 0px 16px;
    	border-top: 1px solid rgb(153,153,153);
	color: rgb(255,255,255);
	text-decoration: none;
	}

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

a.sidemenutext0:hover, a.sidemenutext1:hover {
	background: rgb(128,255,0);
	color: rgb(255,255,255);
	text-decoration : underline;
	}

/* Sidesub menu text link styles*/

a.sidesubmenutext0:link, a.sidesubmenutext0:visited, a.sidesubmenutext0:active {
	padding: 2px 0px 2px 16px;
	background: rgb(91,142,193);
    	border-top: 1px solid rgb(153,153,153);
	color: rgb(225,225,200);
	text-decoration: none;
	}

a.sidesubmenutext1:link, a.sidesubmenutext1:visited, a.sidesubmenutext1:active {
	padding: 2px 0px 2px 16px;
	background: rgb(111,162,213);
    	border-top: 1px solid rgb(153,153,153);
	color: rgb(205,205,187);
	text-decoration: none;
	}

a.sidesubmenutext0:hover, a.sidesubmenutext1:hover {
	padding: 2px 0px 2px 16px;
	background: rgb(0,102,204);
	color: rgb(255,255,255);
	text-decoration: underline;
	}