@font-face {
	font-family: 'HelveticaRoundedBold';
	src: url('../fonts/helveticarounded-bold-webfont.eot');
	src: local('☺'), url('../fonts/helveticarounded-bold-webfont.woff') format('woff'), url('../fonts/helveticarounded-bold-webfont.ttf') format('truetype'), url('../fonts/helveticarounded-bold-webfont.svg#webfonthizNZjuo') format('svg');
	font-weight: normal;
	font-style: normal;
}

body {
	font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 13px;
  line-height: 1.3;
  background: #FFFFFF url(../images/bg.png) repeat-x top left;
  font-weight: normal;
  color: #555553;
}


/**
 * General styles
 */

.prose p { margin-bottom: 1.2em; }
.prose ul { margin-left: 30px; margin-bottom: 1.2em; }
.prose ol { margin-left: 30px; list-style-type: decimal; margin-bottom: 1.2em; }

/* styles */
a {
  color: #004D79;
  text-decoration: none;
  border-bottom: 1px solid #5C8DA9;
}

a:hover {
  color: #337194;
  text-decoration: none;
  border-color: #5C8DA9;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, 
a.imagecache { border: none; }

.link-list a { border: none; color: #555553; }
.link-list a:hover { color: #337194; }

/* titles */
h1, h2, h3, h4, h5, h6 { 
  font-family: Arial, Helvetica;
  color: #333332; 
  margin-bottom: 0.5em;
}

h1 { font-size: 24px; color: #333332; }
h2 { font-size: 20px; color: #333332; }
.panel-pane h2, h3 { font-size: 18px; }
h4 { font-size: 16px; }
h5 { font-size: 14px; }
h6 { font-size: 12px; color: #333332}

#main .form-item,
#footer .form-item {
  margin-bottom: 10px;
}

/* tables*/
table { 
  width: 100%; 
  background: #FFFDF7;
  border: 1px solid #DBD9D5;
  margin-bottom: 1.2em;
}

table td,
table th {
  padding: 5px;
}

table caption { 
  font-style: italic; 
  color: #333;
  font-size: 12px;
}

/**
 * Construction
 */
 
#page, #branding, #footer-inner {
  width: 960px;
  margin: 0 auto;
}


/* branding */
#branding {
  border-bottom: 1px solid #D1CCC1;
}

  #branding .belgium {
    height: 38px;
    width: 100%;
    background: transparent url(../images/be-banner.png) no-repeat top center;
    
    font-size: 13px;
    text-align: right;
    color: #918F8C;
  }

    #branding .belgium p {
      padding: 11px 40px 0 0;
    }

    #branding .belgium a {
      color: #918F8C;
      border-color: #918F8C;
    }

    #branding .belgium a:hover {
      color: #555553;
      border-color: #555553;
    }

  #branding .bar {
    height: 42px;
    width: 100%;
    background: transparent url(../images/bg-bar.png) no-repeat top center;
  }

    #branding .bar .block {
      float: left;
      padding-top: 8px;
      width: 200px;
    }

      #branding .bar li {
        float: left;
        list-style: none;
      }

        #branding .bar li a {
          display: block;
          float: left;
          list-style: none;
          width: 26px;
          height: 26px;
          font-size: 13px;
          line-height: 26px;
          font-weight: bold;
          border: none;
          text-align: center;
          border-radius: 3px;
          -moz-border-radius: 3px;
          margin-right: 5px;
          color: #EDEBE7;
          background: #3B5269;
        }

        #branding .bar li a:hover {
          background: #778593;
        }

        #branding .bar li.active a {
          color: #2C3740;
          background: #EDEBE7;
        }

    #branding .bar form {
      float: right;
      padding-top: 8px;
      font-size: 12px;
    }

      #branding .bar .form-text {
        background: #EEECE8;
        width: 246px;
        height: 18px;
      }
      
      #branding .bar .form-text:focus {
        outline: 2px solid #00456E;
      }

      #branding .bar .form-submit {
        font-weight: bold;
        line-height: 24px;
        height: 24px;
        padding: 0 10px;
        color: #EDEBE7;
        text-transform: uppercase;
        border: 1px solid #00456E;
        background: #00416D;
        border-radius: 4px;
        -moz-border-radius: 4px;
      }
      
      #branding .bar .form-submit:focus, 
      #branding .bar .form-submit:active {
        background: #00375F;
      }

  #branding h1 {
    height: 144px;
    margin-bottom: 0;
  }
  
    #branding h1 a {
      background: transparent url(../images/logo-en.jpg) top left no-repeat;
      height: 100%;
      width: 100%;
      border: none;
    }
    
    .i18n-nl #branding h1 a { background: transparent url(../images/logo-nl.jpg) top left no-repeat; }
    .i18n-fr #branding h1 a { background: transparent url(../images/logo-fr.jpg) top left no-repeat; }

  

/* page */
#page {
  border-top: 1px solid #fff;
  padding-top: 30px;
}

  #main { float: left; }
  .sidebar-left #main { width: 720px; }  
  .sidebar-right #main { width: 730px; }  
  .two-sidebars #main { width: 490px; }  
  
  .ie6 #page { display:  block; }
  * html .sidebar-left  #main { width: 718px; }  
  * html .sidebar-right  #main { width: 728px; }  
  * html .two-sidebars #main { width: 482px; }
  
.node { margin-bottom: 2em; }
#left .node, #right .node { margin-bottom: 0.75em; }

.list-view .node {
  border-bottom: 1px solid #DBD9D6; 
  padding-bottom: 20px;
  margin-bottom: 20px;
}

a.file-link, .file-link a {
  display: block;
  padding-left: 20px;
  background: url(../images/files.gif) no-repeat top left;
}


.date-block {
  float: left;
  width: 36px;
  height: 36px;
  text-align: center;
}

.date-block .day {
  background: #0069A8 url(../images/button-bg.gif) repeat-x bottom;
  font-size: 15px;
  font-weight: bold;
  color: #fff;
  padding: 1px 0;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-topright: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.date-block .month {
  font-size: 9px;
  font-weight: bold;
  color: #555553;
  text-transform: uppercase;
  padding: 1px 0;
  background: #f9f9f9;
  border-left: 1px solid #C4C3C0;
  border-right: 1px solid #C4C3C0;
  border-bottom: 1px solid #C4C3C0;
  -moz-border-radius-bottomleft: 3px;
  -moz-border-radius-bottomright: 3px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

.date-block-title {
  margin-left: 46px;
}

.more-link { margin: 5px 0; font-size: 12px; }
.more-link a {
  background: #0069A8 url(../images/button-bg.gif) repeat-x bottom;
  border-radius: 4px;
  -moz-border-radius: 4px;
  color: #fff;
  padding: 4px 10px;
  font-weight: bold;
  text-shadow: 0 1px 0 #001D3B;
}

.more-link a:hover { 
  background: #0069A8 url(../images/button-bg-hover.gif) repeat-x top; 
  color: #fff;
}

/* left */
#left {
  width: 230px;
  float: left;
  margin-right: 10px;
}

#left .box {
  width: 192px;
}

#left ul { margin-left: 20px; margin-bottom: 1.2em; }


/* right */
#right {
  width: 205px;
  float: left;
  margin-left: 25px;
  font-size: 12px;
}

#right ul { margin-left: 20px; margin-bottom: 1.2em; }
#right a { border: none; color: #555553; }
#right a:hover { color: #337194; }

#right h3 { font-size: 16px; color: #004D79; margin-bottom: 0.75em; }
#right .more-link a { color: #fff; }

/* navigation */
#navigation {
  background: #DBD9D5 url(../images/navigation-bg.gif) center 27px repeat-y;
  width: 214px;
  margin-bottom: 25px;
}
  #navigation ul { margin-left: 0; margin-bottom: 0; }

  #navigation .content {
    background: url(../images/navigation-top.png) top center no-repeat;
  }
  
    #navigation .inner-content {
      background: url(../images/navigation-bottom.gif) bottom center no-repeat;
    }
    
      #navigation .block { margin-bottom: 15px; }

      #navigation h3 {
        font-family: Arial, Helvetica, Verdana, sans-serif;
        font-size: 12px;
        line-height: 26px;
        font-weight: bold;
        color: #fff;
        padding: 0 12px;
        height: 26px;
        background: url(../images/navigation-title-bg.png) top center no-repeat;
      }
      
      #navigation .first h3 {
        height: 28px;
        background: transparent;
      }
      
        #navigation li a {
          display: block;
          padding: 9px 11px;
          color: black;
          border: none;
          font-weight: bold;
          margin: 0 1px;
        }
        .ie6 #navigation li a { height: 20px; }
      
        #navigation li a:hover { background: #FFCE51 url(../images/navigation-item-hover.gif) repeat-x bottom; }
      
        #navigation li a.active {
          background: transparent url(../images/navigation-item-active.png) left bottom no-repeat;
          padding: 9px 12px;
          margin: 0 -14px 0 0;
          color: #fff;
        }      
      
        #navigation li li a { padding-left: 26px; }
        #navigation li li a.active { padding-left: 27px; }
        
          #navigation li li li a { padding-left: 41px; }
          #navigation li li li a.active { padding-left: 42px; }
          
/* footer */
#footer-wrapper { background: #001C3A url(../images/footer-main-bg.png); margin-top: 40px; }
#footer { background: transparent url(../images/footer-bg.png) top repeat-x; }

#footer-inner {
  background: transparent url(../images/footer-highlight-bg.png) center top no-repeat;
  padding: 20px 0;
  color: #fff;
}

#footer-message {
  background: #001C3A;
  min-height: 30px;
  color: #00588B;
}

#footer-message .content {
  margin: 10px 0;
}

#footer h1, 
#footer h2, 
#footer h3,
#footer h4,
#footer h5,
#footer h6 {
  color: #fff;
}

#footer h3 { font-size: 16px; }

#footer a { color: #00B3F6; }
#footer a:hover { color: #00D7F6; }

#footer ul { margin-left: 20px; margin-bottom: 1em; }

.prose h2 {
  font-size: 20px;
}

.field-label-inline-first em {
  font-style: normal;
}

#pager ul li,
#pager ul li a {
  float: none;
}
#pager ul li {
  display: inline;
}
ul.links:after,
.clear-block:after {
  content: initial;
}

.prose img {
  display: inline;
}

.view-news-list .views-row {
  clear: both;
}

.hide-me {
  display: none;
}

.newsletter .form-submit {
  background-color: #FFF;
  padding: 5px;
  margin-top: 10px;
  border-radius: 4px;
}
