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

	body {
		background: rgb(255,245,255);
		}

	#frame { 
		border:2px solid rgb(209,209,209);
		background-image: url(images/topbar.jpg); 
		background-position: 15px 0px;
		background-repeat: no-repeat;
	}
	
	#titlearea {
		background-color: transparent;
	}

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

	#topmenuback { 

	}

	#topmenualign { 
	}

.menutopbox {
}

/*   XXXXXXXXXXXX  This controls the MIDDLE menu area and buttons  */
	#centerarea {
		background-color: rgb(255,255,255);
		border:0px solid rgb(0,0,0);
		border-left:0px solid  rgb(153,153,153);
		}

	#centertop  {
		height: 20px;
		}

	#centerbot  {
		height: 20px;
		}
<font style="background-color: #fde3fd"><font style="background-color: #fde3fd"></font></font>
	.headingarea {
		background-color: transparent;
		border:0px solid rgb(153,153,153);
	}

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

/* columns in text areas */

.clmn1 {border: 1px dotted rgb(230,230,230); background: rgb(250,250,250);}
.clmn2 {border: 1px dotted rgb(230,230,230); background: rgb(250,250,250);}
.clmn3 {border: 1px dotted rgb(230,230,230); background: rgb(250,250,250);}
.clmn4 {border: 1px dotted rgb(230,230,230); background: rgb(250,250,250);}

.maintable {
}

	#xxbottombar {
		float: left;
		width: 750px;
   		height:120px;
		margin: 0px 0em 0em 0em; 
		padding: 10px 0px 0px 0px;
		}

/* XXXXXXXXXXXX Pict and surround XXXXXXXXXXXX */

.articlepicture, .articlepicture0, .articlepicture1 {
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 {
background-color: rgb(245,245,245);
border: 1px 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 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(53,53,53)}

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

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

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

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

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

h5 {	color: rgb(0,0,102);
	margin: 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;
	width: 90px;
	padding: 2px 0;
    	border: rgb(0,51,153) 0px solid;
	color: rgb(0,0,102);
	text-decoration : none;}

a.topmenutextlive:link, a.topmenutextlive:visited, a.topmenutextlive:active 
{	display: block;
	width: 90px;
	padding: 2px 0;
    	border: rgb(0,51,153) 0px solid;
	color: rgb(233,140,71);
	text-decoration : none;}

a.topmenutextlive:hover  {
	color: rgb(223,60,25);}

a.topmenutext:hover  {
	display: block;
	width: 90px;
	padding: 2px 0;
    	border: rgb(230,240,255) 0px solid;
	color: rgb(253,90,40);
	text-decoration : underline;}