@charset "utf-8";
/* CSS Document */

/*
================================================================================
General responsive template.
Author:       Josh Shindler , Steve Mannon , Dylan Williams, Gwyn Jones
Created:      May 2012 
================================================================================
*/

/*--------------------------------------------------------------

----------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 - Reset - Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
2.0 - Structural
	2.1 - Header
	2.2 - Footer 
	2.3 - Global search
3.0 - Content
	3.1 - Banners - Levels 1,2,3
	3.2 - Banners - Levels 3,4,5
	3.3 - Intro text - Levels 1,2,3
	3.4 - Grid layout - Levels 1,2,3
	3.5 - Information pages with a navigation - Levels 3,4,5
	3.6 - Information pages - full width - Levels 3,4,5
	3.7 - Sidebars Levels 1,2,3
	3.8 - Sidebars Levels 1,2,3
4.0 - Non-structural
	4.1 - Typography
	4.2 - Colors
5.0 - Navigation
	5.1 - Access keys
	5.2 - Submenu
	5.3 - Breadcrumb
	5.4 - Pagination
	5.5 - Left hand navigation - levels 3,4,5	
6.0 - Images
7.0 - Page elements
	7.1 - Forms
	7.2 - Error / Success Messages
	7.3 - Tables
	7.4 - Lists
	7.5 - Social bookmarks
	7.6 - Tool tips 
	7.7 - Buttons, Icons & Arrows
	7.8 - Feature banners
		7.8.1 - Primary Colours
		7.8.2 - Secondary Colours
8.0 - Media queries

--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 - Reset default browser CSS v1.0
--------------------------------------------------------------*/

html {
    color: #000;
    background: #FFF;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {
    margin: 0;
    padding: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

fieldset,img {
    border: 0;
}

address,caption,cite,code,dfn,em,strong,th,var {
    font-style: normal;
    font-weight: normal;
}

li {
    list-style: none;
}

caption,th {
    text-align: left;
}

h1,h2,h3,h4,h5,h6 {
    font-size: 100%;
    font-weight: normal;
}

q:before,q:after {
    content: '';
}

abbr,acronym {
    border: 0;
    font-variant: normal;
}

sup {
    vertical-align: text-top;
}

sub {
    vertical-align: text-bottom;
}

input,textarea,select {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
}

legend {
    color: #000;
}



/*--------------------------------------------------------------
2.0 - Structural
--------------------------------------------------------------*/

body {margin:0 auto; /*min-width: 35em;*/ -webkit-text-size-adjust:100%;}
#wrapper {background: #eee; width:100%; clear:both; }
#primary-content{ float:left; background-color:#fff; border-right:#BFBFBF dotted 1px;  /*-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;*/ }

/*--------------------------------------------------------------
2.1 - Header
--------------------------------------------------------------*/

#hdr {clear:both; position:relative; padding:1% 2.0833%; }
#spacer {display: inline; }
ul.hidden {position:absolute; left:-999em; visibility:hidden; }
#hdr-logo-holder {float: left;padding: 1.2em 0 1.2em 0; width:50%;  }
#hdr-logo-holder img {max-width: 100%; }
#hdr #searchTools {float:right; width:50%; padding:0 0 0 0}
#dynamicSearchLink { display: inline;}
#hdr-personalisation, a.cookieInfo {padding: 0 0 .2777em 0; margin:0;  font-size:0.9em; display:inline}

/*
Styles related to old search form - delete before new global search goes live.

#hdr-searchform-holder { padding:.6em 0; float:right!important; margin:0 0 0 0; display:inline-block; width:100%; float:right; display: none;}
#hdr-searchform-holder fieldset {float:right; width:100% }
#hdr-searchform-holder fieldset legend, #hdr-searchform-holder label {display:none;} 
#hdr-searchform-holder #search_text, #hdr-searchform-holder .search_text {
    background-image: url("/images/global/sitesearch-bg.gif");
    border: 1px solid #999999;
    color: #333333;
	float: right;
    font-family: Verdana,Geneva,sans-serif;
    height: 16px;
    margin: 0 90px 0 0 !important;
    padding: 3px 4px 4px;
}
#hdr-searchform-holder #search_button, #hdr-searchform-holder #ctl00_search_button {margin: 0; position:absolute; right:20px; }


a#hdr-advanced-search {float:right; padding:0 0 0 0; clear:both; font-size:0.9em;}*/
#hdr a { color: #0066cc; font-weight:normal;}
#hdr a:hover, #hdr a:focus, #hdr a:active {color: #cc0000;}
.accountLinks {float:none; font-size: 1.2em;}

/*--------------------------------------------------------------
2.2 - Footer
--------------------------------------------------------------*/

#searchTools {clear:both; width:96%; padding:2%; display:inline-block; background:#666666; text-align:center; }
#searchTools a { color: #fff; font-weight:normal;}


* html #ftr {height: 1px;}
#ftr { background:#fff; border-top: 4px solid #D9D9D9; border-bottom: 2px solid #D9D9D9; clear:both; font-size:0.9em; margin: 0; text-align: center; }
#ftr a {padding: 0 10px 0 0; text-decoration: none; color: #000000;}
#ftr a:hover, #ftr a:focus, #ftr a:active{text-decoration: underline;}
#ftr-footer-links-wrapper {margin: 0 1.8518em; list-style:none;}
#ftr-footer-links-wrapper div {float: left; width: 48%; text-align:left;}
#ftr-footer-links-wrapper h4 {padding-right:4.3478%; font-weight: bold; margin: 0 0 12px 0;}

#ftr-footer-links-wrapper li {list-style:none; list-style-type:none; padding: 0 0 8px 0; margin: 0 0 8px 0; border-bottom: 1px dotted #ccc;}
.ftr-footer-spacer {clear: both; height: .8518em;}
#ftr-footer-contact-bar { clear: both; background-color: #EEEEEE; padding:1.1111em 0; font-size: 1em; }
#ftr-footer-contact-bar a {text-decoration: underline; color:#0066cc;}
#ftr-footer-contact-bar a:hover, #ftr-footer-contact-bar a:focus, #ftr-footer-contact-bar a:active {color: #cc0000; text-decoration: underline;}

/*--------------------------------------------------------------
2.3 - Global search
--------------------------------------------------------------*/




#tnaSearchWrapper {
	display: none;
}

#linksToSearchForms {
	display: inline-block;
	margin-bottom: 0;
	color: #777;
}

#linksToSearchForms a {
	margin: 0 5px;
}

#tnaSearchWrapper form label {
	display: none;
}

#searchFormOptions {
	background-color: #EFEFEF;
	border: 1px solid #CDCDCD;
	border-top-color: transparent;
	width: 40%;
	padding: 0.5em;
	position: absolute;
	left: 6em;
	top: 2.6em;
	*left: 6em;
	*top: 2.2em;
	text-align: left;
	z-index: 999999;

}

#searchFormOptions.noJavaScript {
	display: none;
}

#searchOptions li {
	cursor: pointer;
	color: #444;
	padding-bottom: 1px;
	padding-left: 10px;
	border-radius: 3px;
}


#searchOptions li:hover {
	background-color: #444;
	color: #fff;
}

#otherSearches a:hover {
	text-decoration: underline;
}

#containingBox {
	display: inline-block;
	border: 1px solid #898989;
	border-radius: 0px 3px 3px 0px;
	background-color: #fff;
	padding: 0;
	height: 23px;
}

#tnaSearch {
	outline: none;
	padding: 3px 3px 2px 3px;
	border: 1px solid transparent;
	margin: 0;
	width: 15.5em;
	*width: 14em;
	color: #333;
	vertical-align: top;
	margin-right: -5px;
}


#searchOptionToggler {
	display: inline-block;
	vertical-align: top;
	color: #fff;
	margin-top: 4px;
	padding-right: 16px;
}

#searchOptionToggler.collapsed {
	width: 11.2em;
	text-align: right;
	margin-right: 0.4em;
	cursor: pointer;
	background: url("/images/global/more.png") no-repeat scroll right center transparent;
}

#searchOptionToggler.expanded {
	width: 11.2em;
	text-align: right;
	cursor: pointer;
	margin-right: 0.4em;
	background: url("/images/global/less.png") no-repeat scroll right center transparent;
}

#userControls {
color: #777;
font-size: 0.9em;
_position: relative;
}


#userControls {
	position: absolute;
	top: 3em;
	text-align: right;
	right: 1em;
}

#tnaSearchWrapper form {
	padding: 0.5em;
	overflow: visible;
	position: absolute;
	top: -10px;
	right: 10px;
	_right: -450px;
	width: 32em;
	background: rgb(254,254,254); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(254,254,254,1) 0%, rgba(239,239,239,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,254,254,1)), color-stop(100%,rgba(239,239,239,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(254,254,254,1) 0%,rgba(239,239,239,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(254,254,254,1) 0%,rgba(239,239,239,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(254,254,254,1) 0%,rgba(239,239,239,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(254,254,254,1) 0%,rgba(239,239,239,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */
	border: 1px solid #CDCDCD;
	border-top-color: #EFEFEF;
	border-radius: 0 0 2px 2px;
	display: none;
}

#searchOptionToggler {
	color: #383838;
}

div.search-refinements {
	display: none;
}

/*--------------------------------------------------------------
3 - Content
--------------------------------------------------------------*/


/*----------------------------------------------------------------------------------
3.1.1 - Banners - Levels 1,2,3
--------------------------------------------------------------------------------
*/

.level1 #wrapper #primary-content #banner{ display:inline-block; width:100%; height:11em; overflow: hidden; position: relative;  }
#wrapper #primary-content #banner img {padding:0 0 0 0; margin:0 0 0 0; width:100%; border:none;}
#wrapper #primary-content #banner h1 { color:#FFFFFF; padding:0 0 0 0; font-size:3em;}
#wrapper #primary-content #banner .level-two-title { border:none; margin:3.1298%;}
#wrapper #primary-content #banner h1 .sub-text { display: none;}

/*Banner for level 3*/

.level3 #wrapper #banner h1{color: #FFFFFF!important;  padding:2.4em 0 2.4em 20px; margin:0 0 0 0; }
*html .level3 #wrapper #secondary-content .holder  {margin:8px 6px; padding:0 0 12px 0}

/*----------------------------------------------------------------------------------
3.1.2 - Banners - Levels 3,4,5
--------------------------------------------------------------------------------
*/


.level3 #wrapper #main-content #banner {width:100%!important; border:none; padding:0 0 0 0; margin:0 0 0 0!important; float:none!important;}
.level3 #wrapper #main-content #banner h1{color: #FFFFFF!important; padding:.4166em 0 .4166em 1.4285%!important; margin:0 0 0 0; border-bottom:none; }
* html .level4 #wrapper #secondary-content .holder  {margin:8px 6px; padding:0 0 1.6em 0}

.level4 #wrapper #banner, .level5 #wrapper #banner {width:100%;  padding:0 0 0 0; margin:0 0 .6315em 0; background-color:#FFFFFF; float:left; }
.level4 #wrapper #banner h1, .level5 #wrapper #banner h1{padding:0 0 .4210em 0; margin:0 0 0 0; width:100%;}
#primary-content object {width:100%;}

/*----------------------------------------------------------------------------------
3.2 - Intro text - Levels 1,2,3
--------------------------------------------------------------------------------
*/

#primary-content #intro {padding:.5em 3.125%; clear: both; display:inline-block;}
#primary-content #intro img {margin:.6666em 3.1298% .5em 0;float:left;}
#primary-content #intro h2 {background:none; padding:0 0 ; margin:18px 0 4px 0; float:none!important;}
#primary-content #intro ul {clear:left; float:none; font-size:0.9em; padding: 12px 0 0 1.7214%; margin: 0 3.1298% 20px 0; }
#primary-content #intro li { margin-left:10px;float:none!important; list-style-position: outside; list-style-type: disc; padding: 0 8px; width:auto!important; }

/*----------------------------------------------------------------------------------
3.3 - Grid layout - Levels 1,2,3
--------------------------------------------------------------------------------
*/


#primary-content ul.nav {width:100%; display:inline-block; clear:both;}
#primary-content ul li, #primary-content ul.nav-last li{margin:0 0 0 0; float:left;
background: #fff; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  #eeeeee 0%, #ffffff 40%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(40%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #eeeeee 0%,#ffffff 40%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #eeeeee 0%,#ffffff 40%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #eeeeee 0%,#ffffff 40%); /* IE10+ */
background: linear-gradient(to bottom,  #eeeeee 0%,#ffffff 40%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
 border-top:#AAAAAA dotted .0833333em; padding-bottom:1.6em; width:49.8437%; /*-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;*/}
#primary-content ul li h2{margin-top:0; line-height:1em; padding: 0.65em 3.125% 0.2em 6.25%; }
#primary-content ul li.left, #primary-content ul.nav-last li.left {border-right: #CCC dotted 1px; float:left}
#primary-content ul li img {width:43.5%; height:auto!important;}
#primary-content img, #secondary-content .holder ul li img, #secondary-content p img{float:left; margin:0 .8em 0 0; border:#8F8B8B solid 1px;}

#primary-content h2 a{color:#000000; text-decoration:none; font-size: 0.9em; font-weight: bold;}
#primary-content h2 a:hover, #primary-content h2 a:focus, #primary-content h2 a:active{ text-decoration:underline;}

#primary-content li p {margin: 0.8em 6.25%; }
	
	
#primary-content li a.right-link{ float:right; color:#0066cc; text-decoration: underline;}
#primary-content li a:hover.right-link{text-decoration: none!important;}
#primary-content ul.single-column {width: 319px; float:left; border-right:#D9D9D9 dotted 1px;}

/*----------------------------------------------------------------------------------
3.4 - Information pages with a navigation - Levels 3,4,5
--------------------------------------------------------------------------------
*/

#main-content{width:95.8333%; padding:1em 2.0833%; border-right:none!important; background-color:#FFF; float:left;}
#left-nav-content{width:76.0869%; float:left;}
#left-nav-content h2 {border-top:#666 1px dotted; padding:.5em 0 0 0;}
#full-width-content .sub-heading{border-top: none;}
#left-nav-content .no-border{border-top:none;}
.file-size{font-size:0.85em; color:#666;}
#left-nav-content ul{padding:.5em 0; margin:0 0 0 30px!important;float:none!important; }
#left-nav-content li{padding:0; margin: .5em 0; list-style-type:disc; float:none!important;  }

#left-nav-content .nav li {margin:1em 0!important; float:left!important; background:#FFFFFF; padding:0 0 0 2.8571%!important; width:50%!important; list-style:none!important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
#left-nav-content .nav .left{ border-right:1px dotted #666!important; padding:0 2.8571% 0 0!important;  }
#left-nav-content .nav {margin-left:0!important; padding:0 0 1em 0!important; width:100%; border-top:1px dotted #666; clear:both; display:inline-block;}
#left-nav-content .nav li h2 {border:none; font-size:1.2em; font-weight:800; padding:0 0 0 0; margin:0 0 0 0; }
#left-nav-content .nav li img {width:37.0820%; height:auto!important;}

/* Thumbnail popups */
#left-nav-content .img-popup { margin:0px; padding:0px; margin-left:0px; width:95%; min-height:150px; clear:both;}
#left-nav-content .img-popup img{ float:right; margin:25px 0 0 0; padding:0;}
#left-nav-content .img-wrapper{float:right; padding:0 0 0 0; margin: 0 0 0 0;  border-left:20px solid #FFFFFF; width:39.7148%;}
#left-nav-content .img-wrapper img{padding:0 0 0 0; margin: 0 0 0 0; width:100%; }
#left-nav-content .image-right {float:right; margin:1em 0 1em 2.8571%}
#left-nav-content .image-left {float:left; margin:1em 2.8571% 1em 0} 
#left-nav-content .right {float:right!important; margin:1em 0 1em 2.8571%!important}
#left-nav-content .left {float:left!important; margin:1em 2.8571% 1em 0!important; border-right:20px solid #FFFFFF!important; border-left:none!important;}

/*----------------------------------------------------------------------------------
3.5 - Information pages - full width - Levels 3,4,5
--------------------------------------------------------------------------------
*/


#full-width-content .sub-heading{border-top: none;margin:0 0 0 0;padding:.5em 0;}
#full-width-content .no-border{border-top:none;}
#full-width-content ul, #wrapper #main-content #full-width-content ol{padding:.5em 0; margin:0 0 0 40px!important;float:none!important; }
#full-width-content ul li{padding:0 0 0 0; margin:.5em 0; list-style-type:disc; float:none!important;  vertical-align: text-top; list-style-position:outside 12px;  }
#records-wrapper #wrapper #main-content #full-width-content ol li{padding:0 0 0 0; margin:.5em 0; list-style-type:decimal!important; float:none!important;  vertical-align: text-top; list-style-position:outside 12px;  }
#records-wrapper #wrapper #main-content #full-width-content ol li ul li{padding:0 0 0 0; margin:1em 0; list-style-type:disc!important; float:none!important;  vertical-align: text-top; list-style-position:outside 12px;  }
#full-width-content p .file-size, #wrapper #main-content #full-width-content ul li .file-size{font-size:0.85em; color:#666;}
#full-width-content .nav li {margin:1em 0 !important; float:left!important; background:#FFFFFF; padding:0 0 0 20px!important; width:329px!important; list-style:none!important; }
#full-width-content .nav .left{ border-right:1px dotted #666!important; padding:0 20px 0 0!important;}
#full-width-content .nav{margin-left:0!important; padding:0 0 12px 0!important; width:100%; border-top:1px dotted #666; float:left!important;}
#full-width-content .nav li h2 {border:none; font-size:1.2em; font-weight:800; padding:0 0 0 0; margin:0 0 0 0; }
#full-width-content .img-wrapper{float:right; padding:0 0 0 0; margin: 0 0 0 0;  border-left:20px solid #FFFFFF; }
#full-width-content .img-wrapper img{padding:0 0 0 0; margin: 0 0 0 0; }
#full-width-content .image-right {float:right; margin:1em 0 1em 20px}
#full-width-content .image-left {float:left; margin:1em 20px 1em 0} 
#full-width-content .right {float:right!important; margin:1em 0 1em 20px!important}
#full-width-content .left {float:left!important; margin:1em 20px 1em 0!important; border-right:20px solid #FFFFFF!important; border-left:none!important;}


/*--------------------------------------------------------------
3.6 - Sidebars Levels 1,2,3
--------------------------------------------------------------*/


#secondary-content .holder {background:#FFFFFF; margin:.6666em 0; padding:0 0 1em 0; border:dotted #BFBFBF 1px; border-top:none;  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
#secondary-content .holder h2{
background: rgb(219,219,219); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI3NSUiIHN0b3AtY29sb3I9IiNkYmRiZGIiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYmZiZmJmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top,  rgb(219,219,219) 75%, rgb(191,191,191) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(75%,rgb(219,219,219)), color-stop(100%,rgb(191,191,191))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgb(219,219,219) 75%,rgb(191,191,191) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgb(219,219,219) 75%,rgb(191,191,191) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgb(219,219,219) 75%,rgb(191,191,191) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgb(219,219,219) 75%,rgb(191,191,191) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdbdb', endColorstr='#bfbfbf',GradientType=0 ); /* IE6-8 */
font-weight: bold;
font-size: 1.2em;
padding:.4em 3.3112%; margin:0 0 0 0; 
clear: both;}

#secondary-content .holder .day {float: left; width: 40%!important;}
#secondary-content .holder h2 a, #secondary-content .holder h2 span.header-no-link{color:#000000; text-decoration:none; display:block;}
#secondary-content .holder img{border:none;}
#secondary-content .holder ul{padding:0 3.3112%;}
#secondary-content .holder li{padding:.7em 0; border-bottom:#BFBFBF 1px dotted; overflow: hidden; }
#secondary-content .holder .stripes{padding:0;}
#secondary-content .holder .stripes li{padding:.5em 0 .5em 3.3112%; border-bottom:none; background-color:#eee;}
#secondary-content .holder .stripes li.white{background-color:#fff; }
#secondary-content .holder li a,#secondary-content .holder h2 a{color:#000000; text-decoration:none;}
#secondary-content .holder li a:hover, #secondary-content .holder li a:focus, #secondary-content .holder li a:active, #secondary-content .holder h2 a:hover, #secondary-content .holder h2 a:active, #secondary-content .holder h2 a:focus{text-decoration:underline!important;}
#secondary-content .holder li a.heading{font-weight:bold;}
#secondary-content .holder .podcast, #secondary-content .holder .video-play, #secondary-content .holder .enewsletter{font-size:1.2em; background:url(/images/global/landing-podcast-icon.gif) no-repeat left ; padding:1em 0 1em 16.5562%}
#secondary-content .holder .podcast .podcast-listen {color:#AE2481; font-weight:bold;}
#secondary-content .holder .video-play{background:url(/images/global/landing-play-icon.gif) no-repeat left ;}
#secondary-content .holder .video-play .video-view {color:#00529B; font-weight:bold;}
#secondary-content .holder .audio{background: url(/images/global/audio.gif) no-repeat 0px 10px; padding:.6666em 0 .6666em 20px}
#secondary-content .holder .video{background: url(/images/global/video.gif) no-repeat 0px 10px; padding:.6666em 0 .6666em 20px;}
#secondary-content .holder .enewsletter {background:url(/images/global/landing-enewsletter-icon.gif) no-repeat left ;}
#secondary-content .holder .enewsletter .newsletter {color:#24909D; font-weight:bold;}
#secondary-content .holder .break{border-bottom:#BFBFBF 1px dotted; padding:0; margin:0 10px;}
#secondary-content .holder p{padding:.8333em 3.3112% 0 3.3112%;}
#secondary-content .holder .level-two-news .description {margin:0 0 0 67px;}
#secondary-content .holder .level-two-news img{padding:0;}
#secondary-content .holder .level-two-news a{padding:0; margin:0; font-weight: bold;}
#secondary-content .holder .level-two-news p{padding:0; margin:0;}
#secondary-content .holder .level-two-news {margin:0; padding:1em 0; display: block;}
#secondary-content .holder #player{margin:1em 3.3112% 0 3.3112%;}
#secondary-content .holder .thumb-image{float:none;height:57px;}
#secondary-content .holder .thumb-image img{height:55px;}
#secondary-content .holder .file-size{font-size:0.85em; color:#666;}

/*--------------------------------------------------------------
3.7 - Sidebars Levels 1,2,3
--------------------------------------------------------------*/

#left-nav-content #secondary-content-wrapper {border-left:18px solid #fff; float:right;width:28.5714%;}
#left-nav-content #secondary-content-wrapper #secondary-content {margin:1em 0; background-color:#EEEEEE; border: #CCC 1px solid; padding-bottom:10px; width:100%;}
#left-nav-content #secondary-content-wrapper #secondary-content .holder {margin:10px 4.5% 0 4.5%; padding:0 0 0 0; display:block;}
*html #left-nav-content #secondary-content-wrapper #secondary-content .holder {margin:10px 5px 10px 5px;}
#left-nav-content #secondary-content-wrapper #secondary-content .holder h2{background:#CDCDCD url(/images/global/h2-bg.jpg) top left repeat-x; padding: 4px 0 4px 0; margin:0 0 0 0; font-weight:700;font-size: 1.2em!important; border-top:none;}
#left-nav-content #secondary-content-wrapper #secondary-content .holder li{list-style:none;width: auto!important;}
#left-nav-content #secondary-content-wrapper #secondary-content .holder li a{}
#left-nav-content #secondary-content-wrapper #secondary-content .holder ul{margin:0 5.5555%!important;}

/*--------------------------------------------------------------
4.0 - Non-structural
--------------------------------------------------------------*/

/*--------------------------------------------------------------
4.1 - Typography
--------------------------------------------------------------*/


@font-face {
    font-family: 'NobileRegular';
    src: url('/fonts/nobile-webfont.eot');
    src: url('/fonts/nobile-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/nobile-webfont.woff') format('woff'),
         url('/fonts/nobile-webfont.ttf') format('truetype'),
         url('/fonts/nobile-webfont.svg#NobileRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {font-family: Verdana, Arial, Helvetica, sans-serif;margin:0 auto; font-size: 12px; line-height:150%; position:relative; text-rendering: optimizelegibility;}

h1, h2, h3, h4, h5, h6 {font-family: Verdana, Geneva, sans-serif; font-weight:normal; line-height:1.25em; margin:1em 0;}

h1 {font-size:1.6em;}
h2 {font-size:1.3em;}
h3 {font-size:1.2em;}
h4 {font-size:1.1em;}

p {padding:.3em 0;}

a         {color: #0066CC; text-decoration: underline;}
a:hover   {color: #cc0000; text-decoration: underline;}
a:visited, a:focus, a:active  {color:#660000; text-decoration:underline;}
.hide{display:none;}
h2 a, h2 a:visited{color:#000000; text-decoration:none;}h2 a:hover, h2 a:focus, h2 a:active{color:#000000;text-decoration:underline}
a.black-link {color:#000; text-decoration:none;}
a.black-link:hover, a.black-link:focus, a.black-link:active  {text-decoration:underline;}


/*--------------------------------------------------------------
4.2 - Colors
--------------------------------------------------------------*/

/*--------------------------------------------------------------
5.0 - Navigation
--------------------------------------------------------------*/

#main-navigation {background:#d9d9d9 url(/images/global/main-menu-bg.gif) bottom repeat-x; /*background: #d4d4d4;*/ clear:both; width:100%; display: none; }
#main-navigation.shown {display: block;}
#main-menu-wrapper {text-align:center;}
#showNavigationMenu img { margin: 0; }
#main-menu a {color:#000; text-decoration:none; padding:8px 2%; display:block; line-height:1.5em; margin:0 0 0 0; border-top: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #fff; }
#main-menu a:focus, #main-menu a:hover, #main-menu li:hover a.parent-link, #main-menu li li:hover a.child-link, #main-menu li.js-show a.parent-link, #main-menu li li.js-show a.child-link {color:#fff;}
#main-menu a:active {color:#000;}
#main-menu li > a:hover {background: #FCFCFC;}
#main-menu a.current {color: #fff;}
#main-menu {display: inline-block; width: 100%;position: relative;  z-index: 1000;}
#main-menu h3 { color: #333; text-align: left; padding-left: 6.25%; font-weight: bold; font-size: 1em; }
#main-menu > li > ul { display: none; }
#main-menu li:hover { color:#fff; }
#main-menu > li:hover > a {background: #c41d28; color: #fff; }
#main-menu li:hover ul { left:0px; top:30px; margin-bottom: 1em; color: #333; background: #FCFCFC; border: none; } /* It is this line that makes the sub menu appear */
#main-menu li:hover > ul { -webkit-box-shadow:  0px 3px 0px 2000px rgba(24, 24, 24, 0.2); box-shadow:  0px 3px 0px 2000px rgba(24, 24, 24, 0.2); }
#main-menu li:hover ul li { border-left: 1px solid #c41d28; border-right: 1px solid #c41d28; border-bottom: 1px solid #c41d28;  }
#main-menu div.submenu-items { width: 50%; float: left; display: inline-block; text-align: left; border: 0; border-top: 4px solid #c41d28; background: #fff; }
#main-menu div.submenu-items li { margin-left: 6.25%; line-height: 2em; margin-bottom:0.5em; background: transparent; border: none;}
#main-menu div.submenu-items > ul > li { display: block; float: none; width: 100%; clear: both; border: 0px solid transparent; }
#main-menu div.submenu-items a {color: #222; padding: 0; margin: 0; background: transparent;}
#main-menu div.submenu-items a:visited {color: #444; } 
#main-menu div.submenu-items a:hover {text-decoration: underline; background-color: transparent;}
#main-menu div.submenu-items a:active {color: #444; }
#aboutUsSubMenu { border: 1px solid #CCC; }
#educationSubMenu { border: 1px solid #CCC; }
#recordsSubMenu { border: 1px solid #CCC; }
#informationManagementSubMenu { border: 1px solid #CCC; }
#archivesSectorSubMenu { border: 1px solid #CCC; }
#shopOnlineSubMenu { border: 1px solid #CCC; }

#aboutUsSubMenu > li { width: 100%; }
#educationSubMenu  > li {  width: 100%; }
#recordsSubMenu  > li { width: 100%;  }
#informationManagementSubMenu > li { width: 100%;  }
#archivesSectorSubMenu > li {  width: 100%; }
#shopOnlineSubMenu > li { width: 100%; }

/*--------------------------------------------------------------
5.1 - Access keys
--------------------------------------------------------------*/

#main-navigation .accesskeys ul li {display: inline; list-style: none;}
#main-navigation .accesskeys ul li a{position:absolute; left: -999px;}
#main-navigation .accesskeys ul li a:focus, #main-navigation .accesskeys ul li a:active {position:absolute; left:14px; background:#FFC; z-index:100; padding:.6em 10px; width:200px;}

/*--------------------------------------------------------------
5.2 - Submenu
--------------------------------------------------------------*/


#sub-menu-wrapper { display: none; }


/*--------------------------------------------------------------
5.3 - Breadcrumb
--------------------------------------------------------------*/

#breadcrumb {padding:1em 2.0833%; margin: 0 0px 0px 0; font: 0.9em/150% Verdana,Geneva,Arial,Helvetica,sans-serif normal; color: #000000; background-color: #dddddd; clear:both;}
#breadcrumb a:link, #breadcrumb a:visited {color: #000000;}
#breadcrumb a:hover, #breadcrumb a:focus, #breadcrumb a:active   {text-decoration:none!important; }

/*--------------------------------------------------------------
5.4 - Pagination
--------------------------------------------------------------*/

/*--------------------------------------------------------------
5.5 - Left hand navigation - levels 3,4,5
--------------------------------------------------------------*/

#left-nav {width:21.7391%; float:left!important; height:100%; margin:0 2.1739% 1em 0; }
#left-nav li{ background-color:#D9D9D9; padding:6px 0; width:100%; margin:0 0 0 0; border-bottom:#FFFFFF solid 1px; float:left;}
#left-nav li a {color:#000000; text-decoration:none; padding:0 5%; display:block;}
#left-nav li a:hover, #wrapper #main-content #left-nav li a:focus, #wrapper #main-content #left-nav li a:active {color:#000000; text-decoration: underline;}
#left-nav .selected a {font-weight:bold;}
#left-nav .selected-page { padding:3px 1.5%; width:97%; margin:0;  display:block;}
#left-nav .selected-page a {padding:.5em 4%; width:92%; margin: 0 0 0 0;  display:block; color:#FFFFFF; font-weight:bold; }
#left-nav .selected-page a:hover, #wrapper #main-content #left-nav .selected-page a:focus, #wrapper #main-content #left-nav .selected-page a:active {color:#FFFFFF;}
#left-nav .selected-page li a{padding:0 0 0 0; width:100%; margin: 0 0 0 0; border:none; background-image: url(/images/global/nav-bg-2nd.jpg); }
#left-nav .selected-page ul {background: url(/images/global/nav-arrow-bg-1st.jpg) top left no-repeat; padding:12px 0 6px 0;margin: 0; width:100%; float:left;}
#left-nav .selected-page li {background: url(/images/global/nav-bg-2nd.jpg) top left no-repeat; border:none;width:92%; padding:6px 4%; }
#left-nav ul{padding:0 0 0 0; margin: 0 0 0 0; }
#left-nav .selected li{padding:6px 0; width:100%; margin: 0 0 0 0; border:none; background-image: url(/images/global/nav-bg-2nd.jpg); }
#wrapper #main-content #left-nav .selected ul{background: url(/images/global/level4-open-bg.gif) top left no-repeat; padding:12px 0 6px 0;margin: 6px 1.5% 0 1.5%; width:97%; float:left;}
#left-nav .selected li a,  #wrapper #main-content #left-nav .selected-page li a{color:#FFFFFF; font-weight:normal; }
#left-nav .selected li a:hover, #wrapper #main-content #left-nav .selected li a:focus, #wrapper #main-content #left-nav .selected li a:active, #left-nav .selected-page li a:hover, #wrapper #main-content #left-nav .selected-page li a:focus, #wrapper #main-content #left-nav .selected-page li a:active{color:#FFFFFF;}
#left-nav .selected .selected-page a {padding:6px 2%; width:92%; margin: 0 2%; display:block;}
#left-nav .selected .selected ul{background-image:none; background-color:#eeeeee; width:192px;}
#wrapper #main-content #left-nav .selected .selected-page ul {display:block; background:url(/images/global/level4-selected-open-bg.gif) top left no-repeat #eeeeee; margin-top:0 ; }
#left-nav .selected .selected-page li    {display:block; background:none #eeeeee;padding:0 0 0 0;}
#left-nav .selected .selected-page li a {display:block; background:none #eeeeee!important; border:none;padding:6px 0 6px 8px;}
#left-nav .selected .selected-page li a:hover{color:#000000;}
#left-nav .selected .selected ul{background: url(/images/global/level5-open-bg.gif) top left no-repeat;}
#left-nav .selected .selected li{background-image:none;margin:0 0 0 0; padding:6px 0 6px 8px; background-color:#eeeeee;}
#left-nav .selected .selected li a,  #wrapper #main-content #left-nav .selected .selected-page li a {color:#000000; font-weight:normal;}
#left-nav .selected .selected a, #wrapper #main-content #left-nav .selected .selected .selected a  {font-weight:800;}
#left-nav .selected .selected .selected-page {margin:0 0 0 0; padding:0 0 0 0;}
#left-nav .selected .selected .selected-page a {width:97%; margin:0 1.5%; color:#FFFFFF; font-weight:bold; }

/*--------------------------------------------------------------
6 - Images
--------------------------------------------------------------*/

#primary-content #intro .right, #primary-content .right, #main-content .right {margin:8px 0 6px 3.1298%;float:right;}
#primary-content #intro .right-rg-big, #primary-content .right-rg-big, #main-content .right-rg-big {margin:20px 20px 6px 20px;float:right;}
#primary-content #intro .left, #main-content .left {margin:8px 3.1298% 6px 0;float:left;}
#primary-content #intro .img-wrapper{/*float:right;*/ /*width:320px;*/width:46.7445%; /*padding:20px 20px 0 0;*//*padding-top:20px 0 0 20px*/; border:none; }
#primary-content #intro .img-wrapper img, #primary-content .img-wrapper img, #main-content .img-wrapper img {padding:0 0 0 0; /*margin: 0 0 5px 20px;*/margin: 0 0 5px 0; width:100%; height:auto;}
#primary-content #intro .img-description, #primary-content .img-description, #main-content .img-description {/*width:280px; padding:0 20px 0 20px;*/width:100%; padding:0; font-size:0.9em; color:#716b6b;}

/*--------------------------------------------------------------
7.0 - Page elements
--------------------------------------------------------------*/

/*--------------------------------------------------------------
7.1 - Forms
--------------------------------------------------------------*/

/* CA: Search control specific rules */
.qs_div_wrapper { border-bottom: 2px solid #D9D9D9; margin: 0 20px 20px 0px; padding: 0; background-color: #EDEDED; position: relative; width: 599px; }
.qs_div_search { padding: 30px 10px; position: relative; }
.qs_div_field_links { position: absolute; top: 3px; right: 10px; }
.qs_div_navigation_links { position: absolute; bottom: 5px; left: 10px; }
* html .qs_div_navigation_links { left: 0px; }
.qs_div_form_field { clear: both; padding: 0 0 20px 0; position: relative; }
.qs_div_keyword_textbox { float: left; padding: 0; width: auto; }
.qs_div_date_range { float: left; padding:0; width: auto; }
.qs_div_keyword_textbox label { padding: 0 10px 0 0; font-weight: 700; }
.qs_div_date_range label { padding: 0 5px 0 10px; font-weight: 700; }
.qs_div_date_range label span { font-weight: normal; letter-spacing: -1.5px; }
.qs_div_keyword_textbox input, .qs_div_date_range input { border: 1px solid #D9D9D9; }
.qs_div_keyword_textbox input { width: 130px; }
.qs_div_date_range input { width: 50px; }
input.qs_button_search { float: right; background: url(/images/global/search_button_hp.gif); border: 0; cursor: pointer; height: 22px; width: 65px; }*/
/* validation error messages */
.qs_validator_style { color: #FF0000; clear: both; font-weight: 700; }
.qs_validator_style ul { list-style: none; margin: 0; padding: 0; }
.qs_validator_style ul li { background: #EDEDED !important; font-weight: normal; margin: 0 0 10px 10px !important; }

/*--------------------------------------------------------------
7.2 - Error / Success Messages
--------------------------------------------------------------*/

.validation-summary-errors {color:#C00; margin:10px 0 10px 0; background-color: #FFC;border:1px dotted #C00; width:858px; display:block;padding: 10px 10px 10px 10px;}
span.validation-summary-errors {border-bottom:none;}ul.validation-summary-errors{border-top:none;}
.validation-summary-errors ul {padding:12px 0 0 0;}
.validation-summary-errors li {padding: 6px 0 6px 0; font-weight:800;}
.field-validation-error {color:#C00; font-weight:800; font-size:0.9em;}

/*--------------------------------------------------------------
7.3 - Tables
--------------------------------------------------------------*/

/*--------------------------------------------------------------
7.4 - Lists 
--------------------------------------------------------------*/

#left-nav-content .grey-white-list, #intro ul.grey-white-list {padding:0 0 0 0!important; margin:12px 0 20px 0!important; list-style:none; border:#bfbfbf dotted 1px;  }
#left-nav-content ul.grey-white-list li, #intro ul.grey-white-list li{ list-style:none; padding:12px 0 12px 0!important; margin:0 0 0 0; width:auto; line-height:150%;  word-wrap: break-word; background:none;}
.grey-white-list li .col1 {padding:0 2.8653% 0 1.4326%; float:none; display: inline-block; vertical-align:top  }
.grey-white-list li .col2 {padding:0 2.8653% 0 0 ; float:none; display: inline-block; vertical-align:top }
.grey-white-list li .col3 {padding:0 2.8653% 0 0 ; float:none; display: inline-block; vertical-align:top }
#two-col-50-50 li .col1, #two-col-50-50-docs li .col1, #two-col-50-50 li .col2, #two-col-50-50-docs li .col2 {width:42.9799%;}
#two-col-60-40-releases {width:68.7679%!important;}
#two-col-70-30 li .col1 {width:57.3065%;}
#two-col-70-30 li .col2 {width:28.6532%;}
#two-col-60-40-releases li .col1 {width:490px;}
#two-col-60-40-releases li .col2 {width:330px;}
#two-col-60-40 .col1{width:490px;}
#two-col-60-40 .col2{width:330px;}
#two-col-80-20 li .col1, #two-col-80-20-docs li .col1 {width:71.6332%;}
#two-col-80-20-docs li .col2 {width:17.1919%;}
#two-col-80-20-releases {width:100%;}
#two-col-50-50-press {width:480px!important; }
*html #wrapper #main-content #left-nav-content #two-col-80-20-releases, *html #wrapper #main-content #left-nav-content #two-col-50-50-press {width:470px!important; }
#two-col-50-50-press .col1{width:240px; }
#two-col-20-80 li .col1, #three-col-20-60-20 li .col1  {width:120px;}
#three-col-even li .col1 {width:200px;}
#three-col-even li .col2 {width:200px;}
#three-col-even li .col3{width:200px;}
#two-col-50-50 li .col2, #two-col-50-50-docs li .col2, #two-col-80-20 li .col2, #two-col-20-80 li .col2, #two-col-80-20-docs li .col2, #two-col-50-50-press .col2  {float:none;}
#left-nav-content #three-col-20-60-20 li .col2 {width:420px!important;}
#left-nav-content li.grey, #intro li.grey{background-color:#EEEEEE!important;}
.grey h2 {border:none; margin:0 0 0 0; padding:0 0 0 10px;}
.grey-white-list .headings {font:1.2em; font-weight:800;}

/*--------------------------------------------------------------
7.5 - Social bookmarks
--------------------------------------------------------------*/

.socialBookmarks {clear:both; float:left; border-top: 1px dotted #ccc; padding:10px 0 10px 0; width:100%; margin:10px 0;}
.socialBookmarks p {float:right; font-size:.9em; text-align: right; color:#666;}
.addthis_toolbox {float:right;}
.addthis_button_facebook_like {width:48px!important;}

/*--------------------------------------------------------------
7.6 - Tool tips 
--------------------------------------------------------------*/

div.toolTipShownByJS{
padding: 10px; 
position: absolute; 
width: 140px; 
top:35px;
right:-10px; 
background:url(/SearchUI/Content/images/toolTipUp.png)  120px 0 no-repeat;
}    
div.toolTipShownByJS > div
{
background: #FCF2D9; 
text-align:left; 
border: 1px solid #f4d57f; 
background: #FCF2D9; 
color:#000;
-webkit-box-shadow: 0px 3px 10px 1px rgba(0, 0, 0, .1);
-moz-box-shadow: 0px 3px 10px 1px rgba(0, 0, 0, .1);
box-shadow: 0px 3px 10px 1px rgba(0, 0, 0, .1);
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
padding: 5px;    
font-size:.8em;
}

/*--------------------------------------------------------------
7.7 - Buttons, Icons & Arrows
--------------------------------------------------------------*/

/*Arrows*/
.red-arrow-large {background:url(/images/arrows/arrow-red-large.gif) right no-repeat;  display: inline; padding:7px 6px 9px 6px; height:0px; width:0px;}
.red-arrow {background:url(/images/arrows/arrow-red.gif) right no-repeat;  display: inline; padding:7px 6px 8px 6px; height:0px; width:0px;}
.maroon-arrow {background:url(/images/arrows/arrow-maroon.gif) right no-repeat; display:inline; padding:7px 6px 8px 6px; height:0px; width:0px;}
.white-arrow {display: none;}
.white-arrow-small {background:url(/images/arrows/arrow-white-small.gif) right no-repeat;  display: inline; padding:7px 6px 8px 6px; height:0px; width:0px;}
.black-arrow {background: url(/images/arrows/arrow-black.gif) right no-repeat; display: inline; padding:7px 6px 8px 6px; height:0px; width:0px;}

/*Promotions arrows*/
.pink-arrow {background: url(/images/arrows/arrow-pink.gif) right no-repeat; display: inline; padding:7px 6px 8px 6px; height:0px; width:0px;}
.green-arrow {background: url(/images/arrows/arrow-green.gif) right no-repeat; display: inline; padding:7px 6px 8px 6px; height:0px; width:0px;}
.purple-arrow {background: url(/images/arrows/arrow-purple.gif) right no-repeat;display: inline; padding:7px 6px 8px 6px; height:0px; width:0px;}

/* For IE6 */
* html .red-arrow-large,* html .white-arrow,* html .white-arrow-small,* html .red-arrow,* html .black-arrow,* html .pink-arrow,* html .green-arrow,* html .purple-arrow, * html .maroon-arrow{display:inline-block;margin-top:2px;padding: 1px 6px 1px 6px;margin-bottom:0px;}
*html .black-down-arrow { display: inline-block; padding: 1px 6px 2px 6px; }
*html .black-up-arrow { display: inline-block; padding: 1px 6px 2px 6px; }

/* For IE7 - doesn't display arrows without line-block */
html>body .red-arrow-large, .white-arrow, .white-arrow-small, .red-arrow, .black-arrow, .pink-arrow, .green-arrow, .purple-arrow, .black-down-arrow, .black-up-arrow, .maroon-arrow {*display: inline-block;}

#content-column-news #rss, #wrapper #primary-content .left #rss {float:right; padding:4px 10px 4px 0;  text-align:right; margin:-27px 0 0 0; }
#secondary-content .holder #rss {float:right; padding:4px 10px 4px 0;  text-align:right; margin:-27px 10px 0 0; }
#content-column-news #rss a img, #wrapper #primary-content .left #rss a img, #secondary-content .holder #rss a img {float:right; padding:3px 0 0 10px; border:none;}
#content-column-news #rss a, #wrapper #primary-content .left #rss a, #secondary-content .holder #rss a{color:#000000; text-decoration:none;}
#content-column-news #rss a:hover, #content-column-news #rss a:focus, #content-column-news #rss a:active, #wrapper #primary-content .left #rss a:hover,  #wrapper #primary-content .left #rss a:focus, #wrapper #primary-content .left #rss a:active, #secondary-content .holder #rss a:hover, #secondary-content .holder #rss a:focus, #secondary-content .holder #rss a:active {text-decoration:underline;}

/*/Show/hide rules*/

/* IMPORTANT: will not work if elements within the hide-or-show div are floated */
.hide-or-show li, .hide-or-show ul, .hide-or-show ul li { margin:0 0 0 0;padding:0 0 10px 0;list-style:none; float: none !important; }
/* on the topics page we want the expanded lists hidden when the page first loads */
li.no-border div.hide-or-show { display: none; }

/* Hide and show buttons */

.hide-button{background:#716B6B url(/images/buttons/dark-grey-open-bg.gif) repeat-x; padding:7px 5px 6px 38px; width:200px; margin:12px 0 0 0;font-weight:bold!important;}
.hide-button a{color:#FFF; text-decoration:none;}
.hide-button a:hover, .hide-button a:focus, .hide-button a:active{text-decoration:underline;}
.show-button{background:#716B6B url(/images/buttons/dark-grey-closed-bg.gif) repeat-x; padding:7px 5px 6px 38px; width:200px; margin:12px 0 0 0;font-weight:bold!important;}
.show-button a{color:#FFF; text-decoration:none;}
.show-button a:hover, .show-button a:focus, .show-button a:active{text-decoration:underline;}

#primary-content .hide-button{background:#716B6B url(/images/buttons/dark-grey-open-bg.gif) repeat; margin:12px 0 12px 0;padding:4px 5px 4px 0; clear: both;width:270px;}
#primary-content .show-button{background:#716B6B url(/images/buttons/dark-grey-closed-bg.gif) repeat; margin:12px 0 12px 0;padding:4px 5px 4px 0; clear: both;width:270px;}
#primary-content .hide-button a, #wrapper #primary-content .show-button a, #wrapper #secondary-content .hide-button a, #wrapper #secondary-content .show-button a{padding:0 5px 0 38px; color:#FFFFFF!important; font-size:0.8em; text-decoration:none; font-weight:800;}
#secondary-content .hide-button{background:#716B6B url(/images/buttons/dark-grey-open-bg.gif) repeat; width:280px; margin:12px 0 0 8px;padding:4px 0 4px 0;}
#secondary-content .show-button{background:#716B6B url(/images/buttons/dark-grey-closed-bg.gif) repeat; width:280px; margin:12px 0 0 8px!important;padding:4px 0 4px 0;}

/*--------------------------------------------------------------
7.8 - Feature banners
--------------------------------------------------------------*/

.yellow-banner, .orange-banner, .claret-banner, .blue-banner, .purple-banner, .dk-green-banner, .green-banner, .teal-banner, .pink-banner, .blue-banner, .dk-blue-banner, .grey-banner, .black-banner, .corporate-red-banner, .light-orange-banner, .light-claret-banner, .light-pink-banner, .light-purple-banner, .light-blue-banner, .light-dk-blue-banner, .light-teal-banner, .light-green-banner, .light-grey-banner {/*width:92.1052%;*/width: 93.75%; *width: 280px; margin:12px 3.3333%; display:inline-block;}


/* text */
.wdytya-banner h3, .orange-banner h3,.census-banner h3, .claret-banner h3, .blue-banner h3, .purple-banner h3, .green-banner h3, .teal-banner h3, .dk-blue-banner h3, .pink-banner h3, .grey-banner h3, .black-banner h3, .family-banner h3, .military-banner h3, yellow-banner  h3, .light-orange-banner h3, .light-claret-banner h3, .light-pink-banner h3,.light-purple-banner h3, .light-blue-banner h3, .light-dk-blue-banner h3, .light-teal-banner h3, .light-green-banner h3, .light-grey-banner h3, .blue-banner h3, 
.dk-green-banner h3, .census-banner h3, .corporate-red-banner h3  {padding:12px 20px; font-size:1.2em; font-weight:normal; line-height:140%; margin:0;}
/* asterisk indicator - superscript */
sup.asterisk-indicator { color: #000; font-size: 120%; font-weight: bold; }

/* white text */
.wdytya-banner h3 a, .orange-banner h3 a, .claret-banner h3 a,.census-banner h3 a, .blue-banner h3 a, .purple-banner h3 a,  .teal-banner h3 a, .dk-blue-banner h3 a, .pink-banner h3 a, .black-banner h3 a, .family-banner h3 a, .military-banner h3 a,  .blue-banner h3 a, .dk-green-banner h3 a, .grey-banner h3 a, .census-banner h3 a, .corporate-red-banner a {color:#ffffff; text-decoration:none;}
.wdytya-banner h3 a:hover, .orange-banner h3 a:hover, .census-banner h3 a:hover, .claret-banner h3 a:hover, .blue-banner h3 a:hover, .purple-banner h3 a:hover, .green-banner h3 a:hover, .teal-banner h3 a:hover, .dk-blue-banner h3 a:hover, .pink-banner h3 a:hover, .black-banner h3 a:hover, .family-banner h3 a:hover, .military-banner h3 a:hover, .grey-banner h3 a:hover, .dk-green-banner  h3 a:hover, .census-banner h3 a:hover, .corporate-red-banner a:hover {color:#ffffff; text-decoration:underline;}

/* black text - DO WE STILL USE THIS? */
.light-orange-banner h3 a, .light-claret-banner h3 a, .light-pink-banner h3 a,.light-purple-banner h3 a, .light-blue-banner h3 a, .light-dk-blue-banner h3 a, .light-teal-banner h3 a, .light-green-banner h3 a, .light-grey-banner h3 a, yellow-banner  h3 a, .green-banner h3 a {color:#000000; text-decoration:none;}
.light-orange-banner h3 a:hover, .light-claret-banner h3 a:hover, .light-pink-banner h3 a:hover,.light-purple-banner h3 a:hover, .light-blue-banner h3 a:hover, .light-dk-blue-banner h3 a:hover, .light-teal-banner h3 a:hover, .light-green-banner h3 a:hover, .light-grey-banner h3 a:hover, yellow-banner  h3 a:hover, .green-banner h3 a:hover{color:#000000; text-decoration:underline;}

/* images */
.wdytya-banner img, .orange-banner img, .claret-banner img, .blue-banner img, .purple-banner img, .green-banner img, .teal-banner img, .dk-blue-banner img, .pink-banner img, .grey-banner img, .black-banner img, .family-banner img, .military-banner img, .census-banner img, .light-orange-banner img, .light-claret-banner img, .light-pink-banner img,.light-purple-banner img, .light-blue-banner img, .light-dk-blue-banner img, .light-teal-banner img, .light-green-banner img, .light-grey-banner img, yellow-banner img, dk-blue-banner img, .dk-green-banner img, .corporate-red-banner img {float:right; border:none; /*width:30%;*/}

/*--------------------------------------------------------------
7.8.1 - Primary Colours
--------------------------------------------------------------*/

.yellow-banner          {background-color:#FF9933; border-bottom: 4px solid #9b5f1d; color:#000000;}
.orange-banner          {background-color:#cd5806; border-bottom: 4px solid #7b3700; color:#ffffff;}
.claret-banner          {background-color:#860b0b; border-bottom: 4px solid #520a0a; color:#ffffff;}
.blue-banner            {background-color:#4382a8; border-bottom: 4px solid #10547c; color:#ffffff;}
.purple-banner          {background-color:#6d3678; border-bottom: 4px solid #45224c; color:#ffffff;}
.dk-green-banner        {background-color:#007e3a; border-bottom: 4px solid #004a22; color:#ffffff;}
.green-banner           {background-color:#88cc44; border-bottom: 4px solid #66a02c; color:#000000;}
.teal-banner            {background-color:#008193; border-bottom: 4px solid #0b454d; color:#ffffff;}
.pink-banner            {background-color:#c40098; border-bottom: 4px solid #840267; color:#ffffff;}
.blue-banner            {background-color:#4382a8; border-bottom: 4px solid #10547c; color:#ffffff;}
.dk-blue-banner         {background-color:#00529b; border-bottom: 4px solid #01325e; color:#ffffff;}
.grey-banner            {background-color:#716b6b; border-bottom: 4px solid #353434; color:#ffffff;}
.black-banner           {background-color:#000000; border-bottom: 4px solid #716b6b; color:#ffffff;}
.corporate-red-banner   {background-color:#CB0D07; border-bottom: 4px solid #000000; color:#ffffff;}
.info-man-dk-blue-banner{background-color:#00529b; border-bottom: 4px solid #01325e; color:#ffffff; width:280px;}

/*--------------------------------------------------------------
7.8.2 - Secondary Colours
--------------------------------------------------------------*/

.light-orange-banner          {background-color:#cd5806; border-bottom: 4px solid #7b3700; color:#000000;}
.light-claret-banner          {background-color:#860b0b; border-bottom: 4px solid #520a0a; color:#000000;}
.light-pink-banner            {background-color:#c40098; border-bottom: 4px solid #840267; color:#000000;}
.light-purple-banner          {background-color:#6d3678; border-bottom: 4px solid #45224c; color:#000000;}
.light-blue-banner            {background-color:#4382a8; border-bottom: 4px solid #10547c; color:#000000;}
.light-dk-blue-banner         {background-color:#00529b; border-bottom: 4px solid #01325e; color:#000000;}
.light-teal-banner            {background-color:#008193; border-bottom: 4px solid #0b454d; color:#000000;}
.light-green-banner           {background-color:#b1e8ca; border-bottom: 4px solid #007e3a; color:#000000;}
.light-grey-banner            {background-color:#c7c9c8; border-bottom: 4px solid #716b6b; color:#000000;}

.blue-bkgd h1{background-color:#4382a8; } /* for Services for Professionals */
.violet-bkgd, .purple-bkgd{background-color:#6d3678;border-bottom:#45224c solid 4px;} /*for Research and learning*/
.teal-bkgd{background-color:#008193;border-bottom: 4px solid #0b454d;} /* for Social and economic research */
.red-bkgd{background-color:#860b0b;border-bottom: 4px solid #520a0a;} /* for Services for Professionals */
.blue-bkgd {background-color: #4382a8;border-bottom: 4px solid #10547c;} /* for About us */
.dk-blue-bkgd {background-color: #00529b;border-bottom: 4px solid #01325e;} /* for Information management */
.pink-bkgd {background-color: #c40098;border-bottom: 4px solid #840267;} /* for Search the archives */
.maroon-bkgd {background-color: #8A0752;border-bottom: 4px solid #8A0752;} /* for web archive */
.info-man-dk-blue-banner{background-color:#00529b; border-bottom: 4px solid #01325e; color:#ffffff; width:280px;/*margin:12px 10px 12px 10px;*/}


--------------------------------------------------------------
8.0 - Media queries
--------------------------------------------------------------*/

@media only screen and (min-width: 480px) {
	body {width:98%; padding:1%; background:none;}
	.white-arrow { display: inline; background: url(/images/arrows/arrow-white.gif) right no-repeat; display: inline; padding:9px 6px 9px 6px; height:0px; width:0px;}
	#wrapper #primary-content #banner h1 .sub-text { font-size:0.65em; display:block!important; font-weight:bold; line-height:150%; padding:6px 0 0 0;}
		.wdytya-banner img, .orange-banner img, .claret-banner img, .blue-banner img, .purple-banner img, .green-banner img, .teal-banner img, .dk-blue-banner img, .pink-banner img, .grey-banner img, .black-banner img, .family-banner img, .military-banner img, .census-banner img, .light-orange-banner img, .light-claret-banner img, .light-pink-banner img,.light-purple-banner img, .light-blue-banner img, .light-dk-blue-banner img, .light-teal-banner img, .light-green-banner img, .light-grey-banner img, yellow-banner img, dk-blue-banner img, .dk-green-banner img, .corporate-red-banner img {width:50%;}

}


@media only screen and (min-width: 768px) and (max-width: 975px) {
	#sub-menu li{ padding:0 .74%!important; }
}

@media only screen and (min-width: 480px) and (max-width: 768px) {

	.wdytya-banner h3, .orange-banner h3,.census-banner h3, .claret-banner h3, .blue-banner h3, .purple-banner h3, .green-banner h3, .teal-banner h3, .dk-blue-banner h3, .pink-banner h3, .grey-banner h3, .black-banner h3, .family-banner h3, .military-banner h3, yellow-banner  h3, .light-orange-banner h3, .light-claret-banner h3, .light-pink-banner h3,.light-purple-banner h3, .light-blue-banner h3, .light-dk-blue-banner h3, .light-teal-banner h3, .light-green-banner h3, .light-grey-banner h3, .blue-banner h3, 
	.dk-green-banner h3, .census-banner h3, .corporate-red-banner h3  {font-size:1.6em; }
	.level1 #wrapper #primary-content #banner h1  {font-size:2.5em; }
}

@media only screen and (min-width: 768px) {
	#hdr-logo-holder {float: left;padding: 1.2em 0 2.3em 0; width:50%;  }
	#main-navigation {display: block;}
	#main-menu a {display: inline-block; border: 0;}
	#showNavigationMenu {display: none;}
	#main-menu li {display:inline; margin:0 0 0 0; padding:0 0 0 0;}
	#main-menu > li > ul { position: absolute; top: -5px; width: 100%; left: -9999px; color: #fff; display: block;}
	#searchTools {position:absolute; top:0.8em; width:50%; padding:0 0 0 0; right:1em; background:none; text-align: left; display: block;}
	#hdr-searchform-holder { display: block;}
	#hdr-searchform-holder #search_button, #hdr-searchform-holder #ctl00_search_button {right:0px;}
	#dynamicSearchLink { display: none;}
	#searchTools a { color: #0066cc; font-weight:normal;}
	#breadcrumb { background-color: #fff; }

	.level1 #wrapper #primary-content #banner{height:214px;}
	.ftr-footer-spacer {clear: both; height: 1.8518em;}
	#primary-content { width:66.5389%!important; }
	#secondary-content { width:33.3299%!important; float: right;}
	#wrapper #primary-content #banner h1 { width: 46.9483%; }
	#wrapper #primary-content #banner h1 .sub-text { display: inline-block; font-size:0.65em; font-weight: bold; line-height: 140%;}
	#sub-menu-wrapper { clear:both; padding:7px 0 7px 0; background:#716B6B url(/images/global/sub-menu-bg.gif); display:inline-block; width:100%; text-align:center;}
	#sub-menu li{ padding:0 1.875%; color:#FFFFFF; border-right:#fff solid 1px; display:inline-block;}
	#sub-menu li.selected {font-weight:bold;}
	#sub-menu li a{color:#ffffff; text-decoration:none;}
	#sub-menu li a:hover, #sub-menu li a:focus, #sub-menu li a:active {text-decoration:underline;}
	#sub-menu li a.selected {color:#383838; font-weight:bold;}
	#sub-menu .no-border{border:none;}
	#ftr-footer-links-wrapper div {width: 25%;}
	#ftr-footer-links-wrapper h4 {padding-left:4.3478%;margin: 0 0 5px 0;}
	#ftr-footer-links-wrapper ul {padding:0 0 0 4.3478%; margin:0;}
	#ftr-footer-links-wrapper li {list-style:none; list-style-type:none; padding: 0; margin: 0; border-bottom: 0;}
	.accountLinks {float: right; font-size: 1em;}
	#spacer {display: none; }
	
	/*Temporary styles to reinsert main nav li dividers and red colour on hover - DW - 12/12/12*/
	#main-menu-wrapper {min-height: 2.5em; width:100%; margin:0 auto; /*background:#d9d9d9 url(/images/global/main-menu-bg.gif) bottom repeat-x;*/}
	#main-menu {display: inline-block; position: relative;  /*z-index: 1000; */line-height:1.7em; width: auto;}
	#main-menu li { border-right:1px solid #b4b4b4; border-left:1px solid #fafafa; float: left; }
	#main-menu li#first-left { border-left:none !important;}
	#main-menu li#last-right { border-right:none !important;}
	#main-menu a {  padding: 6px 20px; }
	#main-menu .selected{border:none; background:#716B6B url(/images/global/sub-menu-bg.gif); color:#FFFFFF; font-weight:bold; }
	.white-arrow {background:url(/images/arrows/arrow-white.gif) right no-repeat; display:inline; padding:7px 6px 8px 6px; height:0px; width:0px; *margin-bottom: 3px;}
	#secondary-content { background: #eee;} 
	#secondary-content .holder {margin:.6666em 2.5157%; }
	.wdytya-banner img, .orange-banner img, .claret-banner img, .blue-banner img, .purple-banner img, .green-banner img, .teal-banner img, .dk-blue-banner img, .pink-banner img, .grey-banner img, .black-banner img, .family-banner img, .military-banner img, .census-banner img, .light-orange-banner img, .light-claret-banner img, .light-pink-banner img,.light-purple-banner img, .light-blue-banner img, .light-dk-blue-banner img, .light-teal-banner img, .light-green-banner img, .light-grey-banner img, yellow-banner img, dk-blue-banner img, .dk-green-banner img, .corporate-red-banner img {width:50%;}
	.wdytya-banner h3, .orange-banner h3,.census-banner h3, .claret-banner h3, .blue-banner h3, .purple-banner h3, .green-banner h3, .teal-banner h3, .dk-blue-banner h3, .pink-banner h3, .grey-banner h3, .black-banner h3, .family-banner h3, .military-banner h3, yellow-banner  h3, .light-orange-banner h3, .light-claret-banner h3, .light-pink-banner h3,.light-purple-banner h3, .light-blue-banner h3, .light-dk-blue-banner h3, .light-teal-banner h3, .light-green-banner h3, .light-grey-banner h3, .blue-banner h3, 
	.dk-green-banner h3, .census-banner h3, .corporate-red-banner h3  {font-size:1.2em; }
	.level1 #wrapper #primary-content #banner{ display:inline-block;  }
	#wrapper #primary-content #banner img {width:auto; height:100%; }

	/* START OF Global search styles */

	#linksToSearchForms {
		display: none;
	}

	#userControls {
		position: absolute;
		top: 3em;
		text-align: right;
		right: 1em;
	}

	#tnaSearchWrapper {
		display: block;
		right: -12px;
	}

	#tnaSearchWrapper form {
		position: absolute;
		top: -10px;
		width: 32em;
		display: block;
		background: rgb(254,254,254); 
		background: -moz-linear-gradient(top,  rgba(254,254,254,1) 0%, rgba(239,239,239,1) 100%); 
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,254,254,1)), color-stop(100%,rgba(239,239,239,1))); 
		background: -webkit-linear-gradient(top,  rgba(254,254,254,1) 0%,rgba(239,239,239,1) 100%); 
		background: -o-linear-gradient(top,  rgba(254,254,254,1) 0%,rgba(239,239,239,1) 100%); 
		background: -ms-linear-gradient(top,  rgba(254,254,254,1) 0%,rgba(239,239,239,1) 100%); 
		background: linear-gradient(to bottom,  rgba(254,254,254,1) 0%,rgba(239,239,239,1) 100%); 
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#efefef',GradientType=0 ); 
		border: 1px solid #CDCDCD;
		border-top-color: #EFEFEF;
		border-radius: 0 0 2px 2px;
	}

	#searchOptionToggler {
		color: #383838;
	}
	/* END OF Global search styles */
}

@media only screen and (min-width: 1000px) {
		#primary-content ul li, #primary-content ul.nav-last li{ border-color: #676767;}
	#primary-content ul li.left, #primary-content ul.nav-last li.left {border-color: #676767;}
	body {padding:0 14px 0 14px; width:960px; position:relative;  background: url(/images/global/body-bg.jpg) top center repeat-y;}

	#main-menu .selected{border:none; background:#716B6B url(/images/global/sub-menu-bg.gif); color:#FFFFFF; font-weight:bold; }
	
}

/* Beta banner styles - to be removed once beta period over DW - 16/09/13 */

#beta a {
	width: 96%;
	background: #FCE45C url("/images/home/dot-grey.png") repeat scroll 0 0;
	color: #000;
	font-size: 1.25em;
	text-decoration: none;
	padding: 10px 2%;
/*	border: 1px solid #333333;
	border-left: none;
	border-right: none;*/
	display: inline-block;
/*	margin-top: 6px;*/
	text-align: center;
	/*font-family: 'Bitter', rockwell, serif;*/
}

#beta a:hover {

	text-decoration: underline;

}