/* div color IDs are displayed below */

body {	
	background-color: rgb(0,102,136);
	}
	
#pageframe {	
	background-color: rgb(255,221,153);
	}	

#titlearea {
	background-color: rgb(187,153,68);
	background-image: url(images/complogo.jpg); 
	background-position: 0px 0px;
	background-repeat: no-repeat;
	}

#custom1 {
	}

#custom2 {
	}

#custom3 {
	}

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

#topmenuback { 
	}

.menutopbox {
	}

.menutopboxhover {
	background-color: rgb(51,136,153);
    	border: 1px solid rgb(255,255,255);
	}

/*  XXXXXXXXXXXX This controls the SIDE menu area and buttons  */
#leftarea {
	}

.menubox {
	}

.submenubox {
	}


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

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

#authorarea {
	}

.headingarea {
	}

.articlearea {
	}

/*   XXXXXXXXXXXX  Pict and surround XXXXXXXXXXXX */

.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  This controls the tables created using our table code generator  */

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

.toprow {
	background-color: rgb(230,230,230);
	}

.lastrow {
	background-color: rgb(230,230,230);
	}

/*   XXXXXXXXXXXX  This controls the Right area and buttons  */

	#column3 {
	}

/* XXXXXXXXXXXX bottom menu section  */

#bottombar {
	background-color: rgb(255,221,153);
	}

/*   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-color: rgb(238,238,238);
	border: 1px solid rgb(0,0,0);
	}

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

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

/* Individual text colours*/

p {	color: rgb(0,0,0);
}

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

h1 {	color: rgb(0,64,128);}

h2 {	color: rgb(102,51,34);}

h3 {	color: rgb(51,102,153);}

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

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

h6 {	color: rgb(51,102,153);}


/* indented paragraphs and list colours*/

ul { color: rgb(0,0,0)}
li { color: rgb(0,0,0)}

/* Default text link colours*/

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

/* Top menu text link styles*/

a.topmenutext:link, a.topmenutext:visited, a.topmenutext:active	{
    	background: transparent;
	padding: 2px 0px 0px 0px;
	text-decoration: none;
	}

a.topmenutextlive:link, a.topmenutextlive:visited, a.topmenutextlive:active {
	padding: 2px 0px 0px 0px;
	text-decoration: none;
	}

a.topmenutext:hover  {
	padding: 2px 0px 0px 0px;
	text-decoration: underline;
	}

/* Side menu text link styles*/

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

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

a.sidemenutext:hover {
	background: rgb(255,238,153);
    	border: 1px solid rgb(0,0,0);
	color: rgb(255,0,0);
	text-decoration : underline;
	}

/* Sidesub menu text link styles*/

a.sidesubmenutext:link, a.sidesubmenutext:visited, a.sidesubmenutext:active {
	background: rgb(255,238,153);
    	border-right: rgb(0,0,0) 1px solid;
    	border-left: rgb(0,0,0) 1px solid;
    	border-bottom: rgb(0,0,0) 1px solid;
    	padding: 2px 0px 2px 2px;
	color: rgb(0,0,255);
	text-decoration: none;
	}

a.sidesubmenutextlive:link, a.sidesubmenutextlive:visited, a.sidesubmenutextlive:active {
	background: rgb(255,221,153);
   	border-right: 1px solid rgb(0,0,0);
    	border-left: 1px solid rgb(0,0,0);
    	border-bottom: 1px solid rgb(0,0,0);
    	padding: 2px 0px 2px 2px;
	color: rgb(0,0,255);
	text-decoration : none;
	}

a.sidesubmenutext:hover {
	background: rgb(255,221,153);
   	border-right: 1px solid rgb(0,0,0);
    	border-left: 1px solid rgb(0,0,0);
    	border-bottom: 1px solid rgb(0,0,0);
	color: rgb(255,0,0);
	text-decoration: underline;
	}