html, body{
	margin:0px;
	padding:0px;
	font-size: 90%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFF;
} 
h1 {
	font-size: 120%;
	/*font-size: 115%;*/
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

h2 {
	font-size: 110%;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

h3 {
	font-size: 105%;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
h4 {
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
/*  HEADER STYLES */ 
/* Positions banner images  */

#skip {
	float: left;
	padding: 0px;
	margin: 0px;
}

#header{ 
	padding: 30px 0px 0px 52px;
	margin: 0px;
} 
/* Creates container for breadcrumb and searchbox  */
#topnav {
	height: 45px;
	padding: 0px;
	margin: 0px;
	padding-bottom: 0px;
}
/* Creates container for breadcrumb and floats it to the left  */
#breadcrumb {
	width:465px;
	/*right-margin: 198px;*/
	float: left;
	padding: 10px 0px 10px 52px;
	font-size: 80%;
	color: #666;
}

/* Styles breadcrumb links  */
#breadcrumb a:link, #breadcrumb a:visited, #breadcrumb a:active {
	text-decoration: none;
	color: #666;
}
#breadcrumb a:hover {
	text-decoration: none;
	color: #C00;
}
.divider {
	color: #C00;
}

/* Creates container for searchbox and floats it right */
#searchbox {
	float: right;
	width: 210px;
	padding: 6px 0px 10px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 95%;
	font-weight: normal;
	color: #666;
}
html>body #searchbox {
width: 250px;
}
/* Styles text in search box  */
#searchbox table {
	float:right;
}
#searchbox td{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-weight: bold;
	color: #666;
}
searchbox form {
	margin: 0px;
	padding: 0px;
}

.searchinput {
	font-size: 100%;
	width: 110px;
	height: 14px;
	margin: 1px 4px 5px 0px;
	padding: 1px 0px 0px 0px;
}
.go {
margin: 1px 0px 0px 0px;
padding: 0px 0px 0px 0px;
vertical-align: top;
}




/*#searchbox input {
	font-size: 100%;
	width: 110px;
}*/

/*  LEFT COLUMN STYLES */ 
/* Styles left-hand navigation  */
.mainnavlist {
	list-style-type: none;
	padding-left: 12px;
	margin-top: 3px;
	margin-left: -18px;
	background-image:  url(/learning/resources/images/arrow.gif);
	background-repeat: no-repeat;
	background-position: left 0.35em;
}
.mainnavlist a:link, .mainnavlist a:visited, .mainnavlist a:active {
	text-decoration: none;
	color: #666;
	font-weight: bold;
	font-size: 80%;
}

.mainnavlist a:hover {
	text-decoration: none;
	color: #C00;
	font-weight: bold;
	font-size: 80%;
}

#mainnav {
	margin: -8px 0px 10px 0px;
	padding-left: 68px;
	position: relative; /* Fix the IE link bug */
}
html>body #mainnav {
	margin-top: -5px;
}
#mainnavone {
	margin: 0px 5px 0px 2px;
	padding: 0px;
	/*list-style-type: none;*/
}

.mainnavlistcurrent {
	list-style-type: none;
	padding-left: 12px;
	margin-top: 3px;
	margin-left: -18px;
	background-image:  url(/learning/resources/images/arrowdown.gif);
	background-repeat: no-repeat;
	background-position: left 0.35em;
	color: #C00;
	font-weight: bold;
	font-size: 80%;
}
html>body .mainnavlistcurrent {
	background-image:  url(/learning/resources/images/arrowdown.gif);
	background-repeat: no-repeat;
	background-position: left 0.15em;
}
.mainnavlistcurrent a:link, .mainnavlistcurrent a:visited, .mainnavlistcurrent a:active {
	text-decoration: none;
	color: #C00;
	font-weight: bold;
	
}
.mainnavlistcurrent a:hover {
	text-decoration: none;
	color: #666;
	font-weight: bold;
}
/* sets style for current navlist when no sub-menu is present */
.mainnavlistcurrenton {
	list-style-type: none;
	padding-left: 12px;
	margin-top: 3px;
	margin-left: -18px;
	background-image:  url(/learning/resources/images/arrow.gif);
	background-repeat: no-repeat;
	background-position: left 0.35em;
	color: #C00;
	font-weight: bold;
	font-size: 80%;
}
html>body .mainnavlistcurrenton {
	background-image:  url(/learning/resources/images/arrow.gif);
	background-repeat: no-repeat;
	background-position: left 0.15em;
}
.mainnavlistcurrenton a:link, .mainnavlistcurrenton a:visited, .mainnavlistcurrenton a:active {
	text-decoration: none;
	color: #C00;
	font-weight: bold;
}
.mainnavlistcurrenton a:hover {
	text-decoration: none;
	color: #666;
	font-weight: bold;
}
/* end of style for current navlist when no sub-menu is present */

/* sets 'current' style for 'Learning' on home page only */
.navcurrent {
	color: #C00;
	font-weight: bold;
	font-size: 80%;
}
#mainnavtwo {
	margin: 0px 5px 0px 2px;
	padding: 0px;
	list-style-type: none;
}

html>body #mainnavtwo li{
	font-size: 90%;
	padding: 2px 0px 2px 0px;
	}
.secondnavlist a:link, .secondnavlist a:visited, .secondnavlist a:active{
	text-decoration: none;
	color: #666;
	font-weight: normal;
}
.secondnavlist a:hover {
	text-decoration: none;
	color: #C00;
	font-weight: normal;
}
.secondnavlistcurrent {
	color: #C00;
	font-weight: normal;
}
.secondnavlistcurrent a:link, .secondnavlistcurrent a:visited, .secondnavlistcurrent a:active{
	text-decoration: none;
	color: #C00;
	font-weight: normal;
}
.secondnavlistcurrent a:hover {
	text-decoration: none;
	color: #666;
	font-weight: normal;
}

/*  CENTRE COLUMN STYLES  -see also learning container.css */
.maincontentwrapper {
	padding: 0px;
	margin: 0px 0px 10px 0px;
	font-size: 95%;
}

.maincontentwrapper h1 {
	margin-top: 0px; 
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}
.maincontentwrapper a:link, .maincontentwrapper a:visited, .maincontentwrapper a:active {
	color: #C00;
} 
.maincontentwrapper a:hover {
	color: #666;
} 
.maincontent {
	font-size: 90%;
}
.maincontent p{
	padding: 0px;
	margin: 5px 0px 10px 0px;
}
.content {
	font-size: 90%;
}
.content p{
	padding: 0px;
	margin: 5px 0px 10px 0px;
}
.abstract {
	font-weight: bold;
	/*font-size: 90%;*/
	padding: 0px;
	margin: 10px 0px 10px 0px;
}

/* content image and caption  */
.contentimage {
	margin: 5px 0px 10px 0px;
	padding: 0px;
}
.contentimage p{
	margin: 0px;
	padding: 0px;
	font-size: 80%;
	text-align: left;
	/*font-style: italic;*/
}

.content a:link, .content a:visited, .content a:active {
	color: #C00;
}
.content a:hover {
	color: #666;
}
/* float image left */
.contentimageleft {
	float: left;
	margin: 3px 5px 0px 0px;
	padding: 0px;
}
html>body .contentimageleft {
	margin-bottom: 3px;
	margin-right: 10px;
}
.contentimageleft p{
	margin: 0px;
	padding: 0px;
	font-size: 80%;
	text-align: left;
	/*font-style: italic;*/
}
/* float image right */
.contentimageright {
	float: right;
	margin: 3px 0px 5px 10px;
	padding: 0px;
	/*width: 133px;*/
}
.contentimageright p{
	margin: 0px;
	padding: 0px;
	font-size: 80%;
	text-align: right;
	/*font-style: italic;*/
}
/*html>body .contentimageright {
	margin-bottom: 3px;
	margin-left: 10px;
}*/
/* Image left and abstract right styles */
.brief {
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 2px 0px;
}
html>body .brief { 
	margin: 10px 0px 0px 0px;
	padding: 0px 10px 2px 0px;}
.brief img {
	float: left;
	margin: 0px;
	padding-right: 10px;
	padding-top: 3px;
}
.brief p {
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
}

.brief a:link, .brief a:visited, .brief a:active {
	color: #C00;
}
.brief a:hover{
	color: #999;
}
/* Start news abstract  styles */
.newsbrief {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 2px 0px;
	width:425px;
}
html>body .newsbrief { padding: 0px 0px 12px 0px;}
.newsbriefimage {
	float: left;
	margin: 0px;
	width: 133px;
	padding-right: 10px;
	padding-top: 3px;
}
.newsbrieftext {
	float:right;
	margin: 0px;
	padding: 0px;
	width: 282px;
}
.newsbrief p {
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
}

.newsbrief a:link, .newsbrief a:visited, .newsbrief a:active {
	color: #C00;
}
.newsbrief a:hover{
	color: #999;
}
/* End news abstract  styles */
/*  RIGHT COLUMN STYLES */
/*#righttoplink {
	height: 70px;
	padding: 10px;
	margin-top: 5px;
	margin-bottom: 10px;
	background-image:  url(/learning/resources/images/button_visits_workshops_blank.jpg);
	background-repeat: no-repeat;
	font-weight: bold;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	list-style-image:  url(/learning/resources/images/arrow.gif);
}
.righttoplink {
	margin: 0px;
	padding: 5px 0px 0px 15px;
	font-size: 90%;
}*/
/*#rightcollinks {
	margin: 5px 0px 0px -5px;
	padding: 5px 5px 0px 10px;
	border-right: 1px solid #96C;
	border-left: 1px solid #FFF;
	background-image: url(/learning/resources/images/voicesrightmenutop.gif);
	background-repeat: no-repeat;
	background-position: top;
	background-color: #F6F4E4;
}
*/

.righttoplink{
	margin: 5px 0px 5px 0px;
	padding: 0px;
}
.righttoplink p{
	margin: 5px 0px 5px 0px;
	padding: 0px 0px 5px 0px;
} /* added to remove efects of P tag in this slot */
.rightimagelink{
	margin: -2px 0px 0px 7px;
	padding: 0px 0px 0px 0px;
}
html>body .rightimagelink{
	margin: -2px 0px 0px 5px;
	padding: 0px 0px 0px 0px;
}
.rightimagelink p {
	margin: 0px;
	padding: 0px 0px 5px 0px;
}
.righttoplink a:link, .righttoplink a:visited, .righttoplink a:active {
	color: #C00;
	font-size: 85%;
}
.righttoplink a:hover {
	color: #999;
	font-size: 85%;
}

#rightcolnewscontainer {
	width: 141px;
	padding: 0px 0px 15px 0px;
	margin: 3px 0px 7px 5px;
	background-image: url(/learning/resources/images/newsboxbottom.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}
html>body #rightcolnewscontainer{
	margin-top: 5px;
	padding-bottom: 5px
}
#rightcolnewscontainer h2{
	margin: 0px;
	/*margin-bottom: -20px;*/
	padding: 10px 5px 0px 10px;
	color: #999;
	background-image: url(/learning/resources/images/newsboxtop.gif);
	background-repeat: no-repeat;
	background-position: top;
	font-size: 90%
}
.rightcolnewscontent{
	margin: 0px;
	/*margin-top: 0px;*/
	padding: 10px 9px 0px 9px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-right-color: #999;
	border-left-color: #999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
}

/*html>body .rightcolnewscontent{
	margin: 0px;
	margin-top: 10px;
}*/
.rightcolnewscontent p {
	margin: 0px;
	padding: 0px;
	font-size: 100%;
}
html>body .rightcolnewscontent p {
	font-size:100%;
}
.rightcolnewscontent a:link, .rightcolnewscontent a:visited, .rightcolnewscontent a:active{
	color: #C00;
}
.rightcolnewscontent a:hover{
	color: #999;
}


/*  FOOTER STYLES */
#cookiewrapper {
    background: #CCC;
	clear: both;
    color: #000000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 85%;
    margin: 2px 0 2px 198px;
    min-height: 17px;
    padding: 8px 10px;
    width: 555px;
}
#cookiewrapper a:link, #cookiewrapper a:visited, #cookiewrapper a:active {
    color: #C00;
    margin: 0;
    text-decoration: underline;
}
 #cookiewrapper a:hover {
    color: #666;
    margin: 0;
    text-decoration: underline;
}   
#footer{
 /*height:150px; */
 clear: both;
 width:100%; 
 margin: 0px 0px 20px 0px;
 padding: 5px 0px 0px 0px;
 background-color:#FFF; 
}
#printlink {
	margin: 10px 0px 0px 198px;
	padding: 5px 0px 0px 0px;
	font-size: 85%;
} 
#printlink a:link, #printlink a:visited, #printlink a:active{
	color: #666;
}
#printlink a:hover{
	color: #C00;
}
#toplink {
	background-color: #B0B0B0;
	height: 15px;
	margin: 20px 0px 0px 198px;
	padding: 10px 0px 10px 10px;
 }
#toplink a:link, #toplink a:visited, #toplink a:active{
	color: #FFF;
	text-decoration: none;
	font-size: 85%;
}
#toplink a:hover{
	color: #C00;
	text-decoration: none;
	font-size: 85%;
}

#footerlinks {
	background-color: #FFF;
	height: 15px;
	margin: 10px 0px 0px 198px;
	padding: 0px 0px 0px 10px;
	font-size: 85%;
}

#footerlinks a:link, #footerlinks a:visited, #footerlinks a:active {
	text-decoration: none;
	color: #C00;
}
#footerlinks a:hover {
	text-decoration: none;
	color: #666;
}

/* STYLES FOR LARGE IMAGE PAGE */
/* Creates container for breadcrumb and floats it to the left  */
#largeimagebreadcrumb {
	width:654px;
	right-margin: 70px;
	float: left;
	padding: 10px 10px 10px 52px;
	font-size: 85%;
	
}
/* Styles breadcrumb links  */
#largeimagebreadcrumb a:link, #largeimagebreadcrumb a:visited, #largeimagebreadcrumb a:active {
	text-decoration: none;
	color: #666;
}
#largeimagebreadcrumb a:hover {
	text-decoration: none;
	color: #C00;
}

#largeimagebacklink {
	float: right;
	width: 44px;
	padding: 6px 0px 10px 13px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 95%;
	font-weight: normal;
	color: #666;
	text-align: right;
	position: relative;
	top: 10px;
}
#largeimagebacklink a:link, #largeimagebacklink a:visited, #largeimagebacklink a:active {
	color: #C00;
	text-decoration: none;
}
#largeimagebacklink a:hover {
	color:#666;
	text-decoration: none;
}
#largeimagewrapper {
	margin: 5px 0px 10px 52px;
	padding: 0px;
}
#largeimagewrapper h1 {
	margin: 0px 0px 10px 0px;
	padding: 0px;
}
#largeimagefooter {
	width:721 px;
	font-size: 85%;
	margin: 10px 0px 10px 52px;
	padding: 0px;	
}
#largeimagefooter a:link, #largeimagefooter a:visited, #largeimagefooter a:active {
	text-decoration: none;
	color: #C00;
}
#largeimagefooter a:hover {
	text-decoration: none;
	color: #666;
}
#largeimagefooterlinks {
	float: left;
}
#largeimageprintlink {
	float: right;
}
/* styles for image box */
div#imagewrapper {
	margin:0 auto;
	padding-top: 10px;
	width: 407px;
	background-color: #FFF;
}
div#imagewrapper a:link, div#imagewrapper a:visited, div#imagewrapper a:active{
	color: #C00;
}
div#imagewrapper a:hover {
	color: #666;
}
#imageleft {
	float:left;
	width:276px;
	padding: 0px;
	margin: 0px;
	background-color: #FFF;
	
}
#imageleft p {
	font-size: 90%;
	margin-top: 0px;
}
#imageright {
	width:123px;
	margin: 0px 0px 0px 276px;
	padding: 0px 0px 0px 5px;
	background-color: #FFF;
	/*position: relative;
	top: 98px;*/
}
html>body #imageright {
	width:128px;
	background-color: #FFF;
	
}
#imagewrapperbottom {
	margin: 0px;
	padding: 0px;
	background-color: #FFF;
	clear: both;
}
/* Gallery styles  */
#gallerywrapper {
	margin:0 auto;
	padding-top: 10px;
	width: 408px;
	background-color: #FFF;
}
#galleryleftcol {
	float:left;
	width:133px;
	padding: 0px 23px 0px 46px;
	margin: 0px;
}
#galleryrightcol {
	float: right;
	width:133px;
	margin: 0px;
	padding: 0px 43px 0px 23px;
}
.gallerythumb {
	height:210px;
	margin: 0px 0px 15px 0px;
	padding: 0px;
}
.gallerythumb p {
	font-size: 85%;
	margin-top:3px;
}
.gallerythumb a:link, .gallerythumb a:visited, .gallerythumb a:active{
	color: #666;
}
.gallerythumb a:hover {
	color: #C00;
}
html>body #galleryrightcol {
	width:133px;
}
.gallerywrapperbottom {
	margin: 0px;
	padding: 0px;
	background-color: #FFF;
	clear: both;
}
.list {
	margin-left: 15px;
	padding-left: 0px;
}