/*
	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: #4787c7;
	background: transparent;
}

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

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

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

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

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

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

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

/*********************************************
Section Banner
*********************************************/
/* Primary bg colour */
#sectionBannerImage { 
	color: #000;
	background-color: #4787c7;
}

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

/*********************************************
New HeaderBar Navigation
*********************************************/
/* Primary bg colour */
#HeaderSearchBox {
	color: #ffffff;
	background: #4787c7;
	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: #4787c7;
}

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

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

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 {
	color: #fff;
	background-color: #4787c7;
}
.intro .bgOn h1 {
	font-weight: bold;
	font-size: 2em;	
}
/* Primary bg colour - LIGHT */
.bgOn {
	color: #414141;
	background-color: #dfefff; 
}

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

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

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

/* Primary bg colour */
.blockContainer .bgOn h2 {
	color: #fff;
	background-color: #4787c7; 
}

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

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

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

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

/* Primary colour */
#Interactive h3 {
	color: #4787c7;
	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: #4787c7;
	color: #fff;
	border-bottom: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
}

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

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

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

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

/*********************************************
Feedback form classes
*********************************************/
/* Primary bg colour */
table#feedback th {
	background-color: #4787c7;
	color: #414141;
}

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

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

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

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

td.eventtableheading {
	background-color: #ffffff;
	color: #4787c7;
}

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

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

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

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


/*********************************************
Site-specific styles for WebForms - IN PROGRESS
*********************************************/
#FORM1 th {
	background-color: #6eb74a;
	color: #fff;
	border: 1px solid #ffffff;
}
#FORM1 td {
	background-color: #eeeeee;
	color: #000000;
}
#FORM1 tr.Field_Separator td {
	background: #6f6f6f;
	color: #fff;
}
#FORM1 td.Label_standard {
	background: #6eb74a;
	color: #fff;
	width: 40%;
}
#FORM1 td.WebFormData {
	background: #e8f0f7;
	width: 60%;
}
#FORM1 #buttons {
	background: #bbbbbb;
}
#FORM2 th {
	background-color: #005bab;
	color: #fff;
	border: 1px solid #ffffff;
}
#FORM2 td {
	background-color: #eeeeee;
	color: #000000;
}
#FORM2 tr.Field_Separator td {
	background: #6f6f6f;
	color: #fff;
}
#FORM2 td.Label_standard {
	background: #005bab;
	color: #fff;
	width: 40%;
}
#FORM2 td.WebFormData {
	background: #e8f0f7;
	width: 60%;
}
#FORM2 #buttons {
	background: #bbbbbb;
}
/*********************************************
Site-specific styles 
*********************************************/
blockquote {
	color: #ff830d;
	margin: 0;
	font-weight: bold;
	font-style: italic;
	font-size: 1.0em;
	width: 100%;
}
cite {
	text-align: right;
	margin-top: 10px;
}
/*********************************************
Site Specific Classes - Thumbnail gallery
*********************************************/
.thumbnailContainer {
	background: #fea148;
	margin: 5px 20px 20px 0px;
	padding: 15px 5px 5px 5px;
	float: left;
	text-align: center;
	width: 125px;
	height: 180px;
}
.thumbnailContainer h2 {
	color: #000000;
	background: transparent;
	font-size: 1.0em;	
	font-weight: normal;
	padding: 1px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.thumbnailImg {
	background: transparent;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 5px 0px;
	text-align: center;
}
.thumbnailImg img {
	border: 2px solid #000;
}
/*********************************************
Tab Container 
*********************************************/

/*********************************************
Site Specific Classes - Linear Navigation Container
*********************************************/
#LinearNavigationContainer {
	color: #000;
	background-color: #fea148;
	padding: 5px;
	margin: 15px 0px 0px 0px;
}
ul#LinearNavigation {
	list-style: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
ul#LinearNavigation li {
	padding: 0px 10px 0px 0px;
	margin: 0px 0px 0px 0px;
}
ul#LinearNavigation img {
	display: inline;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	height: 37px;
	width: 42px;
}
ul#LinearNavigation a {
	color: #000;
	background-color: #ccc;
	text-decoration: none;
	font-weight: normal;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	height: 37px;
	width: 42px;
}
ul#LinearNavigation a:link {
	color: #000;
	background-color: transparent;
	text-decoration: none;
}
ul#LinearNavigation a:visited {
	color: #000;
	background-color: transparent;
	text-decoration: none;
}
ul#LinearNavigation a:active {
	color: #000;
	background-color: transparent;
	text-decoration: none;
}
ul#LinearNavigation a:hover {
	color: #000;
	background-color: transparent;
	text-decoration: underline;
}
/*********************************************
Linear Navigation Container
*********************************************/
ul#LinearNavigation li#up  {
	display: inline;
	padding: 0px 0px 22px 0px;
	margin: 0px 0px 0px 0px;
	background: url("../graphics/up.gif") top left no-repeat;
}
ul#LinearNavigation li#updisabled  {
	display: inline;
	padding: 0px 0px 22px 0px;
	margin: 0px 0px 0px 0px;
	background: url("../graphics/updisabled.gif") top left no-repeat;
}
ul#LinearNavigation li#previous  {
	display: inline;
	padding: 0px 0px 22px 0px;
	margin: 0px 0px 0px 0px;
	background: url("../graphics/previous.gif") top left no-repeat;
}
ul#LinearNavigation li#previousdisabled  {
	display: inline;
	padding: 0px 0px 22px 0px;
	margin: 0px 0px 0px 0px;
	background: url("../graphics/previousdisabled.gif") top left no-repeat;
}
ul#LinearNavigation li#next  {
	display: inline;
	padding: 0px 0px 22px 0px;
	margin: 0px 0px 0px 0px;
	background: url("../graphics/next.gif") top left no-repeat;
}
ul#LinearNavigation li#nextdisabled  {
	display: inline;
	padding: 0px 0px 22px 0px;
	margin: 0px 0px 0px 0px;
	background: url("../graphics/nextdisabled.gif") top left no-repeat;
}
ul#LinearNavigation li#home  {
	display: inline;
	padding: 0px 0px 22px 0px;
	margin: 0px 0px 0px 0px;
	background: url("../graphics/home.gif") top left no-repeat;
}
ul#LinearNavigation li#homedisabled  {
	display: inline;
	padding: 0px 0px 22px 0px;
	margin: 0px 0px 0px 0px;
	background: url("../graphics/homedisabled.gif") top left no-repeat;
}
ul#LinearNavigation li#return  {
	display: inline;
	padding: 0px 0px 22px 0px;
	margin: 0px 0px 0px 0px;
	background: url("../graphics/return.gif") top left no-repeat;
}
ul#LinearNavigation li#returndisabled  {
	display: inline;
	padding: 0px 0px 22px 0px;
	margin: 0px 0px 0px 0px;
	background: url("../graphics/returndisabled.gif") top left no-repeat;
}
ul#LinearNavigation li#uptext  {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
ul#LinearNavigation li#previoustext  {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
ul#LinearNavigation li#nexttext  {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
ul#LinearNavigation li#hometext  {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
ul#LinearNavigation li#returntext  {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
ul#LinearNavigation li#count  {
	display: inline;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}




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



#TabContainer {
	float: left;
	width: 99%;
	background-color: #fff;
  	padding: 0px 0px 10px 10px;
	margin: -1px 0px 10px 0px;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
}
#ResourceTabContainer li {
	float: left;
	width: 16%;
	margin: 0px;
	padding: 0px;
	background: url("../graphics/tabright.gif") no-repeat right top;
	border-bottom: 1px solid #666;
	font-size: 0.95em;
	line-height: 1.1em;
}
#ResourceTabContainer li a, #ResourceTabContainer li a:link, #ResourceTabContainer li a:visited, #ResourceTabContainer li a:hover, #ResourceTabContainer li a:active {
	display: block;
	height: 25px;
	text-align: center;
	font-weight: normal;
	background: url("../graphics/tableft.gif") no-repeat left top;
	color: #3f3f3f;
	padding: 3px 4px;
}
/***Selected State***/ 
#ResourceTabContainer li#current {
	float: left;
	width: 16%;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	background: url("../graphics/tabrightselected.gif") no-repeat right top;
	color: #3f3f3f;
	border-bottom: 1px solid #fff;
}
#ResourceTabContainer li#current a, #ResourceTabContainer li#current a:link, #ResourceTabContainer li#current a:visited, #ResourceTabContainer li#current a:active, #ResourceTabContainer li#current a:hover {
	display: block;
	height: 25px;
	text-align: center;
	font-weight: normal;
	background: url("../graphics/tableftselected.gif") no-repeat left top;
	color: #4787c7;
	padding: 3px 4px;
}
#TabContainer  {
background-color:#FFFFFF;
border-left:1px solid #000000;
border-right:1px solid #000000;
border-top:1px solid #000000;
float:left;
margin:-1px 0 10px;
padding:0 0 10px 10px;
width:99%;
}