/* these are styles used throughout the site pages */ 

body {margin: 0px; padding: 0; text-align: center; background-repeat: no-repeat;}

/* Always use these styles for new code*/ 
.header{   	/* Used for almost all headers - may be made larger in special instances by  a local style */
	font-family :Verdana,Helvetica, Arial, sans-serif; font-size : 12px;  font-weight:bold; color : #a84a19; 
	}
	
.general{	/* used for almost all general text */  
	font-family :Trebuchet MS,Verdana,Helvetica, Arial, sans-serif; font-size : 11px; color : #46472f; 
	}
.brickred {	/* used for special purpose highlighting */
	font-family : Verdana,Helvetica, Arial, sans-serif; font-size:inherit ; font-style:inherit;  color : #800000; 
	}
	
.birdorders { /* used only in the Complete Bird Inventory page */
	font-family : Verdana,Helvetica, Arial, sans-serif; font-size : 12px; font-weight:bold; color : 6f2c09; background-color: #d0b050; 
	}
	
.tourfont { /* Used only on the selfguided tour */
	font-family :Trebuchet MS,Verdana,Helvetica, Arial, sans-serif; font-size : 16px; color : 46472f; 
	}
	
.updated { /* controls attributes for the last-updated-on line at the bottom of each page */
				border-style : hidden; 
 				width : 795px; 
				background : #FFFFFF;
				border-left : solid 1px #a0ad72; 
				border-right : solid 1px #a0ad72 ;			
				font-family :Trebuchet MS,Verdana,Helvetica, Arial, sans-serif; 
				font-size : 11px; 
				color : #000000;				
			}
	

a:link { /* attributes for link color and size */
	font-family :Trebuchet MS,Verdana,Helvetica, Arial, sans-serif; font-size:inherit ; color : #46472f; 
	}
a:visited { font-family :Trebuchet MS,Verdana,Helvetica, Arial, sans-serif; font-size:inherit ; color : #46472f; 
	}
a:hover, a:active { font-family :Trebuchet MS,Verdana,Helvetica, Arial, sans-serif; font-size:inherit ; color : #46472f; 
	}
		
.site_background { background-color: #b9c7c0;} 			/* the color BEHIND the background image */
.aliceblue_background { background-color: #7ba7cb;}  	/* was about_background */
.olive_background { background-color: #cccc66;} 		/* was conservation_background */
.goldenrod_background {background-color: #e6ca67;} 		/* was meadow_background and involved_background*/
.slate_background {background-color: #8ab0b2;}   		/* was news_background */
.tour_background  {background-color: #e6ca67;} 			
.error_field_background {background-color: #FFFFCC; 
	font-family :Trebuchet MS,Verdana,Helvetica, Arial, sans-serif; 
	font-size : 11px; 
	color : 46472f; }

.content    {
				border-style : hidden; 
 				width : 795px; 				
				border-left : solid 1px #a0ad72; 
				border-right : solid 1px #a0ad72 ;			
			}


.contactinfo { /* controls attributes for the ucontact info portion of the footer */
				border-style : hidden; 
 				width : 795px; 
				background : #CCCCFF;
				border-left : solid 1px #a0ad72; 
				border-right : solid 1px #a0ad72 ;	
				border-bottom : solid 1px #a0ad72 ;				
				font-family :Trebuchet MS,Verdana,Helvetica, Arial, sans-serif; 
				font-size : 11px; 
				color : #566a47;

			}

.outertable { /* attributes of the outer table (which is completely covered up - it's just a white page under everything */
				border-style : hidden; 
				background: red;
 				width : 795px; 
				background : #FFFFFF;
			 }


/* Legacy styles that should be weeded out
.bodycopy {font-family :Trebuchet MS,Verdana,Helvetica, Arial, sans-serif; font-size : 12px; color : #FFFFFF; }
.involvedcopy {font-family :Trebuchet MS,Verdana,Helvetica, Arial, sans-serif; font-size : 11px; color : 0a3c66; }
.involvedcolor1 {background-color: b3a968;} /* Against Background color b7af71 
.nav {font-family : Verdana,Helvetica, Arial, sans-serif; text-decoration : none; font-size : 10px; color: #FFFFFF; }
.navdropdown {font-family : Verdana,Helvetica, Arial, sans-serif; text-decoration:none; font-size : 10px; color: #FFFFFF; margin-right: 15;}
.homepg{font-family :Trebuchet MS,Verdana,Helvetica, Arial, sans-serif; font-size : 11px; color : FFFFFF; }
.homepgmission{font-family :Verdana,Helvetica, Arial, sans-serif; font-size : 12px;  font-weight:bold; color : a84a19; }
.homepgmission2{font-family :Trebuchet MS,Verdana,Helvetica, Arial, sans-serif; font-size : 11px; color : 9f4a1b; }
.homepgnews{font-family :Trebuchet MS,Verdana,Helvetica, Arial, sans-serif; font-size : 11px; color : 46472f; }
.orienteering{font-family :Trebuchet MS,Verdana,Helvetica, Arial, sans-serif; font-size : 11px; color : 46472f; }
.footer{font-family :Trebuchet MS,Verdana,Helvetica, Arial, sans-serif; font-size : 11px; color : 566a47;}
.header2 {font-family : Verdana,Helvetica, Arial, sans-serif; font-size : 12px; font-weight:bold; color : 094476; }
.needheader{font-family : Verdana,Helvetica, Arial, sans-serif; font-size : 12px; font-weight:bold; color : 46472f; }
.meadowheader{font-family : Verdana,Helvetica, Arial, sans-serif; font-size : 12px; font-weight:bold; color : 6f2c09; }
.subheader {font-family : Verdana,Helvetica, Arial, sans-serif; font-size : 12px; font-weight:bold; color : 46626E; }
.birdorders {font-family : Verdana,Helvetica, Arial, sans-serif; font-size : 12px; font-weight:bold; color : 6f2c09;
				background-color: #d0b050; }

.tourfont {font-family :Trebuchet MS,Verdana,Helvetica, Arial, sans-serif; font-size : 16px; color : 46472f; }
*/



.logotable   { /* Controls attributes for the Connemara Logo Table*/
				border-style : hidden; 
 				width : 795px; 
				background : #FFFFFF;
				border-left : solid 1px #a0ad72; 
				border-right : solid 1px #a0ad72 ;
				border-top : solid 1px #a0ad72 ;
			 }


			
		

/*
.innercell {
			 padding-top: 20px; 
			 padding-left:25px; 
			 padding-right:10px
           }
*/


/*
#calendar { 
float: left;
width: 795;
background-color: #e6ca67;
margin-left: 0%;
}
*/

/*=======================================================================================
    Begin photo rollover code using <a> tag and in place location for rollover image 
        See  http://randsco.com/_miscPgs/cssZoom06.html for more info

        More succinct CSS selectors can be used, but I've included the <div> and <span> & 
		   fully qualified each selector so that it is easier to determine the formatting applied to each element.
        MSIE6 needs 'something' in the zoom <div> on hover. Don't ask me why, it just won't 'pop' the image without it.
        The "inner" <span> was added so that its padding would not 'push out' on the caption <span>, which avoids what I believe is the "IE box model" problem.
        If you look at the code on THIS page, there are three extra lines of formatting to override the a:hover highlight boxes on this page.


/*=======================================================================================*/

div.zoom 
{ 
	float:right;
    margin:0px 0px 5px 10px; 
}

div.zoom img /* thumbnail width */
{ 
	width:170px;  
    border:none; 
}

div.zoom span.caption 
{
    display:none; 
	text-decoration: none;
}

div.zoom a:hover { padding:0px; } /* IE needs this in the above selector */

div.zoom a:hover img /* popup width */
{ 
	width:500px;  
	color:#D31988;
	background-color:#F4EEFE;
	border: 2px solid silver;
}

div.zoom a:hover span.caption 
{ 
	width:500px;
    display:block;
    font-family:verdana,sans-serif;
    text-align:justify;
    font-size:8pt;
    color:#339; 
	background-color:#F4EEFE;
	border: 2px solid silver;
}

div.zoom a:hover span.inner 
{ 
	display:block;
    padding:2px 5px; 
	text-decoration: none;
}
    /* above used to avoid the IE box model hack */

/* End Photo Zoom CSS */

/*=======================================================================================
    Begin photo rollover code using lists and a fixed location for rollover image 
    see http://www.pziecina.com/design/turorial_demos/css_rollover_text.php for more info 
 =======================================================================================*/

#rollover li {  /* remove the <li> bullet */
	list-style:none;
}	

#rollover li a {
	text-decoration:none;
	border: none;
}

#rollover li a span { /* Define what happens in the rollover <span> ... </span> */ 
	visibility:hidden;
	display:block;
	position: absolute;
	left:30%; /**adjust disjointed text position in % or px as needed**/
	top:20%;
	color:#D31988;
	background-color:#F4EEFE;
	border: 2px solid silver;
	padding: 5px;
}

#rollover li a:hover span, #rollover li a:active span, #rollover li a:focus span {
	visibility:visible;
	border: none;
}	

/* End photo rollover code */

.imagegallery{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 230px; /*position where enlarged image should offset horizontally */
z-index: 50;
}