/* ============================================================

* Filename: default.css
* Web site: NLS main web site
* Description: Global CSS, w3c compliant
* Version: 1.0 (April 2010)
/* body
---------------------------------------------------*/
body  {
	font-size: 0.8em;
	font-family: Arial, Helvetica, sans-serif;
	background: #4289C8 url("../graphics/backgrounds/page-bg.jpg") repeat-x;
}
.printOnly {
	display: none;
}

/* header
---------------------------------------------------*/
#header {
	margin-top:15px;
	background: url("../graphics/backgrounds/header-BL.png") no-repeat left bottom;
	font-size: 90%;
}
#logo {
	padding-left:8px;
	min-height:107px;
}
#header-top {
	background:url("../graphics/backgrounds/header-TL.gif") no-repeat;
	height:8px;
	overflow:hidden;
}
#search {
	background: url("../graphics/backgrounds/header-TR.gif") no-repeat;
	float:right;
	width:240px;
	padding-top:8px;
}
#search-mid {
	background: url("../graphics/backgrounds/search-mid.png") repeat-y;
	min-height:107px;
}
#search-foot {
	background: url("../graphics/backgrounds/header-BR.png") no-repeat;
	height:9px;
	overflow:hidden;
}
#search form {
	border: none;
	padding: 0;
	padding-left: 12px;
	margin: 0;
}
#search fieldset {
	border: none;
	padding: 0;
	margin: 0;
}
#search label {
	color:#333;
}
#search label span {
	color:#003C74;
	font-size: 130%;
	font-weight: bold;
	display: block;
}
#search #search-elements {
	width: 202px;
	background-color: white;
	border: 4px solid silver;
	padding: 0;
	margin-top: 2px;
	margin-bottom: 2px;
}
#search #search-box {
	width: 170px;
	vertical-align: top;
	padding: 1px;
	border: none;
	background: transparent;
	color: #666;
}
#search #noscript-searchform #search-box {
	width: 167px;
}
#search #noscript-searchform {
	padding-top: 18px;
}
#search-box-submit {
	width: 30px;
	padding: 0 0 2px 0;
	border: none;
	background-color:#F63;
	color: white;
	margin: 0;
	font-weight: bolder;
}
fieldset#search-type input#search-type-1 {
	margin: 0 0 0 0;
}
fieldset#search-type input#search-type-2 {
	margin: 0 0 0 4px;
}
#ie6-warning {
	display: inline;
	position: absolute;
	width: 170px;
	top: 30px;
	right: 255px;
	padding: 5px;
	margin: 0 0 10px 0;
	border: 1px black solid;
	background-color: yellow;
	text-align: center;
}

/* main navigation
---------------------------------------------------*/

/* Menu item widths
	 When the top level menu items are changed the left and right padding values will also
	 need to be changed to ensure that the find button lines up with column 3 (but this
	 can only be guaranteed at the standard font size and when the main elements are at
	 their maximum widths)*/
/* The first (or home) menu item must be set in pixels. */
#navigation li.prim-nav-first a {
	padding-left: 15px;
	padding-right: 15px;
}
/* The mid and last menu items must be set as a percentage of the overall main width. */
#navigation li.prim-nav, #navigation li.prim-nav-last {
	padding-left: 2.37%;
	padding-right: 2.37%;
}

.prim-nav a, .prim-nav-first, .prim-nav-last a {
	font-size:1.3em !important;
}
.prim-nav li a, .prim-nav-first, .prim-nav-last li a {
	font-size:1.1em !important;
}

#empty-navigation {
	height: 5px;
}
#navigation {
	clear:both;
	background-image: url("../graphics/backgrounds/nav-R.png");
	background-repeat:no-repeat;
	background-position:right -40px;
	padding:0 8px 0 0;
	margin: 0 0 -8px 0;
}
#navigation ul {
	padding:0 0 8px 0;
	margin: 0;
	padding-left:6px;
	min-height:40px;
}
#navigation ul ul {
	background:none;
	padding:0;
	margin:0;
}
#navigation li {
	background: url("../graphics/backgrounds/primary-link.png") no-repeat left top;
	display:block;
	float:left;
	text-align:left;
	min-height:40px;
	list-style-type: none;
}
#navigation li:hover {
	background-image:url("../graphics/backgrounds/primary-link.png");
	background-repeat:no-repeat;
	background-position:-200px 0;
	color:#000066;
}
#navigation li li:hover {
	background-image:none;
}
#navigation li.prim-nav-first {
	background:none;
}
#navigation li.prim-nav-last:hover {
	text-align:left;
	background-image:url("../graphics/backgrounds/nav_L_find.png");
	background-repeat:no-repeat;
	background-position:-300px 0;
}
#navigation li div {
	position: absolute;
	top: -9999em;
	z-index:100;
	margin-top:-1em;
}
#navigation ul, #navigation ul li {
	margin-bottom: 0;
}
#navigation li a {
	display:block;
	color:#fff;
	font-size: 110%;
	font-weight:bold;
	min-height:30px;
	padding-top:10px;
	text-align:center;
	text-decoration:none;
}
#navigation li:hover a {
	color:#000066;
}
#navigation li:hover li a {
	color:#0033FF;
}
#navigation li.prim-nav-first a {
	background: url("../graphics/backgrounds/primary-link-home.png") left no-repeat;
}
#navigation li.prim-nav-first a:hover {
	background-image: url("../graphics/backgrounds/primary-link-home.png");
	background-repeat: no-repeat;
	background-position: -82px 0;
}
#navigation li ul li a {
	background:none;
	width:180px;
	font-weight:normal;
	min-height:1px;
	padding:0;
	color:#0033FF;
	text-align:left;
}
#navigation li ul li a:hover {
	background:none;
	color:#CC3300;
}
#navigation li.current a {
	background-image:url("../graphics/backgrounds/primary-link.png");
	background-repeat:no-repeat;
	background-position:-200px 0;
	color:#000066;
}
#navigation li.current ul a {
	background:none;
	color:#0033FF;
}
#navigation li.prim-nav-last a {
	background:none;
	text-align:left;
}
#navigation li.prim-nav-last li a {
	padding-left:0;
}
#navigation li li {
	float:none;
	background:none;
	min-height:1px;
	margin-bottom:.7em;
	text-align:left;
	list-style-type: none;
}
#navigation li:hover div {
	background: url("../graphics/backgrounds/drop-down-T.png") no-repeat;
	padding-top:44px;
	top: auto;
	width:235px;
}
/* WHAT IS THIS???
dd li:hover ul {
	top: auto;
	left:220px;
	width:240px;
} */
#navigation li:hover ul {
	background:url("../graphics/backgrounds/drop-down-B.png") no-repeat left bottom;
	padding:0 30px 25px 20px;
	width:185px;
}
#navigation li.prim-nav-last:hover div, #navigation li.prim-nav:hover div, #navigation li.prim-nav-first:hover div {
	top: auto;
	margin-left: -20px; /* Adjust placement of sub menu pop-up */
}



/* column 1
---------------------------------------------------*/
.column1 {
	float: left;
	position:relative;
	width: 220px;
}
.three-column .column1, .two-column .column1 {
	padding: 0 20px 20px 22px;
	margin-top: 20px;
}
.three-column .column1 {
	margin-left: -262px;
}
.two-column .column1 {
	margin-left:0;
}
.column1 dl.col1-nav,
.column1 dl.col1-nav dt,
.column1 dl.col1-nav dd,
.column1 dl.col1-nav ul,
.column1 dl.col1-nav li,
.column1 dl.col1-nav-onthis,
.column1 dl.col1-nav-onthis dt,
.column1 dl.col1-nav-onthis dd,
.column1 dl.col1-nav-onthis ul,
.column1 dl.col1-nav-onthis li {
	margin: 0;
	padding: 0;
	list-style: none;
}
.column1 dl.last {
	margin-bottom: 24px;
}
.column1 dl.col1-nav dd li a {
	background: #e6e6e6 url("../graphics/backgrounds/arrows-nav-L.gif") no-repeat 0 center;
	display:block;
	padding: 6px 6px 6px 15px;
	text-decoration: none;
}
.column1 dl.col1-nav dd li a:hover {
	background-image:url("../graphics/backgrounds/arrows-nav-L.gif");
	background-position:-220px center;
	background-color:#fff;
	background-repeat:no-repeat;
	color:#333;
}
.column1 dl.col1-nav dd li div {
	position: absolute;
	top: -9999em;
	z-index:100;
	width:510px !important;
	border:1px solid red;
	padding:0;
	margin-top:-55px;
	padding-top:18px;
}
.column1 dl.col1-nav dd li:hover div {
	top: 2em;
	left:220px;
	width:240px;
}
.column1 dl.col1-nav dd li div ul {
	width:260px;
	padding-bottom:35px;
	padding-left:20px;
	padding-right:36px;
}
.column1 dl.col1-nav dd li div ul li {
	margin:0;
	padding:0;
	width:220px;
}
.column1 dl.col1-nav dd li div ul li a {
	margin-bottom: 0.5em;
	padding:0;
}
.column1 dl.col1-nav dd li div ul li a:hover {
	color:#000066;
}
.column1 dl.col1-nav dd li div li a {
	background:none;
}
.column1 dl.col1-nav dd li {
	margin-bottom:1px;
}
.column1 dl.col1-nav dt {
	background: #747F8A url("../graphics/backgrounds/header-nav-L.jpg") no-repeat;
	color:#fff;
	font-size: 150%;
	font-weight:bold;
	padding-left:13px;
	padding-top:4px;
	padding-right:30px;
	min-height:51px;
	cursor:pointer;
}
.column1 dl.accordian dt {
	background: #747F8A url("../graphics/backgrounds/header-nav-L-arrow.jpg") no-repeat;

}
.column1 dl.col1-nav dt a,
.column1 dl.col1-nav dt a:hover,
.column1 dl.col1-nav dt a:visited {
	color: white;
	text-decoration: none;
}
.column1 dl.col1-nav-onthis dt {
	color:#666;
	font-size: 150%;
	font-weight:bold;
	padding: 0 0 10px 13px;
	margin-top: -4px;
}
.column1 dl.col1-nav-onthis dd {
	margin:0;
	padding:0;
}
.column1 dl.col1-nav-onthis dd li a {
	background:none;
	display:block;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:13px;
	text-decoration: none;
}
.column1 dl.col1-nav-onthis dd li a:hover {
	background:none;
	text-decoration:underline;
	color:#CC3300;
}
.column1 dl.col1-nav li.message {
	padding: 6px 6px 6px 15px;
	background-color: #eee;
}
.column1 dl.col1-nav li.message span.nameInLogInArea, .column1 dl.col1-nav li.message span.emailInLogInArea {
	display: block;
	font-weight: bolder;
}



/* column 2
---------------------------------------------------*/
.three-column .column2 {
	float: right;
	width: 100%;
}
.two-column .column2 {
	padding-right:130px;
	margin-left: 0 0 0 262px;
	overflow:auto;
}
.two-column.sitemap .column2 {
	padding-right:23px;
	margin-left: 0 0 0 262px;
	overflow:auto;
}

/* column 2  * how-to-use-library-v2 * added 21/3/2011
---------------------------------------------------*/

/*.two-column .column2 {
	width:580px;
}*/
.two-column .column2.fullW {
	padding-right:30px;
	width:630px;
}


/* column 3
---------------------------------------------------*/
.three-column .column3 {
	float: right;
	position: relative;
	width: 243px;  /* R */
	margin-right: -243px;  /* -R-1 */
	margin-top: 0;
	padding-top: 0;
	line-height: 1.4em;
}
.column3-inner {
	padding: 18px;
	margin: -20px 0 0 0;
	background: url("../graphics/backgrounds/main-content-3column-background.png");
	background-repeat: repeat-y;
	background-position: right;
}
#column3-B {
	height:22px;
	width:236px;
	background: url("../graphics/backgrounds/column-3-B.gif");
	background-repeat: none;
	background-position: top;
	margin-left: 3px;
}
.widget {
	border-top: 1px solid #bbb;
	padding: 15px 0;
}
.first-widget {
	border-top: none;
	padding: 0 0 15px 0;
}
.widget h2, .first-widget h2 {
	color: #003C74;
	margin:  0;
	padding: 0 0 15px 0;
}
.widget h3, .first-widget h3 {
	margin:  0;
	padding: 15px 0;
}
.widget p, .first-widget p  {
	clear:left;
	margin: 0;
	padding: 0;
}
.widget ul, .first-widget ul  {
	margin: 0 0 0 1em;
	padding: 0;
}
.watch img {
	float:left;
	margin-bottom:5px;
	margin-right:4px;
}
.watch ul, .watch ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}
.download-app p a {
	background: url("../graphics/icons/mobile.gif") no-repeat;
	padding-left:50px;
	min-height:71px;
	display:block;
}
.register ul li {
	margin-top:1em;
}
a.regButt {
	background: url("../graphics/backgrounds/register.gif") no-repeat;
	width:167px;
	height:30px;
	display:block;
	padding: 10px 15px;
	margin: 1em 0 0 0;
	color:#fff !important;
	font-size: 140% !important;
	font-weight: bold !important;
	text-decoration: none !important;
}
.connect ul, .connect li {
	padding: 0;
	margin: 0;
	list-style: none;
}
.connect li a {
	display:block;
	padding-left:47px;
	padding-top:7px;
	min-height:33px;
}
.connect li.twitter a {
	background: url("../graphics/icons/twitter.gif") no-repeat;
}
.connect li.facebook a {
	background: url("../graphics/icons/facebook.gif") no-repeat;
}
.connect li.flickr a {
	background: url("../graphics/icons/flickr.gif") no-repeat;
}
.connect li.glow a {
	background: url("../graphics/icons/glow.gif") no-repeat;
}
.connect li.blogs a {
	background: url("../graphics/icons/blogs.gif") no-repeat;
}
.connect li.surveys a {
	background: url("../graphics/icons/survey.gif") no-repeat;
}
.connect li.youtube a {
	background: url("../graphics/icons/youtube.jpg") no-repeat;
}
.announce p {
	background: url("../graphics/icons/announce.gif") no-repeat;
	padding-left:50px;
	display:block;
	min-height:38px;
}

/* footer
---------------------------------------------------*/
#footer {
	background: url("../graphics/backgrounds/footer-BL.gif") no-repeat left -30px;
	min-height:160px;
	padding-left:34px;
	padding-bottom:10px;
	font-size: 90%;
}
#footer-right {
	float:right;
	width:202px;
	background: url("../graphics/backgrounds/footer-BR.gif") no-repeat 3px -30px;
	min-height:160px;
	padding-bottom:10px;
	padding-right:23px;
	padding-top:10px;
	padding-left:18px;
}
#footer h2 {
	font-size: 110%;
	margin: 0 0 0.3em 0;
	padding: 0;
}
#footer ul {
	margin: 0;
	padding: 0;
}
#footer ul li {
	list-style: none;
	margin: 0;
	padding: 0;
}
#footer a {
	text-decoration:none;
}
.footer-left {
	width:65%;
}
.footer-navs {
	float:left;
	width:24%;
	padding-top:10px;
	background:#fff;
}
#copyright {
	clear:left;

}
#footer-right p {
	margin-top: 0;
}
#footer-right a.regButt {
	margin: 0;
}
.rss-small a {
	background: url("../graphics/icons/rss-small.gif") no-repeat right top;
	padding-right:16px;
}

/* General layout
---------------------------------------------------*/
#wrapper {
	max-width:972px;
	min-width:765px;
	margin:0 auto;
}
#main {
	clear:both;
	background: url("../graphics/backgrounds/main-content.png");
	background-repeat: repeat-y;
}
/*.three-column #main {
	background: url("../graphics/backgrounds/main-content-3column-main.png");
	background-repeat: repeat-y;
	background-position: left;
}
.three-column #main2 {
	background: url("../graphics/backgrounds/main-content-3column-background.png");
	background-repeat: repeat-y;
	background-position: right;
}*/
.single-column {
	padding: 7px 16px 20px 32px;
}
.one-column .single-column-inner {
	padding-right: 225px;
}
.one-column .single-column-inner-fullwidth {
	padding-right: 0;
}
.three-column .outer {
	margin-left: 262px; /* L */
	margin-right: 243px; /* R */
}
.three-column .wrap-cl {
	float: left;
	width: 100%;
}
.two-column .outer {
	margin-left: 0; /* L */
	margin-right: 0; /* R */
}
.two-column .wrap-cl {
	float: none;
	width: 100%;
}
#maincontent {
	margin-right:16px;
}
#f-L {
	clear:both;
	background: url("../graphics/backgrounds/footer-TL.gif") no-repeat;
	height:23px;
}
#f-R {
	background:url("../graphics/backgrounds/footer-TR.gif") no-repeat 3px -3px                                ;
	float:right;
	height:23px;
	width:243px;
}
#m-L {
	clear:both;
	background: url("../graphics/backgrounds/main-TL.png") no-repeat;
	height:10px;
	overflow:hidden;
}
#m-R {
	background:url("../graphics/backgrounds/main-TR.png") no-repeat 3px 0;
	float:right;
	height:10px;
	width:243px;
}
.two-column #m-R, .one-column #m-R {
	background:url("../graphics/backgrounds/main-TR-w.png") no-repeat 3px 0;
}

/* main content area components
---------------------------------------------------*/
/* breadcrumb */
#breadcrumb {
	margin: 0 0 -5px 22px;
	padding: 0.5em 0 0 0;
	border-bottom: 1px solid #ccc;
	display:inline-block;
	height:1.5em;
	font-size: 90%;
}
#breadcrumb a {
	text-decoration:none;
}
/* back, forward, home links that appear at the bottom of the page */
#back-forward-home {
	clear:both;
	background: url("../graphics/backgrounds/main-content.png") repeat-y;
	margin: 0;
	padding: 18px 0 10px 38px;
}
#back-forward-home li {
	list-style: none;
}
#onwards-link {
	float:left;
	margin-bottom: -0.5em;
}
#onwards-link li {
	display:inline;
}
#back-link {
	float:left;
	width:223px;
}
#onwards-link li a {
	padding: 0 0.5em;
	margin: 0;
	background: url("../graphics/backgrounds/link-seperator.gif") no-repeat left center;
}
#onwards-link li.first a {
	padding-left:20px;
	background: url("../graphics/backgrounds/arrow-forward.gif") no-repeat left center;
}
#back-link a {
	background: url("../graphics/backgrounds/arrow-back.gif") no-repeat left center;
	padding-left:20px;
}
/* top link */
#top-link {
	float:right;
	padding-right:40px;
}
.top a, #top-link a {
	display:inline-block;
	text-align:right;
	background: url("../graphics/backgrounds/top.gif") no-repeat left top;
	min-height:18px;
	padding-left:15px;
}

/* Sitemap
---------------------------------------------------*/
.site-map {
	border-bottom: dashed silver 1px;
	padding-bottom:1em;
	padding-top:1em;
}
.site-map h2 {
	border-bottom: dashed silver 1px;
	padding-bottom: 0.5em;
}
.site-map-col {
	float:left;
	width:43%;
	margin: 0 2% 0 5%;
	padding: 0;
}
.sitemap-list-block {
	float:left;
	width:300px;
}
.sitemap-list-block h3 {
	font-size:1em;
	font-weight:bold;
	margin:0;
}
.sitemap-list-block h3 a {
	font-size:1em;
}


/* Two col with right hand col template
---------------------------------------------------*/

.col2 .column3 {
	margin-top: 0;
	padding-top: 0;
	line-height: 1.4em;
}

.col2 .outer {
	margin-left: 28px; /* L */
}

.col2 #main, .three-column #main {
	position:relative;
}

/* Miscellaneous
---------------------------------------------------*/
hr, .skipLinks {
	display:none;
}
.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}
.cl {
	clear:left;
}
.cr {
	clear:right;
}
.cb {
	clear:both;
}
.fl {
	float:left;
}
.fr {
	float:right;
}

.hide {display:none}

.hide-variant {text-indent: -1900em}

.moresearchalignright {padding-left: 98px}

.reciteme { 
	position:absolute;
	right:0;
	top:0;
	z-index:10000;
} 

/* MOBILE STYLES */
a.icon-alone {display: none;}
#mobile-news { display: none; }
#mobile-top-tasks, #popular-areas { display: none; }
.lz #maincontent .widget { display: none;}