body {
  background-color:#eee9dd;
  font-size:14px;
}
#TitleBar {
  width:100%;
  text-align:left;
  padding:10px 0 10px 0;
  border-bottom:2px #051930 solid;
}
#TitleBar h1{
  font:bold 24px Verdana;
  margin:0;
  padding-left:30px;
}
#TitleBar h1 span, .lastword {
  color:#fff;
}
#breadcrumb {
  font:12px Verdana;
  padding:10px 0 0 25px;
}
#breadcrumb a {
  /*color:#051930;*/
  text-decoration:none;
  padding:3px;
}
#breadcrumb a:hover {
  text-decoration:underline;
}

#Gallery img {
  border:0;
  padding:1px;
  margin:0;
}
#PageContent a:hover {
  color:#465a73;
}
#PageContent a:visited {
  color: #990066;
}

#L1 #menu {
  background-color:#e0c8a6;
  background-image:url('/images/drop-shadow.png');
  background-repeat:repeat-x;
  min-height:81px;
/* Don't remove the * from the next line, it is there to force IE7 and below to play nice */
  *min-height:70px;
  padding-top:5px;
  border-bottom:1px #fffbf8 solid;
  border-top:1px #051930 solid;
  margin-bottom:0px;
}


h2 {
  color:#144169;
  font-family:Verdana;
  text-align:center;
  font-size:20px;
}
/* not ready for prime time yet 

h2:before {
  content: url('/images/h2-left.png') " ";
}
h2:after {
  content: " " url('/images/h2-right.png');
}
*/

h3 {
  color:#144169;
  font-family:Verdana;
  font-size:15px;
  margin:8px 0 0 0;
  padding:0;
}
h4 {
  font-size:14px;
  text-align:center;
  color:#336699;
  font-weight:bold;
}
#right {
  border-left:1px #0c2e51 solid;
  border-right:0px;
  z-index:10;
}
.left {
  float:left;
  width:275px;
  display:block;
  margin:5px 0px 5px -1px;
  padding:15px;
  border-right:1px #0c2e51 solid;
  z-index:10;
}
.center {
  width:285px;
  display:block;
  float:left;
  margin:5px 0px 5px -1px;
  padding:15px;
  border-left:1px #0c2e51 solid;
  border-right:1px #0c2e51 solid;
  z-index:10;
}
#L1Feature {
  margin:10px 0px 0px 35px;
  padding:8px;
  border:1px #0c2e51 solid;
  width:585px;
  float:left;
  background-color:#fff7ed;
  background-position:center bottom;
  background-repeat:no-repeat;
  background-image:url('/images/mission-background.png');
}
#L1Feature .text {
  color:#000;
  padding:5px 0 0 5px;
  margin:0px;
  font-size:12px;
}
#L1Feature img {
  margin:2px 0px;
}

.right h2:before {
  content: " ";
}
.right h2:after {
  content: " ";
}
.left h2:before {
  content: " ";
}
.left h2:after {
  content: " ";
}
.center h2:before {
  content: " ";
}
.center h2:after {
  content: " ";
}
img {
margin:3px;
}

#Gallery {
  text-align:center;
  padding:0;
  margin:0;
  width:280px;
  overflow:hidden;
}
#Gallery ul, p {
  text-align:left;
}
#PageContent {
  text-align:left;
  float:left;
  width:660px;
  margin:0px 0px 0px -1px;
  padding:5px 0px 20px 10px;
  font-family:Verdana;
  color:#051930;
  border-left:1px #051930 solid;
}
.backgroundTeal {color: #FFFFFF;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  text-align: left;
  line-height: 1.4em;
  padding-left: .5em;
  background-color: #528FEB;
}

/* left menu */
#MenuLeft {
  text-align:left;
  padding:5;
  margin:-15px -15px 5px -15px;
  }


#MenuLeft ul {
  list-style-type:none;
  font-size:15px;
  font-weight:bold;
  margin:0;
  padding:0;
}
#MenuLeft li {
  margin:0;
  padding:0;
}
#MenuLeft ul li ul li {
  padding-left:15px;
  margin:0px;
  font-size:13px;
}
#MenuLeft ul li ul li ul li{ 
/*    visibility:hidden;  */
/*    height:0px;  */
  font-size:11px;
}

#MenuLeft ul a {
  padding:5px 10px;
  color:#051930;
  text-decoration:none;
  display:block;
}
#MenuLeft ul li ul li ul li a{
  color:#0055bb;
}
#MenuLeft ul li ul li a{
  color:#00447f;
}

#MenuLeft a:hover {
  background-position:center top;
}
/* WMA Menus */
#WMAmenu {
  margin:5px;
  margin-left:0px;
  padding:8px;
  border:1px #0c2e51 solid;
  text-align:left;
  background-color:#fff7ed;
  background-position:center bottom;
  background-repeat:no-repeat;
  background-image:url('/images/mission-background.png');
}
#WMAmenu h3 {
  border-bottom:1px #0c2e51 solid;
  margin-bottom:3px;
}

/* Photo Gallery - Species Pages */
.photo
{
  float:left;
  font-size:12px;
  text-align:center;
  margin:10px 7px;
  max-height:120px;
  min-width:180px;
  border:1px #123c62 solid;
  background-color:#fff;
  min-height:120px;
  max-width:180px;
  padding:2px;
}
.photo img {
  max-width:174px;
  max-height:70px;

}

.photo-fish
{
  float:left;
  font-size:12px;
  text-align:center;
  margin:10px 7px;
  max-height:120px;
  max-width:180px;
  min-height:120px;
  min-width:180px;
  border:1px #123c62 solid;
  background-color:#fff;
}
.photo-fish img {
  max-width:1174px;
  max-height:70px;
  padding:2px;
}
.photo-info
{
  float:left;
  font-size:12px;
  text-align:center;
  margin:10px 9px;
  max-height:155px;
  max-width:170px;
  min-height:155px;
  min-width:170px;
  border:1px #123c62 solid;
  background-color:#fff;
  padding: 0px 3px;
}
.photo-info img {
  max-width:160px;
  min-height:98px;
  max-height:110px;
  padding:2px;
}


.speciesInfo #PageContent
{
  width:615px;
}

.fullAnimalImage
{
  display:block;
  margin: 0 auto;
  padding: 5px;
  border:1px #123c62 solid;
  background-color:#fff;
 max-width: 603px;
}


.abstract {
  font-style:italic;
  border-bottom:1px #A9A9A9 solid;
  margin-bottom: 10px;
  display:inline-block;
}

/* Chris's stuff */


#folderImageArea
{
  float: left;
  width: 200px;
}
#folderDescriptionArea
{
  float: right;
  width: 430px;
  margin-left: 0px;
}
#folderDescriptionArea h2
{
  font-size:14px;
}
.categoryContainer p
{
  margin-top:0px;
}
.folderImage
{
  max-width: 190px;
}
.icon {
 vertical-align: middle;
}
.white-text {
 color:#fff; 
}

.red-text {
  color:#800000;
  font-weight:bold;
}

.hanging-indent {
  text-indent:-25px;
  padding-left:25px;
}










#BackyardRotation{
    height:372px;
    width:625px;
    position:relative;
}
#BackyardRotation img{
  z-index:2;
  padding:0;
  margin:0;

}
#BackyardRotation p{
  z-index:1;
  display:none;
  font-size:10px;
  text-align:right;
  background-color:#eae3d3;
  float:right;
  margin-right:125px;
  width:500px;
}



#slide1 {
    height:375px;
    width:515px;
    position:absolute;
    top:0;
  left:0;
  z-index:1;
    margin:0;
    padding:0;
    display:none;
}
#thumb1:hover #slide1{
    display: block;
  z-index:5;
}
#thumb1:hover p{
  display:inline;
  z-index:6;
  margin-top:-25px;
}
#thumb1 img{
  position:absolute;
  top:0;
  right:0;
  text-align:right;
  z-index:10;
  margin:0;
  padding:0;
}
#slide2 {
    height:375px;
    width:515px;
    position:absolute;
    top:-95px;
  left:15px;
  z-index:1;
    margin:0;
    padding:0;
    display:none;
}
#thumb2:hover #slide2{
    display: block;
  z-index:10;
  width:500px;
}
#thumb2:hover p{
  display:inline;
  z-index:6;
  margin-top:-25px;
}
#thumb2 img{

  position:absolute;
  top:95px;
  right:0;
  text-align:right;
  z-index:10;
  margin:0;
  padding:0;
}

#slide3 {
    height:375px;
    width:515px;
    position:absolute;
    top:-189px;
  left:15px;
  z-index:1;
    margin:0;
    padding:0;
    display:none;
}
#thumb3:hover #slide3{
    display: block;
  z-index:10;
  width:500px;
}
#thumb3:hover p{
  display:inline;
  z-index:6;
  margin-top:-25px;
}
#thumb3 img{

  position:absolute;
  top:189px;
  right:0;
  text-align:right;
  z-index:10;
  margin:0;
  padding:0;
}

#slide4 {
    height:375px;
    width:515px;
    position:absolute;
    top:-284px;
  left:15px;
  z-index:1;
    margin:0;
    padding:0;
    display:none;
}
#thumb4:hover #slide4{
    display: block;
  z-index:10;
  width:500px;
}
#thumb4:hover p{
  display:inline;
  z-index:6;
  margin-top:-25px;

}
#thumb4 img{

  position:absolute;
  top:284px;
  right:0;
  text-align:right;
  z-index:10;
  margin:0;
  padding:0;
}





















/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
