﻿
/*<generic>*/
body{background-color: #fff;color: #000; }
a:focus, a:active{border:solid #eecc58 1px; background-color:#1133a7;color:#fff;}/*<external apps />*/
#pageWrapper a:link{color:#000;}/*DH removed 06/12/10 background-color:#fff;*/
#pageWrapper a:focus, #pageWrapper a:active{border:solid #eecc58 1px; background-color:#1133a7;color:#fff;}
/*</generic>*/
/*<masthead>*/
div#masthead, #mastWrapper, #mastContent, #mastLeft, #mastRight{background-color: #1133a7;color: #fff;}/*Needs the div or ie6 displays transparent background in child divs*/
#masthead a:link,#masthead a:visited{background-color:#1133a7;color:#fff;}
#masthead a:focus, #masthead a:active{border:solid #eecc58 1px; background-color:#1133a7;color:#fff;}
/*<Breadcrumb>*/
#masthead .breadcrumb{color:#000; background-color:#EEEDED;}         
#masthead .breadcrumb a{color:#000;background-color:#EEEDED;}
#masthead .breadcrumb a:focus, #masthead .breadcrumb a:active{border:solid #eecc58 1px; background-color:#1133a7;color:#fff;}
/*</Breadcrumb>*/
/*</masthead>*/
#leftColumn h2, #rightColumn h2, #contentColumn .h2SectionNews{color:White;background-color:#1133a7;}


#contentColumn h2{color: #006666;background-color:#fff;}/*Centre col on ChannelHome, GeneralContent, Events*/
#home h2{color:White;background-color:#1fa798;}                 
/*<contentColumn>*/
#contentColumn a:link{color: #006400;}
#contentColumn a:focus, #contentColumn a:active{border:solid #eecc58 1px; background-color:#1133a7;color:#fff;}
#contentColumn #welcome a:link{color: #006400;background-color:inherit;}
#contentColumn #welcome a:focus, #contentColumn #welcome a:active{border:solid #eecc58 1px; background-color:#fff;color:#fff;}
.AltTableRow{background-color:#d1dae8;color:#000;}/* Alternate table row */
/*</contentColumn>*/
.background{color:#000;background-color:#f1f2f4;}
/*.feature img{border-bottom:solid 1px blue;}     */
hr{border:solid 1px #1133a7;}
h3{color:#1133a7; background-color:inherit;}

#home h2.h2Features{color:White;background-color:#951e5b;}                 
#home h2.h2ContactUs{color:White;background-color:#6e2e91;margin-bottom:0;}                 
																		
/* LEFT AND RIGHT NAV STYLES */   
.Nav  li a:link{color:#000;}/*DH removed 06/12/10 background-color:#fff;*/
.Nav  li a:hover{color:#000;background-color:#fff;}
.Nav  li a:focus, .Nav  li a:active{border:solid #eecc58 1px; background-color:#1133a7;color:#fff;}
.Nav  ul li a{color:#333;}
#leftColumn a:focus,#leftColumn a:active{border:solid #eecc58 1px; background-color:#1133a7;color:#fff;}
/* END LEFT AND RIGHT NAV STYLES */
/*<footer>*/
#footer{background-color:#EEEDED;}
#footer a:link{color:#000;background-color:#EEEDED;}
#footer a:active,#footer a:focus, #w3cbutton a:active .spec,#w3cbutton a:focus .spec{background-color:#1133a7;color:#fff;}
#w3cbutton .w3c{color:#2c49a9;background:#fff;}
#w3cbutton .spec{color:#000;background:#D2D2D2;}

#browsealoudpara a:focus,#browsealoudpara  a:active{border:none #eecc58 1px;background-color:#eeeded; color:#fff;}/*<external apps />*/
#browsealoudpara a:link{color:#000;background-color:#fff;}
#browsealoudpara a:focus, #browsealoudpara a:active{border:none #eecc58 1px;background-color:#eeeded; color:#fff;}

/*</footer>*/
/*<SiteMap>*/
#contentColumn .channel a:link{color:blue;background-color:white;}
#contentColumn .channel a:hover{border:solid #eecc58 1px; background-color:#1133a7;color:#fff;}
#contentColumn .channel a:active, #contentColumn .channel a:focus{border:solid #eecc58 1px; background-color:#1133a7;color:#fff;}
/*</End SiteMap>*/                                                           

.doItHeading {
width:15%;
/* vertical-align:right; */
font-size:80%;
}
/*
.imageFloatLeft {
float:left;
}
*/
.imageSection {
float:left;
height:80px;
}

.linkSection 
{
margin-left:50px;
margin-bottom:10px;
}

.linkSection h3{
padding: 5px;
margin-top:0em;
}
.navigation h4 {
background-color:#233d94;
color:white;
}

.doItContainer p, .doItContainer a, .doItContainer h3 {
/*margin-left:50px;*/
margin-bottom:2px;
}

/* Amended in between these two lines......*/




#doItHeading1 img,#doItHeading2 img,#doItHeading3 img,#doItHeading4 img,#doItHeading5 img,#doItHeading6 img
{
	margin-bottom:5px;
	border:1px solid white;
}
#doItHeading1 img:hover,#doItHeading2 img:hover,#doItHeading3 img:hover,#doItHeading4 img:hover,#doItHeading5 img:hover,#doItHeading6 img:hover
{
	margin-bottom:5px;
	border:1px solid #1b40aa;
}

a:link#doItHeading2, #innerColumnContainer #rightColumn doItHeading2 h3 a:link, #innerColumnContainer #rightColumn doItHeading2 h3 a:visited {
color:white;
background-color:Transparent;
margin-left:0px;
}

a:link#doItHeading3, #innerColumnContainer #rightColumn doItHeading3 h3 a:link, #innerColumnContainer #rightColumn doItHeading3 h3 a:visited {
color:white;
background-color:Transparent;
margin-left:0px;
}

a:link#doItHeading4, #innerColumnContainer #rightColumn doItHeading4 h3 a:link, #innerColumnContainer #rightColumn doItHeading4 h3 a:visited {
color:white;
background-color:Transparent;
margin-left:0px;
}

a:link#doItHeading5, #innerColumnContainer #rightColumn doItHeading5 h3 a:link, #innerColumnContainer #rightColumn doItHeading5 h3 a:visited {
color:white;
background-color:Transparent;
margin-left:0px;
}

a:link#doItHeading6, #innerColumnContainer #rightColumn doItHeading6 h3 a:link, #innerColumnContainer #rightColumn doItHeading6 h3 a:visited {
color:white;
background-color:Transparent;
margin-left:0px;
}

.ImageFeatureLink a{
background-color:Red;
color:Red;
}

/* Amended in between these two lines......*/



/* New styles to accomadate the new design from Tina..... */
#divPopularandInformation 
{
float:none;
display:inline;
width:100%;
background-color:Yellow;
}

#divPopularLinksListLeft
{
	float: left;
	width:45%;
	overflow:hidden;
}
#divPopularLinksListRight
{
	width:45%;
	overflow:hidden;
}

#divPopularLinks 
{
margin-top:0px;
width:48.5%;
float:left;
overflow:hidden;
}

#divPopularLinks h2 {
background-color:#0C7B6E;
}

#divPopularLinks ul {
/*width: 28em;  width is changed */
margin: 0;
padding: 0;
list-style: none;
}

#divPopularLinks li {
margin: 0;
background-image: url(/internet/images/greenbullet.gif);
background-position: 0 7px;
background-repeat: no-repeat;
padding: 0 0 0 1em; /* left padding moves the text away from the bullet */
} 


#divInformationForYouListLeft
{
	float: left;
	width:45%;
	overflow:hidden;
}
#divInformationForYouListRight
{
	width:45%;
	overflow:hidden;
}


#divInformationForYou 
{
margin-top:0px;
width:48.5%;
float:left;
overflow:hidden;
}

#divInformationForYou h2 {
background-color:#6E2E91;
}

#divInformationForYou ul {
/*width: 28em;  width is changed */
margin: 0;
padding: 0;
list-style: none;
}

#divInformationForYou li {
margin: 0;
background-image: url(/internet/images/purplebullet.gif);
background-position: 0 7px;
background-repeat: no-repeat;
padding: 0 0 0 1em; /* left padding moves the text away from the bullet */
} 

#standardFeature a:link, #standardFeature a:visited {
background-color:Transparent;
color:#4d5ba9; 
}

/* not sure if this is valid for the page [RELATIVE], it seemed the only way to get it to work....
None of the specificity seeemed to be able to be applied at this level of the element.... */
.ImageFeatureLink a:link, .ImageFeatureLink a:visited {
padding-right:2px;
}

#spotlight a:link, #spotlight a:visited {
background-color:Transparent;
color:#4d5ba9; 
}

#innerColumnContainer #rightColumn .doItOnlineSection1 p a:link, #innerColumnContainer #rightColumn .doItOnlineSection1 p a:visited
{
	background-color:transparent;
	color:#4d5ba9;
}

#innerColumnContainer #rightColumn .doItOnlineSection2 p a:link, #innerColumnContainer #rightColumn .doItOnlineSection2 p a:visited
{
	background-color:transparent;
	color:#4d5ba9;
}

#innerColumnContainer #rightColumn .doItOnlineSection3 p a:link, #innerColumnContainer #rightColumn .doItOnlineSection3 p a:visited
{
	background-color:transparent;
	color:#4d5ba9;
}

#innerColumnContainer #rightColumn .doItOnlineSection4 p a:link, #innerColumnContainer #rightColumn .doItOnlineSection4 p a:visited
{
	background-color:transparent;
	color:#4d5ba9;
}

#innerColumnContainer #rightColumn .doItOnlineSection5 p a:link, #innerColumnContainer  #rightColumn .doItOnlineSection5 p a:visited
{
	background-color:transparent;
	color:#4d5ba9;
}
.doItOnlineSection1 h3 a:visited
{
	background-color:transparent;
	color:#ffffff;
	text-decoration:underline;
}
.doItOnlineSection2 h3 a:visited
{
	background-color:transparent;
	color:#ffffff;
	text-decoration:underline;
}
.doItOnlineSection3 h3 a:visited
{
	background-color:transparent;
	color:#ffffff;
}
.doItOnlineSection4 h3 a:visited
{
	background-color:transparent;
	color:#ffffff;
}
.doItOnlineSection5 h3 a:visited
{
	background-color:transparent;
	color:#ffffff;
}

#divPopularLinks .popularLinksList a:link, #divPopularLinks .popularLinksList a:visited
{
	background-color:transparent;
	color:#4d5ba9;
}

#divInformationForYou .informationForYouList a:link, #divInformationForYou .informationForYouList a:visited
{
	background-color:transparent;
	color:#4d5ba9;
}


#doItOnlineV3 a:link, #doItOnlineV3 a:visited
{
	background-color:transparent;
	color:#4d5ba9;
}

#doItOnlineV3 h3 a:link, #doItOnlineV3 h3 a:visited
{
	color:#ffffff;
}

#doItOnlineLinksSection1 li
{
	background-position:0 7px;
	background-image:url(/internet/images/bluebullet.gif);
	background-repeat:no-repeat;
	padding-left:10px;
}

#doItOnlineV3 .doItOnlineSection2 li
{
	background-image:url(/internet/images/redbullet.gif);
	background-position:0 7px;
	background-repeat:no-repeat;
	padding-left:10px;
}

#doItOnlineV3 .doItOnlineSection3 li
{
	background-image:url(/internet/images/purplebullet.gif);
	background-position:0 7px;
	background-repeat:no-repeat;
	padding-left:10px;
}

#doItOnlineV3 .doItOnlineSection4 li
{
	background-image:url(/internet/images/greenbullet.gif);
	background-position:0 7px;
	background-repeat:no-repeat;
	padding-left:10px;
}

#doItOnlineV3 .doItOnlineSection5 li 
{
	background-image:url(/internet/images/orangebullet.gif);
	background-position:0 7px;
	background-repeat:no-repeat;
	padding-left:10px;
}

#doItOnlineV3 ul
{
	list-style-image:none;
	list-style-type:none;
	list-style-position:outside;
	width: 130px;
	padding-left:0px;
	margin-top:2px;
	margin-bottom:2px;

}

#channelHomeMainFeatures .mainFeatureText a:link, #channelHomeMainFeatures .mainFeatureText a:visited {
	background-color:Transparent;
	color:#4d5ba9; 
	text-decoration:none;
}

#channelHomeMainFeatures .mainFeatureText a:hover {
	text-decoration:underline;
}

.mainFeatureImage
{
	
}
.mainFeatureTest
{
	float:left;
	padding-right:15px;
}


.channelHomeFeatureSeparator{height:100%;width:2%;float:left;margin-right:-1px;}



#standardFeature #featureContainer a:link, #standardFeature #featureContainer a:visited
{
	text-decoration:none;
}

#standardFeature #featureContainer a:hover
{
	text-decoration:underline;
}
.width70
{
	width:70%;
}
.width100
{
	width:100%;
}

#contactUsChannelHome
{
	Background-color:#E9E9E9;
	margin-top:0;
	padding:2px 0px 8px 0px;
	
}

#contactUsChannelHome a:link
{
}

#rightColumn h2.h2ContactUs {
margin-bottom:0;
}


#divChannelHomeFeatures ul.f
{
	list-style-type:none;
	list-style-position:outside;
}

.channelHomeMainFeature
{
	border-bottom:1px solid #CDCBCC;
	padding-top:5px;
	overflow:auto;
}

#channelHomeMainFeatureLast
{
	padding-top:5px;
	padding-bottom:5px;
}

.mainFeatureText h3
{
	line-height:1;
}

#channelHome #standardFeature p
{
	margin:0em 0em 0em 0em;
}


#divFeature h3
{
	margin-top:	0px;
	margin-bottom:	0px;
}

#divFeature p
{
	margin-top:	0px;
	margin-bottom:	10px;
}

#channelHomeMainFeatures h3
{
	margin-top: 0px;
	margin-bottom: 0px;
}

#channelHomeMainFeatures p
{
	margin-top: 0px;
	margin-bottom: 10px;
}




/* table styles for the Telerik editor
   added 20/05/10 by David Holden */
.tableWidth100Border
{
	width:100%;
	border-width:1px;
	border-color:#000000;
	border-style:solid;
	padding:10px;
}

.tableWidth100Border td
{
    padding:5px
}

.tableWidth100NoBorder
{
	width:100%;
	border-width:0px;
	border-spacing:5px;
	padding:10px;
}

.tableWidth100NoBorder td
{
    padding:5px
}

.tableWidth75Border
{
	width:75%;
	border-width:1px;
	border-color:#000000;
	border-style:solid;
	padding:10px;
}

.tableWidth75Border td
{
    padding:5px
}



.tableWidth75NoBorder
{
	width:75%;
	border-width:0px;
	border-spacing:5px;
	padding:10px;
}

.tableWidth75NoBorder td
{
    padding:5px
}


.tableWidth50Border
{
	width:50%;
	border-width:1px;
	border-color:#000000;
	border-style:solid;
	padding:10px;
}

.tableWidth50Border td
{
    padding:5px
}


.tableWidth50NoBorder
{
	width:50%;
	border-width:0px;
	border-spacing:5px;
	padding:10px;
}

.tableWidth50NoBorder td
{
    padding:5px
}


.tableWidth100Border th
{
	text-align:left;
	padding:5px;
}

.tableWidth100NoBorder th
{
	text-align:left;
	padding:5px;
}

.tableWidth75Border th
{
	text-align:left;
	padding:5px;
}

.tableWidth75NoBorder th
{
	text-align:left;
	padding:5px;
}

.tableWidth50Border th
{
	text-align:left;
	padding:5px;
}

.tableWidth50NoBorder th
{
	text-align:left;
	padding:5px;
}

.tableCellWidth10
{
	width:10%;
}

.tableCellWidth20
{
	width:20%;
}

.tableCellWidth25
{
	width:25%;
}

.tableCellWidth30
{
	width:30%;
}

.tableCellWidth33
{
	width:33%;
}

.tableCellWidth40
{
	width:40%;
}

.tableCellWidth50
{
	width:50%;
}

.tableCellWidth60
{
	width:60%;
}

.tableCellWidth66
{
	width:66%;
}

.tableCellWidth70
{
	width:70%;
}

.tableCellWidth75
{
	width:75%;
}

.tableCellWidth80
{
	width:80%;
}

.tableCellWidth90
{
	width:90%;
}

#contentColumn .tableWidth100Border .AltTableRow td a,
#contentColumn .tableWidth100NoBorder .AltTableRow td a,
#contentColumn .tableWidth75Border .AltTableRow td a,
#contentColumn .tableWidth75NoBorder .AltTableRow td a,
#contentColumn .tableWidth50Border .AltTableRow td a,
#contentColumn .tableWidth50NoBorder .AltTableRow td a
{
	background-color:#d1dae8;
}


.mainFeatureText
{
	overflow:hidden;
}

