/* This stylesheet controls the webpage areas colours */

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

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

#bodywrap-top {	 background: transparent url(../../images/bodywrap_top.jpg) 0 0 repeat-x;}
#bodywrap-btm { background: transparent url(../../images/bodywrap_btm.jpg) 0 100% repeat-x;}
#bodywrap-r {	background: transparent url(../../images/bodywrap_r.jpg) 100% 0 repeat-y;}
#bodywrap-l {	background: transparent url(../../images/bodywrap_l.jpg) 0 0 repeat-y;}
#bodywrap-tl {	background: transparent url(../../images/bodywrap_tl.jpg) 0 0 no-repeat;}
#bodywrap-tr {	background: transparent url(../../images/bodywrap_tr.jpg) 100% 0 no-repeat;}
#bodywrap-br {	background: transparent url(../../images/bodywrap_br.jpg) 100% 100% no-repeat;}
#bodywrap-bl {	background: transparent url(../../images/bodywrap_bl.jpg) 0 100% no-repeat;}
#bodywrap-in {	background-color: transparent; padding: 20px 20px 20px 20px;}

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

#custom1 {
	}

#custom2 {
	}

#custom3 {
	}

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

#topmenuback { 
    background-color: rgb(214,214,214);
	border-bottom: 1px solid rgb(129,129,129); 
	}

.menutopbox {
}

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

#leftarea {
	background-color: transparent;
	}

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

.submenubox {
    	background-color: transparent;
}

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

#centerarea {
	background-color: transparent;
	}
	
#centerarea1 {
	background-color: rgb(214,214,214);
	}
	
.background {
	background-color: rgb(214,214,214);
	}
	
.iframe {border: 0px;}
	
.itemlist{background-color: rgb(255,255,255);}

#authorarea {
	}

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

.headingarea2 {
    border-bottom: 1px solid rgb(129,129,129); 
	background-color: rgb(214,214,214);
	}
	
.headingarea1 {
    border-bottom: 1px solid rgb(129,129,129); 
	background-color: rgb(214,214,214);
	}

.articlearea {
	background-color: transparent;
	}
	
.articlearea1 {
	background-color: rgb(214,214,214);
	}

/* columns in text areas */
	
.clmn1 {border: 1px solid rgb(129,129,129); background: transparent;}
.clmn2 {border: 1px solid rgb(129,129,129); background: transparent;}
.clmn3 {border: 1px solid rgb(129,129,129); background: transparent;}
.clmn4 {border: 1px solid rgb(129,129,129); background: transparent;}

/*   XXXXXXXXXXXX  Pict and surround XXXXXXXXXXXX */

.articlepicture {
	background-color: transparent;
	border: 0px solid rgb(210,210,210);
	}
	
.articlepicture1 {
	background-color: rgb(214,214,214);
	border: 0px 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 {
    	border-top: 1px solid rgb(129,129,129);
	}

/*   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: #666666;}

h1 {	color: #666666;}

h2 {	color: #666666;}

h3 {	color: #666666;}

h4 {	color: #666666;}

h5 {	color: #666666;}

h6 {	color: #666666;}

.setName {	color: #666666;}

.setCount {	color: #666666;}

.itemDate {	color: #666666;}

.title {	color: #666666;}

.year {	color: #666666;}

.tech {	color: #666666;}

.gtop {	color: #666666;}

.gbottom {	color: #666666;}

.controls1, .controls2, .controls3 {	color: #666666; background-color: rgb(214,214,214);}

/* indented paragraphs and list styles*/

ul {  color: rgb(109,109,117);}
li {  color: rgb(109,109,117);}


/* Default text link styles*/

a:link    {color: #666666;}
a:visited {color: #666666;}
a:hover   {color: #666666;}
a:active  {color: #666666;}

/* Top menu text link styles*/

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

a.topmenutextlive:link, a.topmenutextlive:visited, a.topmenutextlive:active {
    	border-left: 1px solid rgb(0,0,153);
    	border-bottom: 1px solid rgb(0,0,153);
    	border-right: 1px solid rgb(0,0,153);
    	border-top: 1px solid rgb(0,0,153);
	padding: 2px 0px 0px 0px;
	background: rgb(245,245,245);
	color: rgb(0,102,204);
	text-decoration : none;
	}

a.topmenutext:hover  {
    	border-left: 1px solid rgb(0,0,153);
    	border-bottom: 1px solid rgb(0,0,153);
    	border-right: 1px solid rgb(0,0,153);
    	border-top: 1px solid rgb(0,0,153);
	padding: 2px 0px 0px 0px;
	background: rgb(245,245,255);
	color: rgb(109,109,117);
	text-decoration : underline;
	}

/* Side menu text link styles*/
a.sidemenutext:link {
    background: #818181;
	color: #ffffff;
	text-decoration: none;
	}

a.sidemenutext:visited, a.sidemenutext:active {
    background: #818181;
	color: #ffffff;
	text-decoration: none;
	}

a.sidemenutextlive:link, a.sidemenutextlive:visited, a.sidemenutextlive:active {
    background: #ffffff;
	color: #666666;
	text-decoration: none;
	}

a.sidemenutext:hover, a.sidemenutextlive:hover {
    background: rgb(214,214,214);
	color: #666666;
	text-decoration: underline;
	}
	
.galleryElement
{
    background-color: rgb(214,214,214);
}

.galleryElement:hover
{
    background-color: rgb(255,255,255);
}