/* eg margin convention clockwise 12 3 6 9 Oclock */


	#frame {
	border: 4px solid #99FF00;
	}
	
	#toparea {
	height: auto;
	border: 1px solid #FF0000;
	}
	
	#theverytoparea{
	height: auto;
	background-image: url(images/top_repeat.gif);
	background-repeat: repeat-x;

	}
	
	.river{
		background-image: url(images/top_repeat.gif);
		background-repeat: repeat-x;
	}
	
	#topbar { 
		position: absolute;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		height: 25px;
	}
	
	#titlearea { 
	}

	#subbararea { 
		height: 11px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		background-image: url(images/mid_repeat.gif); 
		background-repeat: repeat-x;
	}
	
/*   XXXXXXXXXXXX  This controls the TOP menu area and buttons  */

	#topmenuback {

	}

	#topmenualign { 
	}

.menutopbox {
}


.menubox {
	
	margin: 0px;
}

.submenubox {
	width: 142px;
	margin: 0px;
}

	.headingarea {
		background-color: rgb(255,255,255);
		border:1px solid rgb(204,204,204);
	}

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

.maintable {
}

/*   XXXXXXXXXXXX  Pict and surround XXXXXXXXXXXX */


.articlepicture, .articlepicture0, .articlepicture1 {
	margin: 10px 10px 10px 10px;
	padding: 10px 10px 10px 10px;
	float: right;
	position: relative;
	}
	
.articlepicture1 {
	float: left;
	}
	
.frametopleft {
	width: 110px;
	height: 60px;
	position: absolute;
	top: 0px;
	left: 0px;
	}

.frametopright {
	width: 110px;
	height: 60px;
	position: absolute;
	top: 0px;
	right: 0px;
	}

.framebottomleft {
	width: 110px;
	height: 60px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	}

.framebottomright {
	width: 110px;
	height: 60px;
	position: absolute;
	bottom: 0px;
	right: 0px;
	}

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

.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 menu section  */
	#bottombar {
		background-image: url(images/bot_repeat.gif); 
		background-repeat: repeat;
		}

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

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

h1 {	color: rgb(0,0,102)}

h2 {	color: rgb(0,0,102)}

h3 {	color: rgb(0,0,0)}

h4 {	color: rgb(0,0,0);
	margin: 0px;}

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

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


/* indented paragraphs and list styles*/

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


/* 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 
{	display: block; 
	background: url(images/button_2.gif) 100% 0px;
	padding: 2px 8px;
	color: black;
	text-decoration : none;}

a.topmenutextlive:link, a.topmenutextlive:visited, a.topmenutextlive:active 
{	display: block;
	background: url(images/button.gif) 100% -20px;
	padding: 2px 8px;
	color: rgb(0,0,102);
	text-decoration : none;}

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

a.topmenutext:hover  {
	display: block;
	background: url(images/button_2.gif) 100% -40px;
	color: rgb(255,255,255);
	text-decoration : underline;}

/* Side menu text link styles*/

a.sidemenutext:link {
	display: block;
	height: auto;
	text-align: left;
	font-weight: normal;
	padding: 2px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
    border-top: rgb(153,153,153)  1px solid;
    /*border-right: rgb(136,170,204)  0px solid;*/
	color: rgb(0,0,153);
	text-decoration : none;
	}

a.sidemenutext:visited, a.sidemenutext:active
{	display: block;
	height: auto;
	text-align: left;
	font-weight: normal;
	padding: 2px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
    border-top: rgb(153,153,153)  1px solid;
	color: rgb(0,0,153);
	text-decoration : none;
	}

a.sidemenutextlive:link, a.sidemenutextlive:visited, a.sidemenutextlive:active
{	display: block;
	width: 143px;
	height: 20px;
	text-align: left;
	font-weight: normal;
	padding: 2px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background: rgb(255,255,255);
    	border-top: rgb(153,153,153)  1px solid;
    	border-right: rgb(136,170,204)  5px solid;
	color: rgb(0,0,0);
	text-decoration : none;
	white-space: nowrap;}

a.sidemenutextlive:hover  {
	color: rgb(253,90,45);
    /*border-right: rgb(204,136,153)  4px solid;*/
}

a.sidemenutext:hover {
	display: block;
	background: rgb(189,186,221);
	color: white;
	text-decoration : underline;
	}

/* Sidesub menu text link styles*/

a.sidesubmenutext:link, a.sidesubmenutext:visited, a.sidesubmenutext:active
{	display: block;
	width: 142px;
	font-weight: normal;
	padding: 2px 0px 4px 2px;
	margin: 0px 0px 0px 0px;
	background: rgb(255,255,255);
    	border-top: rgb(153,153,153)  1px solid;
    	border-right: rgb(136,170,204)  0px solid;
	color:  rgb(0,0,153);
	text-decoration : none;}

a.sidesubmenutextlive:link, a.sidesubmenutextlive:visited, a.sidesubmenutextlive:active
{	display: block;
	width: 142px;
	font-weight: normal;
	padding: 2px 0px 4px 2px;
	margin: 0px 0px 0px 0px;
	background: rgb(255,255,255);
    	border-top: rgb(153,153,153)  1px solid;
    	border-right: rgb(136,170,204)  3px solid;
	color: black;
	text-decoration : none;}

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

a.sidesubmenutext:hover {
	display: block;
	padding: 2px 0px 4px 2px;
	background:rgb(189,186,221);
    	border-right: rgb(204,136,153)  3px solid;
	color: white;
	text-decoration : underline;}