/*
 * Generic page styles
 *
 */ 
body {
  margin: 0;
  padding: 0;
  font-size: 76%;
  font-family: Arial,Helvetica,sans-serif;
  color: #656565;
  background-color: #f2f2f2;
  text-align: center;
}
form {
  margin: 0;
}
img {
  border: 0;
}
a img {
  border: none;
}
a {
	text-decoration: none;
	font-weight: bold;
	color: #00447a;
	outline: none;
}
a:hover {
	text-decoration: underline;
}
.ahem {
	display: none;
}
p {
  padding: 0;
  margin: 0 0 1em 0;
}
.clear {
  clear: both;
  font-size: 0.1em;
  height: 0; 
}
img.right {
  float: right;
  padding-left: 5px;
}
img.left {
  float: left;
  padding-right: 5px;
}
a#skipnav {
  display: none;
}

#site-container {
  width: 960px;
  margin: 0 auto 0 auto;
  text-align: left;
  background: #fff; /* url(site-container-bg.gif) top left repeat-x; */
  overflow: hidden;
}
p.subpage-top-banner {
	margin: 0 0 0.3em 0;
	padding: 0;
}
/*
 * End Generic page styles
 */ 
 
/*
 * Header styles
 *
 */  
#header {
  padding: 0 0 4px 0;
  background: url(header-bg.gif) bottom left repeat-x;
  margin-bottom: 13px;
  overflow: hidden;
  width: 100%;
}
#header h1 {
  float: left;
  width: 222px;
  height: 106px;
  margin: 0;
  padding: 0;
  background: url(nio_logo.gif) top left no-repeat;
}
#header h1 span {
  display: none;
}


form#search-form {
  float: right;
  text-align: right;
  padding: 40px 40px 0 0;
  width: 400px;
  line-height: 2.2em;
}
form#search-form input#submit-button {
	display: none;
}
form#search-form label,
form#search-form input {
  vertical-align: middle;
}
form#search-form label {
  padding-right: 0.7em;
}
form#search-form input.searchbox {
  font-size: 0.9em;
  width: 12em;
}
/*
 * End header styles
 */ 

 
/*
 * Left navigation styles
 *
 */ 
div#main-nav {
  float: left;
  width: 190px;  
  border-right: 1px solid #f2f2f2;
  list-style-type: none;
  margin: 0 10px 0 6px;
  padding: 0 6px 30px 0;
  display: inline;
}

ul#left-nav {
  margin: 0 0 10px 0;
  padding: 0;
  list-style-type: none;
}
ul#left-nav li {
  margin-bottom: 1px;  
  line-height: 19px !important;  
  font-weight: bold;
}
ul#left-nav li a {
  display: block;
  text-align: right;
  text-transform: uppercase;
  padding: 3px 0 0 0;
  background: #f2f2f2 url(left-nav-item-top.gif) top left no-repeat;
  color: #00447a;
}
ul#left-nav li a span {  
  padding: 0 10px 3px 10px;
  display: block;
  background: #f2f2f2 url(left-nav-item-bottom.gif) bottom left no-repeat;
}

ul#left-nav li a:hover,
ul#left-nav li a.current {
  background: #d9d9d9 url(left-nav-item-top-over.gif) top left no-repeat;
  text-decoration: none;
}
ul#left-nav li a:hover span,  
ul#left-nav li a.current span {  
  background: #d9d9d9 url(left-nav-item-bottom-over.gif) bottom left no-repeat;
}
ul#left-nav li.submenu {
  border-bottom: 1px solid #f2f2f2;
  margin-bottom: 0;
}
ul#left-nav li.no-border {
  border-bottom: 0 !important;
}
ul#left-nav li.submenu a {
  font-size: 0.9em;
  font-weight: normal;
  color: #8c8c8c;
  background: none;
}
ul#left-nav li.submenu a:hover,
ul#left-nav li.current a {
  color: #00447a;
}
ul#left-nav li.submenu a span {
  background: none;
}


div#extra-nav ul {
  margin: 0 0 10px 0;
  padding: 0;
  list-style-type: none;
}
div#extra-nav ul li {
  margin-bottom: 10px;  
  line-height: 19px !important;  
  font-weight: bold;
  text-transform: uppercase;
  padding: 3px 0 0 0;
  background: #b2dae4 url(left-nav-item-top-blue.gif) top left no-repeat;
    
}
div#extra-nav ul li a {
  display: block;
  color: #00447a;
  padding: 0 10px 3px 10px;
  background: #b2dae4 url(left-nav-item-bottom-blue.gif) bottom left no-repeat;
  height: 1%;
}

div#extra-nav ul li:hover,
div#extra-nav ul li.current {
  background: #0082a4 url(left-nav-item-top-blue-over.gif) top left no-repeat;
  text-decoration: none;
}
div#extra-nav ul li:hover a,  
div#extra-nav ul li.current a {  
  background: #0082a4 url(left-nav-item-bottom-blue-over.gif) bottom left no-repeat;
  color: #fff;
  text-decoration: none;
}
div#extra-nav ul li.submenu {
  border-bottom: 1px solid #f2f2f2;
  margin-bottom: 0;
  background: none;
}
div#extra-nav ul li.no-border {
  border-bottom: 0 !important;
}
div#extra-nav ul li.submenu a {
  font-size: 0.95em;
  font-weight: normal;
  color: #8c8c8c;
  background: none;
}
div#extra-nav p a.nidirect {
  display: block;
  margin: 4em 0 0 0; 
  width: 190px;
  text-align: center; 
}
div#extra-nav p a.nidirect img {
  margin: 0 auto 0 auto;  
  width: 130px;
}
div#extra-nav p a.floods-appeal {
  display: block;
  margin: 4em 0 0 0; 
  text-align: center; 
  width: 190px;
}
div#extra-nav p a.floods-appeal img {
  margin: 0 auto 0 auto;
  width: 185px;
}

/*
 * End Left navigation styles
 */ 
 
 
/*
 * Content Page Layout
 *
 */
div#inner-container {
  overflow: hidden;
  width: 100%;
}
div#content {  
  width: 740px;
  overflow: hidden;
}

div#content-left {
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
	width: 495px;	
}
div#content h2 {
	margin: 0 0 0.3em 0 !important;
	padding: 0;
	font-size: 1.5em;
	color: #3f3f3f;
	font-weight: bold;
}
div#content h3 {
	margin: 0.5em 0 0 0 !important;
	padding: 0 !important;
	font-size: 1.1em;
	color: #00447a;
	text-transform: uppercase;
	font-weight: bold;
}
div#content h4 {
	margin: 0.5em 0 0em 0 !important;
	padding: 0 !important;
	font-size: 1.05em;
	color: #00447a;
	text-transform: uppercase;
	font-weight: bold;
}

div#content-right {
  margin: 0 !important;
  float: left;
  width: 235px;
  font-size: 0.95em;
}
div#content-right h3 { 
  margin: 0 !important;
  padding: 3px 0 0 0 !important;
  background: #00447a url(right-col-dark-blue-top.gif) top left no-repeat;
  font-size: 18px;
  font-weight: normal;
  text-transform: none !important;
  color: #fff;
}
div#content-right h3 span { 
  padding: 0 0.5em 3px 0.5em;
  background: #00447a url(right-col-dark-blue-bottom.gif) bottom left no-repeat;
  display: block;
}
div#content-right h3 a { 
  float: right;
  padding: 0 1em 0 0;
  color: #fff;
}

div#content-right ul {
	list-style-type: none;
	padding: 0;
	margin: 0.5em 0 0 0;
}
div#content-right ul li {
	padding: 6px 0 0 0;
	margin-bottom: 0.5em;
	background: #ccdae4 url(right-col-blue-top.gif) top left no-repeat;
}
div#content-right ul li div {
	padding: 0 8px 6px 8px;
	background: #ccdae4 url(right-col-blue-bottom.gif) bottom left no-repeat;
}
div#content-right ul li h4 {
    text-transform: none;
	margin: 0 !important;
	padding: 0 0 0.5em 0 !important;
}
div#content-right ul li h4 a {
	font-weight: bold;
	display: block;
}
div#content-right ul li p.grey {
	font-size: 0.9em;
  	color: #8c8c8c;
  	line-height: 1.6em; 
	margin: 0;
	text-transform: uppercase;
}
div#content-right ul.side-news li,
div#content-right ul.side-publications li {
	text-align: left;
}
div#content-right div.acrobat-link {
	text-align: center;
	vertical-align: bottom;
	padding-top: 5px;
	padding-bottom: 5px;
}


div#breadcrumbs {
	line-height: 1.8em;
	font-size: 0.9em;
}
/*
 * End Content Page Layout
 */



/*
 * Some homepage styles
 *
 */
div#homepage-content {
  width: 740px;
  float: left;
  color: #656565;
}
div#homepage-content div#homepage-intro h2 {
  margin: 0 0 0.5em 0;
  padding: 0;
  font-size: 1.5em;
  color: #3f3f3f;
}
div#homepage-content div#homepage-intro a {
  color: #00447a;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.9em;
  padding: 0 10px 0 0;
  background: url(blue-arrow.gif) right no-repeat;
}
div#hp-widget {
  width: 740px;
  height: 260px;
}
div#hp-widget ul {
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  width: 100%;
}
div#hp-widget ul li {
  float: left;
  position: relative;
  width: 288px;
  padding: 10px 10px 10px 70px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  background: #b2dae4;
}
div#hp-widget ul li div.image {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 52px;
}
div#hp-widget ul li h3 {
  font-size: 1.2em;
  margin: 0;
  padding: 0;  
}
div#hp-widget ul li h3 a {
  font-weight: normal !important;
  color: #00447a;
  text-transform: uppercase;
  line-height: 52px;
}
ul#panels {
  padding: 0;
  margin: 15px 0 0 0;  
  list-style: none;
  overflow: hidden;
  width: 740px;
}
ul#panels h2 { 
  margin: 0 0 6px 0;
  padding: 0 0em 0 0;
  font-size: 1.5em;
  color: #00447a;
  font-weight: normal;
  border-bottom: 1px solid #f1f1f1; 
}
ul#panels h2 a,
ul#panels h3 a,
ul#panels li.virtual-tours table.blind-table td a { 
  background: url(blue-arrow.gif) right no-repeat;
  padding-right: 8px;
  font-weight: normal;
  color: #00447a;
}
ul#panels h3 a,
ul#panels li.virtual-tours table.blind-table td a {
  font-weight: bold;
}

ul#panels li {
  float: left;
  width: 220px;
  padding: 0 10px 0 10px;
  border-right: 1px solid #f1f1f1; 
  overflow: hidden;
}
ul#panels li.news div.title-image {
  overflow: hidden;
  width: 100%;
}
ul#panels li.news div.title-image a.image {
  float: left;
  width: 97px;
  padding-right: 6px;
}

ul#panels h3 {
  margin: 0;
  padding: 0;
  font-size: 1em;
  font-weight: bold;
}
ul#panels li p.grey {
  color: #8c8c8c;
  font-size: 0.95em;
  text-transform: uppercase;
  margin: 0.3em 0 0.3em 0;
  padding: 0;
}
ul#panels li.news p.summary {
  color: #3f3f3f;
}

ul#panels li.publications ul {
	list-style: none;
	margin: 0;
	padding: 0;
	
}
ul#panels li.publications ul li {
	width: 210px !important;
	float: none !important;
	border: 0;
	border-bottom: 1px solid #f2f2f2;
	padding: 0.5em 0 0.2em 0;
}
ul#panels li.publications ul li a {
  color: #00447a;
}
ul#panels li.virtual-tours table.blind-table td {
	vertical-align: top;
	padding-bottom: 8px;
}
ul#panels li.virtual-tours table.blind-table td p {
	padding: 0 0 0.4em 0;
	margin: 0;
	color; #656565;
}
ul#panels li.virtual-tours table.blind-table img {
	margin-right: 6px;
}

/*
 * End homepage styles
 */




/*
 * Footer/Strapline Styling
 *
 */
 
div#footer {
  margin-top: 1em;
  line-height: 37px;
  height: 37px;
}
div#footer div.wai {
  width: 205px;
  float: left;
  text-align: center;   
}
div#footer div.wai a img {
  position: relative;
  top: -17px;
}
div#footer div.main-footer {
  width: 100%;
  overflow: hidden;  
  border-top: 3px solid #f2f2f2;
}
div#footer div.main-footer span {
  font-weight: bold;
  font-size: 0.9em;
  padding-left: 0.7em;
}
div#footer div.main-footer span a { 
  text-transform: none;
  color: #656565;
}
div#footer div.main-footer ul {
  list-style-type: none;
  float: right;
  margin: 0;
  padding: 0;
  font-size: 0.95em;
}
div#footer div.main-footer ul li {
  float: left;
  padding: 0 1em 0 1em;
}
div#footer div.main-footer ul li a{
  font-weight: normal;
  color: #8c8c8c;
  text-transform: uppercase;  
}
div#footer div.main-footer ul li.rss {
  background: none;  
}
div#footer div.main-footer ul li.rss a {
  padding-left: 15px !important;
  background: url(rss_small.gif) left no-repeat !important;
}
div#footer div.main-footer ul li.last {
  background: none;
}

div#tibus-strapline {
  width: 960px;
  margin: 1em auto 0 auto;
  font-size: 0.8em;
}
div#tibus-strapline a {
  font-weight: bold;
}
/*
 * End Footer/Strapline Styling
 */

 

/*
 * Some content styling
 *
 */

div#content div.metadata {
	display: none;
}
div.cleared-content-with-top-line {
	overflow: hidden;
	width: 100%;
	margin-top: 0.5em;
	padding-top: 0;
	border-top: 1px solid #f2f2f2;
}
ul#news-list {
  list-style: none;
  margin: 0 0 0.5em 0;
  padding: 0;
  border-right: 1px solid #f2f2f2;
}
ul#news-list li {
  margin: 0 0.3em 0 0;
  padding: 10px 0 10px 115px;
  overflow: hidden;
  height: 100%;
  border-bottom: 1px solid #f2f2f2;
  position: relative;
}
ul#news-list li h3 {
  margin: 0 0 0.4em 0 !important;
  padding: 0 !important;
  text-transform: none !important;
}
ul#news-list li div.image {
  width: 104px;
  margin-left: -115px;
  float: left;
  display: inline;
}
ul#news-list li div.image a,
ul#news-list li div.image img {
  display: block;
}
ul#news-list li div.image img {
  padding: 1px !important;
  border: 1px solid #b9c6cb;
  float: right;
}
ul#news-list li p.grey {
  text-transform: uppercase;
  color: #8c8c8c;
  font-size: 0.9em;
  margin: 0 0 0.4em 0 !important; 
  padding: 0;
}
ul#news-list li p.summary {
  margin: 0;
  padding: 0;
}

div#newsstory p.grey {
  text-transform: uppercase;
  color: #8c8c8c;
  font-size: 0.9em;
  margin: 0 0 0.4em 0 !important; 
  padding: 0 0 0.4em 0;
  border-bottom: 1px solid #f2f2f2;
}
div#newsstory div.copy img {
  padding: 1px;
  border: 1px solid #b9c6cb;
  margin: 0.3em;
}
div#newsstory div.copy {
  margin: 0 0 0.5em 0;
}

#press-clippings {
	border: 0;
}

/*
 * End Some content styling
 */

 
 
/*
 * Consultations styling
 */
ul.consultations {
	list-style: none;
	margin: 0.5em;
	padding: 0;	
}
ul.consultations li {
  border-bottom: 1px solid #f2f2f2;
  padding-bottom: 0.4em;

}
ul.consultations li h3 {
  text-transform: none !important;
}
ul.consultations li p.grey {
  text-transform: uppercase;
  color: #8c8c8c;
  font-size: 0.9em;
  margin: 0 0 0 0 !important; 
  padding: 0.2em 0 0.2em 0;
}
ul.consultations li p.link {
  margin: 0;
  padding: 0;
  font-size: 0.9em;
 
}
ul.consultations li p.link a { 
  background: url(blue-arrow.gif) right no-repeat;
  padding-right: 8px;
  text-transform: uppercase;
  font-weight: normal;
  color: #00447a;
}



/*
 * Publications styling
 */
ul.publications {
	list-style: none;
	margin: 0.5em;
	padding: 0;	
}
ul.publications li {
  border-bottom: 1px solid #f2f2f2;
  padding-bottom: 0.4em;

}
ul.publications li h3 {
  text-transform: none !important;
}
ul.publications li p.grey {
  text-transform: uppercase;
  color: #8c8c8c;
  font-size: 0.9em;
  margin: 0 0 0 0 !important; 
  padding: 0.2em 0 0.2em 0;
}
ul.publications li p.link {
  margin: 0;
  padding: 0;
  font-size: 0.9em;
 
}
ul.publications li p.link a { 
  background: url(blue-arrow.gif) right no-repeat;
  padding-right: 8px;
  text-transform: uppercase;
  font-weight: normal;
  color: #00447a;
}