@charset "utf-8";
body  {
	font: 12px Arial, Helvetica, sans-serif;
	background: #fff;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #333;
}

.sitelayout {
	padding: 0;
	margin: 0;
}

th {
	font: 12px Arial, Helvetica, sans-serif;
	background: #fff;
	margin: 0;
	padding: 0;
	text-align: left;
	color: #333;
}

/************* container *************/

.sitelayout #container {
	width: 960px;
	background: #fff;
	margin: 0 auto;
	text-align: left;
	background: url(../images/img_faded-flower-lft-bk.jpg) bottom left no-repeat;
	background-position: bottom left;
}

.sitelayout #containerNoFlwr {
	width: 960px;
	background: 000;
	margin: 0 auto;
	text-align: left;
}

/************* header *************/

.sitelayout #header {
	background: 000;
	padding: 0 10px 0 20px;
	margin: 0;
	height: 150px;
}

.sitelayout #header h1 {
	margin: 000;
	padding: 10px 0;
	visibility: hidden;
}

/************* sidebar top *************/

.sitelayout #sidebar {
	float: left;
	width: 140px;
	height: 560px;
	background: #fff;
	margin: 30px 0 0 0;
	padding: 0 25px 0 0;
	background: url(../images/img_sidebar-bg.gif) no-repeat;
}

.sitelayout #sidebarTopNav {
	float: left;
	margin: 0;
	padding: 0;
}

.sitelayout #sidebarTopNav a.home {
	float:right;
	display:block;
	width:135px;
	height:17px;
	margin: 0;
	text-indent:-9999px;
	font-size:1px;
	overflow:hidden;
	background:url(../images/but_home.gif) no-repeat;
}

.sitelayout #sidebarTopNav a:hover.home {
	float:right;
	display:block;
	width:135px;
	height:17px;
	margin: 0;
	text-indent:-9999px;
	font-size:1px;
	overflow:hidden;
	background:url(../images/but_home-active.gif) no-repeat;
}

.sitelayout #sidebarTopNav a.patrons {
	float:right;
	display:block;
	width:135px;
	height:17px;
	margin: 10px 0 0 0;
	text-indent:-9999px;
	font-size:1px;
	overflow:hidden;
	background:url(../images/but_patrons.gif) no-repeat;
}

.sitelayout #sidebarTopNav a:hover.patrons {
	float:right;
	display:block;
	width:135px;
	height:17px;
	margin: 10px 0 0 0;
	text-indent:-9999px;
	font-size:1px;
	overflow:hidden;
	background:url(../images/but_patrons-active.gif) no-repeat;
}

.sitelayout #sidebarTopNav a.research {
	float:right;
	display:block;
	width:135px;
	height:17px;
	margin: 10px 0 0 0;
	text-indent:-9999px;
	font-size:1px;
	overflow:hidden;
	background:url(../images/but_research.gif) no-repeat;
}

.sitelayout #sidebarTopNav a:hover.research {
	float:right;
	display:block;
	width:135px;
	height:17px;
	margin: 10px 0 0 0;
	text-indent:-9999px;
	font-size:1px;
	overflow:hidden;
	background:url(../images/but_research-active.gif) no-repeat;
}

.sitelayout #sidebarTopNav a.schools {
	float:right;
	display:block;
	width:135px;
	height:17px;
	margin: 10px 0 0 0;
	text-indent:-9999px;
	font-size:1px;
	overflow:hidden;
	background:url(../images/but_schools.gif) no-repeat;
}

.sitelayout #sidebarTopNav a:hover.schools {
	float:right;
	display:block;
	width:135px;
	height:17px;
	margin: 10px 0 0 0;
	text-indent:-9999px;
	font-size:1px;
	overflow:hidden;
	background:url(../images/but_schools-active.gif) no-repeat;
}

.sitelayout #sidebarTopNav a.conservation {
	float:right;
	display:block;
	width:135px;
	height:17px;
	margin: 10px 0 0 0;
	text-indent:-9999px;
	font-size:1px;
	overflow:hidden;
	background:url(../images/but_conservation.gif) no-repeat;
}

.sitelayout #sidebarTopNav a:hover.conservation {
	float:right;
	display:block;
	width:135px;
	height:17px;
	margin: 10px 0 0 0;
	text-indent:-9999px;
	font-size:1px;
	overflow:hidden;
	background:url(../images/but_conservation-active.gif) no-repeat;
}

.sitelayout #sidebarTopNav a.events {
	float:right;
	display:block;
	width:135px;
	height:17px;
	margin: 10px 0 0 0;
	text-indent:-9999px;
	font-size:1px;
	overflow:hidden;
	background:url(../images/but_events.gif) no-repeat;
}

.sitelayout #sidebarTopNav a:hover.events {
	float:right;
	display:block;
	width:135px;
	height:17px;
	margin: 10px 0 0 0;
	text-indent:-9999px;
	font-size:1px;
	overflow:hidden;
	background:url(../images/but_events-active.gif) no-repeat;
}

.sitelayout #sidebarTopNav a.membership {
	float:right;
	display:block;
	width:135px;
	height:17px;
	margin: 10px 0 0 0;
	text-indent:-9999px;
	font-size:1px;
	overflow:hidden;
	background:url(../images/but_membership.gif) no-repeat;
}

.sitelayout #sidebarTopNav a:hover.membership {
	float:right;
	display:block;
	width:135px;
	height:17px;
	margin: 10px 0 0 0;
	text-indent:-9999px;
	font-size:1px;
	overflow:hidden;
	background:url(../images/but_membership-active.gif) no-repeat;
}

.sitelayout #sidebarTopNav a.publications {
	float:right;
	display:block;
	width:135px;
	height:17px;
	margin: 10px 0 0 0;
	text-indent:-9999px;
	font-size:1px;
	overflow:hidden;
	background:url(../images/but_publications.gif) no-repeat;
}

.sitelayout #sidebarTopNav a:hover.publications {
	float:right;
	display:block;
	width:135px;
	height:17px;
	margin: 10px 0 0 0;
	text-indent:-9999px;
	font-size:1px;
	overflow:hidden;
	background:url(../images/but_publications-active.gif) no-repeat;
}

.sitelayout #sidebarTopNav a.contact {
	float:right;
	display:block;
	width:135px;
	height:17px;
	margin: 10px 0 0 0;
	text-indent:-9999px;
	font-size:1px;
	overflow:hidden;
	background:url(../images/but_contact.gif) no-repeat;
}

.sitelayout #sidebarTopNav a:hover.contact {
	float:right;
	display:block;
	width:135px;
	height:17px;
	margin: 10px 0 0 0;
	text-indent:-9999px;
	font-size:1px;
	overflow:hidden;
	background:url(../images/but_contact-active.gif) no-repeat;
}

.sitelayout #sidebarTopNav a.links {
	float:right;
	display:block;
	width:135px;
	height:17px;
	margin: 10px 0 0 0;
	text-indent:-9999px;
	font-size:1px;
	overflow:hidden;
	background:url(../images/but_links.gif) no-repeat;
}

.sitelayout #sidebarTopNav a:hover.links {
	float:right;
	display:block;
	width:135px;
	height:17px;
	margin: 10px 0 0 0;
	text-indent:-9999px;
	font-size:1px;
	overflow:hidden;
	background:url(../images/but_links-active.gif) no-repeat;
}

.sitelayout #sidebarTopNav a.members {
	float:right;
	display:block;
	width:135px;
	height:17px;
	margin: 10px 0 0 0;
	text-indent:-9999px;
	font-size:1px;
	overflow:hidden;
	background:url(../images/but_members.gif) no-repeat;
}

.sitelayout #sidebarTopNav a:hover.members {
	float:right;
	display:block;
	width:135px;
	height:17px;
	margin: 10px 0 0 0;
	text-indent:-9999px;
	font-size:1px;
	overflow:hidden;
	background:url(../images/but_members-active.gif) no-repeat;
}

/************* sidebar bottom *************/

.sitelayout #sidebarBotNav {
	float: right;
	margin: 0 0 10px 0;
	padding: 0;
}

.sitelayout #sidebarBotNav h3 {
	font: 12px Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-variant: small-caps;
	margin: 50px 0 0 0;
	padding: 0;
	color: #333;
}

.sitelayout #sidebarBotNav p {
	margin: 5px 0 0 0;
	padding: 0;
	text-align: right;
	font: 11px Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-variant: small-caps;
	color: #333;
}

/************* right column *************/

.sitelayout #rightCol {
	float: right;
	width: 220px;
	margin: 30px 0 0 0;
	padding: 0;
}

.sitelayout #rightCol img {
	padding: 0 0 2px 0;
}

/************* content with right column *************/

.sitelayout #mainContent {
	margin: 0 220px 0 185px;
	padding: 0 20px 10px 0;
	font: 12px Arial, Helvetica, sans-serif;
	color: #333;
} 

.sitelayout #mainContent h1 {
	font-weight: normal;
	font-variant: normal;
	text-align: center;
	margin: 25px 0 0 0;
	padding: 0;
	color: #008924;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
}

.sitelayout #mainContent h2 {
	font: 12px Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: center;
	margin: 0 0 20px 0;
	padding: 0;
	color: #999;
}

.sitelayout #mainContent h3 {
	font: 16px Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-variant: small-caps;
	padding: 0;
	margin: 15px 0 5px 0;
	text-align: center;
	color: #008924;
}

.sitelayout #mainContent h5 {
	font: 14px Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 0;
	margin: 0;
	text-align: center;
	color: #008924;
}

.sitelayout #mainContent h5 a:link, #mainContent h5 a:visited {
	font: 14px Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #009900;
}

.sitelayout #mainContent h5 a:hover {
	font: 14px Arial, Helvetica, sans-serif;
	text-decoration: underline;
	color: #009933;
}

.sitelayout #mainContent h6 {
	font: 13px Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 0;
	margin: 0;
	text-align: left;
	color: #008924;
}

.sitelayout #mainContent p {
	margin: 0 0 10px 0;
	padding: 0;
	text-align: justify;
}

.sitelayout #mainContent strong {
	color: #008924;
}

.sitelayout #mainContent a:link, #mainContent a:visited {
	font: 13px Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #009900;
}

.sitelayout #mainContent a:hover {
	font: 13px Arial, Helvetica, sans-serif;
	text-decoration: underline;
	color: #009933;
}

.sitelayout #mainContent .greenTxt {
	font: 13px Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 5px 0 30px 0;
	color: #008924;
	text-align: center;
}

.sitelayout #mainContent .greenTxtLrg {
	font: 14px Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 5px 0 30px 0;
	color: #008924;
	text-align: left;
}

.sitelayout #mainContent .patrons {
	font: 12px Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin: 0 0 10px 0;
	color: #333;
	text-align: center;
}

.sitelayout #mainContent ul {
	margin: 0;
	padding: 5px 0 10px 15px;
}

.sitelayout #mainContent li {
	list-style-image: url(../images/bul_grn-flower.gif);
	list-style-type: circle;
	padding: 0 0 7px 0;
	text-align: justify;
}

/************* content without right column *************/

.sitelayout #mainContentNoCol {
	margin: 0 0 0 185px;
	padding: 0 20px 10px 0;
	font: 12px Arial, Helvetica, sans-serif;
	color: #333;
	text-align: left;
} 

.sitelayout #mainContentNoCol h1 {
	font-weight: normal;
	font-variant: normal;
	text-align: center;
	margin: 25px 0 0 0;
	padding: 0;
	color: #008924;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
}

.sitelayout #mainContentNoCol h2 {
	font: 12px Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: center;
	margin: 0 0 20px 0;
	padding: 0;
	color: #008924;
}

.sitelayout #mainContentNoCol h3 {
	font: 16px Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	font-variant: small-caps;
	padding: 0;
	margin: 15px 0 5px 0;
	text-align: center;
	color: #008924;
}

.sitelayout #mainContentNoCol h4 {
	font: 13px Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 0;
	margin: 0 0 15px 0;
	text-align: left;
	color: #333;
}

.sitelayout #mainContentNoCol h5 {
	font: 14px Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 0;
	margin: 0;
	text-align: center;
	color: #008924;
}

.sitelayout #mainContentNoCol h6 {
	font: 12px Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 0;
	margin: 0;
	text-align: center;
	color: #008924;
}

.sitelayout #mainContentNoCol h7 {
	font: 14px Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 0;
	margin: 0;
	text-align: center;
	color: #333;
}

.sitelayout #mainContentNoCol .grnCntr {
	font: 14px Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 0;
	margin: 0;
	text-align: center;
	color: #008924;
}

.sitelayout #mainContentNoCol .lineheight {
	font: 14px Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 0;
	margin: 0;
	line-height: 21px;
	text-align: left;
	color: #008924;
}

.sitelayout #mainContentNoCol p {
	margin: 0 0 10px 0;
	padding: 0;
	text-align: left;
}

.sitelayout #mainContentNoCol a:link, #mainContentNoCol a:visited {
	font: 13px Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #009900;
}

.sitelayout #mainContentNoCol a:hover {
	font: 13px Arial, Helvetica, sans-serif;
	text-decoration: underline;
	color: #009933;
}

.sitelayout #mainContentNoCol strong {
	color: #008924;
}

.sitelayout #mainContentNoCol .greenTxt {
	font: 13px Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0 0 15px 0;
	color: #008924;
	text-align: center;
}

.sitelayout #mainContentNoCol .patrons {
	font: 12px Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin: 0 0 10px 0;
	color: #333;
	text-align: center;
}

.sitelayout #mainContentNoCol ul {
	margin: 0 0 0 7px;
	padding: 5px 0 10px 15px;
}

.sitelayout #mainContentNoCol li {
	list-style-image: url(../images/bul_grn-flower.gif);
	list-style-type: circle;
	list-style-position: inside;
	padding: 0 0 7px 0;
}

.sitelayout #mainContentNoCol #AwardWinPhoto {
	float: right;
	width: 500px;
	padding: 0 0 20px 0;
}

.sitelayout #mainContentNoCol #AwardWin {
	float: left;
	width: 220px;
	padding: 10px;
	font: 10px Arial, Helvetica, sans-serif;
	color: #fff;
	background-color: #008924;
	text-align: center;
}

.sitelayout #mainContentNoCol #AwardWin h2 {
	font: 15px Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 0;
	margin: 5px 0 0 0;
	text-align: center;
	color: #fff;
}

.sitelayout #mainContentNoCol #AwardWin h3 {
	font: 13px Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 0;
	margin: 5px 0 0 0;
	text-align: center;
	color: #fff;
}

/*********** login form ***********/

.sitelayout #login-form {
	font: 12px Arial, Helvetica, sans-serif;
	width: 350px;
	position: relative;
	margin: 0 0 0 -4px;
	padding: 0;
}

.sitelayout #login-form .row {
	padding: 0 0 5px 13px;
}

.sitelayout #login-form label {
	padding: 0 10px 0 0;
	margin: 5px 0 0 0;
	float: left;
	width: 80px;
	height: 16px;
	text-align: left;
}

.sitelayout #login-form .text {
	width: 180px;
	height: 16px;
	line-height: 14px;
	padding: 1px 0 1px 5px;
	border: 1px solid #D2D2D2;
	margin: 3px 0 0 0;
}

* html .sitelayout #login-form .text {
	margin:1px 0 0 0;
}

.sitelayout #login-form .button {
	width: 60px;
	padding: 0;
	margin: 0 0 0 10px;
	font: 12px Arial, Helvetica, sans-serif;
}

.sitelayout .errorText {
	color: #FF0000;
}

/************* footer *************/

.sitelayout #footer {
	padding: 0 10px 0 20px;
	background:#fff;
} 

.sitelayout #footer p {
	margin: 0;
	padding: 10px 0;
	font: 11px Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: center;
	color: #999;
}

.sitelayout #footer p a:link, #footer p a:visited {
	text-decoration: none;
	color: #999;
}

.sitelayout #footer p a:hover {
	text-decoration: underline;
	color: #008924;
}

/************* extra *************/

.fltrt {
	float: right;
	margin-left: 8px;
}

.fltlft {
	float: left;
	margin-right: 8px;
}

.clearfloat {
	clear: both;
	height: 0;
	font-size: 1px;
	line-height: 0px;
}

.caption {
	font-size:11px;
	font-weight:bold;
	margin: 0 0 10px 0;
	padding: 0;
}

.img-pad-right {
	margin: 0 10px 0 0;
}

.img1-pad-right {
	margin: 0;
	padding: 0 10px 80px 0;
}

.img2-pad-right {
	margin: 0;
	padding: 0 10px 50px 0;
}

.img3-pad-right {
	margin: 0;
	padding: 0 10px 150px 0;
}

.img4-pad-right {
	margin: 0;
	padding: 0 10px 0 0;
}

.img5-pad-right {
	margin: 0;
	padding: 0 10px 150px 0;
}

.img6-pad-right {
	margin: 0;
	padding: 0 10px 0 0;
}

.img-pad-left {
	margin: 0 0 0 10px;
}
.sitelayout #container #mainContentNoCol h7 div p {
	text-align: center;
}

.sitelayout #mainContent #TwentyYrs {
  width: 490px;
	margin: auto;
	padding: 5px;
	border: 1px solid #000000;
	background-color: #C4EAC9;
}

.sitelayout #mainContent #TwentyYrs h1 {
	font-weight: bold;
	font-variant: normal;
	text-align: center;
	margin: 2px 0 5px 0;
	padding: 0;
	color: #008924;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
}