<style type="text/css">
<!--
/*Credits: Pat my own back */

body {background-image: URL ("images/bg.jpg")}
p {font:small verdana,geneva,helvetica,arial,sans-serif;}
h1 {color:#336666;font-size:2.1em;background:transparent;}
h2 {color:#006600;font-size:1.8em;background:transparent;}
h3 {color:#003366;font-size:1.5em;background:transparent;}
h4 {color:#006600;font-size:1.2em;background:transparent;}
h5 {color:green;font-size:.8em;background:transparent;}
h6 {color:blue;font-size:.6em;background:transparent;}
h7 {color:black;font-size:.3em;background:transparent;}
A:link {text-decoration: color: #FF3300;}
A:visited {text-decoration: color: #FF6666;}
A:active {text-decoration: color: #CCFF00;}
A:hover {text-decoration: underline overline; color: #660000;}
#whole{width: 950px; margin: 0 auto; background: #FFFFCC;}
#header{background: #CCCC99;height:110px;}
#header h2{margin: 0;padding-top: 15px;}
#wrapper{float: left;width: 100%;}
#column{margin-right: 220px;}
#rightside{float: left; width: 200px;margin-left: -200px; background: #CCCC99;}
#footer{clear: left;width: 100%;background:#CCCC99;color: #333;text-align: right;padding: 10px 0;}
#footer a{color: #666633;}
.inside{margin: 10px;*/margin-top: 0;}


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.arrowgreen{
	width: 180px; /*width of menu*/
	border-style: solid solid none solid;
	border-color: #94AA74;
	border-size: 1px;
	border-width: 1px;
}

.arrowgreen ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
	
.arrowgreen li a{
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	display: block;
	background: transparent url(media/arrowgreen.gif) 100% 0;
  height: 24px; /*Set to height of bg image- padding within link (ie: 32px - 4px - 4px)*/
	padding: 4px 0 4px 10px;
	line-height: 24px; /*Set line-height of bg image- padding within link (ie: 32px - 4px - 4px)*/
	text-decoration: none;
}	
	
.arrowgreen li a:link, .arrowgreen li a:visited {
	color: #5E7830;
}

.arrowgreen li a:hover{
	color: #26370A;
	background-position: 100% -32px;
}

	
.arrowgreen li a.selected{
	color: #26370A;
	background-position: 100% -64px;
}



/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.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 on hover*/
visibility: visible;
top: 0;
left: 0px; /*position where enlarged image should offset horizontally */

}

/*






-->
</style>