/*
	File: stylesheet_screen.css
	Application: Default
	Authors: Colin Abercrombie Steven Park
	(c) 2006 LT Scotland. All rights reserved.
/*
/*********************************************
General tags
*********************************************/
/* Primary colour */
h1, h2, h3, h4, h5	{
	color: #b40001;
	background: transparent;
}

/* Primary colour */
h1.ContentTitle {
	color: #b40001;
	background-color: transparent;
	border-bottom: 1px solid #b40001;
}

a	{
	font-weight:normal;
	text-decoration:none;
}

/* Secondary colour */
a:link	{
	color:#ec6f00;
	background-color: transparent;
	text-decoration:none;
}

/* Secondary colour - DARK */
a:visited	{
	color:#ad5100;
	background-color: transparent;
	text-decoration:none;
}

/* Secondary colour */
a:active	{
	color:#ec6f00;
	background-color: transparent;
	text-decoration:none;
}

/* Secondary colour */
a:hover	{
	color:#ec6f00;
	background-color: transparent;
	text-decoration:underline;
}

/*********************************************
Header Banner
*********************************************/
#HeaderImage { 
	color: #000;
	background: #fff url("../graphics/headerimage.gif") right no-repeat; 
	height: 66px;
	width: 100%;
}
#HeaderTitle { 
	background: #fff url("../graphics/headertitle.gif") left no-repeat; 
	color: #fff; 	
	height: 66px; 
	float: left;
	display: block; 	
	width: 338px; 
}

/*********************************************
Section Banner
*********************************************/
/* Primary bg colour */
#sectionBannerImage { 
	color: #000;
	/* background: #fff url("../graphics/sectionheaderimage.gif") right no-repeat; */
	background-color: #b40001;
}

/* Primary bg colour */
#sectionBannerTitle { 
	background-color: #b40001;
	color: #fff; 	
}

/*********************************************
New HeaderBar Navigation
*********************************************/
/* Primary bg colour */
#HeaderSearchBox {
	color: #ffffff;
	background: #b40001;
	border-left: solid 1px #fff;
}

/*********************************************
Main Navigation
*********************************************/
#NavigationBox {
	color: #000000;
	background: #fff url("../graphics/navbg.gif") bottom left repeat-x;
}

/*********************************************
Main Navigation Top Level (1)
*********************************************/
/* Primary bg colour */
li.navigationlevel1 {
	background: #b40001;
}

a.navigationlevel1, a.navigationlevel1:link, a.navigationlevel1:visited, a.navigationlevel1:active   {
	color: #fff;
}

/* Primary bg colour */
/***Selected State***/ 
li.navigationlevel1selected {
	background: #b40001;
}

a.navigationlevel1selected, a.navigationlevel1selected:link, a.navigationlevel1selected:visited, a.navigationlevel1selected:active, a.navigationlevel1selected:hover {
	color: #fff;
}
/*********************************************
Site Contents
*********************************************/
.center {
	text-align: center;
}

.floatright {
	float: right;
	padding: 3px 3px 3px 3px;
	margin: 5px 5px 5px 5px;
}

.floatleft {
	float: left;
	padding: 3px 3px 3px 3px;
	margin: 5px 5px 5px 5px;
}

/*********************************************
Component Container BgOn
*********************************************/
/* Primary bg colour */
.intro .bgOn, .mainslideshow .bgOn {
	color: #fff;
	background-color: #b40001;
}

/* Primary bg colour - LIGHT */
.bgOn {
	color: #555;
	background-color: #ebdcc3; 
}

/* Primary bg colour - LIGHT */
.bgOn h2 {
	color: #555;
	background-color: #ebdcc3; 
}

.bgOn h1, .intro .bgOn h2, .mainslideshow .bgOn h2 {
	color: #fff;
	background-color: transparent; 
}

/* Primary bg colour - LIGHT */
.summary .bgOn {
	color: #555;
	background-color: #ebdcc3; 
}

/* Primary bg colour - LIGHT */
.blockContainer .bgOn h2 {
	color: #555;
	background-color: #ebdcc3; 
}

/* Primary bg colour - LIGHT */
#Interactive .bgOn {
	color: #555;
	background-color: #ebdcc3; 
}

/* Primary bg colour */
.quickLinks .bgOn h1, .quickLinks .bgOff h1 {
	color: #fff;
	background-color: #b40001;
	border-bottom: 1px solid #fff;
}

/* Primary bg colour */
.quickLinks .bgOn h2, .quickLinks .bgOff h2 {
	color: #555;
	background-color: #b40001;
	border-bottom: 1px solid #fff;
}

/*********************************************
Interactive
*********************************************/
/* Primary bg colour - LIGHT */
#Interactive h2 {
	color: #555;
	background-color: #ebdcc3;
}

/* Primary colour */
#Interactive h3 {
	color: #b40001;
	background-color: transparent;
}

/*********************************************
Icon
*********************************************/
img.icon {
	padding: 0px 0px 0px 0px;
	margin: 5px 5px 0px 0px;
}

/*********************************************
General table classes
*********************************************/
/* Primary bg colour */
table.style1 th {
	background-color: #b40001;
	color: #fff;
	border-bottom: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
}

/* Primary bg colour - LIGHT */
table.style1 td {
	background-color: #ebdcc3;
	color: #555;
	border-bottom: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
}

/* Primary bg colour */
table.style2 th {
	background-color: #b40001;
	color: #fff;
	border-bottom: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
}

/* Primary bg colour - LIGHT */
table.style2 td {
	background-color: #ebdcc3;
	color: #555;
	border-bottom: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
}

/*********************************************
Pagetint classes
*********************************************/
/* Primary bg colour - LIGHT */
.pagetint {
	background-color: #ebdcc3;
	color: #555;
}

/*********************************************
Feedback form classes
*********************************************/
/* Primary bg colour */
table#feedback th {
	background-color: #b40001;
	color: #555;
}

/* Primary bg colour - LIGHT */
table#feedback td {
	background-color: #ebdcc3;
	color: #555;
}

/*********************************************
Site Specific Classes - News section
*********************************************/
/* Primary colour */
.newsdate {
	color: #b40001;
	font-weight:bold;
}

/*********************************************
Site Specific Classes - Events
*********************************************/
/* Primary colour */
.eventdate {
	color: #b40001;
	font-weight:bold;
}

/*********************************************
Site Specific Classes - Event Details
*********************************************/
table.eventtable {
	margin: 0px;
	padding: 4px;
	font-size: 1.0em;
}

td.eventtableheading {
	background-color: #ffffff;
	color: #88bf48;
}

/* Primary bg colour */
td.eventheader {
	background-color: #b40001;
	color: #fff;
}

/* Primary bg colour - LIGHT */
td.eventdetails {
	background-color: #ebdcc3;
	color: #555;
}

/* Primary bg colour - LIGHT */
td.eventTitle {
	background-color: #ebdcc3;
	color: #555;
}

/*********************************************
Site Specific Classes - RSS
*********************************************/
/* Primary colour */
li.rssitem {
	color: #b40001;
}
.rssitemdescription {
	color: #555;
}

/*********************************************
Site Contents - Page Sub Section list
*********************************************/
ul.pagesubsectionlist {
	font-weight: normal;
	padding: 0px;
	margin: 0px;
	list-style: none;
	color: #336699;
	background-color: transparent;
}
li.pagesubsectionlist {
	padding: 3px;
	margin: 0px 0px 15px 0px;
	list-style: none;
	border-top: 2px solid #FC9;
}
a.pagesubsectionlistlink {
	background: transparent;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	color:#0033ff;
}
a.pagesubsectionlistlink:link {
	background: transparent;
	color:#0033ff;
}
a.pagesubsectionlistlink:visited {
	background: transparent;
	color: #993399;
}
a.pagesubsectionlistlink:hover {
	background: transparent;
	color: #369;
}
a.pagesubsectionlistlink:active {
	background: transparent;
	color:#0033ff;
}
.pagesubsectionlisttitle {
	font-weight: bold;
	font-size: 0.9em;
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 0px 0px;
}
.pagesubsectionlistdate {
	background: transparent;
	color: #000;
	font-weight: normal;
	font-size: 0.9em;
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 0px 0px;
}
.pagesubsectionlistdescription {
	background: transparent;
	color: #000;
	font-weight: normal;
	font-size: 0.9em;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
/*********************************************
Site Contents - Page File list
*********************************************/
li.pagefilelist {
	list-style: none;
	padding: 10px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
	border: 0px none;
}
.pagefilelistthumbnail {
	width: auto;
	padding: 0px 0px 0px 0px;
	margin: 5px 0px 2px 0px;
	border: none;
}
.pagefilelisttitle {
	font-weight: normal;
	font-size: 0.8em;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 5px 0px;
}
/*********************************************
Site Contents - Page Link list
*********************************************/
ul.pagelinklist {
	background: transparent;
	color: #222222;
	list-style: none;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
}			
li.pagelinklist {
	background: transparent;
	color: #222222;
	padding: 0px 0px 4px 0px;
	margin: 0px 0px 10px 0px;
	/*border-bottom: 1px solid #cccccc;*/
}
div.pagelinklisttitle {
	padding: 1px 1px 1px 1px;
	margin: 0px 0px 2px 0px;
	font-weight: bold;
}			
div.pagelinklisturl {
	display: none;
}
div.pagelinklistdescription {
	padding: 1px 1px 1px 1px;
	margin: 0px 0px 0px 0px;
}
/*********************************************
Shaded boxes 
*********************************************/
div.HighlightBox {
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	background: #ebdcc3;
	color: #000000;
}
div.HighlightBox h1 {
	margin: 0px 0px 0px 0px;
	padding: 2px 2px 2px 10px;
	background: #ebdcc3;
	color: #636363;
	border-bottom: 1px solid #fff;
}
div.HighlightBox h2 {
	margin: 0px 0px 0px 0px;
	padding: 2px 2px 2px 10px;
	background: #ebdcc3;
	color: #555;
	border-bottom: 1px solid #fff;
}
div.HighlightBox form {
	margin: 0px 0px 0px 0px;
	padding: 5px 5px 5px 5px;
}
div.HighlightBox li {
	margin: 0px 0px 0px 0px;
	padding: 5px 5px 0px 5px;
}

/*********************************************
Feedback form
*********************************************/
label.feedbackformlabel {
	font-weight: bold;
	font-size: 90%;
}
td.feedbackformoptionaltext {
	background: transparent;
	color: #000000;
	font-size: 80%;
	font-weight: bold;
	text-align:left;
}
.feedbackformtableholder {
	background: #FBD6BE; 
	color:#222222;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border: 1px solid #000;
}

/*********************************************
Site Contents - Content Vote box
*********************************************/
.contentvotebox {
	color: #000;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 30px 0px;
	font:0.9em Arial, Helvetica, sans-serif;
	background-color: #fff;
	border-bottom: 1px solid #369;
}
div.contentvotetext {
	background: transparent;
	color: #000;
	padding: 5px 3px 3px 10px;
	margin: 0px 0px 0px 0px;
}		
.contentvotefile {
	padding: 5px 3px 3px 10px;
	margin: 0px 0px 0px 0px;
}
.contentvoteanswers {
	background: transparent;
	color: #000;
	padding: 0px 0px 3px 10px;
	margin: 0px 0px 0px 0px;
}		
.contentvotesubmit {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 5px 15px;
}
/*********************************************
What's New
*********************************************/
.interactivewhatsnewbox {
	color: #ffffff;
	background-color: transparent;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
h2.interactivewhatsnewheader {
	color: #4A4D22;
	background: #D3D6A0;
	padding: 3px 0px 3px 10px;
	margin: 18px 0px 0px 0px;
}
div.interactivewhatsnewtext {
	background: #ffffff;
	color: #000000;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}		
ul.interactivewhatsnewtext{
	list-style-type: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
}		
li.interactivewhatsnewtext {
	border-bottom: 1px solid #D3D6A0;
	padding: 5px 0px 5px 10px;
	 margin: 0px 0px 0px 0px;
}
a.interactivewhatsnewtext {
	color: #0033ff;
	background : transparent;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 3px 0px;
}
a.interactivewhatsnewtext:link {
	color: #0033ff;
	background : transparent;
}
a.interactivewhatsnewtext:visited {
	color: #993399;
	background: transparent;
}
a.interactivewhatsnewtext:hover {
	color: #0033ff;
	background : transparent;
}
a.interactivewhatsnewtext:active {
	color: #0033ff;
	background: transparent;
}
/*********************************************
Website of Week/Month header
*********************************************/
h2.interactivewwwheader {
	color: #ffffff;
	background: #D3D6A0;
	padding: 3px 0px 3px 10px;
	margin: 0px 0px 0px 0px;
}
div.interactivewwwtext {
	background: none;
	color: #000000;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}		
ul.interactivewwwtext{
	list-style-type: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}		
li.interactivewwwtext {
	padding: 5px 0px 5px 10px;
	margin: 0px 0px 0px 0px;
	border-bottom: 1px solid #ffffff;
}
a.interactivewwwtext {
	color: #0033ff;
	background : transparent;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 3px 0px;
}
a.interactivewwwtext:link {
	color: #0033ff;
	background: transparent;
}
a.interactivewwwtext:visited {
	color: #993399;
	background: transparent;
}
a.interactivewwwtext:active {
	color: #0033ff;
	background: transparent;
}
a.interactivewwwtext:hover {
	color: #0033ff;
	background: transparent;
}
/*********************************************
External Links
*********************************************/
.interactivelinkbox {
	color: #ffffff;
	background-color: transparent;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
h2.interactivelinkheader {
	color: #4A4D22;
	background: #D3D6A0;
	padding: 3px 0px 3px 10px;
	margin: 18px 0px 0px 0px;
}
div.interactivelinktext {
	background: #ffffff;
	color: #000000;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}		
ul.interactivelinktext{
	list-style-type: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
}		
li.interactivelinktext {
	border-bottom: 1px solid #D3D6A0;
	padding: 5px 0px 5px 10px;
	margin: 0px 0px 0px 0px;
}
a.interactivelinktext {
	color: #0033ff;
	background : transparent;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 3px 0px;
}
a.interactivelinktext:link {
	color: #0033ff;
	background : transparent;
}
a.interactivelinktext:visited {
	color: #993399;
	background: transparent;
}
a.interactivelinktext:hover {
	color: #0033ff;
	background : transparent;
}
a.interactivelinktext:active {
	color: #0033ff;
	background: transparent;
}
/*********************************************
Internal Links
*********************************************/
.interactiverelatedbox {
	color: #ffffff;
	background-color: transparent;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
h2.interactiverelatedheader {
	color: #4A4D22;
	background: #D3D6A0;
	padding: 3px 0px 3px 10px;
	margin: 18px 0px 0px 0px;
}
div.interactiverelatedtext {
	background: #ffffff;
	color: #000000;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}		
ul.interactiverelatedtext{
	list-style-type: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
}		
li.interactiverelatedtext {
	border-bottom: 1px solid #D3D6A0;
	padding: 5px 0px 5px 10px;
	margin: 0px 0px 0px 0px;
}
a.interactiverelatedtext {
	color: #0033ff;
	background : transparent;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 3px 0px;
}
a.interactiverelatedtext:link {
	color: #0033ff;
	background : transparent;
}
a.interactiverelatedtext:visited {
	color: #993399;
	background: transparent;
}
a.interactiverelatedtext:hover {
	color: #0033ff;
	background : transparent;
}
a.interactiverelatedtext:active {
	color: #0033ff;
	background: transparent;
}
/*********************************************
Interactive Vote
*********************************************/
.interactivevotebox {
	color: #000000;
	background-color: #ffffff;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
h2.interactivevoteheader {
	color: #4A4D22;
	background: #D3D6A0;
	padding: 3px 0px 3px 10px;
	margin: 18px 0px 0px 0px;
}
div.interactivevotetext {
	color: #000000;
	background: #ffffff;
	padding: 5px 0px 0px 10px;
	margin: 0px 0px 0px 0px;
}
div.interactivevoteform {
	color: #000000;
	background: #ffffff;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}		
.interactivevoteanswers {
	color: #000000;
	background: #ffffff;
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 0px 0px;
}		
.interactivevotesubmit {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 15px;
}
/*********************************************
Top of page shading class
*********************************************/
h2.ShortDesc {
	color: #000000;
	background-color: #D3D6A0;
	margin: 0px 0px 10px 0px;
	padding: 5px 0px 5px 7px;
	font-size: 1em;
	font-weight: normal;
}
/********************************************
 General Tables 
********************************************/
.General {
	width: 95%;
}
.GeneralTableHeading {
	background-color: #B40001;
	margin: 1px;
	padding: 4px;
	color: #fff;
	font-size: 1em;
	font-weight: bold;
	vertical-align: top;
	text-align: left;
}
.GeneralTableHeader {
	background-color: #D3D6A0;
	margin: 1px;
	padding: 4px;
	color: #4a4d22;
	font-size: 0.9em;
	font-weight: bold;
	vertical-align: top;
	text-align: left;
}
.GeneralTableDetails {
	background-color: #F5F6EA;
	margin: 1px;
	padding: 4px;
	color: #000;
	font-size: 0.9em;
	font-weight: normal;
	vertical-align: top;
	text-align: left;
}
.LgGeneralTable {
	width: 95%;
}
.LgGeneralTableHeading {
	background-color: #933;
	margin: 1px;
	padding: 4px;
	color: #ffffff;
	font-size: 0.9em;
	font-weight: bold;
	vertical-align: top;
	text-align: left;
}
.LgGeneralTableHeader {
	background-color: #ff9966;
	margin: 1px;
	padding: 4px;
	color: #000000;
	font-size: 0.75em;
	font-weight: bold;
	vertical-align: top;
	text-align: left;
}
.LgGeneralTableDetails {
	background-color: #ffcc99;
	margin: 1px;
	padding: 4px;
	color: #000;
	font-size: 0.8em;
	font-weight: normal;
	vertical-align: top;
	text-align: left;
}
/*********************************************
Weblinks directory
*********************************************/
div.WeblinksDisclaimerText {
	padding: 0px 0px 0px 0px;
	margin:  0px 0px 0px 0px;
	font-size: 0.9em;
}
div.WebsiteOfTheMonthRow {
	color: #000;
	background: transparent;
	padding: 0px 0px 0px 0px;
	margin:  0px 0px 0px 0px;
}

div.WeblinksTopicName {
	width: 100%;
	color: #000;
	background: transparent;
	float: left;
	padding: 0px 0px 0px 0px;
	margin:  10px 0px 0px 0px;
	display: block;
}
hr.WebLinksLine {
	color: #FC9;
	background: transparent;
	margin: 0px;
	padding: 0px;
	height: 1px;
}
.WeblinksLastLinkEnteredCount {
	font-weight: bold;
	color: #CC3300;
	background: transparent;
}
.WeblinksLastLinkEnteredURL {
	display: none;
}
.WebLinksURL {
	display: none;
}
/********************************************
Feedback from classes
********************************************/
td.feedbackcell1 {
	background-color: #F96;
	margin: 0px 0px 0px 0px;
	padding: 3px 3px 3px 5px;
	color: #FFF;
	font-size: 0.95em;
	font-weight: bold;
	width: 20%;
	vertical-align: top;
	border-bottom: 1px white solid;
}
td.feedbackcell2 {
	background-color: #F96;
	margin: 0px 0px 0px 0px;
	padding: 3px 3px 3px 5px;
	color: #FFF;
	font-size: 0.95em;
	font-weight: bold;
	vertical-align: top;
	border-bottom: 1px white solid;
}
td.feedbackcell3 {
	background-color: #FC9;
	margin: 0px 0px 0px 0px;
	padding: 3px 3px 5px 5px;
	color: #000;
	font-size: 0.95em;
	vertical-align: top;
}

/***************************************
Features
***************************************/
#FeatureMainItem {
	background: #F5F6EA;
	color: #000000;
	width: 100%;
	padding: 1px 0px 10px 5px;
	margin: 1px 0px 10px 0px;
}
#FeatureMainItemLeft {
	background: #F5F6EA;
	color: #000000;
	padding: 1px 0px 10px 0px;
	margin: 1px 0px 0px 0px;
}
#FeatureItemRight {
	background: #fff7e6;
	color: #000000;
	padding: 1px 0px 10px 0px;
	margin: 1px 0px 0px 0px;
}
p 	{
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 5px 0px;
}
.FeatureImageLeft {
	padding: 3px 3px 3px 0px;
	margin: 5px 5px 5px 0px;
	float: left;
}

.FeatureImageRight {
	padding: 3px 3px 3px 0px;
	margin: 5px 5px 5px 0px;
	float: right;
}

.FeatureMain {
	padding: 0px 3px 3px 0px;
	margin: 0px 5px 5px 0px;
	float: left;
}

/********************************************
Email Bulletin Classes 
********************************************/
div.bulletinsubhead {
	font-size: 1em;
	font-weight: bold;
	color: #C30;
	background: transparent;
}
div.bulletinunsubhead {
	font-size: 1em;
	font-weight: bold;
	color: #C30;
	background: transparent;
}
div.bulletinheader1 {
	font-size: 1em;
	font-weight: bold;
	color: #4a4d22;
	background: transparent;
}
div.bulletinheader2 {
	font-size: 0.9em;
	font-weight: bold;
	color: #4a4d22;
	background: transparent;
}
ul.bulletinerror {
	color: #C00;
	font-weight: bold;
	background: transparent;
}
div.bulletinform {
	width: 100%;
	color: #000;
	background: transparent;
	height: 120px;
	display: block;
}
div.bulletinrow {
	width: 100%;
	color: #000;
	background: transparent;
	display: block;
	height: 30px;
}
div.bulletincolumn1 {
	width: 25%;
	color: #000;
	background: transparent;
	float: left;
	height: 30px;
	vertical-align: top;
}
div.bulletincolumn2 {
	width: 70%;
	color: #000;
	background: transparent;
	float: left;
	height: 30px;
	vertical-align: top;
}
/*********************************************
Site Specific Classes -	Q & CITE classes
********************************************/
q {
	padding: 7px 7px 7px 7px;
	margin-bottom: 7px; 
	color: #000000;
	background-color: transparent;
}
cite {
	padding: 7px 7px 7px 7px;
	background: transparent;
	color: #3e3e3e;
	font-size: 0.9em;
	font-weight: bold;
	font-style: normal;
}
/*********************************************
 Features Articles and Quotations 
*********************************************/
div.FeatureFirstParagraph {
	background: transparent;
	color: #000000;
	font-weight: bold;
	line-height: 1.1em;
}
/*
	Pupils votes table
*/
table#FeatureRightFloatTable {
	width: 35%;
	float: right;
	padding: 0px 0px 0px 0px;
	margin: 5px 5px 5px 10px;
	font-size: 1em;	
}
table#FeatureRightFloatTable caption {
	display: none;
}
table#FeatureRightFloatTable td {
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 0px 0px;
	background: #F5F6EA;
	color: #000000;
	text-align: left;
	vertical-align: top;
	border-top: 0px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	border-left: 0px;
}
/*
	Pupils thoughts on Whiteboards
*/
table#PupilsThoughtsTable {
	width: 90%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
	font-size: 1em;	
}
table#PupilsThoughtsTable caption{
	display: none;
}
table#PupilsThoughtsTable th {
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 0px 0px;
	background: #b40001;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	border-top: 0px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	border-left: 0px;
}
table#PupilsThoughtsTable td {
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 0px 0px;
	background: #F5F6EA;
	color: #000000;
	text-align: left;
	vertical-align: top;
	border-top: 0px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	border-left: 0px;
}
/*
	hardware / software about Whiteboards
*/
table#TechnologyTable {
	width: 90%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
	font-size: 1em;	
}
table#TechnologyTable caption{
	display: none;
}
table#TechnologyTable th {
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 0px 0px;
	background: #b40001;
	color: #ffffff;
	font-weight: bold;
	text-align: left;
	border-top: 0px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	border-left: 0px;
}
table#TechnologyTable td {
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 0px 0px;
	background: #F5F6EA;
	color: #000000;
	text-align: left;
	vertical-align: top;
	border-top: 0px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	border-left: 0px;
}
.featuresquotetint {
	background-color: #F5F6EA;
	color: #222;
	padding: 10px 10px 10px 10px;
	margin: 5px;
	border: 0px;
	width: 50%;
	float: left;
	font-style: italic;
}

/*************************************
Resource results details
*************************************/
table#resourcelibrarydetails th {
	background-color: #e1e4b6;
	border-bottom: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	color: #000;
}
table#resourcelibrarydetails th.main {
	background-color: #b40001;
	border-bottom: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	color: #fff;
}
table#resourcelibrarydetails td {
	background-color: #f5f7d5;
	border-bottom: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	color: #000;
}
table#downloadabledetails td {
	border: 0px;
	padding: 2px;
	margin: 0px;
	color: #000000;
}
#SendToAFriend {
	padding: 3px 3px 3px 3px;
	margin: 5px;
	text-align: right;
}
 a.SendToAFriend, a.SendToAFriend:link, a.SendToAFriend:visited, a.SendToAFriend:active {
	border: 1px solid #fff; 
	font-weight: bold; 
	font-size: 0.9em; 
	padding: 3px 3px 3px 3px;
	text-decoration: none;
	background-color: #b40001;
	color: #fff;
}
 a.SendToAFriend:hover {
	border: 1px solid #fff;
	font-size: 0.9em; 
	padding: 3px 3px 3px 3px;
	background-color: #b40001;
	color: #fff;
	text-decoration: underline
}

/****************************************************************************************************************************
IBT - 23/03/04
Interactive skills pages for Francis.

Menu page have connected style layout, but large font links to the appropriate sections and a natty wee listy thing going for the PC/Mac version.

Details page is all handled by the table - usuall format id and css


****************************************************************************************************************************/
/*************************************
Interactive Core Skills Menu page
*************************************/
#CoreSkillsMenuContainer {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	display: block;
}
#WWO, #Communication, #ICT, #Numeracy,#Problem {
	margin: 2px 5px 2px 5px;
	padding: 2px 5px 3px 5px;
	border-top: 1px solid #808080;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #808080;
	border-left: 1px solid #ddd;
	display: block;
}
#WWO img.leftimg, #Communication img.leftimg, #ICT img.leftimg, #Numeracy img.leftimg,#Problem img.leftimg {
	padding: 0px 0px 0px 0px;
	margin: 5px 15px 5px 5px;
	float: left;
	border: 1px solid #ccc;
}
#WWO p, #Communication p, #ICT p, #Numeracy p,#Problem p {
	padding: 0px 0px 0px 0px;
	margin: 5px 15px 5px 5px;
	text-align: center;
	line-height: 3.2em;
	font-size: 1.3em;
}
#CoreSkillsMenuContainer div:hover {
	background: #fff7e6;
	color:#222;
	border: 1px solid #222;
}
a.version {
	margin:-20px 0px 0px 0px;
	font-size: 1em;
}
a.version:link, a.version:visited {
	color:#0033ff;
	background-color: transparent;
}
a.version:hover {
	color:#993399;
	background-color: transparent;
}
a.version:active	{
	color:#0033ff;
	background-color: transparent;
}
/*************************************
Interactive Core Skills details page
*************************************/
table#CoreSkillsDetails {
	margin: 5px 0px 10px 0px;
	border: none;
	padding:  0px 0px 0px 0px;
	width: 80%;
	font-size: 1em;
}
table#CoreSkillsDetails Caption {
	display: none;
}
table#CoreSkillsDetails tr {
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
	padding: 0px;
	margin: 0px;
	vertical-align: top;
}
table#CoreSkillsDetails th {
	background-color: #ff9966;
	margin: 1px;
	padding: 4px;
	color: #fff;
	font-size: 0.9em;
	font-weight: bold;
	vertical-align: top;
	text-align: left;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
}
table#CoreSkillsDetails th h2 {
	color: #fff;
	background: transparent;
}
table#CoreSkillsDetails  td {
	background-color: #ffcc99;
	margin: 1px;
	padding: 4px;
	color: #000;
	font-size: 0.9em;
	font-weight: normal;
	vertical-align: top;
	text-align: left;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
}
/*********************************************
Feedback form
*********************************************/
table#feedback {
	font-size: 1em;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 80%;
}
table#feedback caption {
	display: none;
}
table#feedback td {
	background-color: #FEDEC5;
	margin: 0px 0px 2px 0px;
	padding: 5px 3px 3px 5px;
	color: #000000;
	border-bottom: 1px solid #ffffff;
}
table#feedback th {
	background-color: #B40001;
	margin: 0px 0px 2px 0px;
	padding: 5px 3px 3px 5px;
	color: #ffffff;
	border-bottom: 1px solid #ffffff;
}
table#feedback td.buttons {
	background-color: transparent;
	margin: 0px 0px 2px 0px;
	padding: 5px 3px 3px 5px;
	color: #ffffff;
	border-bottom: 1px solid #ffffff;
	text-align: right;
}
/****************************************************
Site Specific - General Tables - added by Ian Burrett 
****************************************************/
table#General, table.General {
	margin: 5px 0px 10px 0px;
	border: none;
	padding:  0px 0px 0px 0px;
	width: 100%;
	font-size: 1em;
}
table#General Caption, table.General Caption {
	display: none;
}
table#General tr, table.General tr {
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
	padding: 0px;
	margin: 0px;
	vertical-align: top;
	font-size: 1em;
}
table#General th.heading, table.General th.heading {
	background: #b40001;
	color: #fff;
	margin: 1px;
	padding: 4px;
	font-weight: bold;
	vertical-align: top;
	text-align: left;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
}
table#General th, table.General th {
	background-color: #D3D6A0;
	margin: 1px;
	padding: 4px;
	color: #000;
	font-weight: bold;
	vertical-align: top;
	text-align: left;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
}
table#General th h2, table.General th h2 {
	color: #fff;
	background: transparent;
}
table#General td, table.General td {
	background-color: #F5F6EA;
	margin: 1px;
	padding: 4px;
	color: #000;
	font-weight: normal;
	vertical-align: top;
	text-align: left;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
}
/****************************************************
Contacts - Tables 
****************************************************/
.contacttable {
	background-color: #933;
	margin: 1px;
	padding: 4px;
	color: #fff;
	font-size: 1em;
	font-weight: bold;
	vertical-align: top;
	text-align: left;
}
.contactheader {
	background-color: #D3D6A0;
	margin: 1px;
	padding: 4px;
	color: #000;
	font-size: 0.9em;
	font-weight: bold;
	vertical-align: top;
	text-align: left;
}
.contactdetails {
	background-color: #F5F6EA;
	margin: 1px;
	padding: 4px;
	color: #000;
	font-size: 0.9em;
	font-weight: normal;
	vertical-align: top;
	text-align: left;
}

/****************************************************
Site Specific - Core Skills NEW 
****************************************************/
.coreskillsouterbox {
	background-color: #D3D6A0;
	color: #000;
	margin: 5px 0px 5px 0px;
	padding: 3px 3px 3px 3px;
	width: 100%;
}
.coreskillsinnerboxleft {
	background-color: #D3D6A0;
	color: #000;
	margin: 5px 0px 5px 0px;
	padding:  3px 3px 3px 3px;
	float: left;
	width: 75%;
}
.coreskillsinnerboxright {
	background-color: #D3D6A0;
	color: #000;
	margin: 5px 0px 5px 0px;
	padding: 3px 3px 3px 3px;
	float: left;
}
h2.coreskills {
	color:#d46604;
	background: transparent;
	font-size: 1.1em;
	font-weight:bold;
	padding: 5px 0px 1px 0px;
	margin: 0px 0px 0px 0px;
	border-bottom: 2px solid #f8d89f;
}
.coreskillslistcontainer {
	padding: 5px 0px 0px 0px;
	margin: 2px 0px 10px 0px;
	border-top: 1px solid #f8d89f;
}

.CoreSkillsMainItem {
	background: #ffffff;
	color: #000000;
	width: 100%;
	padding: 1px 0px 7px 0px;
	margin: 1px 0px 0px 0px;
	border-bottom: 1px solid #f8d89f;
}
.CoreSkillsMainItemLeft {
	background: #ffffff;
	color: #000000;
	padding: 1px 0px 10px 0px;
	margin: 1px 10px 0px 0px;
	float: left;
}
.CoreSkillsMainItemRight {
	background: #f8d89f;
	color: #000000;
	padding: 5px 5px 5px 5px;
	margin: 1px 0px 0px 0px;
	float: left;
}
.CoreSkillsMiddleItemsBox {
	color: #222222;
	background: #ffffff;
	width: 100%;
	padding: 1px 2px 1px 2px;
	margin: 2px 0px 2px 0px;
	border-bottom: 1px solid #f8d89f;
}
.CoreSkillsMiddleItemsBox img {	
	padding: 0px 0px 0px 0px;
	margin: 2px 10px 2px 2px;
	border: 1px solid #cccccc;
}
.CoreSkillsMiddleItemsBox p {	
	padding: 5px 0px 0px 10px;
	margin: 2px 2px 2px 2px;
}
.CoreSkillsMiddleItemsBoxRight {
	width: 45%; 
	float: right;
	margin: 0px 5px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	background: transparent;
	color: #222222;
}
.CoreSkillsMiddleItemsBoxLeft{
	width: 45%; 
	float: left;
	margin: 0px 0px 0px 5px;
	padding: 0px 0px 0px 0px;
	display: block;
	background: transparent;
	color: #222222;
}
.CoreSkillsMiddleItemsBoxLeft2{
	float: left;
	margin: 0px 0px 0px 5px;
	padding: 0px 0px 0px 0px;
	display: block;
	background: transparent;
	color: #222222;
}
/*********************************************
Site Specific Classes -	NQ e-library Resources, New Titles
Added by Steven Park, Requested by Frances Sibbet
********************************************/
.monthheader {
	background: #F5F6EA;
	border-bottom: 1px solid #630209;
	padding: 0 0 2px 5px;
	margin: 10px 0 10px 0;
}
/*********************************************
Glossary
*********************************************/
table#glossary	{
	padding-right: 0px;
	border-top: #b40001 1px solid;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px 0px 10px;
	width: 91%;
	padding-top: 0px
}
table#glossarydetails	{
	padding-right: 0px;
	border-top: #b40001 1px solid;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px 0px 10px;
	width: 91%;
	padding-top: 0px
}
table#glossary caption	{
	display: none
}
table#glossary th	{
	padding-right: 5px;
	padding-left: 5px;
	font-weight: bold;
	background: #F5F6EA;
	padding-bottom: 5px;
	margin: 0px;
	vertical-align: top;
	width: 30%;
	color: #72bb80;
	padding-top: 5px;
	border-bottom: #ae3232 1px solid;
	text-align: left
}
table#glossary a	{
	font-weight: bold
}
table#glossary td	{
	padding-right: 5px;
	padding-left: 5px;
	background: #fff;
	padding-bottom: 5px;
	margin: 0px;
	vertical-align: top;
	color: #000000;
	padding-top: 5px;
	border-bottom: #b40001 1px solid;
	text-align: left
}
table#glossaryitem	{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 20px 0px 10px;
	width: 91%;
	padding-top: 0px;
	font-size: 100%;
}
table#glossaryitem caption	{
	display: none
}
table#glossaryitem th	{
	padding-right: 5px;
	padding-left: 5px;
	font-weight: bold;
	background: #b40001;
	color: #ffffff;
	padding-bottom: 5px;
	margin: 0px;
	vertical-align: top;
	width: 30%;
	padding-top: 5px;
	border-bottom: #ffffff 1px solid;
	text-align: left;
}
table#glossaryitem td	{
	padding-right: 5px;
	padding-left: 5px;
	background: #F5F6EA;
	padding-bottom: 5px;
	margin: 0px;
	vertical-align: top;
	color: #000000;
	padding-top: 5px;
	border-bottom: #ffffff 1px solid;
	text-align: left;
}
table#atoz	{
	padding-right: 0px;
	padding-left: 0px;
	font-size: 0.9em;
	padding-bottom: 0px;
	margin: 0px;
	width: 100%;
	padding-top: 0px
}
table#atoz caption	{
	display: none
}
table#atoz td	{
	padding-right: 0px;
	border-top: #ffffff 1px solid;
	padding-left: 0px;
	background: #b40001;
	padding-bottom: 0px;
	margin: 0px;
	border-left: #ffffff 1px solid;
	color: #fff;
	padding-top: 0px;
	text-align: center
}
table#atoz td#listall	{
	background: #F5F6EA;
	color: #fff
}
table#atoz a	{
	display: block;
	font-weight: bold;
	background: #F5F6EA;
	color: #b40001;
}
table#atoz a:link	{
	display: block;
	font-weight: bold;
	background: #F5F6EA;
	color: #b40001;
}
table#atoz a:visited	{
	display: block;
	font-weight: bold;
	background: #F5F6EA;
	color: #b40001;
}
table#atoz a:active	{
	display: block;
	font-weight: bold;
	background: #F5F6EA;
	color: #b40001;
}
table#atoz a:hover	{
	display: block;
	font-weight: bold;
	background: #fff;
	color: #b40001;
}
#keyword	{
	border-right: #fff 1px solid;
	padding-right: 0px;
	border-top: #fff 1px solid;
	padding-left: 0px;
	background: #F5F6EA;
	padding-bottom: 0px;
	margin: 0px 0px 10px;
	border-left: #fff 1px solid;
	color: #000;
	padding-top: 0px;
	border-bottom: #fff 1px solid
}
#keyword h2	{
	font-size: 0.95em;
	background: #b40001;
	color: #fff;
	border-bottom: #ae3232 1px solid;
	padding-left: 10px;
}
#keyword #form4	{
	padding-right: 0px;
	padding-left: 5px;
	padding-bottom: 0px;
	margin: 0px 0px 5px;
	padding-top: 5px
}
#keyword #text4	{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	width: 70%;
	padding-top: 0px
}
#keyword #submit5	{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px
}
/*******************************/
/* Send link to a friend button */
/*******************************/
TABLE.admintable
{
    BORDER-RIGHT: #fff 1px solid;
    PADDING-RIGHT: 0px;
    BORDER-TOP: #fff 1px solid;
    PADDING-LEFT: 0px;
    FONT-SIZE: 1em;
    PADDING-BOTTOM: 0px;
    MARGIN: 5px 0px 10px;
    WIDTH: 100%;
    PADDING-TOP: 0px
}
TABLE.admintable CAPTION
{
    DISPLAY: none;
    HEIGHT: 0px
}
TABLE.admintable TR
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    VERTICAL-ALIGN: top;
    PADDING-TOP: 0px
}
TABLE.admintable TH
{
    PADDING-RIGHT: 2px;
    PADDING-LEFT: 2px;
    BACKGROUND: #D3D6A0;
    PADDING-BOTTOM: 2px;
    BORDER-LEFT: #fff 1px solid;
    COLOR: #4a4d22;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: #fff 1px solid;
    TEXT-ALIGN: left;
	WIDTH: 25%;
}
TABLE.admintable TD
{
    PADDING-RIGHT: 2px;
    PADDING-LEFT: 2px;
    BACKGROUND: #F5F6EA;
    PADDING-BOTTOM: 2px;
    BORDER-LEFT: #fff 1px solid;
    COLOR: #000000;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: #fff 1px solid
}
TABLE.admintable TD.buttons
{
    PADDING-RIGHT: 2px;
    PADDING-LEFT: 2px;
    BACKGROUND: #ffffff;
    PADDING-BOTTOM: 2px;
    BORDER-LEFT: #fff 1px solid;
    COLOR: #003399;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: #fff 1px solid;
    TEXT-ALIGN: right
}
/*********************************************
Carousel
*********************************************/
.carousel .bgOn {
	color: #fff;
	background: #b40001;
	margin: 0px 0px 20px 0px;
	padding: 0px;
}
#myGallery, #myGallerySet, #flickrGallery
{
	width: 300px;
	height: 200px;
}
.carousel .bgOn h1 {
	font-size: 1.8em;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	color: #fff;
}

.carousel h2 {
	color: #fff;
	background: transparent;
}
.carousel p {
	color: #fff;
}
#myGallery a, #myGallery a:link, #myGallery a:active, #myGallery a:visited {
	color: #fff;
}
#myGallery a:hover {
	color: #fff;
	text-decoration: underline;
}
#Content .jdGallery div.carouselContainer {
	height: 115px;
}
#Content .jdGallery .carousel {
	height: 95px;
}

/* 960T gridMods */

div#wrapper {
width:980px;
}

* html div#wrapper {
width:980px;
}

* html div#userpref {
width:980px;
}

div#userpref {
width:980px;
}

#NavigationContainer {
margin:10px 10px 0 10px;
_margin:10px 5px 0 5px;
width:190px;
}

#MainContainer {
margin:0 0 0 10px;
_margin:0 0 0 5px;
width:750px;
}

#ContentContainer {
margin:10px 0 0 0;
width:540px;
_width:550px;
}

#InteractiveContainer {
margin:0;
width:190px;
}

/* end 960T gridMods */


.slideshow {
	display: block;
	position: relative;
	z-index: 0;
}
.slideshow-images {
	display: block;
	overflow: hidden;
	position: relative;
}		
.slideshow-images img {
	display: block;
	position: absolute;
	z-index: 1;
}		
.slideshow-thumbnails {
	overflow: hidden;
}

/**
HTML:
	<div class="slideshow-images">
		<img />
		<img />
	</div>
	
Notes:
	The images div is where the slides are shown.
	Customize the visible / prev / next classes to effect the slideshow transitions: fading, wiping, etc.
*/

.slideshow-images {
	height: 200px;
	width: 300px;
}		
.slideshow-images-visible { 
	opacity: 1;
}	
.slideshow-images-prev { 
	opacity: 0; 
}
.slideshow-images-next { 
	opacity: 0; 
}
.slideshow-images img {
	float: left;
	left: 0;
	top: 0;
}	

/**
Notes:
	These are examples of user-defined styles.
	Customize these classes to your usage of Slideshow.
*/

.slideshow {
	height: 200px;
	margin: 0 auto;
	width: 300px;
}
.slideshow a img {
	border: 0;
}

/**
HTML:
	<div class="slideshow-captions">
		...
	</div>
	
Notes:
	Customize the hidden / visible classes to affect the captions animation.
*/

.slideshow-captions {
	background: #fff;
	bottom: 0;
	color: #333;
	left: 0;
	overflow: hidden;
	position: absolute;
	padding: 0px;
	width: 100%;
	z-index: 10000;
	font-size: 0.9em;
}
.slideshow-captions a {
	color: #333;
}
.mainslideshow .slideshow-captions h1, .slideshow-captions h2, .slideshow-captions h3, .slideshow-captions p {
	margin: 0px;
	padding: 3px 5px 0px 5px;
	border-bottom: 0px;
	color: #333 !important;
}
.slideshow-captions-hidden {
	height: 0;
	opacity: 0;
}
.slideshow-captions-visible {
	height: 70px;
	opacity: .8;
}

/**
HTML:
	<div class="slideshow-controller">
		<ul>
			<li class="first"><a /></li>
			<li class="prev"><a /></li>
			<li class="pause play"><a /></li>
			<li class="next"><a /></li>
			<li class="last"><a /></li>
		</ul>
	</div>
	
Notes:
	Customize the hidden / visible classes to affect the controller animation.
*/

.slideshow-controller {
	background: url(controller.png) no-repeat;
	height: 42px;
	left: 50%;
	margin: -21px 0 0 -119px;
	overflow: hidden;
	position: absolute;
	top: 50%;
	width: 238px;
	z-index: 10000;
}
.slideshow-controller * {
	margin: 0;
	padding: 0;
}
.slideshow-controller-hidden { 
	opacity: 0;
}
.slideshow-controller-visible {
	opacity: 1;
}
.slideshow-controller a {
	cursor: pointer;
	display: block;
	height: 18px;
	overflow: hidden;
	position: absolute;
	top: 12px;
}
.slideshow-controller a.active {
	background-position: 0 18px;
}
.slideshow-controller li {
	list-style: none;
}
.slideshow-controller li.first a {
	background-image: url(controller-first.gif);
	left: 33px;
	width: 19px;
}
.slideshow-controller li.last a {
	background-image: url(controller-last.gif);
	left: 186px;
	width: 19px;
}
.slideshow-controller li.next a {
	background-image: url(controller-next.gif);
	left: 145px;
	width: 28px;
}
.slideshow-controller li.pause a {
	background-image: url(controller-pause.gif);
	left: 109px;
	width: 20px;
}
.slideshow-controller li.play a {
	background-position: 20px 0;
}
.slideshow-controller li.play a.active {
	background-position: 20px 18px;
}
.slideshow-controller li.prev a {
	background-image: url(controller-prev.gif);
	left: 65px;
	width: 28px;
}

/**
HTML:
	<div class="slideshow-loader" />
	
Notes:
	Customize the hidden / visible classes to affect the loader animation.
*/

.slideshow-loader {
	height: 28px;
	right: 0;
	position: absolute;
	top: 0;
	width: 28px;
	z-index: 10001;
}
.slideshow-loader-hidden {
	opacity: 0;
}
.slideshow-loader-visible {
	opacity: 1;
}

/**
HTML:
	<div class="slideshow-thumbnails">
		<ul>
			<li><a class="slideshow-thumbnails-active" /></li>
			<li><a class="slideshow-thumbnails-inactive" /></li>
			...
			<li><a class="slideshow-thumbnails-inactive" /></li>
		</ul>
	</div>
	
Notes:
	Customize the active / inactive classes to affect the thumbnails animation.
	Use the !important keyword to override FX without affecting performance.
*/

.slideshow-thumbnails {
	bottom: -65px;
	height: 65px;
	left: 0;
	position: absolute;
	width: 100%;
}
.slideshow-thumbnails * {
	margin: 0;
	padding: 0;
}
.slideshow-thumbnails ul {
	height: 65px;
	left: 0;
	position: absolute;
	top: 0;
	width: 10000px;
}
.slideshow-thumbnails li {
	float: left;
	list-style: none;
	margin: 5px 5px 5px 0;
	position: relative;
}
.slideshow-thumbnails a {
	display: block;
	float: left;
	padding: 5px;
	position: relative; 
}
.slideshow-thumbnails a:hover {
	background-color: #FF9 !important;
	opacity: 1 !important;
}
.slideshow-thumbnails img {
	display: block;
}
.slideshow-thumbnails-active {
	background-color: #9FF;
	opacity: 1;
}
.slideshow-thumbnails-inactive {
	background-color: #FFF;
	opacity: .5;
}

#show {
	padding: 0px 0px 0px 0px;
	margin: 0px 10px 0px 0px;
	float: left;
}


/* page nav */

div.pagenav ul li a,div.pagenav ul li.page a:link,div.pagenav ul li a:visited{color:#000}
div.pagenav ul li.page a:hover{background:#f0f0f0;color:#000}