
/* page elements */

body {background: #78A9D1;color:#3E3E3E; font: 12px Arial; margin:0; padding:0}
h1 {color : #4682B4; text-transform : uppercase; font-family : "Courier New", Courier, mono; font-size: 21px;}
p {margin: 0 2px 2px}

/* layout */

#albatros { margin-left: auto; margin-right: auto; position: relative; width:782px; height:854px; background-color: #EEEEEE; }
#content { position:absolute; left:131px; top:146px; width:455px; height:680px; overflow: auto; }
#random_picture { position:absolute; left:594px; top:8px; width:183px; height:124px; }
#extra { position:absolute; left:594px; top:146px; width:183px; height:638px; }
#navigation { position:absolute; left:5px; top:146px; width:113px; height:638px; }
#footnote { position:absolute; left:0px; top:800px; width:100%; height:70px; background:#1B5583; color: #ffffff ; font-weight: bold; text-decoration: none; text-align: center; font-variant: small-caps; }
#divider1 { position:absolute; left:123px; top:146px; width:8px; height:638px; }
#divider2 { position:absolute;  left:586px; top:146px; width:8px; height:638px; }
#logo { position:absolute; left:0px; top:0px; width:594px; height:146px; }

/* styles */

.top_pics { height: 100% ; width: 100%; }
.top_picture { border: 1px solid #808080; margin-top: 5px; margin-left: auto; margin-right: auto; width: 140px; height: 90px; display: block; }


.button { margin-left: 5px; margin-top:4px; margin-bottom:4px; }

.footer_txt P{ margin-bottom: 0px; padding-top: 5px; padding-bottom:0px; text-align: center; }
.footer_txt A{ color: #ffffdd; font-weight: bold; text-decoration: none; margin-bottom: 0px; }
.footer_txt A:hover{ color: #FF0000; }

.box{ background: #E2E0E1; border: 1px solid  #808080; font-size: 80%; margin-bottom: 5px; width:95%; margin-left: auto; margin-right: auto;  }
.box_head{ background: #1B5583; padding:2px; font-size: 120%; font-variant: small-caps; color: #ffffff; font-weight: bolder; text-decoration: none; }
.box A{ font-variant: small-caps; color: #636363; font-weight: bold; text-decoration: none; }
.box A:hover{ color: #FF0000; }
.box_text , .box_title{ text-indent: 0px; margin-top: 1px; margin-bottom: 1px; padding: 0px; }
.box_title{ margin-top: 5px; font-size: 110%; }
.box_more{ text-align: center; margin-top: 5px; margin-bottom: 5px; font-size: 120%; }

.news{ margin-bottom: 5px; margin-top: 5px; padding-top: 3px; padding-bottom: 3px; border-bottom: thin dashed #D3D3D3 ; }
.news_date { font-variant: small-caps; color: #636363; font-size: 80%; }
.news_title{ color: #1B5583; font-weight: bold; }
.news_txt{ font-size: 90%;}
.news_pic{ border: 1px solid  #808080; float: left; margin: 10px; height: 60px;}
.news_more A{ font-variant: small-caps; color: #636363; font-weight: bold; text-decoration: none; margin-bottom: 5px; }
.news_more A:hover{ color: #FF0000; }

.gallery_picture{ border: 1px solid #C0C0C0; height: 70px;  }
.gallery_picture_block{ padding: 5px;}

.attachment_file{ background-color : InactiveCaptionText; border: 1px dotted #808080; text-align: center; color: Dimgray; }
.attachment_file em{ font-style : normal ; text-transform : uppercase;  }
.attachment_file a{ text-decoration: none ; color: Dimgray; }
.attachment_file a:hover{ color: Crimson; }

.oldnews { margin-top:3px; margin-bottom:3px;}
.oldnews_date { font-variant: small-caps; color: #636363; font-size: 80%; float: left; margin-right:10px;}
.oldnews_title A{ color: #1B5583; font-weight: bold; text-decoration: none; margin-bottom: 5px; }
.oldnews_title A:hover{ color: #FF0000; }

.contactInput { position: relative; background-color: #86B9FB ; font-family: Arial, Verdana, Helvetica, sans-serif ; color: Darkslategray; }

.label { text-transform : uppercase; margin-right: 20px;}