body{
    margin:0;
    padding:0;
    text-align: center;
    font-family:arial,sans-serif;
    background: #aaaaaa;
    background-repeat:no-repeat;
    background-position:top left;
    width:100%;
}

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

h2{
    text-align:center;
}

img{
	border:0px;
}

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

table{
    width:500px;
    margin-left:auto;
    margin-right:auto;
    background-color:#eeddcc;
}

table td{
    padding: 20px;
    font-size:larger;
}

table td input{
    height:20px;
}

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

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

#banner{
    display:none;
    background-image: url("/images/banner.jpg");
    background-repeat: no-repeat;
    background-position: center;
    height:200px;
    position:relative;
}

/* slide show stuff */

#slide-images{
    display:none;
    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: top right;
    width: 500px;
    height: 136px;
    right: 0px;
    top: 0px;
    position:absolute;
}

#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{
	display:none;
    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:#A2CD5A;
    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 {
	display:none;
    background:#ffffff;
    float:left;
    width:195px;
}

#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:600px;
    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 {
    display:none;
    float:left;
    width:195px;
}

.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{
    border: 0.1em solid #dcdce9;
    background-color: #dcdce9;
    margin: 2px;
    padding: 5px;
    overflow:hidden;
    width:100%;
}

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

.newsitemdescription{
}


#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;
    width: 60px;
    margin-top:5px;
    margin-right:0px;
    margin-left: 20px;
}


#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;
    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: #F0F8FF;
    padding: 5px 5px 5px 5px;
    margin: 10px;
}

#maplocationresults{
    background-color: #F0F8FF;
    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;
}

.submit{
}

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

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

#tabs li {
    display:block;
    float: left;
    padding: 5px;
    background: #528B8B;
    margin-right: 5px;
    height: 25px;
    -webkit-border-bottom-left-radius: 10px;
    -khtml-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -khtml-border-radius-bottomright: 10px;
    -moz-border-radius-bottomright: 10px;
    border-bottom-right-radius: 10px;
}

#tabs li a{
    padding:5px;
    padding-top:0px;
    line-height: 20px;
    display: block;
    height: 25px;
    font-weight: bold;
    font-size: 14px;
    text-decoration: none;
    color: #ffffff;
    text-align: center;
}

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

#topmenu{
	display:none;
    padding: 5px;
    height: 40px;
}
#facilities{
    text-align:center;
}

#facilities img{
    width:30px;
    height:30px;
    border: 5px solid #037985;
}


/*  for rounded corners! */

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

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

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

dt {
    margin: 0 0 10px 0;
    padding: 10px;
    font-size: large;
    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{
    list-style:none;
    padding:5px;
}

/* end of rounded corners */

.join_box{
    margin:5px;
    margin-bottom:0px;
    display: block;
    width:200px;
    height:70px;
    background: url(/images/joinbox.gif) no-repeat top left;
    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:200px;
    height:55px;
    background: url(/images/donatebox.gif) no-repeat top left;
    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:200px;
    height:70px;
    background: url(/images/dormousebox.gif) no-repeat top left;
    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:200px;
    height:80px;
    background: url(/images/otterbox.gif) no-repeat top left;
    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{
    background-color:#dddddd;
    padding:10px;
    width:250px;
    margin:auto;
    line-height: 25px;
}

#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:15px;
    margin:20px;
    font-size:small;
    background-color:#dddddd;
}

.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;
}

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

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

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

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


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

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