form { margin: 0 ; }

html, body {
            background-color : #071D5B; background-image: url('media/top_fade.jpg'); background-position:top; background-repeat:repeat-x; margin: 0px; padding: 0px; text-align: center;
            }

img {
display: block;
}

h1, h2 {
font-size : 24px;
color : #071D5B;
font-family : Arial,sans-serif;
font-style : normal; 
line-height : normal; 
font-variant : normal; 
text-decoration : none; 
font-weight : none;
text-align : left;
vertical-align : top;
margin : 0px 0px 10px 0px;
}
h2 {font-size : 18px;font-family : verdana,sans-serif;}

#wrapper { background-color: #FFFFFF; width: 775px; margin-left: auto; margin-right: auto; text-align: left; }

#content {width: 755px;}

#main {background-color: #FFFFFF; width:775px; background-image:url('media/main_bg.jpg'); background-repeat:repeat-y;}

#leftcol { float:left; width: 124px; padding: 20px 11px 15px 31px;}

#rightcol { float:left; width: 150px; padding: 20px 33px 15px 15px;}

#centre { float:left; width: 381px; padding: 20px 15px 15px 15px;}

.clear {clear:both;}

#menu { background-image: url(media/banner5.jpg); width: 775px; height:33px;}

.menugap {width:2px;}

.menutable {float:right;margin-right:7px;}

.taboff, .taboff a, .taboff a:hover, .tabon, .tabon a, .tabon a:hover{
          font-size : 11px;
          color : #E2E2E2;
          font-family : verdana,sans-serif;
          font-style : normal; 
          line-height : normal; 
          font-variant : normal; 
          text-decoration : none; 
          text-align : left;
          font-weight: bold; 
          height:33px;
          display:block;
}
.taboff a span, .tabon a span {position:relative; top:8px;}
.taboff {
        background-image: url(media/tab_off2.jpg);
        background-repeat: repeat-x;
        height:33px;
}
.tabon {
        background-image: url(media/tab_on2.jpg);
        background-repeat: repeat-x;
        height:33px;
}

#side_buttons img {margin-bottom:20px;}

.image_container img{
                 border: #000000 1px solid;
                 }

.fieldcell2, .errortext2, .fieldcell2error {
             font-size : 10px;
             color : #404040;
             font-family : Verdana,sans-serif;
             font-style : normal; 
             line-height : normal; 
             font-variant : normal; 
             text-decoration : none;
             width: 160px;
             margin-top: 5px;
             float:right;
             border: 1px solid #808080;
}

.btn2{font-size : 10px;
             color : #FFFFFF;
             background-color : #234BE1;
             font-family : Verdana,sans-serif;
             float:right;
             margin-top: 2px;
}

.fieldcell2error{
             background-color : #FFDFDF;
}

.errortext2 {
          color : #E40000;
          text-align : right;
          vertical-align : middle;
          font-weight:bold;
          border:none;
}

.fieldcell, .fieldcell select, .fieldcell input, .fieldcell textarea, .errortext, .fieldcellerror select, .fieldcellerror input, .fieldcellerror textarea {
             font-size : 10px;
             color : #653347;
             font-family : Verdana,sans-serif;
             font-style : normal; 
             line-height : normal; 
             font-variant : normal; 
             text-decoration : none;
}

.fieldcellerror select, .fieldcellerror input, .fieldcellerror textarea {
             background-color : #FFDFDF;
}

.spacer10 {height:10px;}

.sponsor {
         text-align:center; margin-top:20px;
         }

.sponsorblank {padding:10px; margin-top:20px;}
.sponsorblank a{font-size : 11px; color : #808080; display:block; font-weight:bold;
            font-family : Verdana,sans-serif;
            font-style : normal;
            line-height : normal;
            font-variant : normal;
            text-decoration : none;text-align:center;}
.sponsorblank a:hover{color : #404040;}

.calendar1, .calendar2, .calendar3, .calendar1 a, .calendar2 a,.plaintxt, .plaintxt a, .plaintxt a:hover,.news, .news a, .news a:hover, .smalltitle, .smalltitle a, .smalltitle a:hover, .highlight, .submenu, .submenu a, .submenu a:hover, .submenu2, .submenu2 a, .submenu2 a:hover {
            font-size : 11px;
            color : #404040;
            font-family : Verdana,sans-serif;
            font-style : normal;
            line-height : 1.5;
            font-variant : normal;
            text-decoration : none;
            text-align:left;
            vertical-align:top;
          }

.plaintxt a, .plaintxt a:hover {font-weight:bold;color : #071D5B;}
.plaintxt a:hover {text-decoration:underline;}

.calendar1, .calendar1 a, .calendar1 a:hover{font-size:10px;color:#C0C0C0;vertical-align:middle;}
.calendar2, .calendar2 a, .calendar2 a:hover{font-size:12px;color:#808080;vertical-align:middle;}
.calendar3{font-size:15px;color:#404040;font-weight:bold;vertical-align:middle;}
.calendar1 a:hover, .calendar2 a:hover {color : #071D5B;}

ul {padding:0px; margin:0px;list-style-type:none;}
ul li {padding:0px 0px 5px 0px; margin:5px 0px 0px 0px;}

.submenu, .submenu a, .submenu a:hover {line-height:normal;font-weight:bold;color : #071D5B;}
.submenu a:hover {color:#F08D00;}

.submenu2, .submenu2 a, .submenu2 a:hover {font-size:10px;line-height:normal;font-weight:bold;color : #808080;}
.submenu2 a:hover {color:#F08D00;}

.sponsor1, .sponsor2 {padding:10px; width:359px;}
.sponsor1, .table1, .table {border: 1px #071D5B solid;}
.calendar {background-color:#071D5B;border: 1px #071D5B solid;}
.calendar a,.calendar a:hover {color:#FFFFFF;}
.calendar a {display:block;}
.table {width:100%;}
.sponsor2, .table2 {background-color:#F0F4FE;border: 1px #071D5B solid;}
.sponsor1 img, .sponsor2 img{float:right; padding:10px; margin-left:10px;display:inline; margin-bottom:10px; border: 1px #808080 solid;background-color:#FFFFFF;}
.sponsortitle, .sponsortitle a {font-size:18px;color:#071D5B;font-family : Verdana,sans-serif;text-align:left;font-weight:bold;text-decoration:none;}
.sponsortitle2, .sponsortitle2 a {font-size:10px;color:#071D5B;font-family : Verdana,sans-serif;text-align:left;font-weight:bold;text-decoration:none;}
.sponsortitle2 {clear:both;}

.smalltitle, .smalltitle a, .smalltitle a:hover {
            font-size:10px;
            color:#808080;
            font-weight:bold;
            vertical-align:middle;
            text-align:left;
            }
.smalltitle a:hover {color:#071D5B;}

.news, .news a, .news a:hover  {
       font-size: 10px;
       margin-top:5px;
       color:#808080;
       text-align:left;
      }

.news img {float:left;margin-right:5px;}

.news a:hover {color:#071D5B;}

.errortext {
          color : #E40000;
          text-align : left;
          vertical-align : middle;
}

.gallery {width:120px; float:left; height:120px;}
.gallery img{margin:0px 10px 0px 10px;}

.gallery_title {clear:both;}
.gallery_title img {float:right; margin:0px 0px 20px 20px;}

#footer { width: 696px; padding-top:10px; margin-left: auto; margin-right: auto; text-align: left;}

.footerleft, .footerleft a, .footerleft a:hover {
            float:left;
            text-align:left;
            }

.footertext, .footertext a, .footertext a:hover {
            font-size : 10px;
            color : #808080;
            font-family : Verdana,sans-serif;
            font-style : normal;
            line-height : 1.5em;
            font-variant : normal;
            text-decoration : none;
            text-align:center;
            }

.w3c { clear:both; }
.w3c img { padding-bottom:3px;}

a img {
    border: 0px;
}
                           
.footerleft { padding-top:4px; }

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

.footerright{
            float:right;  
            padding-top:4px;
            width: 112px;
            }

.clik {
    position:relative;
    background-image: url(media/clik/clik2.jpg);
    background-repeat: no-repeat;
    white-space: nowrap;
    display: block;
    width: 112px;
    height: 38px;
    margin: 0; 
    padding: 0; 
    }

.clik a {
    position: absolute;
    color : #FFFFFF; 
    display: block;
    float: left;
            }

.clik img {width: 112px; height: 38px; border: 0; }
* html a:hover {visibility:visible}
.clik a:hover img{visibility:hidden}


#lightbox{
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 100;
    text-align: center;
    line-height: 0;
    }

#lightbox a img{ border: none; }

#outerImageContainer{
    position: relative;
    background-color: #FFFFFF;
    width: 250px;
    height: 250px;
    margin: 0 auto;
    }

#imageContainer{
    padding: 10px;
    }

#loading{
    position: absolute;
    top: 40%;
    left: 0%;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0;
    }
                    
#loading img {display:inline;}

#hoverNav{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
    }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
    width: 49%;
    height: 100%;
    background: transparent url(images/blank.gif) no-repeat; /* Trick IE into showing hover */
    display: block;
    }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
    font: 10px Verdana, Helvetica, sans-serif;
    background-color: #FFFFFF;
    margin: 0 auto;
    line-height: 1.4em;
    overflow: auto;
    width: 100% 
    }

#imageData{ padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }  
#imageData #caption{ font-weight: bold; }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;  }           
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;  }   
        
#overlay{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    width: 100%;
    height: 500px;
    background-color: #000;
    }