/********************
 * XHTML tag layout *
 ********************/
html, body {
   margin : 0;
}

body {
   background : #fff url('../images/sky.gif') repeat-x;
   color : #1a1a1a;
   text-align : center;
   cursor : default;
}

body {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size : 0.8em;
}

select, option, div, td, input, textarea, span {
   font-family: Verdana, Arial, Helvetica, sans-serif;
}

textarea {
   overflow: auto;
}

input, select, textarea {
   font-size : 0.8em;
}

form {
   font-size : 1em;
   margin-bottom: 10px;
}

a, a:hover, a.last, a:hover.last, a.small, a:hover.small {
   color : #255e77;
   cursor : pointer;
   text-decoration : none;
}

a:hover, a:hover.last, a:hover.small {
   text-decoration : underline;
}

a.last {
   color : #999;
}

a:hover.last {
   text-decoration : underline;
}

a.small, a:hover.small, .small {
   font-size: 0.8em;
}

h1, h2, h3, h4 {
   color : #255e77;
   margin : 10px 0 2px 0;
}

h1 {
   font-weight : bold;
   font-size : 1.7em;
}

h1.mainTitle {
   margin-bottom : 17px;
}

h2 {
   font-weight : bold;
   font-size : 1.3em;
}

h3, h4 {
   font-weight : bold;
   font-size : 1.0em;
}

h3.head {
   margin : 0;
   font-size : 1.2em;
   font-weight : bold;
}

h3.loginhead {
   margin : 0;
   font-size : 1.3em;
   font-weight : bold;
}

h4 {
   color: #000;
}

p {
   margin : 0 0 10px 0;
}

img {
   border : 0;
}

ul {
   margin-top : 5px;
}

li {
   margin-bottom: 5px;
}

/*********************
 * ID-specifik areas *
 *********************/
#head, #box, .divide, .spacer {
   margin-left : auto;
   margin-right : auto;
   width : 940px;
}

#head {
   background: transparent url('../images/towers.gif') no-repeat;
   height: 320px;
   text-align: left;
}

#box {
   background: transparent url('../images/box.gif') no-repeat;
   min-height: 430px;
   height: auto;
   text-align: left;
}

#logo {
   position: relative;
   top: 20px;
   left: 630px;
   width: 139px;
}

#menu {
   width: 130px;
   clear: none;
   padding-top: 5px;
   padding-bottom: 5px;
   text-align: left;
   position: relative;
   top: 30px;
   left: 630px;
   z-index: 2;
}

#content {
   padding: 15px 25px 0 25px;
   float: left;
   width: 553px;
}

#right {
   padding: 8px 25px 0 25px;
   margin: 46px 0 0 0;
   float: left;
   width: 237px;
}

#error, #message {
   padding-left : 10px;
   padding-right : 10px;
   margin : 10px 0 10px 0;
   text-align : left;
   background-color : #eee;
   color : #1a1a1a;
}

#error {
   border-top : 3px solid #f66;
   border-right : 3px solid #900;
   border-bottom : 3px solid #900;
   border-left : 3px solid #f66;
}

#message {
   border-top : 3px solid #66f;
   border-right : 3px solid #009;
   border-bottom : 3px solid #009;
   border-left : 3px solid #66f;
}

#login {
   border : 1px dotted #8fb0be;
   margin : 5px 0 10px 10px;
   padding : 5px 5px 5px 5px;
   text-align : left;
   width : 220px;
}

#foot {
   clear: both;
   width : 553px;
   margin-bottom: 20px;
}

#foot, #login_alone {
   padding : 10px 25px 5px 25px;
   text-align : left;
}

#login_alone {
   margin-left : 0;
   padding-left : 0;
   margin-bottom : 10px;
}

.none {
   display: none;
   visibility: hidden;
}

.divide, .spacer {
   clear : both;
   height : 1px;
   width : 1px;
   margin-top : -1px;
   overflow : hidden;
}

.spacer {
   clear : both;
   overflow : hidden;
   height : 10px;
}