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

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

#frame { 
	border: 1px solid rgb(240,240,240);
	}
	
#titlearea { 
	background-color: rgb(53,145,245);
	background-image: url(images/complogo.gif); 
	background-position: 10px 10px;
	background-repeat: no-repeat;
	}

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

#topmenuback { 
	background-color: rgb(0,51,153);
	border-top: 0px solid rgb(210,210,210);
	border-right: 0px solid rgb(210,210,210);
	border-bottom: 0px solid rgb(210,210,210);
	border-left: 0px solid rgb(210,210,210);
	}

.menutopbox {
	}

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

#leftarea {
	background-color: rgb(240,240,240);
	}

.menubox {
	}

.submenubox {
	}

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

#centerarea {
	background: rgb(255,255,255);
	border-top: 0px solid rgb(210,210,210);
	border-right: 0px solid rgb(210,210,210);
	border-bottom: 0px solid rgb(210,210,210);
	border-left:1px solid  rgb(153,153,153);
	}


.headingarea {
	background: transparent;
	border-top: 1px solid rgb(153,153,153);
	border-right: 1px solid rgb(153,153,153);
	border-bottom: 1px solid rgb(153,153,153);
	border-left: 1px solid rgb(153,153,153);
	}

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

/* XXXXXXXXXXXX Pict and surround XXXXXXXXXXXX */

.articlepicture {
padding: 10px 10px 10px 10px;
float: right;
position: relative;
}

.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 {
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  Bottom bar area XXXXXXXXXXXX */

.bottombar {
	background: rgb(255,255,255);
	}

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

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

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

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

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	{
    	border: 1px solid rgb(0,51,153);
	color: rgb(255,255,255);
	text-decoration : none;
	}

a.topmenutextlive:link, a.topmenutextlive:visited, a.topmenutextlive:active {
    	border: 1px solid rgb(0,51,153);
	color: rgb(253,160,91);
	text-decoration : none;
	}

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

a.topmenutext:hover  {
    	border: 1px solid rgb(230,240,255);
	color: rgb(253,160,91);
	text-decoration : underline;
	}

/* Side menu text link styles*/

a.sidemenutext:link {
	background: rgb(240,240,240);
    	border-top: 1px solid rgb(153,153,153);
	color: rgb(0,0,153);
	text-decoration : none;
	}

a.sidemenutext:visited, a.sidemenutext:active {
	background-color: rgb(240,240,240);
    	border-top: 1px solid rgb(153,153,153);
	color: rgb(0,0,153);
	text-decoration : none;
	}

a.sidemenutextlive:link, a.sidemenutextlive:visited, a.sidemenutextlive:active
	{
	background: rgb(255,255,255);
    	border-top:  1px solid rgb(153,153,153);
	color: rgb(253,160,91);
	text-decoration : none;
	}

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

a.sidemenutext:hover {
	background: rgb(100,135,220);
	color: rgb(255,255,255);
	text-decoration: underline;
	}

/* Sidesub menu text link styles*/

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

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

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

a.sidesubmenutext:hover {
	background:rgb(0,102,204);
	color: rgb(255,255,255);
	text-decoration : underline;
	}