@import url('http://www.tampaaudubon.org/index.html');
/* set all defaults ; */
* {
	margin: 0;
	padding: 0;
	font:100%/1.5 Trebuchet, Arial, Helvetica, sans-serif;
	text-transform: capitalize;
}

iframe {
  display:block;
  margin: .5em auto;
}

/* basic image classes */
body {
	background-color: #FFFFFF;
	/*background-image: url(images/watermark.png); background-position: 0 10%; background-attachment: fixed;*/
}

.sup {
  font-size: 90%;
  vertical-align:top
}
em {
  font-style: italic;
}

.left {
  float:left;
  margin: .75em
}
.right {
  float:right;
  margin: .75em
}

.small-margin {
  margin: .3em;
}

a img {
  border: medium ridge red;
} /*default border for hyperlinked images */
#header a img, #index-page a img {
  border: 0;
} /* overide above rules for index page and header, we don't want deafualt borders there */
#index-page a {
  text-decoration: none;
} /*fix IE bug. */

/* letter style (letter from somebody inserted in web page */
.letter {
  border: thin dashed gray;
  padding: .5em;
  margin:1em;
  background-color: white;
}

.content_group {
	/* content that needs to stand out a little bit from the rest of the page */
  border: 1px;
	margin: 1em;
	background-color: white;
	border-bottom-color: #FFFFFF;
} 

/* main page buttons */

#index-page div#content img { 
	margin: 0.75em; 
	border: medium solid #363;
}

/* some defaults */
	
p {
  font-family: arial, sans-serif;
	text-transform: none;
	font-weight: normal;
	padding-left: 1em;
	padding-right: 1em;
	padding-top: .5em;
	padding-bottom: .5em;
  font-size: 80%;   
}
   

/* photo credits (override) */
p.credit { 
  padding-top: 0;
  margin-top: 0;
  font-style: italic;
  font-size: 70%;
}

dl, ul, ol {
	padding-top: .5em;
	padding-bottom: .5em;
	padding-left: .5em;
} 
	
ul.no-bullet {
  list-style: none;
}
	
dl { font-size: 80%;
}
dd {
	padding-top: 0;
	padding-bottom: .2em;
	text-indent: 2em;
}
dt {
  font-weight: bold;
}

#contact dd{
	padding-bottom: .7em;
}

li{
	font-family: trebuchet, arial, helvetica, sans-serif;
	font-size: 80%;
	font-weight: bold;
	margin-left: 2em;
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 0px;
	padding-bottom: .2em;
	color: #066;
	text-align: left;
}

h1 {
	font-family: trebuchet, arial, helvetica, sans-serif;
	font-size: 150%;
	font-weight: bold;
	line-height: 1.2;
	padding-left: 0px;
	padding-top: .2em;
	margin: 0;
	color: #fff;
	text-align:center;
	background-color:#363;
	border-bottom: medium groove;
}

h2 {
  font-family: trebuchet, arial, helvetica, sans-serif;
	font-size: 100%;
	font-weight: bolder;
	padding-left: 1em;
	padding-top: 0;
	padding-bottom: 0;
	color: #363;
	background-color: silver;
	border: thin solid #696;
	margin: 0;
	text-transform: none;
}
   
h3{ 
  font-family: trebuchet, arial, helvetica, sans-serif;
  font-size: 100% ;
  padding-left: 1em;
  padding-top: 1em;
  padding-bottom: .3em;
  margin: 0;
  color: #363; 
  text-align: left;
  text-transform: none;
}
            
h4 { padding: .5em;
	margin: .5em .5em 0 .5em;
	border: thin dashed gray;
	background-color: white;
	text-transform: none;
}

h5 {
  font-family: trebuchet, arial, helvetica, sans-serif;
  font-size: 100% ;
  font-weight: bolder;
  padding-bottom: .3em;
  margin: 0; 
  text-align: center;
  text-transform: none;
}

a {
  font-family: trebuchet, arial, helvetica, sans-serif;
  font-size: 100% ;
  font-weight: normal;
  text-decoration: underline;
  color: #a33; 
}

/* whole page container */	
#container {
	/* The frozen style */
	margin: .5em auto;
	width: 50em;
	background-color: #FFFFFF;
}

#header { /* needed? */
	text-align: center;
}
 
#header img, #header a {
  display: block;
}

#main {
	background-color:white
}

/* Navigation Menu */
#menu {	
  font-family: arial, trebuchet, helvetica, sans-serif;
	width: 10em; 
	height: 100%;
	border-right: 1px solid black; 
	float: left;
}

#menu ul {
	list-style: none; 
	height: 100%; 
	border-bottom: 1px solid #363;
	background-color: #ace;
	/*override defualts set earlier */
	margin-top: 0;
	padding-top: 0;
	padding-bottom: 0; 
	padding-left: 0;
}

#menu li {
	padding: .5em;
	margin-bottom: 1px;
	border-left: 1em solid #25b;
	border-right: 1em solid #58b;
	background-color: #363;
	color: white;
	margin-left: 0;
}
#menu a, #menu a:visited, #menu a:active { 
	display: block; /* crucial, causes links to fill whole box */
	width: 100%; 
	color: white; 
	text-decoration: none; 
	line-height: 1em;
}
	
#menu li:hover, #menu li#current {
	padding: 0.5em;
	border-left: 1em solid #26c;
	border-right: 1em solid #69d;
	background-color: #141;
	color: white;
}
/* End Navigation Menu ---------------------- */


#content {
	text-transform: none;
	width: 40em;
	height: 100%;
	border-left: thin groove white;
	background-color: #FFFFFF;
	margin-left: 10em;  /* leave room for menu */
}

#footer {
	width: 800px; 
	background-color:#25b; 
	text-align: center;
	text-transform: none;
	padding: .2em;
	color: #fff;
	clear: both;
}
	
#copyright {
   font-family: trebuchet, arial, helvetica, sans-serif;
   font-size: 60%;
   font-weight: normal;
   line-height: 1.2;
   text-align:center;
}

.notice {
	margin: .5em auto;
	width: 22em;
	border: thick solid red;
	background-color: white;
	overflow: hidden;
}

.notice p {
  padding: 0;
}
	
.center {
  margin: .5em auto;
  text-align:center;
}

.fine_print {
	background-color: #eef; 
	border: 1px dashed gray;
}
	
.fine_print p{ /* for boilerplate text/disclaimer */
   font-family: trebuchet, arial, helvetica, sans-serif;
   font-size: 60%;
   line-height: 1.2;
   font-weight: normal;
   padding-left: .5em;
   padding-right: .5em;
   padding-bottom: .5em;
   color: #036; 
}

.answer {  /* faq page */
	border-width: 0 .2em .2em .2em;
	margin: 0 1em 1em 1em;
	border-style: ridge;
	border-color: black;
	background-color: #eef;
}

.arial  {
  font-family: Arial, sans_serif;
  font-size: 90%;
}
  
.comic {
  font-family: "Comic Sans MS", sans-serif;
  font-size: 14pt;
}

.mailing-address {
	text-align:center;
	font-weight: bold;
}
	
#trips-cal p {
  padding-bottom: 1em;
}
#trips-cal strong {
  font-size: 1.2em; padding: .25em;
}
#trips-cal img {
  padding:.25em;
  margin:.25em;
  border: thin dashed gray;
  background-color: white;
}

/* --------Photos with Credits--------------- */
/*Where did I get this from ?? */
.image {
	float:left;
}
.image-rt {
	float:right;
}

dl.image dt, dl.image-rt dt {
	display : block;
	list-style-type : none;
	margin: 0ex 0ex 0ex 5ex;
	border : none ;
	padding : 0 ;
}
dl.image, dl.image-rt {
  margin : 0 ;
  border : none ;
  padding : 0 1.2em ;
  text-align : left ;
}

dl.image dt img, dl.image-rt dt img {
	display : block;
	border : 1px dotted #38abc8;
	padding : 6pt;
	color: #004080;
	background : #eee;
	margin: 0ex 0ex 0ex 5ex;
}
dl.image dd, dl.image-rt dd {
  margin : 0 ;
  border : none ;
  padding : 1ex 1ex 0 1ex ;
  font-size : 80% ;
  font-style : italic ;
  color : #363 ;
}

/* ---------End photos with Credits--------- */


/* supporters page */    
#support td {
  font-family: trebuchet, arial, helvetica, sans-serif;
	font-size: 10pt;
}

#sponsors {
  width: 624px;
  border: 1px solid black;
  padding: 0px;
  margin: 0 auto;
  border-collapse: collapse;
}
#sponsors td {
  text-align:center;
  border: thin dotted gray;
}

strong, .strong{
	font-family: trebuchet, arial, helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
	padding-left: 0px;
	color: #036;
}