/*   *****************************************************
 *
 *   RIJKSOVERHEID.NL
 *   Official website of the Government of the Netherlands
 *
 *   For inquiries or comments, please use the online
 *   contact form. Thank you.
 *
 *   Presentation layer for screen and projection media
 *   Main stylesheet for able web devices
 *
 *   This should comply with Dutch web guidelines and
 *   W3C CSS2.1 standards.
 *   See: http://www.webrichtlijnen.nl/
 *   
 *   location: /presentation/screen.css
 *   version:  0.11
 *   date:     06/02/2009
 *
 *   *****************************************************
 */



/*   *****************************************************
 *
 *   CODING CONVENTIONS FOR GOVERNMENT STYLESHEET
 *
 *   - indent property-value pairs using double spaces;
 *   - place selectors, opening and closing brackets and
 *     property-value pairs on their own, separate lines;
 *   - use a consistent property order (as shown below);
 *   - use shorthand for font, border, padding, margin
 *     and background properties if possible;
 *   - use full six digit hex codes for colours;
 *   - work from general to specific (in order of
 *     increasing specificity);
 *   - avoid use of !important (preferably limited to
 *     Internet Explorer stylesheets only!);
 *   - use percentages to declare relative font sizes;
 *   - omit units when declaring line-heights as not to
 *     break inheritance of relative line-height.
 *
 */




/*   *****************************************************
 *
 *   CLEAN START
 */
body, h1, h2, h3, h4, h5, h6, p, blockquote, 
ul, ol, li, 
table, tr, th, td, 
form, fieldset, legend, button, 
div, object, img
{
  margin: 0;
  border: 0;
  padding: 0;
  list-style: none;
  font: normal 100% verdana,helvetica,arial,sans-serif;
  text-align: left;
  vertical-align: top;
}
input, select, textarea, button
{
  font: normal 100% verdana,helvetica,arial,sans-serif;
}
table, td, th {
  border-collapse: collapse;
}




/*   *****************************************************
 *
 *   BASE TYPOGRAPHY
 */
body
{
  font-size: 11px;
  line-height: 1.64;
}


h1
{
  margin: 0 0 .6em;
  font: normal 200%/1.2 Verdana,arial,helvetica,univers,sans-serif;
}
h2
{
  margin: 1.2em 0 0;
  padding: .3em 0;
  font: bold 110%/1.2 Verdana,arial,helvetica,univers,sans-serif;
}
h3
{
  position:relative;
  margin: 1.6em 0 0;
  font-weight: bold;
  line-height: 1.64;
}
#content-column h2,
#content-column h3
{
  clear: left; /* Always keep headings left justified in content column */
}

p
{
  margin-bottom: 1.64em;
  line-height: 1.64;
}
a
{
  color: #154273;
}
a:visited
{
  color: #696969;
}
a:hover,
a:visited:hover,
a:focus
{
  color: #0162CD;
}



/*   *****************************************************
 *
 *   LIST FORMATTING (CONTENT)
 *   
 */
#content-column ul
{
  clear: left;
  margin: 1.64em 0 1.64em;
}
#content-column li ul
{
  margin: 0 0 .82em;
}
#content-column ul li,
#content-column li ul li
{
  margin: 0;
  padding: 0 0 0 30px;
  background: url(images/sprite-icons.png) no-repeat -2986px .55em;
  list-style: none;
  line-height: 1.64;
}

#content-column ol
{
  margin: .82em 0 1.64em;
}
#content-column li ol
{
  margin: 0 0 .82em;
}
#content-column ol li,
#content-column li ol li
{
  margin: 0 0 .2em 30px;
  padding: 0 0 0 0;
  background-image: none;
  list-style: decimal outside;
  line-height: 1.64;
}
#content-column li ol li
{
  list-style: lower-alpha outside;
}
#content-column li ol li ol li
{
  list-style: lower-roman outside;
}




/*   *****************************************************
 *
 *   COMMON CLASSES
 *   Only include site-wide declarations here;
 *   no specific rules for individual components!
 *   
 */
.assistive
{
  position: absolute; /* Render outside viewport */
  top: -100000px;
}
.meta
{
  color: #535353;
  font-style: normal;
  line-height: 1.64;
}
.meta-light
{
  clear: left;
  color: #767676;
  font-style: normal;
  line-height: 1.64;
}
.meta img
{
  vertical-align: baseline;
}
.meta em
{
  color: #000000;
  font-style: normal;
}
.article-meta
{
  margin: 1.2em 0 .6em;
  color: #535353;
  font-style: normal;
  line-height: 1.64;
}
.superheading
{
  margin: 0 0 .1em;
  padding-right: 76px;
  color: #01689B;
  font: normal 167%/1.2 arial,helvetica,univers,sans-serif;
}
.subheading
{
  margin: -.3em 0 .5em;
  color: #01689B;
  font: normal 167%/1.2 arial,helvetica,univers,sans-serif;
}
.intro
{
  color: #01689B;
  font-size: 145%; /* was 140% */
  line-height: 1.33;
}
.lead
{
  margin: .6em 0 1.6em;
  font-weight: bold;
}
.lead p,
.lead li
{
  font-weight: bold;
}
a.morelink,
.morelink a,
a.morelink:focus,
.morelink a:focus,
a.morelink:hover,
.morelink a:hover,
a.morelink:visited:hover,
.morelink a:visited:hover
{
  font-weight: bold;
  text-decoration: underline;
}

p.toplink
{
  clear: left;
  text-align: right;
}
a.toplink,
.toplink a,
a.toplink:visited,
.toplink a:visited
{
  color: #154273;
}
a.toplink:hover,
.toplink a:hover,
a.toplink:visited:hover,
.toplink a:visited:hover
{
  color: #0162CD;
}


.external a
{
  background: url(images/sprite-icons.png) no-repeat -4000px .55em;
}
.external h3 a 
{
  padding: 0 0 0 12px;
}
#content-column a.external img,
.content-spotlight a.external img
{
  position: relative;
  bottom: -1px;             /* bottom: -1px to align icon in both Safari4 and FF3.5 */
  padding: 3px 4px .35em 0; /* .35em needed to align icon in both Safari4 and FF3.5 */
  background-color: #FFFFFF;
  vertical-align: text-bottom;
}
.rss
{
  display: block;
  width: 15px;
  height: 15px;
  position: absolute; /* Set position: relative on parent element! */
  top: .4em;
  right: 0;
  background: url(images/icon-rss.png) no-repeat;
  overflow: hidden; /* This prevents focus border to extend outside of viewport. */
}
.rss span
{
  position: absolute; /* Render outside viewport */
  top: -100000px; 
}
.search-summary .rss
{
  right: 9px;
}
h3 .rss
{
  top: 0.1em;
}
.aside-visual
{
  margin-bottom: 2em;
}




/*   *****************************************************
 *
 *   GRID SYSTEM FOR MULTIPLE COLUMNS
 *   Basic presentation for two and three column layout.
 *   
 */
#content-column .grid-column
{
  float: left;
  clear: none;
  padding-left: 20px;
}
#content-column .grid-column-first
{
  float: left;
  padding-left: 0;
}
#content-column .grid-two-columns .grid-column
{
  width: 284px;
}
#content-column .grid-three-columns .grid-column
{
  width: 208px;
}




/*   *****************************************************
 *
 *   LIST OF LINKS
 *   Basic presentation for link list; used on pages
 *   throughout the site.
 *   
 */
#main-box .list-common h2
{
  position: relative;
  margin: 0;
}
#main-box .list-common ul,
#main-box ul.list-common
{
  margin: .5em 0;
}
#main-box .list-common li
{
  display: block;
  margin: 0 0 .4em;
  padding-left: 0;
  background-image: none;
  line-height: 1.5;
}
#main-box .list-common li a
{
  display: block;
  padding-left: 12px;
  background: url(images/sprite-icons.png) no-repeat 0 .4em;
  text-decoration: none;
}
#main-box .list-common li.external a
{
  background: url(images/sprite-icons.png) no-repeat -4000px .5em;
}
#main-box .list-common li a:hover,
#main-box .list-common li a:visited:hover
{
  text-decoration: underline;
}
#main-box .list-common li h3
{
  margin: 0;
}
#main-box .list-common li h3 a
{
  background-position: 0 .55em;
  text-decoration: underline;
}
#main-box .list-common li h3 a.external,
#main-box .list-common li a.external
{
  background: url(images/sprite-icons.png) no-repeat -4000px .55em;
}
#main-box .list-common li p
{
  margin: 0;
  padding: 0 0 0 12px;
}


/*   *****************************************************
 *
 *   LIST OF RSS SOURCES
 *   
 */
#main-box ul.list-rss
{
  margin: .5em 0 1.5em;
}
#main-box .list-rss li a
{
  display: block;
  padding-left: 16px;
  background: url(images/icon-rss-small.png) no-repeat 0 .3em;
  text-decoration: none;
}



/*   *****************************************************
 *
 *   LIST OF ANCHORS
 *   Lists of anchors in summary of page contents.
 *   
 */
#main-box .list-anchors p
{
  margin-bottom: 0;
}
#main-box .list-anchors ul
{
  margin-top: 0;
}
#main-box .list-anchors ul li
{
  background-image: none;
  padding-left: 0;
}





/*   *****************************************************
 *
 *   CONTENT NEWS HEADLINES (MAIN & SPOTLIGHT ITEMS)
 *   Presentation of main/spotlight items on newspage
 *   
 */
.headlines-main
{
  margin-bottom: 2em;
}
.headlines-main:after
{
 content: " ";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}

.item-main,
.item-main-first
{
  float: left;
  width: 208px;
  position: relative;
  padding-top: 208px;
}
.item-main-first
{
  margin-right: 20px;
}
.item-main h2,
.item-main-first h2
{
  margin: 0;
  font-size: 100%;
}
.item-main h2 a,
.item-main-first h2 a
{
  font-size: 100%;
  text-decoration: underline;
}
.item-main h2 a span,
.item-main-first h2 a span
{
  font-size: 140%;
}
.item-main img,
.item-main-first img
{
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}

.headlines-spotlight h2
{
  position: absolute; /* Render outside viewport */
  top: -100000px; 
}



/*   *****************************************************
 *
 *   CONTENT SPOTLIGHT & SPOTLIGHT TABINFO
 *   Presentation of small spotlight content items,
 *   for instance on homepage, newspage and elsewhere.
 *   
 */
.content-spotlight h2
{
  margin: 0 0 .4em;
}
.item-spotlight
{
  min-height: 100px;
  position: relative;
  padding: 0 0 0 110px;
  margin-bottom: 20px;
}
.item-spotlight h3
{
  margin: 0;
  padding: 0;
  font-weight: bold;
}
.item-spotlight p
{
  margin: 0;
}
.item-spotlight img
{
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}

.item-spotlight-float:after
{
  content: " ";
  display: block;
  height: 0;
  clear: left;
  visibility: hidden;
  color: #FFFFFF;
}



.item-tabinfo
{
  padding: 0 12px;
  /* Base color for tabinfo is light government blue */
  background-color: #CCE0F1;
}
.item-tabinfo h2
{
  margin: 0;
  padding: 1em 0 0;
  font-size: 100%;
}
.item-tabinfo h2 a
{
  color: #000000; /* Also set color on normal link itself for underline ! */
  text-decoration: underline;
}
.item-tabinfo h2 a:hover,
.item-tabinfo h2 a:focus
{
  color: #000000;
}
.item-tabinfo h2 a span
{
  color: #000000;
  font: bold 140%/1.2 arial,helvetica,univers,sans-serif;
}
.item-tabinfo h2 a:visited span
{
  color: #535353;
}
.item-tabinfo p a,
.item-tabinfo p a:hover
{
  color: #000000;
  text-decoration: underline;
}

.item-tabinfo-first
{
  background-color: #CCE0F1;
}




/*   *****************************************************
 *
 *   BLOCK NEWS ROLL
 *   List of news articles of last 24 hours.
 *   
 */
.list-newsroll
{
  width: 206px;
  margin: 0 0 2em;
  border: 1px solid #D9D9D9;
}
.content-spotlight .list-newsroll
{
  margin-top: 0;
}
.list-newsroll:after
{
  content: " ";
  display: block;
  height: 0;
  clear: left;
  visibility: hidden;
  color: #FFF;
}
#main-column .list-newsroll h2
{
  position: relative;
  margin: 0;
  padding: .3em 9px;
  background: #F2F2F2;
  font: bold 140%/1.2 arial,helvetica,univers,sans-serif;
}
.list-newsroll h2 .rss
{
  right: 9px; /* Give RSS icon a 9 pixels offset */ 
}
.list-newsroll h3
{
  margin: .3em 9px;
}
.list-newsroll ul
{
  margin: 1em 9px 1.5em;
}
.list-newsroll li
{
  display: block;
  margin-bottom: .8em;
  color: #767676;
}
.list-newsroll li.preview
{
  position: relative;
  padding-top: 104px;
}
.list-newsroll li.preview img.still
{
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.list-newsroll li h3,
.list-newsroll li p
{
  margin: 0 0 .2em;
  font-weight: normal;
  line-height: 1.33em;
}
.list-newsroll .morelink a
{
  text-decoration: underline;
}

/* Specific color scheme for newsroll on 
   ministers and secretaries of state pages */
.government #aside-column .list-newsroll
{
  border-color: #CCE0F1;
}
.government #aside-column .list-newsroll h2
{
  background-color: #CCE0F1;
}




/*   *****************************************************
 *
 *   GENERIC BLOCK
 *   Base block with border and blue top bar
 *   
 */
.list-generic
{
  width: 206px;
  border: 1px solid #C0D7EA;
}
.list-generic:after
{
  content: " ";
  display: block;
  height: 0;
  clear: left;
  visibility: hidden;
  color: #FFF;
}
#main-column .list-generic h2
{
  position: relative;
  margin: 0;
  padding: .3em 9px;
  background: #E5F0F9;
  background: #C0D7EA;
  font-family: Arial,sans-serif;
  font-size: 140%;
  font-weight: bold;
  line-height: 1.2;
}
.list-generic h2 .rss
{
  right: 9px; /* Give RSS icon a 9 pixels offset */ 
}
.list-generic ul
{
  margin: 1em 9px 1.5em;
}





/*   *****************************************************
 *
 *   BLOCK WEBLOG
 *   List of weblog articles by ministers and 
 *   secretaries of state.
 *   
 */
.list-weblog
{
  width: 206px;
  border: 1px solid #C0D7EA;
}
.list-weblog:after
{
  content: " ";
  display: block;
  height: 0;
  clear: left;
  visibility: hidden;
  color: #FFF;
}
#main-column .list-weblog h2
{
  position: relative;
  margin: 0;
  padding: .3em 9px;
  background: #E5F0F9;
  font-family: Arial,sans-serif;
  font-size: 140%;
  font-weight: bold;
  line-height: 1.2;
}
.list-weblog h2 .rss
{
  right: 9px; /* Give RSS icon a 9 pixels offset */ 
}
.list-weblog h3
{
  margin: .3em 9px;
}
.list-weblog ul
{
  margin: 1em 9px 1.5em;
}
.list-weblog li
{
  display: block;
  min-height: 56px;
  position: relative;
  margin-bottom: .8em;
  padding-left: 64px;
  color: #767676;
}
.list-weblog li img
{
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.list-weblog li h3,
.list-weblog li p
{
  margin: 0 0 .2em;
  font-weight: normal;
  line-height: 1.33em;
}
.list-weblog li.morelink
{
  min-height: 0;
  padding: 0;
}
.list-weblog li.morelink a
{
  text-decoration: underline;
}




/*   *****************************************************
 *
 *   BLOCK COUNCIL OF MINISTERS
 *   Press items and videos from the council of ministers.
 *   
 */
.list-council
{
  width: 206px;
  margin: 0;
  border: 1px solid #C0D7EA;
}
.list-council:after
{
  content: " ";
  display: block;
  height: 0;
  clear: left;
  visibility: hidden;
  color: #FFF;
}
#main-column .list-council h2
{
  position: relative;
  margin: 0;
  padding: .3em 9px;
  background: #E5F0F9;
  font-family: Arial,sans-serif;
  font-size: 1.4em;
  font-weight: bold;
  line-height: 1.2;
}
.list-council h2 .rss
{
  right: 9px; /* Give RSS icon a 9 pixels offset */ 
}
.list-council h3
{
  margin: .3em 9px;
}
.list-council ul
{
  margin: 1em 9px 1.5em;
}
.list-council li
{
  display: block;
  position: relative;
  margin-bottom: .8em;
  color: #767676;
}
.list-council li h3,
.list-council li p
{
  margin: 0 0 .2em;
  font-weight: normal;
  line-height: 1.33em;
}
.list-council .preview li
{
  position: relative;
  padding-top: 104px;
}
.list-council .preview li h4
{
  font-weight: bold;
}
.list-council .preview li img.still
{
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.list-council li.morelink a
{
  text-decoration: underline;
}




/*   *****************************************************
 *
 *   BLOCK LIST OF PUBLICATIONS
 *   List of popular publications on docs&pubs
 *   landing page.
 *   
 */
.list-publications
{
  margin: 0 0 20px;
  border: 1px solid #C0D7EA;
}
#main-column .list-publications h2 {
  position: relative;
  margin: 0;
  padding: .3em 9px;
  background: #E5F0F9;
  font: bold 140%/1.2 Arial,sans-serif;
}
.list-publications h2 .rss {
  right: 9px;
}
.list-publications ul {
  margin: 1em 9px 1.5em;
}
.list-publications li {
  display: block;
  position: relative;
  padding-top: 124px;
  margin-bottom: 1.6em;
  color: #767676;
}
.list-publications li p.cover {
  display: block;
  width: 188px;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0 0 .4em;
  padding: 8px 0;
  background-color: #F2F2F2;
  text-align: center;
}
.list-publications li p.cover img {
  display: block;
  border: 1px solid #000000;
  margin: 0 auto;
}
.list-publications li h3 {
  margin: 0 0 .2em;
  font-weight: normal;
  line-height: 1.33em;
}

.list-publications li.morelink {
  padding-top: 0;
  margin-bottom: 0;
}
.list-publications li.morelink a {
  padding-left: 0;
  background-image: none;
  text-decoration: underline;
}





/*   *****************************************************
 *
 *   BLOCK LIST OF MINISTERS & SECRETARIES OF STATE
 *   Ministers and secretaries of state list on 
 *   departments landing pages.
 *   
 */
#aside-column .block-department-people h2
{
  margin: 0;
  font: bold 110%/1.2 verdana,geneva,sans-serif;
}
#aside-column .block-department-people ul li
{
  min-height: 56px;
  position: relative;
  padding: 0 0 0 66px;
}
#aside-column .block-department-people ul li h3
{
  margin: .8em 0 0;
}
#aside-column .block-department-people ul li img
{
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}




/*   *****************************************************
 *
 *   BLOCK  CONTACT DETAILS
 *   Address and other contact info.
 *   
 */
#aside-column .block-contact-details 
{
  margin: 2em 0;
  border: 1px solid #CCE0F1;
  padding: 9px;
}
#aside-column .block-contact-details h2
{
  margin: 0;
  padding: 0;
  font: bold 110%/1.2 verdana,geneva,sans-serif;
}
#aside-column .block-contact-details p
{
  margin: 0;
  line-height: 1.3;
}
#aside-column .block-contact-details h3,
#aside-column .block-contact-details p.telephone
{
  margin: 1em 0 0;
  line-height: 1.3;
}
#aside-column .block-contact-details p.telephone-morelink
{
  margin: .82em 0;
  font-weight: bold;
  line-height: 1.3;
}
#aside-column .block-contact-details address
{
  font: 100%/1.3 verdana,geneva,sans-serif;
}



/*   *****************************************************
 *
 *   BLOCK LIST OF DEPARTMENTS
 *   List of all ministries (departments) 
 *   of the Dutch government.
 *   
 */
#main-column .list-departments ul.grid-column,
#main-column .list-departments ul.grid-column-first
{
  width: 426px;
  margin: 0;
  padding: 0 20px 0 0;
}
#main-column .list-departments li
{
  display: block;
  width: 336px;
  min-height: 76px;
  position: relative;
  float: left;
  margin: 0 0 20px 0;
  padding: 0 0 0 90px;
  background-image: none;
  list-style: none;
}
.list-departments li h2
{
  margin: 0 0 .1em 0;
  padding: .1em 0;
  font-size: 100%;
  line-height: 1.3;
}
.list-departments li h2 a
{
  color: #154273;
  text-decoration: underline;
}

.list-departments li h2 a span
{
  color: #154273;
  font: bold 140%/1.2 arial,helvetica,univers,sans-serif;
}

.list-departments li h2 a:visited,
.list-departments li h2 a:visited span
{
  color: #535353;
}
.list-departments li h2 a:hover,
.list-departments li h2 a:visited:hover,
.list-departments li h2 a:focus,
.list-departments li h2 a:hover span,
.list-departments li h2 a:visited:hover span,
.list-departments li h2 a:focus span
{
  color: #0162CD;
}

.list-departments li img
{
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
#main-column .list-departments li ul
{
  margin: 0;
}
#main-column .list-departments li ul li
{
  display: inline;
  width: auto;
  float: none;
  margin: 0;
  padding: 0;
  line-height: 1.3;
}
.list-departments li ul li a
{
  text-decoration: none;
}
.list-departments li ul li a:hover
{
  text-decoration: underline;
}




/*   *****************************************************
 *
 *   BLOCK LIST OF MINISTERS & SECRETARIES OF STATE
 *   Ministers and secretaries of state list on
 *   government people overview page.
 *   
 */
#content-column .list-government-people ul
{
  margin: 2em -20px 2em 0;
}
#main-column .list-government-people li
{
  width: 208px;
  float: left;
  position: relative;
  margin: 0 20px 2.64em 0;
  padding: 100px 0 0;
  background-image: none;
}
#main-column .list-government-people li.first-of-line
{
  clear: left;
}
#main-column .list-government-people li.morelink
{
  padding: 0;
}
#main-column .list-government-people li.morelink a
{
  display: block;
  padding-left: 12px;
  background: url(images/sprite-icons.png) no-repeat 0 .5em;
}
#main-column .list-government-people li img
{
  position: absolute;
  top: 0;
}
#main-column .list-government-people li h2
{
  font: bold 100%/1.64 verdana,helvetica,arial,sans-serif;
  margin: .42em 0 0;
  padding: 0;
}
#main-column .list-government-people li p.meta
{
  margin: 0;
}




/*   *****************************************************
 *
 *   BLOCK NEWS
 *   May contain spotlight items and headlines.
 *   
 */
.home .block-news h2
{
  margin: 1.6em 0 .8em;
  padding: .4em 0 0;
}
.home .block-news .morelink a
{
  display: block;
}



/*   *****************************************************
 *
 *   BLOCK NEWS (TOPICS OVERVIEW & CONTENT DETAIL PAGE)
 *   May contain spotlight items and headlines.
 *   Special formatting for topics overview page
 *   
 */
.block-news
{
  margin: 2em 0;
  border: 1px solid #D9D9D9;
  padding: 0 9px;
}
.landing .block-news
{
  margin-top: 0;
}
.block-news h2
{
  position: relative;
  margin: 0 -9px .8em;
  padding: .25em 9px .3em;
  background-color: #F2F2F2;
}
.block-news h2 .rss
{
  right: 9px; /* Give RSS icon a 9 pixels offset */ 
}

.block-news .list-headlines p
{
  margin-bottom: 0;
}
.block-news .list-headlines p.meta,
.block-news .list-headlines p.morelink
{
  margin-bottom: .8em;
}





/*   *****************************************************
 *
 *   BLOCK SPOTLIGHT ITEM
 *   General item with grey or blue border and top bar.
 *   
 */
.block-spotlight-light,
.block-spotlight-dark
{
  margin: 0 0 2em 0;
  border: 1px solid #D9D9D9;
  padding: 0 9px;
}
.block-spotlight-dark
{
  border-color: #CCE0F1;
}
.block-spotlight-light h2,
.block-spotlight-dark h2
{
  position: relative;
  margin: 0 -9px .8em;
  padding: .25em 9px .3em;
  background-color: #F2F2F2;
}
.block-spotlight-dark h2
{
  background-color: #CCE0F1;
}
.block-spotlight-light h2 .rss,
.block-spotlight-dark h2 .rss
{
  right: 9px; /* Give RSS icon a 9 pixels offset */ 
}
#content-column .block-spotlight-light h3,
#content-column .block-spotlight-dark h3
{
  clear: none;
  margin-top: 1.1em;
  padding: 0;
}
#content-column .block-spotlight-light .content-image,
#content-column .block-spotlight-dark .content-image
{
  margin: .82em 0 1.64em;
}




/*   *****************************************************
 *
 *   BLOCK TRIPLETS (MINISTER LANDING PAGE)
 *   
 */
.block-triplets
{
  margin: 0 0 2em 0;
  border: 1px solid #D9D9D9;
  padding: 0 9px;
}
.block-triplets h2
{
  position: relative;
  margin: 0 -9px .8em;
  padding: .25em 9px .3em;
  background-color: #F2F2F2;
}
.block-triplets h3
{
  margin: 0;
  font-weight: normal;
}

#main-box .block-triplets ul
{
  min-height: 242px;
  position: relative;
  margin: 0 -9px 0 0;
  padding: 0 0 9px;
}
#main-box .block-triplets ul li
{
  margin: 0 0 0 242px;
  padding: .5em 9px .5em 18px; /* is 242px for image and 9px+18px whitespace */
  background: url(images/sprite-icons.png) no-repeat 6px 1em;
  cursor: pointer;
}
#main-box .block-triplets ul li img
{
  position: absolute;
  left: 0;
  top: -100000px;
  z-index: 10;
}
#main-box .block-triplets ul li a
{
  text-decoration: none;
}
#main-box .block-triplets ul li a:hover,
#main-box .block-triplets ul li a:focus
{
  text-decoration: underline;
}
#main-box .block-triplets ul li p.meta
{
  margin-bottom: 0;
}

#main-box .block-triplets ul li.active
{
  background-color: #E1E2E2;
  background-position: -4994px 1em;
}
#main-box .block-triplets ul li.active img
{
  top: 0;
  z-index: 20;
}
#main-box .block-triplets ul li.active h3 a
{
  color: #000000;
}




/*   *****************************************************
 *
 *   BLOCK DOCUMENTS AND PUBLICATIONS
 *   Used on topic and article detail pages
 *   
 */
.block-docs-pubs
{
  clear: left;
  margin: 2em 0;
  border: 1px solid #D9D9D9;
  padding: 0 9px;
}
.block-docs-pubs h2
{
  position: relative;
  margin: 0 -9px .4em;
  padding: .25em 9px .3em;
  background-color: #F2F2F2;
}
.block-docs-pubs .list-headlines h3
{
  font-weight: bold;
}
.block-docs-pubs .list-headlines p
{
  margin-bottom: 0;
}
.block-docs-pubs .list-headlines p.meta,
.block-docs-pubs .list-headlines p.morelink
{
  margin-bottom: .8em;
}



/*   *****************************************************
 *
 *   BLOCK DOCUMENTS AND PUBLICATIONS (PARENT DOCUMENT)
 *   Used on topic and article detail pages
 *   
 */
.block-docs-pubs-parent
{
  clear: left;
  margin: 2em 0;
  border: 1px solid #D9D9D9;
  padding: 9px;
}
.block-docs-pubs-parent h2
{
  position: relative;
  margin: 0 -9px .4em;
  padding: .25em 9px 3px;
}
.block-docs-pubs-parent p
{
  margin-bottom: 0;
  font-weight: bold;
}
.block-docs-pubs-parent li p.meta
{
  margin-bottom: .8em;
  font-weight: normal;
}




/*   *****************************************************
 *
 *   BLOCK DOWNLOAD (DOCUMENTS AND PUBLICATIONS)
 *   
 */
.block-download
{
  clear: left;
  margin: 0 0 20px;
  border: 1px solid #CCE0F1;
  padding: 0;
}
.block-download h2
{
  position: absolute;
  top: -100000px;
}
.block-download .download-link
{
  margin: 0 0 .2em;
  padding-top: 0;
  color: #154273;
  text-decoration: none;
}
.block-download .download-chunk
{
  padding: 9px;
}
.block-download .download-link a
{
  color: #767676;
  text-decoration: none;
}
.block-download .download-link a span
{
  color: #154273;
  text-decoration: underline;
}
.block-download .download-link a span span
{
  font: bold 140%/1.2 arial,geneva,sans-serif;
  text-decoration: none;
}
.block-download .download-link a em
{
  color: #767676;
  font: bold 140%/1.2 arial,geneva,sans-serif;
  text-decoration: none;
}
.block-download .download-link a:hover,
.block-download .download-link a:visited:hover,
.block-download .download-link a:hover span,
.block-download .download-link a:visited:hover span,
.block-download .download-link a:focus span
{
  color: #0162CD;
}
.block-download p
{
  margin: 0;
}
.block-download p img
{
  vertical-align: baseline;
}



/*   *****************************************************
 *
 *   BLOCK ORDER PUBLICATION (DOCUMENTS AND PUBLICATIONS)
 *   
 */
.block-download .order-chunk
{
  padding: 9px;
}
.block-download .order-chunk button
{
  margin: 0 1.5em .4em 0;
  border: 1px solid #000000;
  padding: 0 .7em .1em;
  background-color: #CCE0F1;
  color: #000000;
  line-height: 1;
  cursor: pointer;
}
.block-download .order-chunk button.sold-out
{
  border-color: #E1E1E1;
  background-color: #F2F2F2;
  color: #767676;
  cursor: default;
}




/*   *****************************************************
 *
 *   BLOCK SITEMAP
 *   Specifics for sitemap layout
 *   
 */
.block-sitemap h2
{
  margin-top: 0;
  font: bold 100% verdana,helvetica,arial,sans-serif;
}
.block-sitemap h2.stand-alone
{
  margin-bottom: 1.64em;
}
#main-box .block-sitemap ul.list-common
{
  margin: 0 0 1.64em;
}





/*   *****************************************************
 *
 *   BLOCK PHOTO GALLERY
 *   Used on photo gallery and article detail pages
 *   
 */
.block-photo-gallery
{
  clear: left;
  margin: 2em 0;
  border-top: 2px solid #01689B;
}
.block-photo-gallery h2
{
  margin: .4em 0;
  color: #01689B;
}
#content-column .block-photo-gallery ul
{
  display: block;
  margin: 0 -20px 0 0;
}
#content-column .block-photo-gallery li
{
  display: block;
  width: 132px;
  height: 132px;
  float: left;
  margin: 0 20px 20px 0;
  padding: 0;
  background: #F2F2F2;
}
.block-photo-gallery li a
{
  display: block;
  width: 132px;
  height: 122px;
  position: relative;
  padding-top: 10px;
}
.block-photo-gallery li img
{
  display: block;
  margin: 0 auto;
}





/*   *****************************************************
 *
 *   BLOCK CONTENT TABLE
 *   
 */
table
{
  width: 100%;
  margin: 1.64em 0 .82em;
  border-collapse: collapse;
}
th, td
{
  padding: .4em .8em;
  border-bottom: 2px solid #FFFFFF;
  border-right: 2px solid #FFFFFF;
  background-color: #F2F2F2;
}
th
{
  /* background-color: #E1E9F2; */
  /* background-color: #F3F8FF; */
  background-color: #E1E1E1;
}
caption
{
  margin: 1em 0 0;
  color: #767676;
  text-align: left;
}




/*   *****************************************************
 *
 *   LIST OF NEWS HEADLINES
 *   
 */
.list-headlines h3
{
  margin: 0;
  font-weight: normal;
}
.list-headlines p
{
  margin-bottom: .8em;
}





/*   *****************************************************
 *
 *   LIST OF TOPICS
 *   Presentation of topics link list
 *   on entry pages per theme.
 *   
 */
.list-topics .grid-column-first,
.list-topics .grid-column
{
  width: 284px;
  float: left;
}
#main-column .list-topics h2
{
  position: absolute; /* Render outside viewport */
  top: -100000px; 
}
.list-topics li a
{
  text-decoration: none;
}
.list-topics li a:hover,
.list-topics li a:visited:hover
{
  text-decoration: underline;
}




/*   *****************************************************
 *
 *   LIST OF TOPICS (WITHIN DEPARTMENT)
 *   Presentation of topics link list
 *   on department page.
 *   
 */
#content-column .list-department-topics .grid-column-first,
#content-column .list-department-topics .grid-column
{
  width: 208px;
  float: left;
}
#content-column .list-department-topics li a
{
  text-decoration: none;
}
#content-column .list-department-topics li a:hover,
#content-column .list-department-topics li a:visited:hover
{
  text-decoration: underline;
}




/*   *****************************************************
 *
 *   LIST OF TOPICS (HOMEPAGE)
 *
 */
.home #main-column .list-topics h3
{
  margin: 0;
  padding: .4em 0 .2em;
}
.home #main-column .list-topics h3 a span
{
  color: #154273;
  font: bold 140%/1.2 arial,helvetica,univers,sans-serif;
}
.home #main-column .list-topics h3 a:visited span
{
  color: #535353;
}
.home #main-column .list-topics h3 a:hover span,
.home #main-column .list-topics h3 a:visited:hover span,
.home #main-column .list-topics h3 a:focus span
{
  color: #0162CD;
}


.home #main-column .list-topics ul
{
  margin: 0 0 1em 0;
}
.home #main-column .list-topics li
{
  display: inline;
  padding-left: 0;
  line-height: 1.5;
  background-image: none;
}




/*   *****************************************************
 *
 *   LIST OF TOPICS (TOPICS OVERVIEW & DEPARTMENT STYLING)
 *
 */
.topics-overview #main-column .list-topics h2,
.topics-theme-overview #main-column .list-topics h3,
.list-department-topics h2
{
  position: relative;
  top: auto;
  margin: 0;
  padding: .3em 12px;
  background-color: #CCE0F1;
  font-size: 100%;
}
.topics-overview .list-topics h2 a,
.topics-theme-overview .list-topics h3 a,
.list-department-topics h2 a
{
  font: bold 100%/1.2 arial,helvetica,univers,sans-serif;
  text-decoration: underline;
}
.topics-overview .list-topics h2 a span,
.topics-theme-overview .list-topics h3 a span,
.list-department-topics h2 a span
{
  color: #154273;
  text-decoration: none;
}
.topics-overview .list-topics h2 span,
.topics-theme-overview .list-topics h3 span,
.list-department-topics h2 span
{
  font: bold 140%/1.2 arial,helvetica,univers,sans-serif;
}
.topics-overview .list-topics h2 a:hover span,
.topics-overview .list-topics h2 a:visited:hover span,
.topics-overview .list-topics h2 a:focus span,
.topics-theme-overview .list-topics h3 a:hover span,
.topics-theme-overview .list-topics h3 a:visited:hover span,
.topics-theme-overview .list-topics h3 a:focus span,
.list-department-topics h2 a:hover span,
.list-department-topics h2 a:visited:hover span,
.list-department-topics h2 a:focus span
{
  color: #0162CD;
}
.topics-overview .list-topics h2 a.toplink,
.topics-theme-overview .list-topics h3 a.toplink,
.list-department-topics h2 a.toplink
{
  display: block;
  position: absolute;
  right: 12px;
  top: 0;
  padding-top: .5em;
  font-family: Verdana,sans-serif;
  font-size: 90%;
  font-weight: normal;
  text-decoration: underline;
}
.topics-overview #main-column .list-topics ul,
.topics-theme-overview #main-column .list-topics ul,
#main-column .list-department-topics ul
{
  margin: .4em 0 2em;
}

/* #main-column .list-topics li //  taken out because of alignment problem with list-topics on homepage */
.topics-overview #main-column .list-topics li,
.topics-theme-overview #main-column .list-topics li,
#main-column .list-department-topics li
{
  display: block;
  padding: 0 12px;
  background: url(images/sprite-icons.png) no-repeat 0 .52em;
  line-height: 1.64;
}
.topics-overview #main-column .list-topics li.insite-banner,
.topics-theme-overview #main-column .list-topics li.insite-banner,
#main-column .list-department-topics li.insite-banner
{
  padding: 1em 0 0;
  background-image: none;
}



/*   *****************************************************
 *
 *   ALPHABET INDEX (DEPARTMENT TOPICS PAGE)
 *
 */
#main-column .list-index
{
  margin: -.82em 0 1em;
  border: 1px solid #D9D9D9;
  padding: 5px 8px 8px;
}
#main-column .list-index p
{
  margin: 0 0 .6em;
  font-weight: bold;
}
#main-column .list-index .grid-three-columns,
#main-column .list-index ul
{
  margin: 0;
  padding: 0;
  background: #F2F2F2;
}
#main-column .list-index ul
{
  width: 588px;
  float: left;
  clear: none;
}
.list-index:after,
.list-index ul:after,
#main-column .list-index .grid-three-columns:after
{
  content: " ";
  display: block;
  height: 0;
  clear: left;
  visibility: hidden;
  color: #F2F2F2;
}
#main-column .list-index li
{
  display: block;
  float: left;
  margin: 0 1px 0 4px;
  padding: 0;
  background-image: none;
  line-height: 1.5;
  list-style: none;
}
#main-column .list-index li a,
#main-column .list-index li span
{
  display: block;
  padding: .3em .4em .4em;
  font-weight: bold;
}
#main-column .list-index .grid-three-columns .grid-column
{
  width: 275px;
  float: left;
  margin-left: 29px;
  padding: 6px 0;
}
#main-column .list-index .grid-three-columns .grid-column-first
{
  width: 255px;
  margin-left: 9px;
}
#main-column .list-index .grid-three-columns .grid-column li
{
  float: none;
  margin-left: 0;
}
#main-column .list-index .grid-three-columns .grid-column li a
{
  padding: 0 0 .1em;
  font-weight: normal;
}



/*   *****************************************************
 *
 *   ALPHABET INDEX TOPIC SEARCH BOX
 *
 */
#topic-search-form fieldset
{
  width: 270px;
  float: left;
  margin: 0 16px 0 0;
  padding: 0;
}
#topic-search-form label
{
  display: block;
  margin: 0 0 .6em;
  font-weight: bold;
  line-height: 1.64em;
}
.list-index #topic-search-form p
{
  width: 268px;
  height: 2em;
  margin: 0;
  border: 1px solid #000000;
  padding: 0;
  background: #FFFFFF;
}
#topic-search-form #topic-search-keyword 
{
  width: 228px;
  float: left;
  border: 0;
  background-color: transparent;
  font-size: 100%;
  vertical-align: top;
}
#topic-search-form #topic-search-submit 
{
  width: 40px;
  height: 100%;
  float: right;
  margin: 0;
  border-left: 1px solid #000000;
  padding: 0;
  background-color: #CCE0F1;
  color: #000000;
  font-size: 90%;
  text-align: center;
  line-height: 1;
  cursor: pointer;
}


/*   *****************************************************
 *
 *   LIST OF TOPICS (DEFAULT #MAIN COLUMN)
 *
 */
 
#main-column #content-column .external ul
{
  margin: .4em 0 2em;
}
#main-column #content-column .external li
{
  display: block;
  background: url(images/sprite-icons.png) no-repeat 0 0.9em;
  line-height: 2.18;
}

#main-column #content-column .external li {
	background: url();
	padding-left: 0px;
}



/*   *****************************************************
 *
 *   LIST OF TOPICS (DEPARTMENT LANDING PAGE)
 *
 */
.landing #content-column .list-topics
{
  margin: 2em 0;
  border: 1px solid #D9D9D9;
  padding: 0 9px;
}
.landing #content-column .list-topics div:after
{
  content: " ";
  display: block;
  height: 0;
  clear: left;
  visibility: hidden;
  color: #FFF;
}
.landing #content-column .list-topics h2
{
  position: relative;
  top: auto;
  margin: 0 -9px .8em;
  padding: .3em 9px .2em;
  background-color: #F2F2F2;
}
.landing #content-column .list-topics p
{
  margin-bottom: .82em;
}
.landing #content-column .list-topics ul
{
  width: 194px;
  margin: 0;
  padding: 0;
}
.landing #content-column .list-topics ul.grid-column
{
  float: left;
}
.landing #content-column .list-topics ul.grid-column-first
{
  float: left;
  margin-right: 20px;
}
.landing #content-column .list-topics li
{
  display: block;
  position: relative;
  margin: 0;
  padding: 0 12px;
  background: url(images/sprite-icons.png) no-repeat 0 .55em;
  list-style: none;
  line-height: 1.64;
}
.landing #content-column .list-topics a
{
  text-decoration: none;
}
.landing #content-column .list-topics a:hover
{
  text-decoration: underline;
}
.landing #content-column .list-topics p.morelink
{
  margin: 0;
  padding: 0 0 1.64em 0;
  font-weight: bold;
}
.landing #content-column .list-topics p.morelink a
{
  display: block;
  padding-left: 12px;
  background: url(images/sprite-icons.png) no-repeat 0 .55em;
}




/*   *****************************************************
 *
 *   LIST OF FREQUENTLY ASKED QUESTIONS
 *   Presentation of numbered or bulleted FAQ lists,
 *   for instance on subject pages.
 *   
 */
.list-faq
{
  margin: 0 0 2em;
  border: 1px solid #F0E1A8;
  background-color: #FEF8DE;
}
#content-column .list-faq
{
  margin: 2em 0;
}
.list-faq h2
{
  margin: 0;
  padding: .2em 9px;
  background-color: #FEF1BC;
}
#main-column .list-faq ul
{
  margin: 0;
  padding: .8em 10px;
}
#main-column .list-faq ol
{
  margin: 0;
  padding: .8em 10px .8em 40px;
}
#main-column .list-faq li
{
  margin: 0 0 .5em;
}
#main-column .list-faq ol li
{
  padding: 0 12px 0 0;
  list-style: decimal outside;
  line-height: 1.5;
}
#main-column .list-faq ul li
{
  display: block;
  padding: 0 12px;
  background: url(images/sprite-icons.png) -1000px .45em no-repeat;
  list-style: none;
  line-height: 1.5;
}
#main-column .list-faq li a
{
  padding: 0;
  color: #000000;
  text-decoration: none;
}
#main-column .list-faq li a:hover
{
  color: #000000;
  text-decoration: underline;
}




/*   *****************************************************
 *
 *   LIST OF FREQUENTLY ASKED QUESTIONS (TOPICS OVERVIEW)
 *   
 */
.topics-overview #aside-column .list-faq
{
  margin-top: 0;
}





/*   *****************************************************
 *
 *   LIST OF SENDERS
 *   
 */
.list-senders
{
  margin: 0 0 20px;
}
.list-senders h2
{
  margin: 0 0 .2em;
  font: bold 110%/1.1 Verdana,sans-serif;  
}
.list-senders ul
{
  display: block;
  margin: 0;
  padding: 0;
}
.list-senders li
{
  margin: 0;
  display: block;
  padding: 0 0 0 12px;
  background: url(images/sprite-icons.png) no-repeat 0 .5em;
  line-height: 1.64;
}
.list-senders li a
{
  text-decoration: none;
}
.list-senders li a:hover,
.list-senders li a:focus
{
  text-decoration: underline;
}



/*   *****************************************************
 *
 *   LIST OF SEE ALSO LINKS
 *   
 */
.list-references
{
  margin-bottom: 2em;
}
.list-references h2
{
  margin: 0;
  font: bold 110%/1.1 Verdana,sans-serif;  
}
.list-references li
{
  margin: .4em 0 0;
  display: block;
}
.list-references li h3
{
  margin: 0;
}
.list-references li h3 a
{
  background-position: 0 .55em;
  text-decoration: underline;
}
.list-references li h3 a.external,
.list-references li.external a
{
  background-position: -4000px .55em;
}
#main-box .list-references li p
{
  margin-top: .4em;
  line-height: 1.1;
}



/*   *****************************************************
 *
 *   INSITE BANNERS
 *   
 */
.insite-banner
{
  margin: 0 0 2em;
}
.insite-banner a,
.insite-banner a img
{
  display: block;
}

li.insite-banner
{
  padding: 0;
  background-image: none;
}




/*   *****************************************************
 *
 *   CAMPAIGN BANNERS
 *   
 */
.block-campaigns
{
  margin: 2em 0;
}
.block-campaigns h2
{
  font: bold 110%/1.1 Verdana,sans-serif;  
}
.block-campaigns .insite-banner
{
  margin: .5em 0 1.5em;
}




/*   *****************************************************
 *
 *   CONTENT IMAGES
 *   Currently only large, column-wide images
 *   with a caption.
 *   
 */
.content-image
{
  margin: 2.4em 0;
}
.content-image-left
{
  margin: .41em 20px 1.64em 0;
}
.content-image .caption,
.content-image-left .caption
{
  margin: .6em 0 0;
  color: #767676;
}





/*   *****************************************************
 *
 *   CONTENT AUDIO AND VIDEO
 *   Style declarations for govvid A/V implementation
 *   
 */
.block-audio-video
{
  width: 436px; /* default value; will be replaced by movie width */
  padding-bottom: 1.64em;
}
.block-audio-video #movie,
.block-audio-video #audio
{
  margin-bottom: 1em;
}
#content-column .block-audio-video ul 
{
  border-bottom: 1px solid #D9D9D9;
  overflow: hidden;
  margin: 0;
  padding: 0;
  list-style: none;
}
#content-column .block-audio-video li ul 
{
  border-bottom: none;
}
#content-column .block-audio-video li
{
  background-image: none;
  padding: 0;
  margin: 0;
  border: 1px solid #D9D9D9;
  border-bottom: none;
}
#content-column .block-audio-video li ul.list-common
{ 
  margin: 0;
  padding: 0;
}
#content-column .block-audio-video li li
{
  padding: 0;
  border: none;
}
.block-audio-video li h2,
.block-audio-video li h3
{
  margin: 0;
  padding: 0;
  color: #000000;
  font: normal 100%/1.64 verdana,helvetica,arial,sans-serif;
}
.block-audio-video li h2 a, 
.block-audio-video li h3 a,
.block-audio-video li h2 a:hover, 
.block-audio-video li h3 a:hover
{
  color: #000000;
}
.block-audio-video li a
{
  display: block;
  position: relative;
  padding: .2em 20px .3em 10px;
  font-weight: normal;
  text-decoration: none;
}
.block-audio-video li li a, 
.block-audio-video li li a:hover
{
  font-weight: normal;
  padding: 2px 9px 3px 9px;
  background-image: none;
  color: #000000;
}
.block-audio-video li.download a:hover
{
  background-color: #E9F0F9;
}
.block-audio-video li.download span.meta
{
  display: block;
}
.block-audio-video li img
{
  margin-bottom: -4px;
}
.block-audio-video li a.open
{
  background-color: #E9F0F9;
  background-position: -996px .7em;
}
.block-audio-video li a.open:hover
{
  background-color: #E9F0F9;
}
.block-audio-video ul.open,
.block-audio-video div.open,
.block-audio-video p.open
{
  display: block;
  border: none;
}
.block-audio-video li a.close
{
}
.block-audio-video li a.close:hover
{
  background-color: #E9F0F9;
}
.block-audio-video ul.close,
.block-audio-video div.close,
.block-audio-video p.close
{
  display: none;
}
#content-column .block-audio-video div.open
{
  padding: 0 9px 10px;
}
.block-audio-video .transcription h3
{
  margin-top: .82em;
  color: #000000;
  font-weight: bold;
}
.block-audio-video .transcription p
{
  margin-bottom: .82em;
}




/*   *****************************************************
 *
 *   BLOCK FORM: CONTENT FORMS
 *   Standard form blocks with error messages
 *   
 */
.block-form
{
  margin: 0 0 20px;
}
.block-form form:after
{
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.block-form form h2
{
  margin: 1em 0 .15em;
  color: #01689B;
  font: normal 167%/1.2 arial,helvetica,univers,sans-serif;
}
.block-form form h2.req
{
  margin: 1em 0 -1.3em;
}
.block-form p
{
  margin: 0 0 .8em;
}
.block-form p.req
{
  text-align: right;
}
.block-form fieldset p
{
  position: relative;
  margin: 2px 0 0;
  padding: .6em 76px .6em 13.8em;
  background-color: #F2F2F2;
}
.block-form fieldset p label
{
  display: block;
  position: absolute;
  top: .6em;
  left: 10px;
}
.block-form fieldset p input
{
  width: 100%;
  border: 1px solid #000000;
}
.block-form fieldset p select
{
  width: 100%;
}
.block-form fieldset p textarea
{
  width: 100%;
  height: 6em;
  border: 1px solid #000000;
}
.block-form fieldset p label.form-radio
{
  position: static;
  top: auto;
  left: 0;
  margin-bottom: .4em;
}
.block-form fieldset p label.form-radio input
{
  width: auto;
  vertical-align: text-bottom;
}
.block-form fieldset.form-navigation
{
  margin: 1em 0 0 13.8em;
}
.block-form fieldset button
{
  margin-right: 1.5em;
  border: 1px solid #000000;
  padding: 0 .7em .1em;
  background-color: #CCE0F1;
  color: #000000;
  line-height: 1;
  cursor: pointer;
}

/* SPECIAL: checklist with foldout info and filter */
.block-form fieldset.filter p
{
  position: relative;
  padding: .6em 76px .6em 50px;
}
.block-form fieldset.filter p label
{
  top: -100000px;
}
.block-form fieldset.filter p button
{
  position: absolute;
  right: 10px;
  top: .7em;
  margin-right: 0;
  padding: 0 .5em .1em;
}
.block-form fieldset.checklist
{
  padding-bottom: .4em;
}
.block-form fieldset.checklist p
{
  padding: .4em 76px .4em 50px;
}
.block-form fieldset.checklist p label
{
  min-height: 1.6em;
  position: relative;
  top: auto;
  left: auto;
  color: #00689B;
  color: #005580;
  font-weight: bold;
}
.block-form fieldset.checklist p span
{
  display: block;
  width: 20px;
  position: absolute;
  left: 0;
  top: 0;
  padding: .4em 13px .3em 7px;
  background-color: #D9D9D9;
}




.block-form form .info-message p
{
  margin-top: 0;
}
.block-form form .error-message
{
  margin: 0 0 10px;
  padding: .4em 76px .2em 30px;
  background: #F2B2C5 url(images/icon-error.png) no-repeat 4px .4em;
}
.block-form form p.error-message
{
  margin: 10px 0 0;
  padding-bottom: .4em;
}
#content-column .block-form form .error-message p
{
  margin-bottom: .4em;
}
#content-column .block-form form .error-message ul
{
  margin: 0 0 .4em;
}
#content-column .block-form form .error-message li
{
  padding-left: 15px;
  background-position: -3000px .55em;
}
.block-form form fieldset p.error-field label
{
  color: #CC003D;
}
.block-form form fieldset p.error-field input,
.block-form form fieldset p.error-field textarea
{
  border-color: #CC003D;
}

.block-form table
{
  margin: 2em 0 0;
}
.block-form table th
{
  width: 12.2em; /* Width of 13.8em minus two times .8em padding */
}








/*   *****************************************************
 *
 *   MAIN LAYOUT
 *
 */
body
{
  position: relative;
  border-top: 1px solid #535353;
  padding-top: 2.65em;
  background-color: #F3F5F6;
  color: #000000;
}

#centerbox
{
  width: 960px;
  position: relative;
  margin: 0 auto;
}

#skiplinks
{
  position: absolute; /* Render outside viewport */
  top: -100000px; 
}

#main-box
{
  width: 940px;
  position: relative;
  margin: 0;
  padding: 17.2em 10px 40px;
  /* background: url(images/sprite-canvas-payoff-grid.gif) repeat-y -960px 0; */
  background: url(images/sprite-canvas-payoff.gif) repeat-y -960px 0;
}
#main-box:after
{
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

#header
{
  width: 960px;
  height: 127px;
  position: absolute;
  top: -10px;
  left: 0;
  background: url(images/sprite-canvas-payoff.gif) no-repeat 0 0;
}

#footer
{
  width: 940px;
  height: 50px;
  clear: both;
  position: relative;
  padding: 0 10px;
  background: url(images/sprite-canvas-payoff.gif) no-repeat 0 -135px;
}

#main-column
{
  width: 664px;
  float: right;
  padding-right: 24px;
}

#content-column
{
  width: 436px;
  float: left;
  padding: 0 0 25px;
}

#aside-column
{
  width: 208px;
  position: relative;
  float: right;
}



/*   *****************************************************
 *
 *   WIDE & MEDIUM WIDE CANVAS PAGES
 */
.wide #main-column
{
  width: 892px;
  float: none;
  padding: 0 24px;
}
.medium-wide #content-column,
.wide #content-column
{
  width: 664px; 
  /* Same width for medium-wide and wide pages, but 
     in wide canvas with extra column on the right (facets)
     and in medium-wide canvas with subnavigation on the left. */
}
.departments #content-column
{
  width: 892px;
}



/*   *****************************************************
 *
 *   SPECIFICS: OVERVIEW PAGES & HOMEPAGE CANVAS
 *
 */
.home #main-column,
.topics-overview #main-column,
.topics-theme-overview #main-column
{
  width: 892px;
  float: none;
  padding: 0 24px;
}
.home #content-column,
.topics-theme-overview #content-column
{
  width: 588px;
  float: left;
  margin-top: 0;
}
.topics-overview #content-column
{
  width: 892px;
  padding: 0;
}


.home .content-spotlight
{
  width: 284px;
  float: right;
}
.home #aside-column
{
  width: 284px;
  margin: 0;
  padding: 0;
}
.home #aside-column .insite-banner
{
  margin-top: 0;
  padding-top: 0;
}

.topics-theme-overview #aside-column
{
  width: 284px;
  margin: 0;
  padding: 0;
}



/*   *****************************************************
 *
 *   SPECIFICS: NEWS OVERVIEW
 *
 */
.news-overview #main-column
{
  width: 892px;
}
.news-overview #content-column
{
  width: 436px;
  float: left;
  margin-right: 20px;
}
.news-overview .content-spotlight
{
  width: 208px;
  float: left;
}
.news-overview #aside-column
{
  width: 208px;
  border: none;
}
.news-overview .list-council
{
  margin-top: 2em;
}




/*   *****************************************************
 *
 *   GOVERNMENT LOGOTYPE
 */
#header h1,
#header a,
#header img {
 display: block;
 width: 126px;
 height: 75px;
 text-decoration: none;
}

#header a,
#header h1 {
 position: absolute;
 left: 458px;
 top: 10px;
 z-index: 100;
}




/*   *****************************************************
 *
 *   NAVIGATION
 */
#navigation
{
 position: absolute;
 top: 0;
 left: 10px;
 width: 940px;
 z-index: 100;
}
#navigation:after
{
 content: " ";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}

#navigation h2,
#footer h2
{
  position: absolute; /* Render outside viewport */
  top: -100000px; 
}



/*   *****************************************************
 *
 *   MAIN NAVIGATION
 *   Main tabs in blue navigation bar.
 *
 */
#main-navigation
{
  display: block;
  width: 892px;
  position: absolute;
  top: 117px;
  left: 0;
  z-index: 50;
  /* Special government lightblue */
  border-bottom: 10px solid #CCE0F1; 
  padding: 2.4em 24px 0;
  /* Special government blue */
  background-color: #01689B;
}
#main-navigation li
{
  display: block;
  float: left;
}
#main-navigation a
{
  height: 1.5em;
  float: left;
  padding: .3em 10px .1em 10px;
  color: #FFFFFF;
  font-family: arial,helvetica,sans-serif;
  font-size: 110%;
  font-weight: bold;
  text-decoration: none;
}
#main-navigation a:hover,
#main-navigation .selected a,
#main-navigation .selected a:hover
{
  background-color: #CCE0F1;
  color: #000000;
}




/*   *****************************************************
 *
 *   SERVICE NAVIGATION
 *   SERVICE LANGUAGE
 *   SERVICE LEGAL
 *   Service menus at the corners of the white canvas.
 *
 */
#service-navigation
{
  margin: -2.5em 0 0 0;
  padding: 0 .3em;
  float: right;
}
#service-languages
{
  margin: -2.5em 0 0 0;
  padding: 0 .3em;
  float: left;
}
#service-miscellaneous
{
  margin: 2.2em 0 0 0;
  padding: 0 .3em;
  float: right;
}

#service-navigation li,
#service-languages li,
#service-miscellaneous li
{
  display: block;
  float: left;
}
#service-navigation a,
#service-languages a,
#service-miscellaneous a
{
  float: left;
  padding: .5em .6em .6em .6em;
  color: #535353;
  text-decoration: none;
}
#service-navigation a:visited,
#service-languages a:visited,
#service-miscellaneous a:visited
{
  color: #535353;
  text-decoration: none;
}
#service-navigation a:hover,
#service-navigation a:visited:hover,
#service-languages a:hover,
#service-languages a:visited:hover,
#service-miscellaneous a:hover,
#service-miscellaneous a:visited:hover
{
  color: #000000;
  text-decoration: underline;
}



/*   *****************************************************
 *
 *   SEARCH BOX
 *
 */
#search-form
{
  width: 184px;
  width: 16.73em;
  position: absolute;
  top: 144px;
  right: 34px; /* 24 pixels margin + 10 pixels for right drop shadow */
  z-index: 110;
  margin: 0;
  margin-top: -1em;
  padding: 0;
}

#search-form h2
{
  position: absolute; /* Render outside viewport */
  top: -100000px; 
}

#search-form p
{
  width: 16.55em; 
  height: 1.6em;
  margin: 0;
  border: 1px solid #000000;
  padding: 0;
  background: #FFFFFF;
}

#search-form #search-keyword 
{
  width: 12.9em;
  height: 1.4em;
  float: left;
  border: 0;
  background-color: transparent;
  font-size: 100%;
}

#search-form #search-submit
{
  width: 4em;
  height: 100%;
  float: right;
  margin: 0;
  border-left: 1px solid #000000;
  padding: 0;
  background-color: #CCE0F1;
  color: #000000;
  font-size: 90%;
  text-align: center;
  line-height: 1;
  cursor: pointer;
}




/*   *****************************************************
 *
 *   BREADCRUMB TRAIL
 *
 */
#breadcrumb
{
  margin-bottom: 1em;
  color: #767676;
}
#breadcrumb img
{
  margin: 0 .3em;
  vertical-align: baseline;
}




/*   *****************************************************
 *
 *   SUB NAVIGATION
 *   Navigation column for current content scope.
 *
 */
#sub-navigation
{
  width: 232px;
  float: left;
  position: relative;
  top: 2.65em;
}
#sub-navigation h2
{
  position: absolute; /* Render outside viewport */
  top: -100000px; 
}
#sub-navigation h3
{
  margin: 0; 
  padding: 0; 
  background-color: #E5F0F9; 
  color: #000000; 
  font: bold 100%/1.4 Verdana,sans-serif;
}
#sub-navigation h3 a
{
  display: block; 
  padding: .4em 10px .5em 24px;
  background-color: #E5F0F9; 
  color: #000000;
  text-decoration: none;
}
#sub-navigation h3.selected a,
#sub-navigation h3.selected a:visited,
#sub-navigation h3 a:hover
{
  background-color: #CCE0F1;
  color: #000000;
}

#sub-navigation ul
{
  margin: 0;
  padding: 0;
  list-style: none;
}
#sub-navigation li
{
  margin: 0;
  padding: 0;
  border: none;
  background-color: #FFFFFF;
  line-height: 1.4;
}
#sub-navigation li strong
{
  background-color: #CCE0F1;
}
#sub-navigation li a:hover
{
  background-color: #CCE0F1 !important;
}

#sub-navigation li.first a
{
  background: #E5F0F9 url(images/sprite-icons.png) no-repeat -1000px .8em;
}
#sub-navigation li.first strong
{
  background: #E5F0F9 url(images/sprite-icons.png) no-repeat -1000px .8em;
}
#sub-navigation li.open li,
#sub-navigation li.selected li
{
  background-color: #FFFFFF;
}

/* Diepere niveau's in subnavigatie */
#sub-navigation li a,
#sub-navigation li strong
{
  display: block;
  width: 186px;
  padding: .4em 10px .5em 36px;
  background-image: url(images/sprite-icons.png);
  background-repeat: no-repeat;
  background-position: -976px .8em; 
  color: #000000; 
  font-weight: normal; 
  text-decoration: none;
}
#sub-navigation li.open li a,
#sub-navigation li.selected li a,
#sub-navigation li.open li.selected strong
{
  width: 174px;
  padding: .4em 10px .5em 48px;
  background-image: url(images/sprite-icons.png);
  background-repeat: no-repeat;
  background-position: -964px .8em;
  font-weight: normal;
}
#sub-navigation li.open li.open li a,
#sub-navigation li.open li.selected li a,
#sub-navigation li.open li.open li.selected strong
{
  width: 162px;
  padding: .4em 10px .5em 60px;
  background-image: url(images/sprite-icons.png);
  background-repeat: no-repeat;
  background-position: -952px .8em;
}
#sub-navigation li.open li.open li.open li a,
#sub-navigation li.open li.open li.selected li a,
#sub-navigation li.open li.open li.open li.selected strong
{
  width: 150px;
  padding: .4em 10px .5em 72px;
  background-image: url(images/sprite-icons.png);
  background-repeat: no-repeat;
  background-position: -940px .8em;
}
#sub-navigation li.open li.open li.open li.open li a,
#sub-navigation li.open li.open li.open li.selected li a,
#sub-navigation li.open li.open li.open li li.selected strong
{
  width: 138px;
  padding: .4em 10px .5em 84px;
  background-image: url(images/sprite-icons.png);
  background-repeat: no-repeat;
  background-position: -928px .8em;
}

#sub-navigation li.open a,
#sub-navigation li.open strong
{
  background-color: #E5F0F9;
  background-position: -1976px .8em;
}
#sub-navigation li.open li.open a,
#sub-navigation li.open li.open strong
{
  background-position: -1964px .8em;
}
#sub-navigation li.open li.open li.open a,
#sub-navigation li.open li.open li.open strong
{
  background-position: -1952px .8em;
}
#sub-navigation li.open li.open li.open li.open a,
#sub-navigation li.open li.open li.open li.open strong
{
  background-position: -1940px .8em;
}
#sub-navigation li.open li.open li.open li.open li.open a,
#sub-navigation li.open li.open li.open li.open li.open strong
{
  background-position: -1928px .8em;
}

#sub-navigation li.selected a,
#sub-navigation li.selected strong,
#sub-navigation li.open li.selected a,
#sub-navigation li.open li.selected strong,
#sub-navigation li.open li.open li.selected a,
#sub-navigation li.open li.open li.selected strong,
#sub-navigation li.open li.open li.open li.selected a,
#sub-navigation li.open li.open li.open li.selected strong,
#sub-navigation li.open li.open li.open li.open li.selected a,
#sub-navigation li.open li.open li.open li.open li.selected strong
{
  background-color: #CCE0F1;
}

#sub-navigation li.open li a,
#sub-navigation li.open li.open li a,
#sub-navigation li.open li.open li.open li a,
#sub-navigation li.open li.open li.open li.open li a,
#sub-navigation li.open li.open li.open li.open li.open li a
#sub-navigation li.selected li a,
#sub-navigation li.open li.selected li a,
#sub-navigation li.open li.open li.selected li a,
#sub-navigation li.open li.open li.open li.selected li a,
#sub-navigation li.open li.open li.open li.open li.selected li a
{
  background-color: #FFFFFF;
}




/*   *****************************************************
 *
 *   LEADERBOARD
 *
 */
#leaderboard
{
  margin: 20px 0;
  padding: 0 24px;
}
#leaderboard:after
{
 content: " ";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}
#leaderboard .attention-box
{
  width: 588px;
  float: left;
  margin-right: 20px;
  background-color: #CCE0F1;
}
#leaderboard .attention-box img
{
  float: right;
  margin-left: 20px;
}
#leaderboard .attention-box h1,
#leaderboard .attention-box h2
{
  margin: 0;
  padding: .8em 20px .5em;
  font: bold 180%/1.2 arial,helvetica,univers,sans-serif;
}
#leaderboard .attention-box p
{
  margin-bottom: 0;
  padding: 0 20px;
  line-height: 1.64;
}
#leaderboard .attention-box p a,
#leaderboard .attention-box p a:hover,
#leaderboard .attention-box p a:focus
{
  color: #000000;
  text-decoration: underline;
}
#leaderboard .list-common
{
  float: left;
  width: 284px;
}
#leaderboard .item-spotlight
{
  float: left;
  width: 174px;
}
#leaderboard .insite-banner
{
  float: left;
  margin: 0 0 20px;
}




/*   *****************************************************
 *
 *   LEADERBOARD (THEME LANDING PAGE)
 *
 */
.theme #leaderboard
{
  margin-bottom: 0;
}




/*   *****************************************************
 *
 *   CRISISBOARD
 *
 */
.crisisboard
{
  margin: 20px 24px;
  padding: 0;
}
.crisisboard:after
{
 content: " ";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}
.crisisboard .attention-box
{
  width: 588px;
  float: left;
  margin-right: 20px;
  padding: 1.5em 0 1.8em;
  background-color: #000000;
  color: #FFFFFF;
}
.crisisboard .attention-box h2
{
  position: absolute; /* Render outside viewport */
  top: -100000px;
}
.crisisboard .attention-box p,
.crisisboard .attention-link p
{
  margin: 0;
  padding: 0 20px;
  font: bold 160%/1.8 verdana,geneva,sans-serif;
}
.crisisboard .attention-link
{
  padding: 1.5em 0 1.8em;
  background-color: #FFE400;
  color: #000000;
}
.crisisboard .attention-link a
{
  color: #FF0000;
  text-decoration: none;
}
.crisisboard .attention-link a:hover,
.crisisboard .attention-link a:active,
.crisisboard .attention-link a:visited:hover
{
  text-decoration: underline;
}




/*   *****************************************************
 *
 *   INTROBOARD
 *
 */
#introboard
{
  margin-bottom: 20px;
  overflow: hidden;
}
#introboard div
{
  width: 412px;
  min-height: 190px;
  float: left;
  margin-right: 20px;
  padding: 9px 12px;
  background-color: #E5F0F9;
}
#introboard img
{
  display: block;
}
#introboard p
{
  margin: 0 0 .42em 0;
}
#introboard .subheading
{
  margin: -.3em 0 .5em;
  /*
  color: #01689B;
  font: normal 167%/1.2 arial,helvetica,univers,sans-serif;
  */
  color: #000000;
  font: normal 150%/1.2 Verdana,sans-serif;
}



/*   *****************************************************
 *
 *   CARROUSELBOARD
 *
 */
#carrouselboard div
{
  width: 664px;
  float: left;
}





/*   *****************************************************
 *
 *   BLOCK: MAIN SEARCH SUMMARY
 *
 */
.search-summary
{
  margin: 1em 0 0;
}
.search-summary h2
{
  margin: 0;
  padding: .3em 12px;
  background-color: #E9F0F9;
  font: bold 140%/1.2 arial,helvetica,univers,sans-serif;
  position:relative;
}
#main-search-form h3
{
  display: block;
  float: left;
  clear: left;
  margin: 0 0 0 12px;
  line-height: 1.8;
}
#main-search-form fieldset
{
  padding-top: 1em;
}
#main-search-form fieldset p 
{
  width: 27.4em;
  height: 2em;
  position: relative;
  margin: 0 0 1em 132px;
  border: 1px solid #000000;
  padding: 0;
  background: #FFFFFF;
}
#main-search-form fieldset p a
{
  display: block;
  width: 11.1em;
  position: absolute;
  left: 314px;
  top: 0;
}
#main-search-form fieldset p.filters-selected
{
  width: auto;
  height: auto;
  position: relative;
  margin: 0 0 1em 132px;
  border: none;
  padding: .2em 6px .4em;
  background: #F2F2F2;
  line-height: 1.64;
}
#main-search-form fieldset p.filters-selected a
{
  display: inline;
  width: auto;
  position: static;
  padding: 0 15px 0 0;
  background: url(images/icon-delete.png) no-repeat 100% .3em;
}

#main-search-form #main-search-keyword
{
  width: 21em;
  float: left;
  border: 0;
  padding: .15em 0 .2em 6px;
  background-color: transparent;
  font-size: 100%;
  line-height: 1;
}
#main-search-form #main-search-submit
{
  width: 5.65em;
  height: 100%;
  float: right;
  margin: 0;
  border-left: 1px solid #000000;
  padding: 0 0 .5em;
  background-color: #CCE0F1;
  color: #000000;
  font-size: 100%;
  text-align: center;
  line-height: 1;
  cursor: pointer;
}




/*   *****************************************************
 *
 *   BLOCK: SEARCH SORTING
 *
 */
.sorting
{
  padding-left: 12px;
}



/*   *****************************************************
 *
 *   BLOCK: SEARCH RESULTS
 *
 */
.search-results
{
  margin: 1.5em 0 0;
  border-top: 2px solid #01689B;
  border-bottom: 2px solid #01689B;
  padding: 0 20px 0 38px;
}
.search-results div
{
  clear: both;
  margin: 1.5em 0;
  list-style: decimal outside;
  line-height: 1.64;
}
#content-column .search-results ul
{
  width: 171px;
  float: left;
  margin: 1em 0;
  padding: 0 0 0 38px;
}
#content-column .search-results ul.first
{
  margin: 1em -19px -1em 0;
}
#content-column .search-results ul:after
{
 content: " ";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}
#content-column .search-results ul li
{
  display: block;
  clear: none;
  margin: 0;
  padding: 0;
  background-image: none;
  list-style: none;
  line-height: 1.64;
}

.search-results div h3
{
  margin: 0;
  font-size: 1em;
  line-height: 1.64;
}
.search-results div h3 em
{
  display: block;
  width: 30px;
  float: left;
  position: relative;
  left: -38px;
  margin-right: -38px;
  font-style: normal;
  font-weight: normal;
  text-align: right;
}
.search-results div p
{
  margin: 0;
  line-height: 1.64;
}



/*   *****************************************************
 *
 *   BLOCK: SEARCH RESULTS (OVERVIEW PAGES)
 *
 */
.department .search-results
{
  margin-top: 1.2em;
}



/*   *****************************************************
 *
 *   BLOCK: SEARCH RESULTS MESSAGE
 *
 */
.search-results-message
{
  padding: 0 10px 0 132px;
}
.search-results-message-end
{
	background-color: #E9F0F9;
	padding: 10px;
}


/*   *****************************************************
 *
 *   BLOCK: FILTER SEARCH RESULTS (OVERVIEW PAGES)
 *
 */
#search-filter-form h3
{
  margin: 1.6em 0 .4em;
}
#search-filter-form fieldset p
{
  background-color: #E9F0F9;
}
#search-filter-form fieldset p.form-period-from-to
{
  text-align: right;
}
#search-filter-form fieldset #form-period-from
{
  float: left;
  margin-top: 0px;
}
#search-filter-form fieldset #form-period-from,
#search-filter-form fieldset #form-period-to
{
  width: 43%;
}



/*   *****************************************************
 *
 *   BLOCK: PAGING
 *
 */
#content-column .paging 
{
  margin: 1em 0 1.5em -6px;
  padding: 0;
}
#content-column .paging:after {
  content: " ";
  display: block;
  height: 0;
  clear: left;
  visibility: hidden;
  color: #FFF;
}
#content-column .paging li {
  display: block;
  float: left;
  border-left: 1px solid #000000;
  padding: 0;
  background-image: none;
  list-style: none;
}
#content-column .paging li.first {
  border-left: none;
}
#content-column .paging li.previous {
  border-left: none;
  border-right: 1px solid #000000;
}
#content-column .paging li strong,
#content-column .paging li span,
#content-column .paging li a {
  display: block;
  padding: 0 6px;
  line-height: 1;
}




/*   *****************************************************
 *
 *   BLOCK: FACETS
 *
 */
.facets
{
  margin-top: 3.6em;
  border: 1px solid #E9F0F9;
}
.facets h2
{
  position: relative;
  top: -1px;
  margin: 0;
  padding: .3em 12px;
  background: #E9F0F9;
  font-family: Arial,sans-serif;
  font-size: 1.4em;
  font-weight: bold;
  line-height: 1.2;
}
.facets h3
{
  position: relative;
  margin: 0;
  border: 1px solid #D9D9D9;
  padding: .4em 6px .5em;
  background: #F2F2F2;
  font-family: Verdana,sans-serif;
  font-size: 1em;
  font-weight: bold;
  line-height: 1.2;
  cursor: pointer;
}
.facets h4
{
  font-weight: bold;
}
.facets p
{
  margin: .5em 12px;
}
.facets-subset
{
  margin: 5px;
}
.facets-subset p
{
  margin: 0;
}
.facets-subset ul
{
  margin: 0;
  padding: .5em 6px 1em;
}
.facets-subset li
{
  display: block;
  margin-bottom: .4em;
  color: #767676;
}
.facets-subset li a
{
  text-decoration: none;
}
.facets-subset li a:hover
{
  text-decoration: underline;
}
.facets-subset form
{
  margin: 0 6px;
}
.facets-subset form label
{
  display: block;
  margin: .4em 0 .2em;
  font-weight: normal;
}
.facets-subset form option 
{
  padding: 0 .3em 0 0;
}
.facets-subset form button
{
  margin: .8em 0 .4em;
  border: 1px solid #000000;
  padding: 0 1em;
  background-color: #CCE0F1;
  color: #000000;
  font-size: 100%;
  line-height: 1;
  cursor: pointer;
}
.facets-subset form p img
{
  position: relative;
  top: 3px;
  cursor: pointer;
}




/*   *****************************************************
 *
 *   BLOCK: GOVERNMENT CARROUSEL
 *
 */
.block-carrousel
{
  margin-bottom: 2em;
  background-color: #FFFFFF;
}
.block-carrousel h2
{
  margin: 0;
  border-top: 2px solid #01689B;
  padding-top: .41em;
  color: #01689B;
}

#main-column .block-carrousel .item-spotlight
{
  width: 100px;
  float: left;
}
#government-carrousel .list-government-people ul
{
  margin: 0 -20px 0 0;
}
#government-carrousel .list-government-people li
{
  margin: 0 20px 0 0;
}




/*   *****************************************************
 *
 *   BLOCK: EMAIL NEWSLETTER & RSS SUBSCRIPTIONS
 *
 */
#block-email-newsletter h2,
#block-rss-feeds h2
{
  position: absolute; /* Render outside viewport */
  top: -100000px;
}
#block-email-newsletter .subscriptions
{
  padding-left: 20px;
}
#block-email-newsletter h3,
#block-email-newsletter p
{
  margin: 0;
  padding-right: 20px;
}
#block-email-newsletter .subscriptions label
{
  display: block;
  position: relative;
  margin-top: 10px;
}
#block-email-newsletter .subscriptions input
{
  position: absolute;
  left: -20px;
  top: 0;
  margin: 0;
}
#block-email-newsletter .personalia
{
  padding-top: 2em;
}
#block-email-newsletter .personalia h3
{
  display: block;
  float: left;
  clear: left;
  margin: 0;
  padding: 0;
  line-height: 1.8;
}
#block-email-newsletter .personalia p 
{
  width: 23.8em;
  height: 1.8em;
  position: relative;
  margin: 0 0 1em 132px;
  border: 1px solid #000000;
  padding: 0;
  background: #FFFFFF;
}
#block-email-newsletter #keep-informed-emailaddress
{
  width: 12.9em;
  float: left;
  border: 0;
  padding: .15em 0 .2em 6px;
  background-color: transparent;
  font-size: 100%;
  line-height: 1;
}
#block-email-newsletter #keep-informed-submit
{
  width: 8.7em;
  height: 100%;
  float: right;
  margin: 0;
  border-left: 1px solid #000000;
  padding: 0 0 .5em;
  background-color: #CCE0F1;
  color: #000000;
  font-size: 100%;
  text-align: center;
  line-height: 1;
  cursor: pointer;
}






/*   *****************************************************
 *
 *   BLOCK ERROR (404 / 5xx PAGES)
 *   
 */
.block-error
{
  clear: left;
  margin: 2em 0;
  border: 1px solid #CCE0F1;
  padding: 0 9px;
}
.block-error h2
{
  position: relative;
  margin: 0 -9px;
  padding: .3em 9px;
  background: #E5F0F9;
  font: bold 140%/1.2 Arial,sans-serif;
}
#content-column .block-error ol li
{
  margin-left: 20px;
}
#content-column .block-error ol li p
{
  margin-bottom: 0;
}
#content-column .block-error ol li li
{
  margin-left: 0;
}

#error-search-form fieldset
{
  padding-top: .5em;
}
#error-search-form fieldset h3
{
  display: block;
  float: left;
  clear: left;
  margin: 0;
  padding: 0;
  line-height: 1.8;
}

#error-search-form fieldset p
{
  width: 23.8em;
  height: 1.8em;
  position: relative;
  margin: 0 0 1em 100px;
  border: 1px solid #000000;
  padding: 0;
  background: #FFFFFF;
}
#error-search-form #error-search-keyword
{
  width: 16.9em;
  float: left;
  margin: 0;
  border: 0;
  padding: .15em 0 .2em 6px;
  background-color: transparent;
  font-size: 100%;
  line-height: 1.3;
}
#error-search-form #error-search-submit
{
  width: 5.65em;
  height: 100%;
  float: right;
  margin: 0;
  border-left: 1px solid #000000;
  padding: .1em 0 .4em;
  background-color: #CCE0F1;
  color: #000000;
  font-size: 100%;
  text-align: center;
  line-height: 1;
  cursor: pointer;
}


/*   *****************************************************
 *
 *   PAGE: NEWSLETTER ARCHIVE
 *
 */
 

.newsletter-archive #leaderboard {
	padding: 0;
	
}
 
.newsletter-archive .page-index h2
{
  margin: 0 0 .82em;
  border-bottom: 1px solid #b3b4b4;
  padding: .3em 0 .2em;
  font: normal 167%/1.1 arial,helvetica,univers,sans-serif;
}

.newsletter-archive .page-index h3
{
  margin: .2em 0 .6em;
  padding: 0;
  color: #CC003D;
  font: bold 115%/1 verdana,arial,sans-serif;
  list-style: none;
}

.newsletter-archive #content-column ul 
{
  margin: .4em 0 1.2em;
}

.newsletter-archive #content-column ul.index-list li
{
  padding: 0 0 .5em;
  color: #000000;
  background-image: none;
  line-height: 1.64;
}
 
.newsletter-meta 
{
  margin-bottom: 1em;
  font-family: arial,helvetica,univers,sans-serif;
  font-size: 140%;
}
h1 span.newsletter-meta 
{
  display: block;
  clear: left;
  margin-bottom: 1em;
  font-size: 70%;
  line-height: 1.64;
}


.newsletter-archive #leaderboard h1 
{
  margin-bottom: 0;
}

 
.newsletter-archive #content-column .page-articles h2 
{
  clear: both;
  font:  bold 120%/1.1 verdana,sans-serif;
  color: #CC003D;
}
.newsletter-archive #content-column .page-articles h3 
{
  clear: both;
  margin: .2em 0;
  border-top: 1px solid #b3b4b4;
  padding-top: 0.5em;
  font: normal 167%/1.1 arial,helvetica,univers,sans-serif;
}

.newsletter-archive .morelink,
.newsletter-archive .morelink:hover,
.newsletter-archive .morelink:visited:hover,
.newsletter-archive .morelink:focus
{
  font-weight: normal;
  margin: 0;
  display: block;
}
.newsletter-archive #content-column p img.thumb 
{
  float: right;
  margin: .2em 0 .2em 10px;
  width: 182px;
}

.newsletter-archive #aside-column h2
{
  margin: 0.55em 0 0 0;
  padding: .3em 0;
  border-bottom: 1px solid #b3b4b4;
  font:  bold 120%/1.1 verdana,sans-serif;
  color: #CC003D;
}
.newsletter-archive .aside-info 
{
  margin: 15px 0 0 0;
  color: #666666;
  line-height: 1.3;
}
.newsletter-archive .aside-info p
{
  margin: 0;
}
.newsletter-archive .aside-info a 
{
  display: block;
  line-height: 1.6;
}

.newsletter-archive .aside-info li 
{
  padding: 0 0 1.5em;
}

.newsletter-archive .download-link a 
{
  font: bold 120% arial,geneva,sans-serif;
  display:block;
}

.newsletter-archive .download-link 
{
  color: #666666;
}

.newsletter-archive .colofon div
{
  width: 32%;
  float: left;
  color: #555555;
  padding: 0  2% 0 0;
  line-height: 1.7;
}

.newsletter-archive .colofon div.last
{
  width: 32%;
  float: left;
  color: #555555;
  padding: 0;
}

.newsletter-archive .colofon h3
{
  border-bottom: 1px solid #b3b4b4;
  padding: .3em 0;
  font-weight: bold;
  color: #000000;
}

.newsletter-archive .colofon h4
{
  margin: .1em 0 0;
  font-weight: bold;
  line-height: 1.64;
  font-size:100%;
}

.newsletter-archive .colofon
{
  clear: both;
  margin-top: 30px;
  width:664px;
}




/*   *****************************************************
 *
 *   BLOCK: ALERT MESSAGE
 *
 */
#alert-message 
{
  margin: 7px 0 15px;	
  padding: .6em 76px .65em 24px;
  background: #4E9625 url(images/icon-exit-alert-message.png) no-repeat 901px 10px;
  color: #FFFFFF;
  font: normal 120%/1.3 verdana,sans-serif;
  cursor: pointer;
}



/*   *****************************************************
 *
 *   BLOCK: ERROR MESSAGE
 *
 */
#error-message 
{
  margin: 7px 0 15px;	
  padding: .6em 76px .65em 50px;
  background: #F2B2C5 url(images/icon-error.png) no-repeat 24px .55em;
  color: #000000;
  font: normal 120%/1.3 verdana,sans-serif;
}



/*   *****************************************************
 *
 *   BLOCK: ORGANOGRAM
 *
 */
.organogram 
{
  font-size: 90%;
  text-align:center;
  width: 604px;
  padding: 30px;
  overflow:hidden;
  float:right;
}

#organogram-VWS 
{
  background: #f5f5f5 url(images/sprite-organogram.png) no-repeat 0 0;
}

.organogram .clear-left 
{
  clear:left;
}

.organogram .last div 
{
  margin-right: 0;
}

.organogram ul 
{
  margin: 0;
  padding:0;
  float:left;
}

.organogram li 
{
  list-style:none;
  display:inline;
}

.organogram div 
{
  margin: 0 24px 34px 0;
  background-color: #FFF;
  border: 1px dotted #CCC;
  width: 91px;
  padding: 20px;
  float:left;
  text-align:center;
  overflow:hidden;
}

.organogram .one-column 
{
  margin-left: 232px;
}

.organogram .two-columns 
{
  margin-left: 157px;
}

.organogram .fl-right 
{
  margin-left: 314px;
  margin-right: 0px;
}
