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

body {
	background-color: rgb(245,245,245);
	background-image: url(images/groupmenux.jpg);
	background-repeat: repeat-x;
	}

#pageframe {
    	border-left: 1px solid rgb(245,245,245);
    	border-bottom: 1px solid rgb(245,245,245);
    	border-right: 1px solid rgb(245,245,245);
    	border-top: 0px solid rgb(245,245,245);
	background-color: rgb(255,255,255);
	background-image: url(images/sideback.gif);
	background-repeat: repeat-y;
	}
.demo {float: left;
	position: relative;}

#offer {
    	position: fixed;
	width: 120px;
	height: 116px;
    	top: 160px;
    	right: 50px;
	}
#titlearea { 
	background-color: rgb(255,255,255);
}


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

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

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

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

#leftarea {
	background-color: transparent;
	}

.menubox {
}

.submenubox {
}

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

#centerarea {
	background-color: transparent;
	}

#authorarea {
    	border-bottom: 4px solid rgb(221,204,170);
    	border-top: 4px solid rgb(221,204,170);	
	background-color: rgb(102,136,153);
	background-image: url(images/topbar.jpg);
	background-position: 0px 0px;
	background-repeat: repeat;
	}

.artquote {    border: 1px solid rgb(221,204,170); background: transparent url(images/translucent.gif); }

.wrap-top {	background: transparent url(images/wrap_top.jpg) 0 0 repeat-x;}
.wrap-btm {	background: transparent url(images/wrap_btm.jpg) 0 100% repeat-x;}
.wrap-r {	background: transparent url(images/wrap_r.jpg) 100% 0 repeat-y;}
.wrap-l {	background: transparent url(images/wrap_l.jpg) 0 0 repeat-y;}
.wrap-tl {	background: transparent url(images/wrap_tl.jpg) 0 0 no-repeat;}
.wrap-tr {	background: transparent url(images/wrap_tr.jpg) 100% 0 no-repeat;}
.wrap-br {	background: transparent url(images/wrap_br.jpg) 100% 100% no-repeat;}
.wrap-bl {	background: transparent url(images/wrap_bl.jpg) 0 100% no-repeat;}
.wrap-in {	padding: 5px 5px 5px 5px; }

.headingarea {
	background-color: transparent;
	}

.articlearea {
	background-color: transparent;
	background-image: url(images/articleback.gif);
	background-position: 100% 100%;
	background-repeat: no-repeat;
	}

/* columns in text areas */

.clmn1 {    border: 1px solid rgb(221,204,170); background: transparent; }
.clmn2 {    border: 0px solid rgb(221,204,170); background: transparent; }
.clmn3 {    border: 0px solid rgb(221,204,170); background: transparent; }
.clmn4 {    border: 0px solid rgb(221,204,170); background: transparent; }

/*   XXXXXXXXXXXX  Pict and surround XXXXXXXXXXXX */

.articlepicture, .articlepicture0, .articlepicture1 {
    	border: 1px solid rgb(221,204,170);
    	background-color: transparent;
	}

.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 {
	}

/*   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(102,136,153);}

h1 {	color: rgb(174,141,98);}

h2 {	color: rgb(153,34,34);}

h3 {	color: rgb(174,141,98);}

h4 {	color: rgb(174,141,98);}

h5 {	color: rgb(51,30,91);}

h6 {	color: rgb(51,30,91);}


.reftext { color: rgb(210,210,210); font-size: 110%; font-weight: bold;}
.style1 {	color: rgb(153,34,34);}

/* indented paragraphs and list styles*/

ul {  color: rgb(153,34,34);}
li {  color: rgb(153,34,34);}


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

/* Top menu text link styles*/
/*Drop down menu styles*/
.topmenutext{
border-bottom: 0px solid gray;
}

.topmenutext ul{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
border: 0px solid rgb(255,255,255);
margin-bottom: 0;
font: bold 11px Verdana;
font-variant: small-caps;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

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

.topmenutext li a{
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid rgb(255,255,255);
color: rgb(102,136,153);
background: white url(images/bluetab.gif) top left repeat-x; /*THEME CHANGE HERE*/
}

.topmenutext li a:visited{
color: rgb(102,136,153);
}

.topmenutext li a:hover{
text-decoration: underline;
border: 1px solid rgb(98,98,98);
color: #2d2b2b;
}

.topmenutext li.selected{
}

.topmenutext li.selected a{ /*selected main tab style */
background-image: url(images/topbutton.gif); /*THEME CHANGE HERE*/
border-bottom-color: white;
}

.topmenutext li.selected a:hover{ /*selected main tab style */
text-decoration: none;
}

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

.dropmenudiv{
position:absolute;
top: 0px;
border: 1px solid #918d8d; /*THEME CHANGE HERE*/
border-width: 0 1px;
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; /*THEME CHANGE HERE*/
border-bottom-width: 1px;
padding: 2px 0;
text-decoration: none;
color: black;
}

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

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #edf3f3;
}

/* Side menu text link styles*/

a.sidemenutext:link {
	background: transparent url(images/button.gif) 0px 0px no-repeat;
    	padding: 3px 0px 0px 16px;
	color: rgb(255,255,255);
	text-decoration: none;
	}

a.sidemenutext:visited, a.sidemenutext:active {
    	background: transparent url(images/button.gif) 0px 0px no-repeat;
    	padding: 3px 0px 0px 16px;
	color: rgb(245,245,245);
	text-decoration: none;
	}

a.sidemenutextlive:link, a.sidemenutextlive:visited, a.sidemenutextlive:active {
    	background: transparent url(images/button.gif) 0px -30px no-repeat;
    	padding: 3px 0px 0px 16px;
	color: rgb(153,34,34);
	text-decoration: none;
	}

a.sidemenutextlive:hover  {
	background: transparent url(images/button.gif) 0px -60px no-repeat;
	color: rgb(191,98,98);
	}

a.sidemenutext:hover {
    	background: transparent url(images/button.gif) 0px -60px no-repeat;
	color: rgb(191,98,98);
	text-decoration: underline;
	}

/* Sidesub menu text link styles*/

a.sidesubmenutext:link, a.sidesubmenutext:visited, a.sidesubmenutext:active {
	padding: 2px 0px 0px 26px;
	background: transparent;
	color: rgb(255,255,255);
	text-decoration: none;
	}

a.sidesubmenutextlive:link, a.sidesubmenutextlive:visited, a.sidesubmenutextlive:active {
	padding: 2px 0px 0px 26px;
	background: transparent;
	color: rgb(153,34,34);
	text-decoration : none;
	}

a.sidesubmenutextlive:hover  {
	color: rgb(255,0,0);
	}

a.sidesubmenutext:hover {
	padding: 2px 0px 0px 26px;
	background: transparent;
	color: rgb(191,98,98);
	text-decoration: underline;
	}