/*
 * Design by Alejandro Luque
 * based on code by Olaf Jan Schmidt, Sebastian Faubel and Christoph Cullmann
 *  from kde.org
 */

/* general */

body {
font-family: sans-serif;
/*font-size: 85%;
line-height: 1.5em;
font-size: medium;
text-align: justify;*/
background-color: #ffffd0;
color: black;
padding: 0;
margin: 0;
}

h1 {
font-size: 1.5em;
}

h2 {
font-size: 1.5em;
}

h3 {
font-size: 1em;
}

p {
padding: 0 0 1em 0;
margin: 0;
}

input, select, textarea {
font-size: 0.8em;
line-height: 1em;
font-family: sans-serif;
}

form {
margin: 0;
padding: 0;
}

a:link {
color: #003366;
text-decoration: none;
}

a:visited {
color: #336666;
text-decoration: none;
}

.invisible {
display: none;
}

.menuheader {
height: 0;
line-height: 0;
margin: 0;
padding: 0;
font-size: 0;
background-color: #6699CC;
}

/* header */

#header {
font-size: .8em;
line-height: 1.2em;
/*height: 1.2em;*/
padding-left: 1em;
vertical-align: middle;
background-color: #66bb55;
color: black;
margin: 0;
padding: 0;
}

#headerpath {
text-align: left;
padding-left: 0.5em;
border: none;
}

#headermenu {
text-align: right;
padding-right: 0.5em;
border: none;
}

#header a:link, #header a:visited {
color: black;
font-weight: bold;
}

#logo {
font-size: 1.8em;
font-weight: bold;
color: #000070;
}

#location {
font-size: 0.8em;
line-height: 1em;
text-align: right;
vertical-align: middle;
padding-right: 1em;
}

#location i {
color: #036;
font-style: normal;
font-size: 0.8em;
}

#location form {
margin: 0;
}

#location input, #location select {
font-size: 0.8em;
line-height: 1em;
margin: 2px;
}

/* content */

#contentcolumn {
background-color: #e0e0e0;
border: 0.1em dashed #909090;
}

#contentheader {
line-height: 2em;
font-size: 1.5em;
padding-left: 1em;
vertical-align: middle;
color: #707070;
margin-top: 0;
}

#content {
text-align: justify;
text-indent: 1.5em;
padding: 1.5em 1.5em 2em 1.5em;
margin: 0;
}

#content td, #content th {
font-family: sans-serif;
line-height: 1em;
padding: 0.25em;
margin: 0;
text-align: left;
}

#content h1 {
color: #909090;
text-align: left;
margin: 0.5em 0 1em 0;
padding: 0;
}

#content h2 {
color: #707070;
text-align: left;
margin: 1em 0 0.5em 0;
padding: 0;
border: none;
}

#content h3 {
color: #99CCFF;
text-align: left;
margin: 0.5em 0 0.5em 0;
padding: 0;
}

#content i {
color: #404040;
}

#content b {
color: #404040;
}

#content tt {
color: #404040;
font-weight: bold;
font-family: monospace;
}

#content a:hover {
background-color: #f0f0f0;
text-decoration: none;
}

#quicklinks {
color: #003366;
padding: 0;
margin: 0 0 0 0;
}

#content .faq {
  text-indent: 0em;
}

#content ul.news {
  text-indent: 0em;
}

/* leftmenu, rightmenu */

.menucell {
vertical-align: top;
}

#leftmenu, #rightmenu {
/*width: 20%;*/
background-color: #ffd0d0;
border: 0.1em dashed #909090;
color: #707070;
}

#leftmenu h2, #rightmenu h2 {
/*line-height: 1.2em;*/
font-size: 1.1em;
vertical-align: middle;
text-align: left;
background-color: #ff6060;
color: white;
padding-left: 1em;
margin: 0;
}

#rightmenu h3 {
line-height: 1.2em;
font-size: 0.8em;
vertical-align: middle;
text-align: left;
background-color: #6699CC;
color: white;
padding-left: 0.5em;
margin: 0.8em 0.8em 0 0.8em;
}

#leftmenu table {
background-color: #ffd0d0;;
padding: 0em 0.5em 0.5em;
border: none;
font-size: 1.0em;
}

#leftmenu a:hover {
color: red;
text-decoration: none;
}

#rightmenu ul {
margin: 0;
padding: 0.5em 0 1em 1.5em;
border: none;
}

#leftmenu ul {
margin: 0;
padding: 0.5em 0 1em 1.5em;
border: none;
}

#leftmenu ul ul {
margin: 0.5em 0 0 0;
border: none;
}

#rightmenu li {
line-height: 1.5em;
font-size: 0.8em;
padding: 0 0 0.2em 0;
}

#leftmenu li {
line-height: 1.5em;
font-size: 0.8em;
padding: 0 0 0.5em 0;
}

#leftmenu li li {
line-height: 1.2em;
}

#search {
font-size: 0.8em;
line-height: 1em;
text-align: center;
margin: 0;
padding: 0.5em 0 0.8em 0;
border: none;
}

#search input, #search select {
font-size: 0.8em;
line-height: 1em;
width: 85%;
margin: 0.2em;
}

#hotspot {
font-size: 0.8em;
line-height: 1em;
text-align: center;
margin: 0;
padding: 0.5em 0 0.8em 0;
border: none;
}

#icons {
background-color: white;
border: none;
}


/* footer */

#footer {
width: 100%;
line-height: 2em;
font-size: 1em;
padding-left: 1em;
vertical-align: middle;
text-align: center;
background-color: #55aa44;
color: white;
border: none;
padding: 0;
margin: 0;
}
         
#footer a:link, #footer a:visited {
color: white;
font-weight: bold;
}

.newsbox1 {
background-color: #e6eeff;
margin-top: 1em;
margin-bottom: 0.5em;
}

.newsbox2 {
background-color: #ffffff;
margin-top: 1em;
margin-bottom: 0.5em
}