body {
    font-size: 13px;
    font-family: 'Arial','Helvetica', 'Sans';
    color: #333;
    background-color: #FFF;
    background-image: url('../img/background.jpg');
    background-repeat: no-repeat;
    background-position: top center;
}

a, a:link, a:visited, a:hover, a:active {
    text-decoration: none;
    color: #214275;
}
a:hover, a:active {
    color: #000;
}

h1, h2 {
    color: #214275;
    font-size: 24px;
    line-height: 135%;
}

h2 {
    font-size: 17px;
}

h3, h4 {
    color: #214275;
    font-size: 15px;
    line-height: 135%;
}

h4 {
    color: #333;
}

h5 {
    color: #214275;
    font-size: 13px;
    text-transform: uppercase;
    margin-top: 8px;
}

h6 {
    font-size: 11px;
    font-weight: normal;
    position: relative;
    top: -20px;
}

ul {
    margin-top: 0px;
    margin-right: 0px;
    padding-left: 15px;
}
li {
    color: #333;
    text-align: justify;
    margin-bottom: 6px;
}
li span {
    color: #214275;
}
ul, li, ul li.collapsed {
    list-style-type: square;
}

p {
    text-align: justify;
    margin-bottom: 12px;
}

tfoot,
tfoot tr,
tfoot td {
    background-color: #DEDEDE;
    font-style: normal;
    font-weight: bold;
}

.blue {
    color: #214275;
}
.dark {
    color: #333;
}

div.messages,
div.tabs ul {
    margin-bottom: 20px;
}

#global {
    margin-top: 30px;
}

#wrapper {
    background-color: #EFEFEF;
}

#header {
    background-color: #FFF;
}

#logo div {
    padding-top: 20px;
    padding-left: 10px;
}

#search {
    padding-top: 53px;
    text-align: right;
}
#block-search-form {
    padding-right: 20px;
}

#logic {
    position: relative;
}

#wmo {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 105px;
    height: 165px;
    background-image: url('../img/wmo.png');
    background-repeat: no-repeat;
    background-position: top left;
    text-align: center;
    font-size: 10px;
    padding-top: 15px;
}
#wmo span.ext {
    display: none;
}

#hydro {
    height: 120px;
    background-image: url('../img/hydrology.jpg');
    background-repeat: no-repeat;
    background-position: top left;
}

#menu {
    background-color: #214275;
}
#menu a, #menu a:link, #menu a:visited, #menu a:hover, #menu a:active {
    color: #FFF;
}
#menu a:hover, #menu a:active,
#menu li.active-trail a {
    color: #85adeb;
}
#menu li.active-trail li a, #menu li.active-trail li a:link, #menu li.active-trail li a:visited {
    color: #FFF;
}
#menu li.active-trail li a:hover, #menu li.active-trail li a:active,
#menu li.active-trail li.active-trail a {
    color: #85adeb;
}
#menu ul,
#menu li {
    margin: 0px;
    padding: 0px;
    background-color: transparent;
    text-align: left;
}
#menu ul {
    background-color: #214275;
}
#menu li.sf-depth-1 {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 5px;
    padding-left: 20px;
    font-size: 15px;
}
#menu li.sf-depth-1 ul {
    padding: 15px;
    padding-left: 20px;
}
#menu li.sf-depth-1 li {
    font-size: 13px;
    padding-top: 5px;
    padding-bottom: 8px;
}
#block-superfish-1 {
    padding-left: 20px;
}

#column,
#columns {
    padding-top: 30px;
    padding-bottom: 45px;
}

#column-left div.data {
    padding-left: 20px;
    padding-right: 40px;
}
#column #column-left div.data {
    padding-right: 20px;
}
#column-left div.data img {
    margin-top: 15px;
    margin-bottom: 10px;
}
#column-left h1 {
    margin-bottom: 0px;
}
#column-left h2 {
    padding-top: 15px;
    text-align: justify;
}
#column-left h3 {
    padding-top: 15px;
}
#column-left h4 {
    height: 26px;
    padding-top: 5px;
    padding-left: 39px;
    margin-top: 20px;
    margin-bottom: 12px;
    background-image: url('../img/icon-whycos.png');
    background-repeat: no-repeat;
    background-position: top left;
    font-weight: bold;
}
#column-left div.data div.field-name-field-page-body div.field-item div {
    padding-left: 40px;
    padding-bottom: 12px;
    text-align: justify;
}
#column-left div.data a {
    font-weight: bold;
}
#column-left #node-12 a, #column-left #node-12 a:link, #column-left #node-12 a:visited, #column-left #node-12 a:hover, #column-left #node-12 a:active {
    font-weight: normal;
}
#column-left #node-12 a:hover, #column-left #node-12 a:active {
    font-style: italic;
}

#column-left div.data p img.left,
#column-left div.data p img.right {
    margin-top: 4px;
}
#column-left div.data ul img.icon {
    position: relative;
    top: 8px;
    padding-right: 5px;
    vertical-align: bottom;
}
#column-left div.data ul li {
    margin-bottom: 3px;
}
#column-left div.data ul li ul {
    margin-top: 5px;
    margin-bottom: 14px;
}

#column-right h2 {
    font-size: 13px;
    text-transform: uppercase;
    font-weight: bold;
}

#column-right div.data div.block-block,
#block-menu-block-1 {
    border: solid 1px #CCC;
    background-color: #FFF;
    margin-top: 5px;
    margin-right: 20px;
    margin-bottom: 25px;
    padding: 20px;
    font-size: 12px;
}
#column-right div.data ul,
#column-right div.data li {
    text-align: left;
}

#block-block-1 ul,
#block-block-2 ul,
#block-block-6 ul,
#block-menu-block-1 ul {
    margin-bottom: 0px;
}
#block-block-2 ul {
    margin-top: 20px;
    font-size: 14px;
}
#block-menu-block-1 ul, #block-menu-block-1 li {
    list-style-image: none;
}
#block-menu-block-1 h2 a, #block-menu-block-1 h2 a:link, #block-menu-block-1 h2 a:visited, #block-menu-block-1 h2 a:hover, #block-menu-block-1 h2 a:active {
    color: #214275;
}
#block-menu-block-1 h2 a:hover, #block-menu-block-1 h2 a:active {
    color: #000;
}
#block-menu-block-1 a, #block-menu-block-1 a:link, #block-menu-block-1 a:visited, #block-menu-block-1 a:hover, #block-menu-block-1 a:active,
#column-right a, #column-right a:link, #column-right a:visited, #column-right a:hover, #column-right a:active {
    color: #000;
}
#block-menu-block-1 a:hover, #block-menu-block-1 a:active,
#block-menu-block-1 a.active,
#column-right a:hover, #column-right a:active {
    color: #214275;
}

#footer {
    position: fixed;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 25px;
    color: #FFF;
    background-color: #214275;
    text-align: center;
    font-size: 11px;
}
#footer div {
    padding-top: 3px;
}
#footer a, #footer a:link, #footer a:visited, #footer a:hover, #footer a:active {
    text-decoration: none;
    color: #BBB;
}
#footer a:hover, #footer a:active {
    color: #FFF;
}

#node-40 table,
#node-40 td {
    vertical-align: top;
}