body { background-color: #596c85; color: #fffff0; margin: 0; padding: 0;
             border: none; background-image: url(/Images/background-7.gif);}
body, td, th, textarea, input {font-family: Verdana, Arial, sans-serif; font-size: 11pt;}

#main {position: absolute; width: 100%;  height: 100%; margin: 0; top: 0; bottom: 0;
             border: none; background-image: url(/Images/background-7.gif);
            color: #fffff0; 
            }

#main-wrapper {position: relative; width: 100%;  margin: 0; top: 0; bottom: 0;
             border: none; background-image: url(/Images/background-7.gif);
            color: #fffff0; padding: 0;
            }

#left-box {width: 45%; right: 50%; top: 0; position: absolute;}
#left-image {width: 400px; float: right; padding-right: 20px; } 

#right-box {width: 45%; left: 50%; top: 0; position: absolute;}
#right-image {width: 400px; float: left; padding-left: 20px;}  

.credit_left {text-align: center; font-size: smaller; clear: both;}
.credit_right {text-align: center; font-size: smaller; clear: both;}

#center-image {width: 640px; margin-left: auto; margin-right: auto;}

a:link { color: #f0f0ff; text-decoration: none; font-weight: bold;}    
a:visited { color: #f0f0ff; font-weight: bold;}
a:hover { color: #ee9;  font-weight: bold; }    


#indexmenu {font-size: 135%; margin-left: 35%;}

.center {text-align: center;}
.right { text-align: right; }
.top { vertical-align: top; }
.texttop { vertical-align: text-top; }
.nowrap { white-space: nowrap; }
.big { font-size: larger; font-weight: bold; }
.red {color: #900; background-color: #ee9; }
.bold {font-weight: bold; }


.action {
    background-color: #596c85;
    color: #fffff0; 
    width: 9em;
    margin: 10px 5px 0 5px;
    font-weight: bold;
}

.action:hover {
    background-color: #596c85;
    color: #ee9;
}
.action:active {
    background-color: #59856c;
    color: #ee9;
}

#show {margin-right: auto; margin-left: auto;}

#cal-bg {width: 800px; background-image: url(Images/calendar.jpg);
             background-repeat: no-repeat; 
             margin-right: auto; margin-left: auto; min-height: 533px;
            }

#cal-fog {background-color: #000; margin-right: auto; margin-left: auto;  /* width set in style="" */
            opacity: 0.6; filter:alpha(opacity=60); -moz-opacity: 0.6;} /* filter is IE only; -moz-opacity is older Mozilla */

#calendar {margin-top: 2px; margin-bottom: 2px;}

#calendar td {padding-left: 4px; padding-right: 4px;}

#calendar td.date { font-weight: bold; padding-top: 4px;
                            border-style: solid solid none solid;
                            border-width: 1px; border-color: #fffff0; 
                            margin-top: 1px;}

#calendar td.venue:first-line {font-weight: bold; font-size: 120%; }
#calendar td.venue  {border-style: none solid none solid;
         border-width: 1px; border-color: #fffff0; }

#calendar td.comments {padding-bottom: 4px; border-style: none solid solid solid;
         border-width: 1px; border-color: #fffff0; font-style: italic;}

#calendar td.title {font-weight: bold; border-style: none solid none solid;
            border-width: 1px; border-color: #fffff0; }
#calendar tr.az {background-color: transparent;}
#calendar tr.za {background-color: transparent;}

#navbartop {width: 684px; height: 35px; margin: 0 auto 0 auto;
            padding: 0; text-align: center; background-color: #be0000;
            background-image: url(/Images/menubar-bg.gif);
            background-repeat: no-repeat; color: #fffff0;}

.here, .link {border: none;}
.here {}
.link:hover {opacity: 0; filter:alpha(opacity=0); -moz-opacity: 0;}  /* filter is IE only */
.link:active {opacity: 0; filter:alpha(opacity=0); -moz-opacity: 0;}  /* -moz-opacity is older Mozilla */


input.contact {width: 30em; background-color: white;}
textarea.contact {width: 30em; height: 10em; background-color: white;}  
input.check { background-color: white;} 

.button { background-color: #596c85; color: #fffff0;
        border: 3px outset #596c85;}
.button:hover {color: #ee9; }
.button:active {color: #ee9; }

input.blog_title {width: 30em; background-color: white; }
textarea#blog_text {background-color: white;}

#blog_image {position: fixed; top: 100px; left: 0;}
div.blog_item {}
div.blog_center {width: 50%; margin-left: auto; margin-right: auto;}
div.blog_date {text-align: right; padding-right: 20px;
        font-size: 10pt; font-weight: bold;}
div.blog_title {text-align: center; font-size: 14pt; font-weight: bold;}
div.blog_text {padding: 10px; font-size: 10pt;}


/* header font: Kaufman and Kaufman Bold for menu, 
    Umbra or Vineta for name; from Bitstream */