body { background: #fff; color: #000; font: 100.1%  "Century Gothic", Arial, Helvetica, sans-serif; border: 0; margin: 0; padding: 0;}

p, li, a { font-size: 90%; }

a, a:visited { color: #000; font-weight: bold; text-decoration: none; }
a:active, a:hover { color: #c78d00; font-weight: bold; text-decoration: underline; }

h1, h2, h3  {font-family: "Maiandra GD", tahoma, Arial, Helvetica, sans-serif; text-align:left; margin: 0;}
h1 {font-size: 140%; line-height: 2; text-align:center; margin-left: 0;}
h2 {font-size: 130%; padding-top: 1em;}
h3 {font-size: 120%; clear:right;}
h4 {font-size: 110%; clear:right;}

#header {background: url(graphics/logo2009.gif) right no-repeat; width: 100%; height: 200px;}

#header h6 {float: left; width: 320px; margin: 30px 0 0 0; font-size: 120%;/*color: #c78d00;  font-weight: bold; text-align:left; font-family:"Tempus Sans ITC", "Comic Sans MS" */ }

#main { width: 760px; margin: 0 auto; border: 0; 
 color: ##333333; }

#foottable {
	width: 760px; margin: 0 auto; border: 0;
}

#content { width: 760px; padding: 0; clear:both;}

#content li {
	margin-left: 1em;
}

.birdlist {clear: both;}
.birdlist ul {
list-style-image:url(graphics/sb.gif); clear:both;
}
.birdlist p { font-weight: bold;}


/*=========================================================================================*/
/*Suckerfish vertical menu from http://www.htmldog.com/articles/suckerfish/dropdowns/example/vertical.html*/

#menuwrap {width: 100%; background-color: #000000; color: #fff;}

/*show the elephant at the top of the menu div */
#mainmenu {font-family:  "Maiandra GD", Garamond, Arial, Helvetica, sans-serif; display: block; 
width: 256px; float:left; margin: 0;  border: 0; padding: 20px 0pt 20px;  font-size: 140%;
color: #fff; background: #000; text-align:center; }
/*start the menu under the elephant*/
#mainmenu > ul {margin: 0; padding: 0; border: 0;  }

#nav, #nav ul { /* all lists */
padding: 20px 0;		margin: 0;		list-style: none;		float : left;		width : 256px;		border: 0;	}
	
#nav li { /* all list items */
position : relative;	float : left;	line-height : 1.4;	margin: 0; width: 256px; padding: 0;
list-style:none; border: 0; border-left: 0 solid #000;	 }

#mainmenu li:hover {border-left: 0 solid #c78d00;}
	
#nav li ul { /* second-level lists */
position : absolute;		left: -999em;		margin-left : 254px; 	margin-top : -40px;	 width: 256px; w\idth: 256px;
color: #fff; background-color: #000; }
	
#nav li ul ul { /* third-and-above-level lists */
left: -999em;	}
	
#nav li a {
width: 256px;	w\idth: 256px;	display: block;	font-weight: bold;	text-decoration : none;		
		border: 0;		padding: 0;	color: #fff; background-color: #000;}
		
#nav li li, #nav li li a { /*make the second level menu wider*/
width: 256px; w\idth: 256px; color: #fff; background-color: #000;
}		
	
#nav li a:hover {
color : #c78d00;		background-color : #000;  text-decoration: underline; }
	
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
left: -999em;	}
	
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
		left: auto;	}
	

/*=========================================================================================*/
/*end of Suckerfish vertical menu*/



.albumtable { background: #FFFF99; font: medium Arial, Helvetica, sans-serif; }


.intro { display: block; font: 70% Verdana, Arial, Helvetica, sans-serif; margin: 1em;}
.link { font-size: 14pt; font-style: italic; font-weight: bold; }

img {display: block; float: left; margin: 0 10px 10px 0; border: 0; background-color:#000000; padding: 20px;}
img.imgright {display: block; float: right; margin: 0 0 10px 10px;}
img.imgcenter {display: block; clear: both; float: none; margin: 10px auto;}
img.logo {display: block; border: 0; padding: 0; margin: 0; float:right;}

#phpmyvisites img {border: 0; padding: 0;}

img.nude {border: 0; padding: 0;}

img.pair {
	margin: 0 0 1em 33px;
}

#menuwrap img {display: block; clear: none; float: right; margin: 0; padding: 20px;}

.pclear {clear: both}

p.conde {text-align: center; color:#FF0000; width: 260px; margin: 0; }

.caption {  font-size: 80%;  }


.gibbs {text-transform:uppercase; font-family: "Maiandra GD", tahoma, Arial, Helvetica, sans-serif;}
#mainmenu .gibbs {font-size: 80%; }

.textbox {
	width: 300px; display: block;  float: right; padding-left: 10px; border: 1px solid #660000; margin: 0 0 1em 1em;
}

.picwrap {background-color: #000000; width: 100%; margin: 0; padding: 2em 0 0 0; border: 0;}


p.picbox, p.picboxr
{display: block;  margin: 0 0 1em 0; padding: 0; width: 352px; /*assumes image is 352 */
text-align: center; font: italic 80%  Verdana, Arial, Helvetica, sans-serif; background: #000000; }
p.picbox {float: left; margin: 0 0 1em 13px ;}
p.picboxr {float: right; margin-left: 1em; clear: right;}
p.picbox img, p.picboxr img {float: none; margin: 0px auto 5px auto; }

/*set width of pic box with style="width: nn" */


.grid {
border-spacing:0;
display:table;
background-color:#000000;
width: 760px;
margin: 0 auto 20px;
clear: both;
}

.whitegrid {
border-spacing:0;
display:table;
background-color:#ffffff;
width: 760px;
margin: 0 auto 20px;
clear: both;
}

.row {
display:table-row;
}
.cell {
width: 230px;
padding: 10px;
display:table-cell;
text-align:center;
vertical-align:top;
color: #FFFFFF;
}

.cellleft {padding: 19px 9px 19px 19px;
display:table-cell; text-align:center; vertical-align:top; color: #FFFFFF; }

.cellmid {padding: 19px 9px 19px 9px;
display:table-cell; text-align:center; vertical-align:top; color: #FFFFFF; }

.cellright {padding: 19px 19px 19px 9px;
display:table-cell; text-align:center; vertical-align:top; color: #FFFFFF; }

.celltopleft {padding: 19px 9px 9px 19px;
display:table-cell; text-align:center; vertical-align:top; color: #FFFFFF; }

.celltopright {padding: 19px 19px 9px 9px;
display:table-cell; text-align:center; vertical-align:top; color: #FFFFFF; }

.cellmidleft {padding: 9px 9px 9px 19px;
display:table-cell; text-align:center; vertical-align:top; color: #FFFFFF; }

.cellmidright {padding: 9px 19px 9px 9px;
display:table-cell; text-align:center; vertical-align:top; color: #FFFFFF; }

.cellbotleft {padding: 9px 9px 19px 19px;
display:table-cell; text-align:center; vertical-align:top; color: #FFFFFF; }

.cellbotright {padding: 9px 19px 19px 9px;
display:table-cell; text-align:center; vertical-align:top; color: #FFFFFF; }

.grid img {border: 0; padding: 0; margin: 0 auto; float: none;}

.grid2 {
margin-top: 0;
border-spacing:0;
display:table;
background-color:##FFFFFF;
width: 100%;
}
.grid2 .cell {color: #000000; font-size: 90%; padding: 0 20px 0 7px;}
.grid2 .cell h3 {text-align:center; padding-top: 10px;}
.grid2 .cell img {border: 20px solid black; padding: 0; margin: 20px auto; float: none;}


.distancetable {
	width: 95%;
	clear: both;
	margin: 1em auto;
	border: 0;

}
table.distancetable td {
		vertical-align: top;
	font-size: 90%;
}

/*=========================================================================================*/
/* Styles for the gallery section */
/* these styles from http://accessat.c-net.us/test/gallery2.html */
/* gallery-specific styles */
/* gallery container */
#album ul li {	font-size: 80%; font-weight: bolder;}
#album p {	font-size: 80%; font-weight: bolder; color:#FFFFFF; background-color:#000000;}
#album a {color:#FFFFFF; background-color:#000000;}
#album h2 {color:#FFFFFF; background-color:#000000;}


.gallery {	text-align: center;    /* centers inline paragraphs */
	margin: 1em auto 1em 1em;		border: 0 solid #660000;	padding: .5em;}
.gallery a {	text-decoration: none;}
.gallery a img {	border-width: 1px;	vertical-align: top; /* was middle */}
/* outer container for each image/caption pair */
.gallery p {	display: inline; font-size: 80%;}
.gallery ul li {	font-size: 80%; font-weight: bolder;}
/* For the <a> container, the best default display value is inline-table, but browser support isn't very good. Opera versions 6 and earlier totally mangle anything except display:table-cell, so that is set by default and the preferred display values are at the end of this stylesheet, within hacks that hide them from those Opera versions. No other browsers tested seemed to have any trouble with setting the different display values within a single rule. */

/* inner container for each image/caption pair */
.gallery a {
	display: table-cell;   /* default, for gecko & Opera6- */
	margin: .5em;
	padding: 5px;
	vertical-align: top;   /* aligns the img/caption container */
	width: 200px;            /* adjusts with text size - adjusted by dm - intitially 8em*/
	min-width: 110px;      /* not always honored, but that's OK */
	border: 0;
}
/* image container, sets height so image can be vertically centered and the caption starts in the same vertical position regardless of image height, except WinIE does not apply line-height to images. oh well, most other browsers do... */
.gallery span {
	display: block;        /* fill container width, force a line break */
	min-height: 150px;         /* a bit larger than highest img */
	line-height: 150px;    /* same value as height */
	text-align: center;
/*	border: 1px dashed #f00; /* uncomment to show */
}
/* caption container, sets height (for 2 lines) so each outlined image/caption pair is the same height (except in WinIE) */
.gallery i {
	display: block;
	min-height: 1em;         /* makes each box a consistent height */
	padding: 5px 5px 0 5px;
	text-align: center;
	font-size: 80%;
	font-style: normal;
	line-height: 120%;     /* standard spacing */
/*	border: 1px dashed #00f; /* uncomment to show */
}
/* Owen hack, hides from WinIE, Opera versions 6- & some KHTML */
head:first-child+body .gallery a {
	display: table-cell;   /* gecko & Opera6- */
	display: inline-table; /* Safari & some other browsers */
	display: inline-block; /* WinIE & some other browsers */
}
/* star-html hack to show <a> rule(s) just to IE (Win and Mac) */
* html .gallery a {
	display: table-cell;   /* gecko & Opera6- */
	display: inline-table; /* Safari & some other browsers */
	display: inline-block; /* WinIE & some other browsers */
}
/* image is not clickable in WinIE with display:block :( \*/
* html .gallery span {
	display: inline;
}
* html .gallery a:hover i {
	cursor: hand; /* otherwise cursor doesn't change over block <i> */
} /* end WinIE hacks */

* html .gallery {width: 95%; }
/* end hacks */


div.imagewrap {display: block; width: 464px; text-align:center; float: right;}

#menuwrap .imagewrap img {display: block; clear: none; float: none; margin: 0; padding: 20px;}


#print_banner {display: none;}

@media print {
#print_banner {display: block;}
#mainmenu {display: none;}
#footer {display: none;}
img.manyara {display: none; }
img.panorama {display: none; }
#main { width: 95%; margin: 0 auto; border:0; background: #FFFFFF; color: #000000; }
.noprint {display: none;}



}