﻿body {
	background: #ffffff;
	letter-spacing: 0.2pt;
	color: #000; 
}

.Specialform {

visibility: hidden;

}

img {border: 0}

p {font-size: 8pt;  font-family: Verdana, sans-serif; line-height: 12pt;}

p.nav {font-size: 7pt; font-family: Verdana; line-height: 15px;}

.updatedatestyle {letter-spacing: 0.2pt; line-height: 150%; font-size: 7pt; font-family: Verdana, Sans-serif;}

li {font-size: 8pt;  font-family: Verdana, sans-serif; line-height: 12pt;}

td {font-size: 8pt; font-family: Arial, Verdana, Tahoma, arial, sans-serif;}


A.hovcolor1:link {color: #000080; text-decoration: none}
A.hovcolor1:visited {color: #000080; text-decoration: none}
A.hovcolor1:hover {color: #AB2677; text-decoration: none; background: #F0F8FF;}
A.hovcolor1:active  {color: #000080}

span.ftitle {font-weight: bold; color: #000080; text-align: left; letter-spacing: -1px;}

.vtext {font-weight: bold;}

.textcenter {text-align: center}

.pagehighlight {background-color: #B2DFEE;}

.cursorhelp {cursor: help;}

.hovcolor1 {
width: 100%;
background-color: #E6E6FA;
color:#C0C0C0; 
border-style: outset; 
border-width: 1px; 
color: #000080
}

.titledate2{
 background:#e4deed;
 border-bottom:2px solid #000080;
 border-right:2px solid #000080;
 border-top:2px solid #B5B5B5;
 border-left:2px solid #B5B5B5;
 color: #000080;
 font-family: Verdana, Arial;
 font-size:.9em;
 font-weight: bold;
 text-align:right;
 margin:2px 0;
 padding:2px;
 white-space:nowrap;
}

.titledate2 span{float:left;width:35em;text-align:left;text-indent:10px;letter-spacing: 3px;}


.titledate {
font-size: .9em;
letter-spacing: 3px;
width: 100%;
background-color: #e4deed;
font-family: Verdana, Arial;
font-weight: bold;
color: #000080;
border-style: outset;
border-width: 2px;
padding-left: 10px;
padding-top: 2px;
padding-bottom: 2px;
}

.linktitle {
text-align: center;
font-size: 1.0em;
letter-spacing: 3px;
width: 100%;
background-color: #e4deed;
font-family: Arial;
font-weight: bold;
color: #000080;
border-style: outset;
border-width: 2px;
padding-left: 10px;
padding-top: 2px;
padding-bottom: 2px;
}

.h1header {
        border: solid 1px silver;
        background-color: #eae7fb;
        padding: 0.5em;
        letter-spacing: 1px;
        font-family: Verdana, Arial;
      }

.h2header {
        border: solid 1px silver;
        background-color: #eae7fb;
        padding: 0.0em;
      }

.h3header {
        border: solid 2px #BEBEBE;
        background-color: #eae7fb;
        font-family: Arial, Verdana;
	font-size: 14px;
	padding: 0.2em;
	width: 100%;
       }


.h1headert {
        text-align: center;
        font-weight: bold;
        text-align: center;
        border: solid 1px #000080;
        background-color: #f5fffa;
        padding: 2px;
        margin-left: auto;
        margin-right: auto;
        width: 90%;
      }

.shadowtext {filter:shadow(color:#ccccff);font: 12px verdana;letter-spacing: 1pt;}

.shadowtext2 {filter:shadow(color:#ccccff); font: 0.8em Arial; letter-spacing: 2pt;}

.shadow {filter:shadow(color:#000080);font: 12px verdana}


p.nav a span {
   display : none;
}

.smallborder  {border-bottom: solid; border-width: 3px; border-color: #CCCCFF; border-style: ridge;
               border-right: solid; border-width: 3px; border-color: #CCCCFF; border-style: ridge;}

.menuoff {display: none;}

p.nav a:visited {
color: #FFFFFF}

p.nav a:active {
color: #FFFFFF}

p.nav a:link {
color: #FFFFFF}

#container {
   width : 20%;
   position : relative;
   margin : 3em 0em 0em 2em;
}

p.nav {
   font-weight : bold;
   width : 110px;
   margin : 0 0 0px 0;
}

p.nav a {
   text-decoration : none;
   display : block;
   color : #d4d5a1;
   width : 110px;
   text-align : left;
   top : 22em;
   background : #000080;
   padding : 0px 0 0px 3px;
}

p.nav a:hover {
   color : #000080;
   padding : 0px 0 0px 3px;
   width : 110px;
   text-align : left;
   text-decoration : none;
   background : #F0F8FF;
}

p.nav a:hover span {
   position : absolute;
   top : 640px;
   left : 24px;
   width : 100px;
   display : block;
   font-weight : bold;
   text-decoration : none;
   text-align : center;
   color : #000080;
   padding : 4px;
   border : 1px solid #0066FF;
   background : #FFFFCC;
}

p.nav1 {font-size: 85%}

p.nav1 a span {
   display : none;
}

p.nav1 a:visited {
color: #FFFFFF}

p.nav1 a:active {
color: #FFFFFF}

p.nav1 a:link {
color: #FFFFFF}

p.nav1 {
   font-weight : bold;
   width : 110px;
   margin : 0 0 0px 0;
}

p.nav1 a {
   text-decoration : none;
   display : block;
   color : #d4d5a1;
   width : 110px;
   text-align : left;
   top : 22em;
   background : #000080;
   padding : 0px 0 0px 3px;
}

p.nav1 a:hover {
   color : #000080;
   padding : 0px 0 0px 3px;
   width : 110px;
   text-align : left;
   text-decoration : none;
   background : #F0F8FF;
}

p.nav1 a:hover span {
   position : absolute;
   top : 680px;
   left : 14px;
   width : 100px;
   display : block;
   font-weight : bold;
   text-decoration : none;
   text-align : center;
   color : #000080;
   padding : 4px;
   border : 1px solid #0066FF;
   background : #FFFFCC;
}

p.welcomefont {text-align: justify}


p {text-align: justify}


A:link    {color: #0000FF; text-decoration: none}
A:visited {color: #0000FF; text-decoration: none}
A:hover   {color: #800080; text-decoration: underline}
A:active  {color: #4169E1}

H1 {font-family: Verdana, 'Times New Roman'; font-weight: bold; color: #000080}
H2 {font-family: Verdana, 'Times New Roman'; font-weight: bold; color: #000080}
H3 {font-family: Verdana, 'Times New Roman'; font-weight: bold; color: #000080}
H4 {font-family: Verdana, 'Times New Roman'; font-weight: bold; color: #000080}
H5 {font-family: Verdana, 'Times New Roman'; font-weight: bold; color: #000080}

span.locationtime {font-weight: bold; color: #191970; letter-spacing: .2pt;}

.locationtime {font-weight: bold; color: #191970; letter-spacing: .2pt;}

hr {height: 1px; border: 1px solid blue;}

table.smallborder { border-left: solid; border-width: 1px; border-color: #8FB01F}

table.smallbordergall  {border-top: solid; border-width: 1px; border-color: #CDCDCD; border-left: solid; border-width: 1px; border-color: #CDCDCD; border-right: solid; border-width: 1px; border-color: #CDCDCD; border-bottom: solid; border-width: 1px; border-color: #CDCDCD;}

.formstyle {font-weight: bold; color: blue; background: #FFFFCC}

.formstyle1 {font-family: Verdana; color: #000000; background: #ffffcc}

.formstyle2 {font-family: Verdana; color: #000000; background: #FFF8DC}

.formstyle3 {font-family: Arial; font-weight: bold; color: #000000; background: #fffaf0}

.centre {text-align: center}

.btnav {background-color: #000080; border: 1px #000000 solid; font-weight: bold; color: #FFFFFF} 

.nobold {font-weight: normal}

.nocentre {font-weight: bold; text-align: left}

.nocentre2 {font-size: .8em; color: #000080; text-align: left}


.altButton {
background-color: #6495ed;
font-weight: bold;
border-style: outset; 
border-color: #000080;
border-width: 1px;
color: #FFFFFF
}

.altButton2 {
display : block;
width: 300px;
background-color: #FFFFCC;
color:#C0C0C0; 
border-style: outset; 
border-width: 1px; 
color: #000080
}

.altButton3 {
background-color: #f5fffa;
font-weight: bold;
border-style: outset; 
border-color: #000080;
border-width: 1px;
color: #000080
}

.altButton4 {
width: 30px;
background-color: #FFFFCC;
color:#C0C0C0; 
border-style: outset; 
border-width: 1px; 
color: #000080
}

.altButton5 {
font-size: .8em;
font-weight: bold;
font-family: Verdana;
width: 30px;
background-color: #eae7fb;
color: #C0C0C0; 
border-style: outset; 
border-width: 1px; 
color: #000080;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 2px;
padding-right: 2px;
}

.colorbox {
border: solid #000080;
border-width: 1px;
width: 100%;
background: #F0F8FF;
padding-left: 10px;
padding-right: 10px;
padding-top: 5px;
padding-bottom: 5px;
}

.colorboxhome {
text-align: justify;
line-height: 12pt;
background-color: #F8F8FF;
color: #000000;
border: 1px solid #000080;
color: #000000;
padding: 5px;
}

.sightingsnews {
text-align: center;
background-color: #F8F8FF;
color: #000000;
border: 1px solid #0000FF;
margin-left: 2%;
margin-right: 2%;
color: #000080;
padding: 5px;
}

.colorbox2 {
text-align: center;
background-color: #FFFFCC;
color: #000000;
border: 1px solid #FF3300;
width: 80%;
color: #000080;
font-weight: bold;
padding: 4px
}

.colorbox3 {
background-color: #f5fffa;
color: #000000;
border: 2px solid #FF3300;
border-style: groove;
width: 100%;
font-weight: bold;
color: #000080;
padding-left: 10px;
padding-right: 10px;
padding-top: 5px;
padding-bottom: 5px;
}

.colorbox4 {
text-align: left;
background-color: #f5fffa;
color: #000000;
border: 1px solid #FF3300;
width: 50%;
font-weight: bold;
color: #000080;
padding-left: 10px;
padding-right: 10px;
padding-top: 5px;
padding-bottom: 5px;
}

.colorbox5 {
text-align: left;
background-color: #FFFFCC;
color: #000000;
border: 1px solid #FF3300;
width: 100%;
color: #000080;
font-weight: bold;
padding-left: 10px;
padding-right: 10px;
padding-top: 5px;
padding-bottom: 5px;
}

.lowermenu {
font-size: 8pt;  font-family: Verdana, sans-serif; line-height: 12pt;
}


.menuoff {display: none;}

.printonly {display: none}

.printonly1 {display: none}

.floatleft {float: left; margin-top: 0px; margin-bottom: 10px; margin-left: 0px; margin-right: 10px;}
.floatright {float: right; margin-top: 0px; margin-bottom: 10px; margin-left: 10px;margin-right: 0px;}


.eventstyle {
	color: #800000; font-weight: bold
}

.mbirdout {
  display:block;
   background:#bbb; 
  border:1px solid #ddd; 
  position:relative;
  margin:1em 0;
  margin-left:auto;
  margin-right:auto;
    }
.mbirdin {
  background:#fff; 
  border:1px solid #555; 
  position:relative; 
  padding:5px;
  font-weight:normal;
  }

.mbirdltin {
  left:-5px;
  }
.mbirdtpin {
  top: -5px;
  }
.mbirdrtin {
  left:5px;
  }

.mbirdnarrow {width:8em;}
.mbirdnormal {width:490px;}
.mbirdwide {width:715px;}

span.redlist {font-weight: bold; color:red;}

.redlist {font-weight: bold; color:red;}