/*  created using www.csswizard.net  */
/* This stylesheet controls the webpage areas colours */

body {
	background-color: rgb(255,255,255);
	background-image: url(images/background.jpg); 
	}

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

#custom1 {
	background-color: rgb(204,204,204);
	background-image: url(images/topimage.jpg); 
	background-position: 0px 0px;
	background-repeat: no-repeat;
	}

#custom2 {
	}

#custom3 {
	}

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

#topmenuback { 
	background-color: rgb(0,136,0);
	}

.menutopbox {
}

/*  XXXXXXXXXXXX This controls the SIDE menu area and buttons  */
#leftarea {
	background-color: rgb(136,0,0);
	background-image: url(images/sideback.jpg); 
	background-position: 10px 10px;
	background-repeat: no-repeat;
	}

.menubox {
}

.submenubox {
}

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

#centerarea {
	background-color: rgb(255,255,255);
	border-right: 1px solid  rgb(204,204,204);
	border-left: 1px solid  rgb(204,204,204);
		}

#authorarea {
	}

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

.articlearea {
	background-color: transparent;
	}

.textfield { margin: 0px 0px 10px 4em}
.box { float: right; width: 100%; clear: both; margin: 0px 0px 10px 4em}
.box-back {	float: left; margin: 0.5em 0.5em;  background: rgb(153,34,34) url(images/box-back.jpg) repeat;}	
.box-t {	background: transparent url(images/box-t.jpg) 0 0 repeat-x;}
.box-b { 	background: transparent url(images/box-b.jpg) 0 100% repeat-x;}
.box-r {	background: transparent url(images/box-r.jpg) 100% 0 repeat-y;}
.box-l {	background: transparent url(images/box-l.jpg) 0 0 repeat-y;}
.box-tl {	background: transparent url(images/box-tl.jpg) 0 0 no-repeat;}
.box-tr {	background: transparent url(images/box-tr.jpg) 100% 0 no-repeat;}
.box-br {	background: transparent url(images/box-br.jpg) 100% 100% no-repeat;}
.box-bl {	background:  url(images/box-bl.jpg) 0 100% no-repeat;}
.box-in {	width: 9em; background: transparent; padding: 10px 6px 10px 10px;}

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

/*   XXXXXXXXXXXX  Pict and surround XXXXXXXXXXXX */

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

#bottombar {	background-color: rgb(255,255,255);
	border-right: 1px solid  rgb(204,204,204);
	border-left: 1px solid  rgb(204,204,204);
	border-bottom: 1px solid rgb(204,204,204);
	}

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

/* Individual text font styles*/

p {	color: rgb(0,0,0)}
.box-in p {color: rgb(241, 224,150); margin: 0px; padding: 0px 10px 0px 0px; min-width: 10px;}
.box-in a:link, .box-in a:visited, .box-in a:active {color: rgb(241, 224,150); text-decoration: none;}
.box-in a:hover {color: rgb(255, 255,220); text-decoration: underline;}

h1 {	color: rgb(255,255,255);}

h2 {	color: rgb(221,221,221);}

h3 {	color: rgb(0,0,136);}
.righttext {	color: rgb(255,255,255);}

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

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

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

/* indented paragraphs and list styles*/

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

/* Default text link styles*/

a:link    {color: rgb(13,37,150)}
a:visited {color: rgb(0,0,0)}
a:hover   {color: rgb(200,0,0)}
a:active  {color: rgb(13,37,125)}

/* Side menu text link styles*/

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

a.sidemenutext:visited, a.sidemenutext:active {
	padding: 3px 0px 0px 16px;
    	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 {
	padding: 3px 0px 0px 16px;
	background: rgb(255,255,255);
    	border-top: 1px solid rgb(153,153,153);
	color: rgb(253,160,91);
	text-decoration: none;
	}

a.sidemenutext:hover, a.sidemenutextlive: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 {
	padding: 2px 0px 2px 16px;
	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 {
	padding: 2px 0px 2px 16px;
	background: rgb(255,255,255);
    	border-top: 1px solid rgb(153,153,153);
	color: rgb(0,0,0);
	text-decoration: none;
	}

a.sidesubmenutext:hover, a.sidesubmenutextlive:hover {
	padding: 2px 0px 2px 16px;
	background: rgb(0,102,204);
	color: rgb(255,255,255);
	text-decoration: underline;
	}
/* Top menu text link styles*/

.topmenutext li{
display: inline;
margin: 0 0 0 3px;
}

.topmenutext li a:link, .topmenutext li a:visited, .topmenutext li a:active {
	padding: 3px 7px 3px 7px;
    	border: 1px solid rgb(0,136,0);
	color: rgb(255,255,255);
	text-decoration: none;
	}

.topmenutext li a:hover {
	padding:  3px 7px 3px 7px;
    	border: 1px solid rgb(255,255,255);
	color: rgb(136,0,0);
	text-decoration: underline;}

.topmenutext li.selected a{ /*selected main tab style */
background-color:  rgb(30,166,30);
background-image: url(images/topbutton.gif) ;
border-bottom-color: white;
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0px;
border: 1px solid #918d8d; 
font:normal 11px Verdana;
line-height: 18px;
z-index: 100;
background-color: white;
width: 150px;
visibility: hidden;
}

.dropmenudiv a{
width: auto;
display: block;
text-indent: 5px;
border: 0 solid #918d8d; 
border-bottom-width: 1px;
padding: 2px 0;
text-decoration: none;
color: black;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ 
background-color: #edf3f3;
}