 /*  style sheet for Florida Kyudo Society photo galleries */

body { 
	margin: 0;	
	background-color: #666633;
	font-family: verdana, geneva, arial, sans-serif;
	}
.textbody {	
	font-family: verdana, geneva, arial, sans-serif;
	font-size: 80%;
	color: #000000;
	padding: 10px;
	background-color: #CCCC99;
	}
.tinytext {	
	font-family: verdana, geneva, arial, sans-serif;
	font-size: 10px;
	color: #CCCC99;
	padding: 0;
	margin: 0;
	}
ul { 
	list-style: square;
	line-height: 1.5em;
	}
.button {
	font-family: verdana, geneva, arial, sans-serif;
	font-size: 10px;
	background-color: #FFCC00;
	border-top:    1px solid #000000;
	border-right:  1px none  #FFCC00;
	border-bottom: 1px solid #000000;
	border-left:   1px solid #000000;
	}
td#home {
	width: 90px;
	}
td#activities { 
	width: 107px;
	}
td#society { 
	width: 106px;
	}
td#kyudo { 
	width: 107px;
	}
table#phototable { 
	clear: left;
	clear: right;
	}
.footer {	
	font-family: verdana, geneva, arial, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	padding: 10px;
	background-color: #333300;
	}
.photo {  
	padding: 10px 0 10px 0;
	}
.photosmall {  
	padding: 0 10px 0 0;
	}
.caption {	
	font-family: verdana, geneva, arial, sans-serif;
	font-size: 80%;
	text-align: left;
	color: #000000;
	padding: 10px;
	margin: 0 0 10px 0;
	border: solid #000000 1px;
	background-color: #CCCC99;
	}

td.button a 	{ display: block; margin: 0; } 
/* makes hover and hot spot encompass entire td space */


.button a:link { 
	padding: 12px 5px 12px 5px;
	background-color: #FFCC00;
	color: #333300; 
	text-decoration: none; 
	}
.button a:visited { 
	padding: 12px 5px 12px 5px;
	background-color: #FFCC00;
	color: #333300; 
	text-decoration: none; 
	}
.button a:active { 
	padding: 12px 5px 12px 5px;
	background-color: #FFCC00;
	color: #333300; 
	text-decoration: none; 
	}
.button a:hover { 
	padding: 12px 5px 12px 5px;
	background-color: #FF9900;
	color: #FFFFFF; 
	text-decoration: underline; 
	}


a:link		{ color: #333300; text-decoration: underline; }
a:visited	{ color: #333300; text-decoration: underline; }
a:active	{ color: #999900; text-decoration: none; }
a:hover		{ color: #FFFFFF; text-decoration: none;
		  background-color: #FF9900; 
		}
