/*
 * (C) Copyright 1996-2016 ECMWF.
 * 
 * This software is licensed under the terms of the Apache Licence Version 2.0
 * which can be obtained at http://www.apache.org/licenses/LICENSE-2.0. 
 * In applying this licence, ECMWF does not waive the privileges and immunities 
 * granted to it by virtue of its status as an intergovernmental organisation nor
 * does it submit to any jurisdiction.
 */

h3 {
font-weight: bold;
}

li {
margin: 0 0 12px 0;
}

#title img, #contents img {
margin-top: 2px;
border-style: none;
background-color: transparent;
float:left;
}

#title form {
margin-top: 2px;
margin-right: 2px;
background-color: white;
float:right;
}

#contents {
margin-right: 20%;
margin-left: 4%;
margin-top: 30px;
}

#links h2 {
font-style: italic;
margin-top: 2px;
margin-bottom: 3px;
text-align: center;
background-color: transparent;
}

#links a {color: rgb(230, 230, 230);
margin-top: 1px;
margin-bottom: 1px;
text-align: center;
background-color: transparent;
}   

#links p {
color: rgb(230, 230, 230); 
text-align: center;
background-color: transparent;
border-bottom: 0px;
}

#navigation {
color: rgb(230, 230, 230);
font-size: 0.8em;
text-align: center;
margin-right: 2%;
margin-left: 2%;
}

#navigation ul { 
margin: 0pt;
padding: 4px 0pt 0pt;
list-style-type: none;
list-style-image: none;
list-style-position: outside;
}

#navigation li {
display: inline;
}

#info {
margin-left: 4%;
}


.title {
font-weight: bold;
font-style: italic;
}

* {
color: rgb(50, 50, 245);
font-family: Arial,Helvetica,sans-serif;
font-weight: normal;
font-style: normal;
text-transform: none;
text-align: justify;
text-decoration: none;
background-color: transparent;
direction: ltr;
}

#title {
border: 1px solid #D0D0D0;
height: 72px;
color: rgb(50, 50, 205);
background-color: #EEEEDB;
padding: 3px;
text-align: right;
margin: 1%;
/* background: url(background.png) fixed no-repeat right; */
}

h1 { 
color: inherit;
background-color: #EEEEDB;
font-weight: bold;
font-size: x-large;
text-align: left;
padding-left: 2pt;
}

h2 {
color: rgb(230, 230, 230) !important;
background-color: rgb(10,20, 155) !important;
font-weight: bold !important;
font-size: large !important;
padding-left: 2pt !important;
clear:both !important;
}

a {
color: rgb(10,20, 155);
background-color: transparent;
text-decoration: none;
}

a:hover { 
color: rgb(51, 51, 165);
}

b {
font-weight: bold; 
color: rgb(51, 51, 205);
}

#metgram {
margin-left: 800px;
margin-right: 1%;
margin-top: -450px;
padding-top: 10px;
padding-bottom: 10px;
display: inline;
position: absolute;
}



#links {
border: 1px solid rgb(50, 50, 205);
margin-left: 80%;
margin-right: 1%;
margin-top: 30px;
width: 19%;
padding-top: 10px;
padding-bottom: 10px;
position: absolute;
text-align: center;
color: rgb(230, 230, 230);
background-color: rgb(10,20, 155);
}

#navigation a:link, #navigation a:visited {
border: 1px solid rgb(50, 50, 205);
font-weight: bold; 
padding: 3px 10px 2px;
color: rgb(230, 230, 230);
text-decoration: none;
background-color: rgb(10,20, 155);
}

#navigation a:hover {
background-color: rgb(100,100, 275);
color: rgb(230, 230, 230);
}
