/* CSS Document */


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

#gatopbanner {
	padding-bottom: 3px;
}

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

.lefthandnav {
	color: #FFFFFF;
}

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


/*main heading that appear hard coded into the jsp pages */
.lefthandnavtitle {
	color: #FFFFFF;
}
.lefthandnavtitle a:link, .lefthandnavtitle a:visited {
	color: #FFFFFF;
}

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

		

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

.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: #000000;
}
.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: #000000;
}
.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: #000000; 
}
.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: #FFFFFF;
}
.open2pagenos a:link, .open2pagenos a:visited {
	color: #FFFFFF;
}
.open2pagenos a:hover {
	color: #FFFFFF; 
}


/*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: #FFFFFF;
}


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

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

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

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


/*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: #FFFFFF;
}

/* 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: #FFFFFF;
}


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

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

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

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


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

	
}


.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: #000000;
}
.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;
}

/*.topimage {
	border-bottom: solid #294232 3px;
	background: url(images/child_dev_top_banner2.jpg) no-repeat bottom left;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	PADDING: 0px;
	MARGIN: 0px;
	margin-left: 5px;
}




top banner UL {
	margin: 0px; border: none 0px;  
	padding: 0px; border-collapse: collapse;
	list-style-position: outside;
}
top banner LI {margin: 0px; border: none 0px;  padding: 0px; border-collapse: collapse;}*/

#tlanavlist {
	white-space:nowrap;
	padding: 0;
	margin: 0;
	font-size: x-small;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	width: 755px;
	height: 38px;
	/*thin line along the bottom of the top banner that runs underneath the section banner tabs*/  
	border-bottom: solid #630031 3px;
}


#tlanavlist ul {
	white-space: nowrap;
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: x-small;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	width: 755px;
	position: relative;
	bottom: 0;
}

#tlanavlist li {
	float: right;
	margin: 0;
}

#tlanavlist a {
	display: block;
	padding-left: 0.5em;
	padding-right: 0.5em;
	margin-top: 1.3em;
	width: 11em;
	height: 2.5em;
	line-height: 2.5em;
	text-align: center;
	/*puts a thin vertical line on the left hand side in the colour specified*/
	border-left: 0.1em solid #fff;
	/*specifies the colour for the top tab bg & the top RH knock off corner*/	
	color: #fff;
	float: left;
	text-decoration: none;
	background: #630031;
}
/*given IE a width to avoid issue, now give all other browsers auto width*/
html>body #tlanavlist a { 
width: auto; 
}


#tlanavlist a:hover, #tlanavlist a:active {
	color: #fff;
	background-color: #803058;
}

/* IE% Mac Hack \*/
#tlanavlist a {float: none;}

#tlanavlist .lasttab a {
	display: block;
	padding-left: 0.5em;
	padding-right: 0.5em;
	margin-top: 1.3em;
	width: 11em;
	height: 2.5em;
	line-height: 2.5em;
	text-align: center;
	/*puts a thin vertical line on the left hand side in the colour specified*/
	border-left: 0.1em solid #fff;
	/*specifies the colour for the top tab bg & the top RH knock off corner*/
	color: #fff;
	float: left;
	text-decoration: none;
	background: #630031 url(http://www.open2.net/open2static/graphics/learning_top_corner2.jpg) no-repeat 100% 0;
}

/*given IE a width to avoid issue, now give all other browsers auto width*/
html>body #tlanavlist .lasttab a { 
width: auto; 
}

#tlanavlist .lasttab a:hover, #tlanavlist .lasttab a:active {
	/*background:#4B5F4B url(images/ga_top_corner_hover.gif) no-repeat 100% 0;*/
	background: #803058 url(http://www.open2.net/open2static/graphics/learning_top_corner_hover.gif) no-repeat 100% 0;
}

/* IE% Mac Hack \*/
#tlanavlist .lasttab a {float: none;}



ul.list  {
	/*list-style-image: url(images/diamond_bullet_point.gif);*/
	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-image: url(images/diamond_bullet_point.gif);*/
	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-image: url(images/square_bullet.gif);*/
	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-image: url(images/square_bullet.gif);*/
	list-style-type: square;
	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.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: #4F0000
	
}


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