body{
    margin:0;
    padding:0;
    text-align: center;
    font-family:arial,sans-serif;
    background: #aaaaaa;
    /*background-image:url("/images/background.gif");
    background-repeat:no-repeat;
    background-position: top center; */
}

h1{
    text-align:center;
    color:#1e1e1e;
    font-weight:bolder;
    font-size:x-large;
}

h2{
    text-align:center;
    font-size:large;
}

img{
	border:0px;
}

ol li{
    list-style-image: url("/images/bullet.gif");   
    padding-top:8px;
}

.submit{
    color: #ffffff;
    background-color: #057279;
    border:0;
    padding:5px;
}

.submit:hover{
    background-color: #19b6c0;
    color:#000000;
    cursor: pointer;
	cursor:hand;
}

#banner{
    background-color: #057279;
    background-repeat: no-repeat;
    background-position: center;
    height:200px;
    position:relative;
}

/* slide show stuff */

#slide-images{
    position:relative;
    display:block;
    margin:0px;
    padding:0px;
    height:200px;
    overflow:hidden;
}

#slide-images li{
    position:absolute;
    display:block;
    list-style-type:none;
    margin:0px;
    padding:0px;
    background-color:#FFFFFF;
}

#slide-images li img{
    display:block;
    background-color:#FFFFFF;
}

#logo{
    background-image: url("/images/swt.gif");
    background-repeat: no-repeat;
    background-position: bottom left;
    width: 270px;
    height: 130px;
    right: 0px;
    top: 0px;
    position:absolute;
}

#logo a {
    display:block;
    width:100%;
    height:100%;
    text-decoration:none;
}

#   logo a:hover{

    text-decoration:none;}

#container{
    width: 1000px ;
    margin-left: auto ;
    margin-right: auto ;
    padding: 5px 5px 5px 5px;
    text-align: left;
    overflow: hidden;
    background-color: #ffffff;
    background-image: url("/images/badger.gif");
    background-position:bottom right;
    background-repeat:no-repeat;
}

#menu{
    width:994px;
    margin-left:auto;
    margin-right:auto;
}

#menu ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

#menu li
{
    float: left;
    margin: 5px 2px 0px 0px;
}

#menu li a{
    float: left;
    line-height: 30px;
    width: 140px;
    display: block;
    font-weight: bold;
    font-size: 18px;
    text-decoration: none;
    text-align: center;
} 

#menu li a:hover{
    background: #19b6c0;
}

#home{
    background: #057279;
    color: #ffffff;
}

#sites{
    background:#698B79;
    color: #ffffff;
}

#about{
    background: #528B8B;
    color: #ffffff;
}

#news{
    background: #27408B;
    color: #ffffff;
}

#shop{
    background: #3399CC;
    color: #ffffff;
}

#events{
    background: #666666;
    color: #ffffff;
}

#consultancy{
    background-color: #8B6969;
    color:#ffffff;
}

#conservation{
    background-color: #006400;
    color:#ffffff;
}

/* Hide from IE5-Mac \*/
#nav-menu li
{
    float: none
}
/* End hide */ 


#main{
    margin:0 auto;
    width:1000px;
    margin-top: 5px;
    min-height:550px;
}


#left {
    background:#ffffff;
    float:left;
    width:190px;
}

#leftmenu ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

#leftmenu li
{
    margin-bottom: 2px;
    background-color: #A2CD5A;
    padding: 2px;
}

#leftmenu{
    margin: 5px 5px 5px 5px;
}

#leftmenutitle{
    background: #80AB39;
    text-align:center;
    font-size: 20px;
    color: #ffffff;
    margin-bottom: 2px;
}

.level2{
    font-size:smaller;
    text-align:left;
    background-color:#C4EF7C;
    text-indent: 20px;
}

#middle{
    float:left;
    width:570px;
    margin-left:10px;
    margin-right:10px;
}

#middle .quote{
    text-align:center;
    font-style:italic;
    font-weight: bold;
    display:block;
    line-height: 40px;
    font-size:large;
}

#right {
    float:left;
    width:210px;
    border: 0px;
    margin-bottom:100px;
}

.box{
    border: 0px;
    margin: 2px 2px 2px 2px;
    width: 180px;
    margin: auto;
    margin-bottom:20px;
    margin-top:20px;
}

.box:hover{
    /* for IE */
    filter:alpha(opacity=80);
    /* CSS3 standard */
    opacity:0.8;
}

.boxtitle{
    padding-top:20px;
    text-align: left;
    font-weight: bold;
    color: #ffffff;
    padding: 5px;
    font-size:large;
    background-color:#1ba5b1;
}

.box a{
    display:block;
    text-decoration:none;
    color:#000000;
    font-size:large;
    padding: 2px;
}

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

.boxdescription{
    background-color: #d7ecf0;
    padding: 10px;
}

.newsitem{
    display:block;
    background-color: #dcdce9;
    padding:5px;
    margin:auto;
    margin-bottom: 3px;
    padding: 5px;
    overflow:hidden;
    width:550px;
    text-align:justify;
}

.newsitemtitle{
    font-weight: bold;
    display:inline;
}

.newsitem a{
    text-decoration: none;
}

.newsitemdescription{
    padding: 6px;
    font-size: 14px;
    margin-left:110px;
}

.newsitem img{
    padding:6px;
}


#footer{
    position:relative;
    color: #dddddd;
    height: 100px;
    width:1000px;
    margin-left: auto ;
    margin-right: auto ;
}	

#footer a{
    text-decoration: none;
    line-height: 40px;
    font-size: 14px;
    color: #dddddd;
}

#footer #bottomsmall{
    font-size: 10px;
}

.footerimage{
    float:left;
    position:absolute;
    top:6px;left:0;
    height:60px;
}

.facebook{
    float:right;
    position:absolute;
    top: 6px;right:0;
    height:35px;
}

.twitter{
    float:right;
    position:absolute;
    top: 6px; right:100px;
    height:35px;
}

#welcome{
    font-size: 18px;
    text-align: center;
    padding: 5px;
}

#time{
    width:100%;
}

.thumbnail{
    width: 100px;
    float:left;
    margin: 2px;
	border: 0px;
}

.markerthumbnail{
    width:100px;
    float:left;
    margin:2px;
}

#intro{
    font-family: 'Trebuchet MS', Helvetica, sans-serif;
    margin:auto;
    margin-bottom: 15px;
    margin-top: 5px;
    background-color:#eef3e2;
    color:#282828;
    padding: 20px;
    width: 500px;
    text-align:justify;
}
#smallintro{
    margin:auto;
    background-color:#ddeee5;
    padding: 20px;
    width:500px;
    font-size:small;
    margin-bottom: 30px;
}

#map{
    width: 530px;
    height: 550px;
    margin:auto;
}

#mapcontainer{
    border: 20px solid #8fbc8f;
    background-color: #c1ffc1;
}

#mapcontainer input{
    border: 1px solid #9BCD9B;
    height: 25px;
    font-size:20px;
    width: 250px;
}

#mapcontainer .submit{
    border: 1px solid #9BCD9B;
    font-size:larger;
    width: 60px;
    height: 30px;
}

#mapsearch{
    padding: 5px;
}

#mapsearchresults{
    background-color: #c1ffc1;
    padding: 5px 5px 5px 5px;
    margin: 10px;
}

#maplocationresults{
    background-color: #c1ffc1;
    padding: 5px 5px 5px 5px;
    margin: 10px;
}

#markerresult{
    color: #eeeeee;
    font-size:larger;
}

.instruction{
    font-size:larger;
    color: #2F4F4F;
    font-weight:bolder;
    margin-left:5px;
}

.smallinstruction{
    color: #2F4F4F;
    display:block;
    margin-left: 20px;
}


/*
#marker{
    background-color: #ffffff;
    width:200px;
}
#markertitle{
    color: #2F4F4F;
    font-size:larger;
}

.markerthumbnail{
    float:left;
}

#markerdescription{
    float:right;
    font-family: 'Trebuchet MS', Helvetica, sans-serif;
    font-weight:bolder;
    background-color:#eef3e2;
    color:#282828;
    padding: 2px;
}

*/

.mainreserveimage{
    display:block;
    margin:auto;
    margin-top:10px;
    margin-bottom:10px;
}

#topsearch{
   /* padding: 5px; */
    display:inline;
    float:right;
/*    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: #057279; */
}

.searchbox{
    padding:5px;
}

.submit{
}

#tabs{
    position:relative;
    width: 500px;
    display:inline;
}

#tabs ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

#tabs li {
    float: left;
}

#tabs li a{
    float: left;
    line-height: 20px;
    font-size: 16px;
    font-weight:bold;
    text-decoration: none;
    color: #ffffff;
    padding: 5px;
    margin-right: 5px;
    height: 25px;
    background: #528B8B url("/images/tab-right-corner.gif") no-repeat bottom right;
}

#tabs li a:hover{
    /* for IE */
    filter:alpha(opacity=60);
    /* CSS3 standard */
    opacity:0.6;
    height:30px;
}

#topmenu{
    padding: 5px;
    height: 40px;
}


#facilities{
    text-align:center;
    background-color:#ECF1EF;
    width:500px;
    margin:auto;
    margin-bottom: 15px;
    margin-top: -15px;
    padding: 20px;
}

#facilities img{
    width:50px;
    height:50px;
    border: 0;
}

#newssite{
    background-color:#ECF1EF;
    margin:auto;
    margin-bottom: 15px;
    margin-top: -15px;
    padding: 20px;
    width:500px;
}

/*  for rounded corners! */

.info_box{
    position:relative;
    right:0px;
}

.info_box img{
    margin-bottom:2px;
}

dl {
    width: 180px;
    margin: 10px 0px 0px 5px;
    padding: 0;
    background: #ccc url("/images/corners/boxbottom.gif") no-repeat bottom left;
}

dt {
    margin: 0 0 10px 0;
    padding: 10px;
    font-size: 16px;
    font-weight:bold;
    color: #ffffff;
    border-bottom: 1px solid #fff;
    background: #999 url("/images/corners/boxtop.gif") no-repeat top left;
	text-decoration:none;
}

dt a{
	text-decoration:none;
	color:#ffffff;
}

dd {
    margin: 0px;
    padding: 0 10px 10px 10px;
    color: #000000;
    font-family: Verdana, sans-serif;
    font-size: 13px;
	text-decoration:none;
}

dd ul{
    padding:0;
}

dd li{
    padding:2px;
}

/* end of rounded corners */

.join_box{
    margin:5px;
    margin-bottom:0px;
    display:block;
    width:190px;
    height:70px;
    background: url("/images/joinbox.gif") no-repeat top right;
    padding-top:30px;
    padding-left:15px;
    font-size:20px;
    font-weight:bold;
    font-family: "Arial Black", "Arial Black", Gadget, sans-serif;
     text-decoration:none;
}

.join_box a{
    text-decoration:none;
    color:#ffffff;
}

.join_box:hover{
    /* for IE */
    filter:alpha(opacity=80);
    /* CSS3 standard */
    opacity:0.8;
}

.donate_box{
    margin:5px;
    margin-top:0px;
    margin-bottom:0px;
    display: block;
    width:190px;
    height:55px;
    background: url("/images/donatebox.gif") no-repeat top right;
    padding-top:44px;
    padding-left:15px;
    font-size:20px;
    font-weight:bold;
    font-family: "Arial Black", "Arial Black", Gadget, sans-serif;
}

.donate_box:hover{
    /* for IE */
    filter:alpha(opacity=80);
    /* CSS3 standard */
    opacity:0.8;
}

.donate_box a{
    text-decoration:none;
    color:#ffffff;
}

.dormouse_box{
    margin:5px;
    margin-top:0px;
    margin-bottom:0px;
    display: block;
    width:190px;
    height:70px;
    background: url("/images/dormousebox.gif") no-repeat top right;
    padding-top:30px;
    padding-left:15px;
    color:#ffffff;
    font-size:20px;
    font-weight:bold;
    font-family: "Arial Black", "Arial Black", Gadget, sans-serif;
}

.dormouse_box:hover{
    /* for IE */
    filter:alpha(opacity=80);
    /* CSS3 standard */
    opacity:0.8;
}

.dormouse_box a{
    text-decoration:none;
    color:#ffffff;
}

.otter_box{
    margin:5px;
    margin-top:0px;
    margin-bottom:0px;
    display: block;
    width:190px;
    height:80px;
    background: url("/images/otterbox.gif") no-repeat top right;
    padding-top:30px;
    padding-left:15px;
    color:#ffffff;
    font-size:20px;
    font-weight:bold;
    font-family: "Arial Black", "Arial Black", Gadget, sans-serif;
}

.otter_box:hover{
    /* for IE */
    filter:alpha(opacity=80);
    /* CSS3 standard */
    opacity:0.8;
}

.otter_box a{
    text-decoration:none;
    color:#ffffff;
}

#siteinfo{
    font-family: 'Trebuchet MS', Helvetica, sans-serif;
    background-color:#FDFDF0;
    width:500px;
    margin:auto;
    margin-bottom: 15px;
    margin-top: -15px;
    line-height: 25px;
    color:#282828;
    padding: 20px;
    width: 500px;
}

#awtc{
    text-align:center;
    width:80px;
    margin-top:20px;
    margin-left:60px;
}

#notice{
    margin:auto;
    margin-top:20px;
    margin-bottom:10px;
    width:400px;
    text-align:center;
    border: 2px #ff2222 solid;
    padding:10px;
    background-color: #ffdddd;
    font-size:large;
    font-weight:bold;
}

.item_title{
    font-size:small;
}

.item_quantity{
    font-size:small;
}

.item_price{
    font-size:small;
}

.total_cell{
    font-size:small;
}

.total_line{
    background-color:#3399CC;
}

#shopping_cart{
    border:0;
    padding:0;
    border-spacing:0;
}

#disclaimer{
    padding:10px;
    margin:20px;
    font-size:10px;
    color:#313131;
    background-color:#eeeeee;
    font-family: Arial;
    line-height:10px;
    text-align:justify;
    
}

.product_line{
    background-color:#eeeeee;
    padding:2px;
    margin: 5px;
    height:180px;
}

.product_price{
    font-size:18px;
    text-align:right;
}

.product_title{
    display:block;
    font-size:large;
}

.product_description{
    display:block;
    margin-bottom:5px;
}

.product_image{
    max-height:80px;
    max-width:80px;
    float:left;
    margin:4px;
}

#print a{
    float:right;
    text-decoration:none;
    background-color:#222222;
    color:#eeeeee;
    padding:3px;
    margin:2px;
    border: 2px solid #222222;
}

#share a{
    float:right;
    background-color:#ddcccc;
    padding:3px;
    margin:2px;
    border: 2px solid #997665;
    color:#442222;
}

#reserve-drop-down{
    width:120px;
}
#reserve-drop-down:focus {
    width:auto
}

#habitat_habitat_id{
    width:125px;
}
#habitat_habitat_id:focus {
    width:auto
}

#habitatsites{
    margin-left:10px;
    margin-right:10px;
}

#nearbysites{
    margin-left:10px;
    margin-right:10px;
}


div.datetime {
border:1px solid #222222;
width:80px;
}

div.datetime p {
margin:0 auto;
padding:0;
text-align:center;
font-size:12px;
}

div.datetime .top {
color:#ffffff;
background-color:#222222;
}

div.datetime .top p {
letter-spacing:0.12em;
text-transform:uppercase;
font-size:14px;
}

/* day of the month (NUMBER) */
div.datetime p.day {
font:bold 1.5em/98% Georgia, "New Century Schoolbook", "Book Antiqua", "Times New Roman", serif;
letter-spacing:0.13em;
}

/* month */
div.datetime p.mon {
font:x-small/135% Verdana,Geneva,Arial,Helvetica,sans-serif;
letter-spacing:normal;
text-transform:uppercase;
}

/* year */
div.datetime p.yr {
font:x-small/110% Verdana,Geneva,Arial,Helvetica,sans-serif;
letter-spacing:0.05em;
}


#topforum{
    float:right;
    display:inline;
    margin-right:20px;
    height:32px;
}

#topforum a{
    text-decoration:none;    
}

.fade-box{width:400px;position:absolute;text-align:center;z-index:900;}
        	
#image-container{margin:auto;width:500px;height:390px;background:url(images/fade-image-bg.gif);background-position:center;background-repeat:no-repeat;}


#breadcrumb{
    font-size:11px;
    margin:15px;
    background-color:#e2e2e2;
    padding:10px;
}
       
#captioned {
  z-index: 0;
  position: relative;
  margin:auto;
  text-align:center;
  width:400px;
}
#captioned img {
  z-index: 1;
  margin:auto;
  display:block;
}
#captioned span {
  filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
  display: none;
  margin:auto;
}
#captioned:hover span {
  display: block;
  position: absolute;
  bottom: 0;
  right:0px;
  z-index: 2;
  padding: 2px 5px;
  background: #ffffff;
  color: #222222;
  font-weight: bold;
  font-size: 0.8em;
  text-align:center;
  width:100%;
}