/* CSS Document */
* { margin:0px; padding:0px; }
body { font-family:Verdana, Arial, Helvetica, sans-serif; background:url(../images/bg.jpg); background-repeat:repeat-x; background-color:#0c4b52; font-size:small; color:#EFE3BD; }

.first { padding-top: 0px !important; }
.right { margin: 0px 0px 1em 1em; float: right; }
.left { margin: 0px  1em 1em 0px; float: left; }
/* LINKS
--------------------------------------- */
a:link, a:visited{ color:#dCf8fD;  text-decoration:none; }
a:hover { color:#8cb8bd;  text-decoration:underline; }

#donatebutton { position: absolute; top: 0px; right: 0px;}
#header a { border: none; border: 0px; /* Optional safety measure */ border-width: 0px; margin: 0; padding: 0; text-decoration:none; }

#all img { border: none; border: 0px; /* Optional safety measure */ border-width: 0px; margin: 0; padding: 0; text-decoration:none; }
#all { width:800px; height:auto; margin-left:auto; margin-right:auto; vertical-align:top; margin-bottom:0px; }
#main  { width:auto; }
#first-float-rigid { float:left; clear:left; width:599px; }
#main-container { float:left; width:auto; }
#second-float-rigid { float:right; clear:right; width:199px; }
#second-float-container { float:right; width:auto; }
#nav { margin-top:20px; margin-bottom:0px; }
#portal a:link, #portal a:visited { color:#B22E2C; border-bottom:1px dotted #B22E2C; }
#portal a:hover { color:#551615; border-bottom:1px dotted #551615; }
#fairdate { position: absolute; right: 4px; top: 60px; font-size: 22px; font-weight: bold; color: black; color:#9d201c;}

#content { width:550px; padding:10px; margin-bottom:10px; }
#content a { font-weight: bold; }
#content h1 { color:#AEC68E; border-bottom:1px dotted #AEC68E; margin-bottom:10px; font-family:Verdana, Arial, Helvetica, sans-serif; font-variant:small-caps; font-weight:100; font-size: 26px;}
#content p { line-height: 1.5em; padding-top:2px; padding-bottom:1em; width:auto; }
#content h2 { color:#bed69e; margin:10px 0px 1em 0px; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; text-transform: uppercase; border-bottom:1px dotted #AEC68E; }
#content h4 {  color:#bed69e; margin:1em 0px 1em 0px; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; }
#content img { border:4px solid #0D4140; }
#content ul { list-style:none; padding: 0 10px; display: block;}
#content li { padding:10px; margin-top:10px; clear:both; }
#content ul img { float:left; margin-bottom:10px; margin-right:10px; clear:both; }
#content ul.attractions li { line-height: 1.5em; margin: 0px; padding: 0px; } 
#content ul.normal{ margin: 4px 0 3em 0; padding: 0; list-style: disc outside; }
#content ul.normal li {margin: 0 0 8px 2em; padding: 0;}
#content .clearer { clear: both; }
#content label { width: 200px; float: left; display: block;}
.meeting { padding: 0.5em; margin-bottom: 1em; background-color: #0c3232;  border:4px solid #0D4140; text-align: center; line-height: 1.8em; font-size: 0.8em; }
.meeting b {font-size: 1.2em; color: #ffdddd;}
.smallmenu { margin: 2em 0.5em; font-size: 0.75em; }
.smallmenu a { color:#9cb8bd; }


#news { width:550px; margin-bottom:20px; height:auto; padding:10px; clear:both; }
#news h1 { color:#AEC68E; margin-bottom:10px; font-family:Arial, Helvetica, sans-serif; font-variant:small-caps; font-weight:100; }
#news h2 { color:#B22E2C; font-family: Verdana, Arial, Helvetica, sans-serif; margin-bottom:10px; font-variant:small-caps; font-weight:100; text-decoration:underline; background-color:#0D4140; padding-left:4px; }
#news img { float:left; margin:0 10px 10px 0; clear:left; }
#news-block { height:auto; background-color:#104849; border-bottom:1px dashed #AEC68E; margin-bottom:20px; clear:both; padding:10px; color:#FEDE47; float:left; width:550px; }
#sidebar { float:right; width:200px; }
#sidebar table { background-color:#104849; margin-top:5px; border-top:1px dashed #6C989D; border-bottom:1px dashed #6C989D; }
#sidebar th { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:150%; color:#89C1C7; font-variant:small-caps; font-style:italic; border-bottom:1px solid #6C989D; font-weight:200; }
#sidebar td { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:120%; font-variant:small-caps; color:#6C989D; font-weight:bold; height:50px; }
#sidebar td img { padding: 0px 7px 0px 7px; }
#sidebar td img.inline { vertical-align: middle; display: inline; margin: 0; padding: 0 6px 0 0;}

#sidebar a { text-decoration:none; color:#6C989D; }
#sidebar a:hover { color:#89C1C7; border: none; }
#footer { width:800px; background-color:#0D4140; margin-top:20px; float:left; clear:both; }
#footer ul { height:20px; padding:15px 10px 5px 10px; text-align:center; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bolder; color:#6C989D; }
#footer a { text-decoration:none; color:#6C989D; }
#footer ul a:hover { color:#AEC68E; }
#footer li { text-decoration:none; list-style:none; display:inline; height:50px; margin-top:10px; border-width:0px; border:none; text-align:center; padding-left:20px; padding-right:20px; }

div.photocaption { text-align: center; margin: 10px 0;}
div.photocaption p { font-size: 0.6em; }
div.photocaption img { border: 1px solid #ddd; }

#filmlist ul img { float: right; margin-left: 5px;margin-bottom: 5px;}
#filmlist li {margin:10px 0; padding:0;}
#filmlist ul {margin:0; padding:0;}

.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

.media {margin-bottom:20px; padding: 10px; border-right:1px dashed #6C989D; background-color:#104849; }
.media .bd {overflow:hidden;}
.media .img{float:left;margin-right: 10px;}
.media .imgExt{float:right; margin-left: 10px;}

.film {margin-bottom:20px; padding: 10px; border-right:1px dashed #6C989D; background-color:#104849; }
.film .filmmaker {font-weight:bold;}
.film .img { margin-left: 10px; margin-bottom: 10px;float:right;clear:right;}
.film .filmdata {clear: both;font-weight:bold;}

.floatright{float: right;margin: 0 0 10px 10px;clear: right;}

.awardtable table {border-collapse: collapse;}
.awardtable caption {padding: 10px;}
.awardtable th {padding: 10px;border: 1px solid #999;}
.awardtable td {padding: 10px;border: 1px solid #999;}

