html, body{	height:100%;margin: 0px;padding: 0px;
			font-family: Arial, Helvetica, sans-serif;
			color: #056839; font-size:12px;
			}
			
td 	{font-size:12px;}
			
a:link {color: #3bb54a;}
a:visited {color: #3bb54a;}
a:hover {color: #93cd8b;}
a:active {color: #93cd8b;}

p {	list-style-type: square;
	font-size: 12px;}

h4 {font-size:9px;
	font-weight:normal;
	margin:1px}
h3 {font-size:16px;
	font-style:italic;
	font-weight:bold;
	margin:1px}
h2 {font-size:23px;
	font-style:italic;
	font-weight:normal;
	margin:1px}
h1 {font-size:28px;
	font-style:italic;
	font-weight:normal;
	margin:1px}

ul, li {list-style-image: url(images/greenbullet.gif);}
table.small tr td{font-size:9px;border:1px solid #93cd8b;border-collapse:collapse;}
a.nav:link {font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
			font-weight: bold;
			text-decoration: none;
			color: #FFFFFF;}
a.nav:visited {font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
			font-weight: bold;
			text-decoration: none;
			color: #FFFFFF}
a.nav:hover  {font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
			font-weight: bold;
			text-decoration: none;
			color: #93cd8b;}
a.nav:active {font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
			font-weight: bold;
			text-decoration: none;
			color: #93cd8b;}

/*** set the width and height to match your images. Only the first section needs altering **/
#slideshow {
	position:relative;
	width:158px;
	height:237px;

}
	
#slideshow2 {
	position:relative;
	width:513px;
	height:103px;}

#slideshow3 {
	position:relative;
	width:156px;
	height:315px;}
	
#slideshow4 {
	position:relative;
	width:250px;
	height:166px;}
		
#slideshow IMG, #slideshow2 IMG, #slideshow3 IMG, #slideshow4 IMG{
	position:absolute;
	top:0;
	left:0;
	z-index:8;
	opacity:0.0;}
	
#slideshow IMG.active, #slideshow2 IMG.active, #slideshow3 IMG.active, #slideshow4 IMG.active{
    z-index:10;
    opacity:1.0;}
	
#slideshow IMG.last-active, #slideshow2 IMG.last-active, #slideshow3 IMG.last-active, #slideshow4 IMG.last-active{
    z-index:9;}

/* menu styles */
.jsddm
{	margin: 0px 0px 0px -5px ;
	padding: 0;}
/* style of first link (visible)*/
	.jsddm li
	{	float: left;
		list-style: none;
		font: 12px Arial;
		font-weight: bold}

	.jsddm li a
	{	display: block;
		background: #056839;
		padding: 3px 12px; /* adjusts spacing around dropdown*/
		text-decoration: none;
		width: 30px; /* adjusts horizontal position of first link*/
		color: #FFFFFF;
		white-space: nowrap;
		text-align:left;}

	.jsddm li a:hover /* style of main link on mouse over*/
	{	background: #056839;
		color:#93cd8b; 
		font-weight:bold;}
		
/* style of subsequest links (hidden)*/
		
		.jsddm li ul
		{
	margin: 3px -0px; /* adjusts offset of dropdown*/
	padding: 0px;
	position: absolute;
	visibility: hidden;
	}
		
			.jsddm li ul li
			{	float: none;
				display: inline}
			
			.jsddm li ul li a
			{	width: auto;
				background: #056839;
				color: #FFFFFF;
				border-top: 1px solid white;}
			
			.jsddm li ul li a:hover /* style of dropdown links on mouse over*/
			{	background: #015029;
				color:#FFFFFF}
			
			.jsddm li ul li a:visited
			{	color:#FFFFFF}