body {
margin: 0;
padding: 0;
background-color: #F1EEE2;
font-family: Arial, Helvetica, sans-serif;
}
#container {
margin: 0 auto;
width: 100%;
background-image:url(images/vert_nav_bkg.gif);
background-repeat:repeat-y;
}
#content {
margin: 0 20px 0 162px;
padding: 0 50px 30px 30px;
}
#masthead {
height: 131px;
}
#menunav {
float: left;
width: 162px;
}
#footer {
clear: both;
padding: 18px 0 0 0;
height: 41px;
border-top: #33CC00 solid 3px;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 75%;
line-height: 180%;
color: #005500;
background:#F1EEE2;
}
#gallery {
width: 160px;
float: right;
text-align:center;
margin: 8px;
padding: 10px;
border: #0082CF solid 1px;
background-color:#F3FCDA;
}
.photoright {
width: 200px;
float: right;
margin: 10px;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: italic;
color: #005500;
}
h1 {
color: #005500;
font-family:Arial, Helvetica, sans-serif;
font-size: 24px;
font-weight: bold;
letter-spacing: 2pt;
font-style: italic;
}
h2 {
color: #005500;
padding-top: 10px;
font-size:18px;
font-weight: bold;
font-family:Arial, Helvetica, sans-serif;
letter-spacing: 1pt;
font-style: italic;
}
h3 {
color: #005500;
font-family:Arial, Helvetica, sans-serif;
font-size: 16px;
letter-spacing: 1pt;
font-style: italic;
}
.boldcolor {
color: #005500;
font-family:Arial, Helvetica, sans-serif;
line-height: 120%;
font-weight: bold;
}

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 85%;
	line-height: 120%;
}
ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 85%;
	list-style-image:  url(images/arrow_sm.gif);
}
ol {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 85%;
}

.date {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-style: italic;
	color:#005500;
	padding:20px;
	line-height: 250%;
}
.galleryhead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	font-style: italic;
	text-align:center;
	color:#005500;
	border-bottom: 2px solid #33CC00;
	line-height: 150%;
	}

.style1 {
	color: #CCCCCC;
	font-size: x-small;
	font-style: italic;
}


a:link {color: #005500;}
a:visited{color: #0082CF;}
a:hover{color: #33CC00;}
a:active{color: #33CC00;}
a:focus{color: #33CC00;}

table {
border-collapse: collapse;
}
th, td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
}
a.footer:link {color: #005500; text-decoration:none;}
a.footer:visited{color: #005500; text-decoration:none;}
a.footer:hover{color: #005500; text-decoration:none;}
a.footer:active{color: #005500; text-decoration:none;}
a.footer:focus{color: #005500; text-decoration:none;}

/*hor nav dropdown menu*/

#dropmenudiv{
position:absolute;
font: 12px Arial;
font-weight: bold;
padding: 3px;
line-height:150%;
letter-spacing: 1pt;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid white;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
color: white;
background-color: #005500;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color: #CCFF66;
color: #005500;
font-weight: bold;
}
#horznav{
margin: 0;
height: 46px;
background-image:url(images/hor_nav_bkg.jpg);
background-repeat:repeat-x;
}
ul#horznav {
margin: 0;
padding-top: 18px;
background:none;
}
ul#horznav a {
display: block;
float: left;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
text-align: center;
color: #FFFFFF;
padding: .2em .5em .2em .2em;
height: 21px;
width: 18%;
}
ul#horznav a:hover {
color: #FFFFFF;
}
ul#horznav li {
display: inline;
list-style-image: none;
}

/* SpryCollapsiblePanel.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */


.CollapsiblePanel {
	margin: 0px;
	padding: 0px;
}

/* This is the selector for the CollapsiblePanelTab. This container houses
 * the title for the panel. This is also the container that the user clicks
 * on to open or close the panel.
 */
.CollapsiblePanelTab {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-style:italic;
	font-weight:bold;
	background-image:url(images/nav_bkg.jpg);
	background-repeat:no-repeat;
	margin: 0px;
	height: 29px;
	color: #FFFFFF;
	padding-top: 13px;
	text-align:center;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
}

/* This is the selector for a CollapsiblePanel's Content area. It's important to note that
 * you should never put any padding on the content area element if you plan to
 * use the CollapsiblePanel's open/close animations. Placing a non-zero padding on the content
 * element can cause the CollapsiblePanel to abruptly grow in height while the panels animate.
 */
.CollapsiblePanelContent {
	margin: 0px;
	padding: 0 10px 0 15px;
	color: #005500;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height: 190%;
}
a.menuhead:link {color: #FFF; text-decoration:none;}
a.menuhead:visited{color: #FFF; text-decoration:none;}
a.menuhead:hover{color: #FFF; text-decoration:none;}
a.menuhead:active{color: #FFF; text-decoration:none;}
a.menuhead:focus{color: #FFF; text-decoration:none;}

a.menu:link {color: #005500; text-decoration:none;}
a.menu:visited{color: #005500; text-decoration:none;}
a.menu:hover{color: #33CC00; text-decoration:none;}
a.menu:active{color: #33CC00; text-decoration:none;}
a.menu:focus{color: #33CC00; text-decoration:none;}

/* An anchor tag can be used inside of a CollapsiblePanelTab so that the
 * keyboard focus ring appears *inside* the tab instead of around the tab.
 * This is an example of how to make the text within the anchor tag look
 * like non-anchor (normal) text.
 */
.CollapsiblePanelTab a {
	background-color: none;
}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open. The class "CollapsiblePanelOpen" is programatically added and removed
 * from panels as the user clicks on the tabs within the CollapsiblePanel.
 */
.CollapsiblePanelOpen .CollapsiblePanelTab {
	background-color: none;

}

/* This is an example of how to change the appearance of the panel tab as the
 * mouse hovers over it. The class "CollapsiblePanelTabHover" is programatically added
 * and removed from panel tab containers as the mouse enters and exits the tab container.
 */
.CollapsiblePanelTabHover,  .CollapsiblePanelOpen .CollapsiblePanelTabHover {
	background-color: none;

}

/* This is an example of how to change the appearance of all the panel tabs when the
 * CollapsiblePanel has focus. The "CollapsiblePanelFocused" class is programatically added and removed
 * whenever the CollapsiblePanel gains or loses keyboard focus.
 */
.CollapsiblePanelFocused .CollapsiblePanelTab {
	background-color: none;

}