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

	body {
		background-color: rgb(255,255,255);
		}

	#frame { 
		background-color: #D0F0D7;
		border: 1px solid #4C6E9A;
	}
	
	#titlearea { 
		background-color: #D0F0D7;
		background-image: url(images/complogo.gif); 
		background-position: 0px 0px;
		background-repeat: no-repeat;
		border-bottom: 1px solid #4C6E9A;
	}

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

	#topmenuback { 
		background-color: #43C15B;
		border-bottom: 1px solid #4C6E9A;
	}

	#bottombar { 
		background-color: #43C15B;
		border-top: 1px solid #4C6E9A;
	}

.menutopbox {
}

/*  XXXXXXXXXXXX This controls the SIDE menu area and buttons  */
	#leftarea {
		background-color: transparent;
		border:0px solid rgb(0,0,0);
		}

.menubox {
	width: 98px;
	margin: 0px;
}

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

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


	.headingarea {
		background-color: #4C6E9A;
		border: 0px solid #4C6E9A;
	}

	.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);
	}

.maintable {
}


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

h1 {	color: rgb(150,150,150)}

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

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

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

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

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

.styleA {color: rgb(0,128,64); font-weight: bold;}

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


/* Side menu text link styles*/

a.sidemenutext:link, a.sidemenutext:visited, a.sidemenutext:active
{	display: block;
	width: 98px;
	height: 20px;
	text-align: left;
	font-weight: normal;
	padding: 2px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
    	border-top: #4C6E9A 1px solid;
	color: rgb(0,0,153);
	text-decoration : none;
	white-space: nowrap;}

a.sidemenutextlive:link, a.sidemenutextlive:visited, a.sidemenutextlive:active
{	display: block;
	width: 98px;
	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: #4C6E9A  1px solid;
	color: rgb(253,160,91);
	text-decoration : none;
	white-space: nowrap;}

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

a.sidemenutext:hover {
	display: block;
	background: #4C6E9A;
	color: white;
	text-decoration : underline;
	white-space: nowrap;}

/* Sidesub menu text link styles*/

a.sidesubmenutext:link, a.sidesubmenutext:visited, a.sidesubmenutext:active
{	display: block;
	width: 96px;
	font-weight: normal;
	padding: 2px 0px 4px 2px;
	margin: 0px 0px 0px 0px;
	background: #D0F0D7;
    	border-top: #4C6E9A 1px solid;
	color:  rgb(0,0,153);
	text-decoration : none;}

a.sidesubmenutextlive:link, a.sidesubmenutextlive:visited, a.sidesubmenutextlive:active
{	display: block;
	width: 96px;
	font-weight: normal;
	padding: 2px 0px 4px 2px;
	margin: 0px 0px 0px 0px;
	background: rgb(255,255,255);
    	border-top: #4C6E9A 1px 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:#4C6E9A;
	color: white;
	text-decoration : underline;}