/* CSS Document */


/*#main {
	padding-top: 3px;
}*/


a, a:visited {
	color:#630031;
	text-decoration:none;
	}

a:hover {
	text-decoration:underline;
	}

/* hero & h3 titles colours */
.learning h3, #hero h2 {
	color:#630031;
	}

/* h2 titles colour & bg colour */
#related h2, #subhero h2, #browse h2 {
	color:#FFF;
	background: #630031;
	}


#gatopbanner {
	padding-bottom: 3px;
	}

/*far left hand site navigation that appears on index and viewer/article pages */

.lefthandnav {
	color: #FFF;
	}

.lefthandnav a:link, .lefthandnav a:visited {
	color: #FFF;
	}
	
.lefthandnav a:hover {
	color: #FFF;
	}


/*main heading that appear hard coded into the jsp pages */
.lefthandnavtitle {
	color: #FFF;
	}

.lefthandnavtitle a:link, .lefthandnavtitle a:visited {
	color: #FFF;
	}

.lefthandnavtitle a:hover {
	color: #FFF;
	}

		

/*main hero item text that only appears on the index page */
.open2indexherotext{
	color: #000;
	}

.open2indexherotext a:link, .open2indexherotext a:visited {
	color: #630031;
	}
	
.open2indexherotext a:hover {
	color: #630031;
	}
	


/*sub hero item text that only appears on the index page */
.open2indexsubherotext {
	color: #000;
	}

.open2indexsubherotext a:link, .open2indexsubherotext a:visited {
	color: #630031;
	}
	
.open2indexsubherotext a:hover {
	color: #630031;	
	}



/*main content text, know as article text, that only appears on the viewer/article pages */
.open2articletext {
	color: #000;
}
.open2articletext a:link, .open2articletext a:visited {
	color: #630031; 
	}
	
.open2articletext a:hover {
	color: #630031;
	}


/*right hand associated text, know as related/righthand text, that only appears on the viewer/article pages */
.open2righthandtext {
	color: #000; 
	}
	
.open2righthandtext a:link, .open2righthandtext a:visited {
	color: #630031;	
	}
	
.open2righthandtext a:hover {
	color: #630031;	
	}



/*page numbering specific for the TV sites only that appears only on the viewer/article pages NB Current page is not a link, all other pages are. Current page number should be coloured differently to other pages*/
.open2pagenos {
	color: #FFF;
	}
	
.open2pagenos a:link, .open2pagenos a:visited {
	color: #FFF;
	}
	
.open2pagenos a:hover {
	color: #FFF; 
	}


/*Label for the word "page" that preceeds the page numbering - specific for the TV sites only - appears only on the viewer/article pages */
.open2pagenoslabel {
	color: #FFF;
	}


/*titles are now created in HTML text rather than using gifs*/
		
		/*titles that appear only on the viewer/article pages as associated */
.titles {
	color: #FFF;
	}
		/*end of titles that appear only on the viewer/article pages */

/*titles that appear only on the index page */
.indextitles {
	color: #FFF;
	}
		

/*titles that appear only on the viewer/article pages in the related/righthand text area below the righthand image */
.righthandtitles {
	color: #FFF; 
	}

/*background colour only for the hero item on the index page only*/
.herobackground {
	background-color: #FFF;
	}


/*background colour only for the sub hero items on the index page only*/
.subherobackground {
	background-color: #F3F3F3;
	}


/*background colour only for the sub hero title items on the index page only*/
.subherotitlebackground {
	background-color: #630031;
	}

/*background colour only for the hero title item on the index page only*/
.herotitlebackground {
	background-color: #630031;
	}

/*background colour only for the related/righthand text area items on the viewer/article pages only*/
.righthandbackground {
	background-color: #F3F3F3;
	}

/*background colour only for the titles in the related/righthand text area items on the viewer/article pages only*/
.righthandtitlebackground {
	background-color: #630031;
	}

/*background colour only for the titles that appear on the article text on the viewer/article pages only*/
.articletitlebackground {
	background-color: #630031;
	}

/*}.lefthandline {
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #33FF00;
}*/

/*far left hand site navigation background colour that appears on index and viewer/article pages */
.lefthandnavbackground {
	background-color: #630031;
	}

/*background colour only for the main content text, know as article text items on the viewer/article pages only*/
.articletextbackground {
	background-color: #FFF;
	}

/* CSS Document */


/* icon images in sub areas */
.imagefloatleft {
	float: left; 
	}

.imagefloatright {
	float: right; 
	}

/*pushes the entire page 5 pixels from the left hand side of the page
.pagepadding {
	padding: 2.5px, 2.5px, 2.5px, 2.5px;
}*/

/*background colourfor the learning sections*/
/*darkest background colour for the learning sections*/
.bgdarkcolour {
	background-color: #630031;
	}
	
/*second darkest background colour for the learning sections*/
.bgmediumcolour {
	background-color: #F6E1EA;
	}
	
/*3rd darkest background colour for the learning sections*/
.bglightcolour {
	background-color: #D0B2C1;
	}
	
/*lighest background colour for the learning sections*/
.bgextralightcolour {
	background-color: #EFE5EA;
	}

/*white background colour*/
.whitecolour {
	background-color: #FFF;
	}


/*main hero content area for the learning page. This adds padding all around the main hero text*/
.contenttext {
	color: #000;
	}

.contenttext a:link, .contenttext a:hover, .contenttext a:visited{
	color: #630031;	
	}

/*main hero title for the learning page.*/
.mainherotitle {
	color: #FFF;
	}
	
/*subhero title for the learning page that appear down the right hand side.*/
.subherotitle {
	color: #FFF;
	}

.subherotitle a:link, .subherotitle a:visited, .subherotitle a:hover {
	color: #FFF;
	}

/*body text for learning page that appear down the right hand side.*/
.righthandtext {
	color: #000;
	}


.righthandtext a:link, .righthandtext a:hover, .righthandtext a:visited{
	color: #630031;
	}


/*body text title that appear in content boxes*/

.contenttitle {
	color : #630031;
	}

.contenttitle a:link, .contenttitle a:visited, .contenttitle a:hover {
	color: #630031;
	} 

/*right hand titles*/
.rhcontenttitle {
	color : #630031;
	}

.rhcontenttitle a:link, .rhcontenttitle a:visited, .rhcontenttitle a:hover {
	color: #630031;
	}


/*right hand associated text, know as related/righthand text, that only appears on the viewer/article pages */
.viewerrighthandtext {
	color: #000;
	}
	
.viewerrighthandtext a:link, .viewerrighthandtext a:visited {
	color: #630031;
	text-decoration: none;
	}
	
.viewerrighthandtext a:hover {
	text-decoration: underline;
	color: #630031;	
	}



/*--------------------------ADDED GA AREA STYLES-----------------------*/
.contentsubtitle {
	color : #630031;
	}

.contentsubtitle a:link, .contentsubtitle a:visited, .contentsubtitle a:hover {
	color: #630031;
	}


ul.list  {
	list-style-type: circle; 
	/*color: #630031;*/
	list-style-position: inside;
	color: #000;
	/*padding:0;
	margin:0 0 0 0px;*/
	font-size: x-small;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	}

ul.list  a:link, ul.list  a:visited, ul.list a:hover, ul.list a:active, ul.list a:focus {
	list-style-type: circle; 
	/*color:630031;*/
	list-style-position: inside;
	color: #630031;
	/*padding:0;
	margin:0 0 0 5px;*/
	font-size: x-small;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	}

ul.list2 {
	list-style-type: square; 
	/*color:630031;*/
	list-style-position: inside;
	color: #000;
	/*padding:0;
	margin:0 0 0 5px;*/
	font-size: x-small;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	}

ul.list2  a:link, ul.list2  a:visited, ul.list2 a:hover, ul.list2 a:active, ul.list2 a:focus {
	list-style-type: square;
	/*color:630031;*/
	list-style-position: inside;
	/*padding:0;
	margin:0 0 0 5px;*/
	font-size: x-small;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

ul.nobullet, ul.nobullet a:link, ul.nobullet a:visited, ul.nobullet a:hover, ul.nobullet a:active {
	list-style-type: none;
	margin: 0px;
	padding-left: 0px;
	}

ul.nobulletlist, ul.nobulletlist a:link, ul.nobulletlist a:visited, ul.nobulletlist a:hover, ul.nobulletlist a:active {
	list-style-type: none;
	margin: 0px;
	padding-left: 0px;
	}


li.nobullet,  li.nobullet a:link, li.nobullet a:visited, li.nobullet a:hover, li.nobullet a:active {
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: inline;
	color: #630031
	}


/*h2, h3, h4 {
font-size: medium;
font-weight: bold;
}*/

.indextitles2 {
	color: #630031;
	}

/*puts some space under an image to pad it out*/
.imagebottomspace {
	padding-bottom: 20px;
	}

/*.bodypadding {
	padding: 4px 5px 5px 5px ;
}*/

.listtext {
	/*padding-top: 4px;
	padding-right: 5px;
	padding-bottom: 14px;
	padding-left: 5px;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	}

.listtext a:link, .listtext a:visited{
	text-decoration: none;
	font-weight:bold;
	}

.listtext a:hover, .listtext a:active {
	text-decoration: underline;
	font-weight:bold;
	}

#browse  {
	padding-bottom:20px; 
	background:#EFE5EA;
	}

/* subhero & related bg color */
#related, /*#related p,*/ #subhero div {
	background:#EFE5EA;
	}

/* related & browse bullet points colour */
#related ul, #browse ul {
	color:#630031;
	}

/* related h3 subtitles bg colour */
#related h3 {
	background: none;
	}

/* learning hero background color*/
#hero {
	background:#D0B2C1;
	}

#content a:active, #content a:focus, #content a:active span,  #content a:focus span {
	text-decoration:underline !important;
	background:#630031 ; 
	color:#FFF ;
	}

/*--- START blogs --*/
.righthandtitles h3 {
	color: #fff;
	}

body.blogs h1 {
	background: #630031;
	}

/* collapsomatic styling for Taking It Further headings*/
.expanderHeading {
	padding:0.2em;
	padding-top:0;
	background-color:#EEE5EA;
	color:#630031;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #630031;
	}