/*
** CSS style sheet for GFZ pages 'Indices of Global Geomagnetic Activity'
** License: GPL (http://www.gnu.org/copyleft/gpl.html)
*/

body {
margin-top: 15px;
width: 990px;
margin-left: auto;
margin-right: auto;
background-color: #ffffff;
font: 85% Verdana,Tahoma,Arial,sans-serif;
background-color: #ffffff;
background-image: url("background.gif");
background-repeat: repeat-x;
background-attachment: scroll;
background-position: 0% 0%;
background-clip: border-box;
background-origin: padding-box;
background-size: auto auto;
color: #000000;
}

#head {
height: 176px;
border: 1px solid #E0E0E0;
background-image: url("back1.gif");
background-repeat: no-repeat;
background-position: bottom center;
background-color: #ffffff;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}

#head h1 {
color: #6BADFF;
padding-top: 25px;
padding-left: 50px;
font-size: 220%;
}

#head h2 {
color: #6BFF7C;
padding-left: 100px;
}

#head h3 {
color: #6BFF7C;
padding-left: 150px;
}

#head a {
color: #ffffff;
margin-right:15px;
}

#menu {
clear: left;
float: left;
margin-left: 5px;
width: 125px;
height: 1001px;
border-left: 1px solid #E0E0E0;
border-right: 1px solid #E0E0E0;
border-bottom: 1px solid #E0E0E0;
border-bottom-left-radius: 15px;
}

#menu a {
padding-top: 3px;
height: 2em;
margin: 3px;
display: block;
text-align: left;
/*color: #505050;*/
color: #00589c;
/*background-color:#efefef;*/
background-color: #B6D0DC;

/* background: #6BADFF; */
font-weight: bold;
font-size: 80%;
text-decoration: none;
}

#menu a.top:hover {
/*background: #6BADFF;*/
color: #ff6600;
}

#menu a.middle:hover {
/*background: #6BFF7C;*/
color: #ff6600;
}

#menu a.bottom:hover {
/*background: #E5FF6B;*/
color: #ff6600;
}

#menu a:visited {
color: #505050;
}

#extra {
clear: right;
float: right;
margin-right: 5px;
width: 125px;
height: 1001px;
border-left: 1px solid #E0E0E0;
border-right: 1px solid #E0E0E0;
border-bottom: 1px solid #E0E0E0;
/*background-color: #ffffff;*/
border-bottom-right-radius: 15px;
}

#extra a {
display: block;
/*background-color:#efefef;*/
background-color: #B6D0DC;
height: 2em;
padding-top: 3px;
margin: 3px;
text-align: left;
font-weight: bold;
font-size: 75%;
color: #505050;
text-decoration: none;
}

#extra a.coop {
height: 60px;
color: #505050;
/*color: #ffffff; */
background: #ffffff;
text-align: center;
}

#menu h3 {
/*color: #6BFF7C;*/
padding-left: 5px;
}

#extra h3 {
/*color: #6BFF7C*/;
font-size: 100%;
padding-left: 5px;
}

#extra p {
padding-left: 5px;
padding-right: 5px;
}

#extra a.top:hover {
/*background: #6BADFF;*/
color: #ff6600;
}

#extra a.middle:hover {
/*background: #6BADFF;*/
color: #ff6600;
}

#extra a.bottom:hover {
/*background: #6BADFF;*/
color: #ff6600;
}

#extra a.coop:hover {
background: #6BADFF;
}

#extra a:visited {
color: #505050;
}

#content {
padding-left: 20px;
margin-left: 130px;
margin-right: 130px;
height: 1000px;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #E0E0E0;
font-size: 82%;
background-color: #ffffff;
}

#content h2 {
color: #6BADFF;
}

#content h3 {
color: #6BADFF;
}

#content a {
color: #505050;
}

#content p {
padding-left: 10px;
padding-right: 10px;
}

p.foot {
text-align: center;
color: #A9A9A9;
font-size: 0.688rem;
}

#content img {
padding: 5px;
width: 95%;
border: 1px solid #E0E0E0;
}

table {
width: 95%;
padding: 5px;
border: 1px solid #E0E0E0;
}

td {
padding: 5px;
width: 30%;
text-align: center;
}

th {
padding: 5px;
width: 30%;
text-align: center;
background-color:#efefef;
height: 2em;
}

td.left {
width: 40%;
text-align: left;
background-color:#efefef;
}

th.left {
width: 40%;
text-align: left;
}