body{ font-family: "Arial Rounded MT Bold", Verdana, Arial, Helvetica, sans-serif; color:#747472; font-size:14pt; margin:0; background-color:#FAF222;}
.smaller{ font-size:8pt; }
.titlebar{ background-color:#9C9CCE; width:100%;}
.searchbar{ background-color:#CCCCFF; width:100%; text-align:right; padding:1px 0px 1px 0px;}
.newsbar{ background-color:#40BF3D; color:#ffffff; width:100%;  padding:1px 0px 1px 5px;}
.sidebar{ margin-left:40px;  width:163px; float:left; background-color:#40BF3D; display: inline;

  }
.themejumper{width:163px; margin:0; padding:0}/* for jumpmenu on sidebar */
/* container has a background gif for faux columns in the sidebar */
.container{width:950px; margin:auto; background-image:url(../images/page_bg.jpg); background-repeat:repeat-y;   border-bottom:#CBC006 1px solid}
.header{width:950px; margin:auto; height:137px }

 /* for Internet Explorer 6 min-height hack*/
/*\*/
* html .maincontent {
height: 360px;
}
/**/

.maincontent{padding:10px 10px 10px 10px; margin-left:226px; background-color:#FFFFFF; min-height:358px; margin-right:38px;  } 
.footer{background-color:#FFC50C; clear:both; margin-left:40px; width:872px; padding:4px 0; color:#FFFFFF; font-size: 8pt; font-weight:bold; }
.spacebox{ padding: 25px 10px}
h3{ color:#ffffff; background-color:#80C0F8; padding:2px;}
hr{ border:0; color:#40BF3D; background-color:#40BF3D; height: 3px;}
hr#wee{ height: 2px;}
.hrwee{ border:0; color:#FFC50C; background-color:#FFC50C; height: 2px;}/* *** for validation *** */

/* ***************  default links ******************* */
a:link{ color:#9BB3E9; text-decoration:underline; font-size:12pt;}
a:visited{color:#9BB3E9; text-decoration:underline; font-size:12pt;}
a:hover{color:#FC6610; text-decoration:underline;  font-size:12pt;}
a:active{color:#FC6610; text-decoration:underline; font-size:12pt;}

/* ********** navigation buttons *********** */
.buttons{}
		
a:link.buttons , a:visited.buttons{

border-bottom: 1px solid #ffffff;
width: 143px;
background: #40BF3D;
text-decoration:none;
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;

float:right;
 padding:10px ; 
}

a:hover.buttons , a:active.buttons
{
background: #30971C;
color:#ffffff;
}

#hover.buttons /* the # makes it an id identifier. using this for the php bit */
	{  background: #30971C;
color:#ffffff;}
/* ********** subgroup buttons *********** */
a:link.sub , a:visited.sub{ border-bottom: 1px solid #ffffff;
width: 143px;
background: #2BA928;
text-decoration:none;
color:#ffffff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
float:right;
padding:5px 10px 5px 10px; 

}

a:hover.sub , a:active.sub
{
background: #30971C;
color:#ffffff;
}

#hover.sub /* the # makes it an id identifier. using this for the php bit */
	{  background: #30971C;
color:#ffffff;}
/* ********** table borders *********** */
.colourtable, .colourtable td{  border-collapse:collapse;
border: solid 1px  #9C9CCE; /*outside border*/
}

/* ********** table background *********** */
 .tablecolour, .tablecolour td{ border:#FFFFFF solid 1px; color:#000000; background-color:#DFFDF1; padding:4px 
}
/* ***************  more links ******************* */
.morelink{ color:#9BB3E9; text-decoration:none; font-weight:bold;}
a:link.morelink{color:#9BB3E9; text-decoration:none;}
a:visited.morelink{color:#9BB3E9; text-decoration:none;}
a:hover.morelink{color:#FC6610; text-decoration:none; }
a:active.morelink{color:#FC6610; text-decoration:none;}
/* ***************   ******************* */

/* ***************  top links ******************* */
.toplink{ color:#ffffff; text-decoration:none; font-weight:bold; font-size:8pt;}
a:link.toplink{color:#ffffff; text-decoration:none;}
a:visited.toplink{color:#ffffff; text-decoration:none;}
a:hover.toplink{color:#FC6610; text-decoration:none; }
a:active.toplink{color:#FC6610; text-decoration:none;}
/* ***************   ******************* */
.red{ color:#FF0000}


/* ***************  calendar table  ******************* */
.caltable, .caltable th, .caltable td {
	border-collapse:collapse;
border: solid 1px  #9C9CCE; padding:3px;
}

/* the month and year header */
.caltable caption {
	font-size: 12pt; padding:5px;
}

/* day cells with events */
.caltable td.event {
	color: #999999;
	background-color:#cccccc;
}
/* ***************  end calendar table  ******************* */

/* ***************  title in shop  *************** */
.title{ background-color:#D8CBBA; padding:2px 0 2px 10px; font-weight:bold; color:#FFFFFF;}

.hide{ display:none;}

/* ***************  linkslink links ******************* */
.linkslink {}
a:link.linkslink, a:visited.linkslink {font-weight:bold; font-size:8pt; background-color:#40BF3D; padding:1px 10px; width:90%; color: #ffffff; text-decoration : none;  display:block; }
a:hover.linkslink, a:active.linkslink { font-weight:bold;  font-size:8pt; background-color:#FFC50C; color:#666666; padding:1px 10px; width:90%;  text-decoration : none;  display:block; 
}
/* ***************  marquee links ******************* */
.marquee {}
a:link.marquee, a:visited.marquee {font-weight:bold; font-size:8pt;  padding:1px 10px;  color: #91BBE1; text-decoration : none;  }
a:hover.marquee, a:active.marquee { font-weight:bold;  font-size:8pt; background-color: #FF6600; padding:1px 10px;  color :#ffffff; text-decoration : none; 
}
/* ***************  begin pagination ******************* */
div.pagination {
	padding: 3px;
	margin: 3px;
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #AAAADD;
	
	text-decoration: none; /* no underline */
	color: #000099;
}
div.pagination a:hover, div.pagination a:active {
	border: 1px solid #000099;

	color: #000;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
		border: 1px solid #000099;
		
		font-weight: bold;
		background-color: #000099;
		color: #FFF;
	}
	div.pagination span.disabled {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		border: 1px solid #EEE;
	
		color: #DDD;
	}
/* ***************  end pagination ******************* */

#quizlayer1, #quizlayer2, #quizlayer3, #quizlayer4, #quizlayer5, #quizlayer6, #quizlayer7, #quizlayer8{
	position:absolute;
	width:458px;
	height:260px;
	z-index:1;
	left: 0;
	top: 0;
	background-color: #FFFFFF;
	visibility: hidden;
	
	padding:5px;
	}