@charset "UTF-8";

body {
  font-family: Verdana, Geneva, sans-serif;
  color: black; /* 960; #999; */
  background-color: white; /* #000; */
}
#main_container {  /* aka wrapper */
  position:relative;
  background-color: white; /* #87cefa; light blue */	
  /* height: 760; was 760px; */
  width: 960px;
  margin-right: auto;
  margin-left: auto;
  font-family: Verdana, Geneva, sans-serif;
  /* border: medium inset gray; */
}

/* Styling for the page header; Note: IE9 not able to recognize the HTML5 header
   tag, so a class rule is used instead */
.header { 
  height: 167px;
  /* Font size, line-height, and family */
  /* font: 40px/80px Impact, Gadget, Fantasy; */
  text-align: center; 
  color: #4169e1; /* royal blue */
 /* Background color, image, position */
  background-color: blue; /* #4169e1; royal blue #87cefa; light blue - #FFFFED light yellow */
  background-image:url(pix/Header.png);
  background-repeat: no-repeat;
  background-position: 5px center;
  /* border:1px solid blue; */
 /* Round the top corners */
 /* border-top-left-radius: 18px; */
 /* border-top-right-radius: 18px; */
}

/* Styles for the Navigation Bar: */
#nav ul 
{

  list-style-type:none;
  
  margin:0;
  padding-left:0px;

  overflow:hidden;

}

#nav li
 {

/* float:left; */
/*  float:right; */
  display: inline;
}

#nav a:link,a:visited
 {

  /* display:block; */
width:120px;
  
font-weight:bold;

  color:#FFFFFF;

  background-color: #98bf21; /* light green
 */
  text-align:center;

  padding:4px;
  text-decoration:none;

  text-transform:uppercase;

}

#nav a:hover,a:active 
{ 
  
background-color:#7A991A;

}


#left_column {
  background-color: beige; /* #FFFFED light yellow - #90ee90; light green */
  float: left;
  width: 200px;  /* Was 220px - reduce the width from 240 to 220 because of adding 20px from the padding */
  height: 600px;
  padding-left: 10px;
  padding-right: 10px;
}
#left_column:hover {
  background-color: orange;
}
.article1 {
  background-color: white; /* #FFFFED; light yellow */
  /* opacity: 0.7 */
  background:url(pix/FlaPantherAtLakeEdge_reduced.jpg) no-repeat;
  /* border:2px solid black; */
  color: black;
  /* background-size:80px 60px; */
  float: left;
  height: 600px; /* was 600px; */
  width: 720px; /* was 700px */
  padding-left: 10px;
  padding-right: 10px;
  overflow: auto;
}
article {
  height: 600px; /* was 600px; */
  width: 720px; /* was 700px */
  padding-left: 10px;
  padding-right: 10px;
  background-color: #FFFFED; /* light yellow */
  /* opacity: 0.7 */
  /* border:2px solid black; */
  /*color: black; */
  /* background-size:80px 60px; */
  float: left;
  overflow: auto;
}
.transbox {
   width:600px;
   height:360px;
   /* margin:30px 50px; */
   margin:25px 50px; /* change first back to 60 */
   background-color:#ffffff;
   border:1px solid black;
   opacity:0.7;
   filter:alpha(opacity=70); For IE8 and earlier
}
 div.transbox h1 {
   margin:30px 40px;
   font-weight:bold;
   color:#000000;
}
 div.transbox p {
   margin:30px 40px;
   font-weight:bold;
   color:#000000;
}
.announce {
   width:600px;
   height:330px; /* Change back to 360 */
   /* margin:30px 50px; */
   margin:15px 20px;
   text-size: 6px;
   background-color: #FFFFED;
   text-align: center;
   /*border:1px solid black;*/
}
.announcehome {
   width:432px;
   height:324px;
   margin:15px 135px;
   border:1px solid black;
}
article ul {
  
/* font-weight:bold; */
  font: 40px;
  color: green;
}

.aqua_hilite {
  background-color: aqua;
}

.box {
  background-color: #FFFF00;
  margin: 5px;
  padding: 5px;
  width: 680px;
  text-size: 4px;
  /* font-weight: bold; */
  border: medium inset gray;
}

footer {
  width:955px;
  height:60px;
  background-color: #87ceeb;  /* sky blue - #c6fcff; light sky blue - #87cefa; light blue */ 
  clear: both;
  padding-left: 5px;
}
.txt {
  /* text-align: right; */
  float: right;
  margin-right: 20px;
}
aside {
  background-color: #FFFFED; /* light yellow */
  height: 450px;
  width: 160px;
  text-size: 6px;
  float: right;
  padding-left: 10px;
  padding-top: 5px;
  border: medium inset gray;
}
asideDonate {
  background-color: #FFFED; /* light yellow */
  height: 90px;
  width: 165px;
  text-size:8px;
  float: right;
  padding-left: 3px;
  padding-top: 2px;
  border: medium inset gray;
  text-align: center;
}
asideDonors {
  background-color: #FFFFED; /* light yellow */
  height: 100px;
  width: 165px;
  text-size: 6px;
  float: right;
  padding-left: 3px;
  padding-top: 5px;
  border: medium inset gray;
  text-align: center;
}
a:link {
	color: #39F;
}

/* === Style classes === */
/* Highlight any span of text */
.hilite{
   background-color:yellow;
}

/* Underline any span of text */
.under{
   text-decoration: underline;
}

/* Bold Red any span of text */
.bold_red{
  color:red;
  font-weight:bold;
}
/* Red any span of text */
.red{
  color:red;
}
/* Bold Blue any span of text */
.bold_blue{
  color:blue;
  font-weight:bold;
}

/* Big Text */
.bigtext {
  text-size: 60px;
}

/* Announcement Div */
#announce {
  text-align: center;
  /* margin:30px 40px; */
  font-weight: bold;
  /* text-decoration: underline; */
}

#announce h2, h3 {
  color: red;
  text-decoration: underline;
}


#announce h4 {
  color: blue;
  text-decoration: underline;
}

/* Create raised appearance with border, rounded corners, and shadow */
/* Works with images, tables, and block elements (div, p, and headings) */
.raised{
   border:solid 1px gray;
   border-radius: 5px;
   box-shadow:5px 5px 5px gray;
}

/* Image floating to the left of neighboring text */
img.left {
   float: left;
   width: 25%;
   margin-right: 20px;
}
/* Image floating to the right of neighboring text */
img.right {
   float: right;
   width: 30%;
   margin-left: 10px;
   /* Try margin right to shift the image to the left of thr right margin */
   margin-right: 10px;
}
 figcaption {
 font: 10pt/10pt Verdana, Tahoma, Sans-serif;
 padding: 2px 4px;
 clear:both;
 }

/* Use class="centerall" in p or div to center
   all text and images inside the element
  .centerall{
  text-align:center;
  Clear any floating elements
  clear:both;
} */

/* Style rules for the PDF presentation link text */
.pdf_present {
  clear:both;
  color:blue;
  text-align:center;
  /* text-align:right; */
  text-size: 20px;
}

textarea {
  font-family: Verdana, Geneva, sans-serif;
  color: red; /* #FFF; */
  background-color: #ffffed; /* #00F; */
}
.form {
  background-color: #2c6fbb; /* Light Blue #87ceeb;sky blue #A8A8A8; light grey */
  height: 250px;
  width: 500px; /* 600px; */
  /* float: right; */
  padding-left: 10px;
  padding-top: 5px;
  border: medium inset gray;
}

/* Input for the Contacts FORM */
input {
  font-family: Verdana, Geneva, sans-serif;
  color: red; /* #FFF; */
  background-color: #ffffed; /* light yellow */
}

/* ==== Styles for links and link states. === */
/* Unvisited links */
a:link{
    color: blue; /* #0c391c; */
}
/* Visited links */
a:visited{
    color: red; /* #af4600; */
}
/* Mouse pointer on link */
a:hover{
    background-color:#bc9f81;
    color: green; /* #1e2953; */
}
/* Mouse pointer on link and left button down */
a:active{
    background-color:#1e2953;
    color:#bc9f81;
}