/*
	File: stylesheet_screen.css
	Application: Default
	Authors: Colin Abercrombie Steven Park
	(c) 2006 LT Scotland. All rights reserved.
*/
/*********************************************
Override wrapper styles
*********************************************/
div#wrapper {
	min-width: 975px;
}
* html div#wrapper {width: 1024px /* fallback value */;
width:expression(((document.compatMode && 
document.compatMode=='CSS1Compat') ? 
document.documentElement.clientWidth : 
document.body.clientWidth) 
> 1024 ? "1024px" : (((document.compatMode && 
document.compatMode=='CSS1Compat') ? 
document.documentElement.clientWidth : 
document.body.clientWidth) < 1024 ? "1024px" : "auto")); }
/*********************************************
Main tags overwrites global styles
*********************************************/
body {
	background: #017cb0 url("../graphics/bodybg.gif") top left repeat-x;
	padding-top: 0px;
}
div#wrapper, div#MainContainer, div#ContentContainer, div#Content, div#NavigationContainer {
	background-color: transparent;
}
div#MainContainer {
	float: left;
}
#NavigationContainer {
	width: 15%;
}
div#wrapper {
	border: 0px;
	margin-top: 0px;
}
#HeaderContainer, #NGfLBarHeaderContainer {
	border-bottom: 0px;
}
#NGfLBarHeaderContainer, #HeaderContainer {
	background: transparent; 
}
#NGfLBarHeaderContainer {
	margin: 0px 0px 20px 0px;
}
ul#nav_tools li a:link, ul#nav_tools li a:visited, ul#nav_tools li a:active, ul#nav_tools li a:hover {
	color:#fff;
}
#Content {
	color: #fff;
}

#TabContainer {
	background-color: transparent;
}
#TabContainer {
	background-color: transparent;
}
#ResourceTabContainer li a, #ResourceTabContainer li a:link, #ResourceTabContainer li a:visited, #ResourceTabContainer li a:hover, #ResourceTabContainer li a:active {
	color: #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 {
	color: #fff;
}
#ResourceTabContainer li {
	border-bottom: 1px solid #000;
}
#ResourceTabContainer li#current {
	border-bottom: 1px solid #017cb2;
}
/*********************************************
VWE specific - Overwrite for print firendly screen view
*********************************************/
#FullMainContainer #Content {
	color: #000;
}
#FullMainContainer #Content a {
	color:#d9d900;
}
/*********************************************
VWE specific - User accessibility Toolbar
*********************************************/

}
body.high #userpref p {
	color: #fff !important;
}
/*********************************************
General tags
*********************************************/
/* Primary colour */
h1, h2, h3, h4, h5	{
	color: #fff;
	background: transparent;
}

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

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

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

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

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

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

/*********************************************
Header Banner
*********************************************/
#wrapper {
	background: transparent url("../graphics/headerimage.jpg") left top no-repeat; 
}
#HeaderImage { 
	color: #000;
	background: transparent; 
	height: 111px;
	width: 100%;
	text-align: center;
}
#HeaderTitle { 
	background: transparent; 
	color: #fff; 	
	height: 111px; 
	width: 100%;
}

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

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

/*********************************************
New HeaderBar Navigation
*********************************************/
/* Primary bg colour */
#HeaderSearchBox {
	color: #ffffff;
	background: transparent;
	/* background: #003550 url("../graphics/seacrh_corner.gif") top left no-repeat; */
}

/*********************************************
Main Navigation
*********************************************/
#NavigationBox {
	color: #000000;
	background: transparent;
}
/*********************************************
Main Navigation Top Level (1)
*********************************************/
/* Primary bg colour */
li.navigationlevel1 {
	background: transparent;
	border-bottom: solid 1px #fff;
}

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

/* Primary bg colour */
/***Selected State***/ 
li.navigationlevel1selected {
	background: transparent;
	border-bottom: solid 1px #fff;
}

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: #003550;
}
.mainslideshow .bgOn {
	color: #fff;
	background-color: transparent;
}
.intro .bgOn img {
	padding: 0px 30px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.intro .bgOn h1 {
	font-weight: bold;
	font-size: 2em;	
}
/* Primary bg colour - LIGHT */
.bgOn {
	color: #414141;
	background-color: #e1efd1; 
}
/* Primary bg colour - LIGHT */
.bgOn h2 {
	color: #414141;
	background-color: #e1efd1; 
}

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

body#bodyvirtualworkexperience .mainslideshow .bgOn h1 {
	background: transparent url("../graphics/3dworld.gif") top right no-repeat; 
	color: #fff;
	height: 109px;
	width: 135px;
	text-align: center;
	padding: 45px 10px 0px 30px;
	font-size: 1.7em;
	float: left;
	font-weight: bold;
}

body#bodyvirtualworkexperience .mainslideshow .bgOn h1 a {
	color: #fff;
}

.mainslideshow img {
	height: 215px;
	width: 383px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
border: 1px solid red;
}

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

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

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

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

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

.quickLinks h2 {
	padding: 3px 0px;
	margin-top: 5px;
}

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

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

#Interactive {
	color: #ffffff;
	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: #003550;
	color: #fff;
	border-bottom: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
}

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

/* Primary bg colour */
table.style2 th {
	background-color: #003550;
	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: #e1efd1;
	color: #414141;
}

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

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

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

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

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

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

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

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

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




/*********************************************
Styels for design IN PROGRESS - SP
*********************************************/
.intro .bgOn {
	background: transparent;
}
.intro .bgOn .leftimg {
	border-right: 0;
}
body#bodyvirtualworkexperience .summary div {
	background: transparent url("../graphics/headerbg2.gif") right top repeat-x; 
	color: #fff;
}
body#bodyvirtualworkexperience .summary h2 {
	background: transparent url("../graphics/headerbg1.gif") left top no-repeat;
	color: #fff;
	font-size: 1.6em;
	height: 80px;
	padding:10px;
}
body#bodyvirtualworkexperience .intro .bodyText h1 {
	background: transparent url("../graphics/3dworld.gif") top right no-repeat; 
	color: #fff;
	height: 109px;
	width: 135px;
	text-align: center;
	padding: 45px 10px 0px 10px;
	font-size: 1.7em;
	float: left;
}
body#bodyvirtualworkexperience .intro .bodyText p {
	padding: 0px 0px 0px 0px;
}
body#bodyvirtualworkexperience .summary p {
	margin-top: 0;
}
body#bodyvirtualworkexperience .summary h2 a {
	color: #fff;
	display: block;
	padding: 5px 10px 0 10px;
	height: 55px;
	text-align: center;
}
/*********************************************
Carousel
*********************************************/
.carousel .bgOn {
	color: #fff;
	background-color: #017cb0;
	margin: 0px 0px 20px 0px;
	padding: 0px;
}
#myGallery, #myGallerySet, #flickrGallery {
	width: 383px;
	height: 215px;
}
body#bodyvirtualworkexperience .carousel .bgOn h1 {
	background: transparent url("../graphics/3dworld.gif") top right no-repeat; 
	color: #fff;
	height: 109px;
	width: 135px;
	text-align: center;
	padding: 45px 10px 0px 30px;
	font-size: 1.7em;
	float: left;
	font-weight: bold;
}
.carousel .bgOn h2 {
	background-color: transparent; 
}
.carousel h2 {
	color: #fff; 
}
.carousel p {
	color: #fff;
	padding: 0px 0px 0px 30px;
}
.carousel a {
	color: #fff;
}
.carousel .withArrows a.open
{
bottom: 40px;
	height: 175px;
	width: 100%;
}
#myGallery a, #myGallery a:link, #myGallery a:active, #myGallery a:visited {
	color: #fff;
}
#myGallery a:hover {
	color: #fff;
	text-decoration: underline;
}
/*********************************************
Tabs
*********************************************/
#TabContainer {
	border-top: 0px;
}

.bgOff img {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.bgOff .topImg {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
/*********************************************
Site Contents - Page Link list
*********************************************/
ul.pagelinklist {
	color: #fff;
}

/*********************************************
Tabs tcm:4-506963-32
*********************************************/
#ResourceTabContainer li {
	background: url("../graphics/tabright.gif") no-repeat right top;
}
#ResourceTabContainer li a, #ResourceTabContainer li a:link, #ResourceTabContainer li a:visited, #ResourceTabContainer li a:hover, #ResourceTabContainer li a:active {
	background: url("../graphics/tableft.gif") no-repeat left top;
}
#ResourceTabContainer li#current {
	background: url("../graphics/tabrightselected.gif") no-repeat right top;
}
#ResourceTabContainer li#current a, #ResourceTabContainer li#current a:link, #ResourceTabContainer li#current a:visited, #ResourceTabContainer li#current a:active, #ResourceTabContainer li#current a:hover {
	background: url("../graphics/tableftselected.gif") no-repeat left top;
}

/* simple stand alones */



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


#FooterContainer {border:none}
/*redevelopment adjustments*/

body {margin:0 0 100px;background:#f0f0f0;font: 75%/1.6666666666666667em Verdana, Arial, Helvetica, sans-serif;color:#333;padding:0}
#HeaderSearchBox {margin:-70px 50px 0 0;_margin:-70px 0;_position:absolute;background:none;}
#HeaderSearchBox input {}
div#wrapper {background:#017CB0}
#HeaderTitle {display:none}
#NavList {display:none}
#NGfLBarHeaderContainer {height:20px;background:#f0f0f0;border:none}
div#wrapper {border:none}
#HeaderContainer {background-color:#fff}
#HeaderImage  {background-image: url("../graphics/headerimage.gif");background-repeat: no-repeat;background-position: 10px 30px;height:100px;background-color:#fff}
div#userpref {top:0;right:10px;width:430px;min-width:inherit;float:right;_margin-top:-60px}

#header {width:980px;background:#fff;margin:0 auto 10px auto;top:0;text-align:left;height:75px}
#header a.logo {float:left;margin:10px 0 0 10px}
#header a.glowLogin {float:left;margin:10px 0 0 40px}
#header a.gaelicLink {float:left;margin:10px 0 0 20px}




/*end redevelopment adjustments*/