@charset "utf-8";
/* CSS Document */

/* Import CSS CSS */
@import url("reset.css");
@import url("contribute.css");
/* End Import */

/* ***Main Layout Styles*** */
body {background:#EBEFCA url(../images/build/bg.jpg) top center repeat-x; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif;  color:#333333; font-size:13px;}
body#interior {background:#EBEFCA url(../images/build/bg_interior.jpg) top center repeat-x;}
#wrapper {width:865px; margin:0 auto; padding:10px 0; position:relative;}

#header {height:133px; padding:0 10px;}

#upcoming_events {height:213px; width:863px; margin-bottom:10px; background:url(../images/build/focal_bg.jpg) no-repeat;}
#event-listing {width:300px; height:160px; position:absolute; top:165px; right:20px;}
#event-listing a.more-events{float:right; margin:8px 5px;}

#banner {height:136px; width:863px; margin-bottom:10px; background:url(../images/build/small_focal_bg.jpg) no-repeat;}

#left-col, .left-col {width:420px; float:left; margin:5px 5px 5px 10px;}
#right-col, .right-col {width:420px; float:left; margin:5px;}
.clear {clear:both;}

#content-area {padding:20px 0 10px 0; min-height:250px;}
#content-area div#left-col {width:540px; margin:5px 15px 5px 10px}
#content-area div#right-col {width:275px;}

a {color:#617335; text-decoration:underline;}
a:hover {color:#f54143; text-decoration:underline;}

#member, #volunteering, #donation, #butterfly {min-height:300px;}

#footer {height:80px; background:#EBEFCA url(../images/build/footer_bg.jpg) repeat-x;}
#footer-wrapper {width:856px; margin:0 auto; padding:10px 0;}
#footer-nav {width:658px; float:left;}
#branding {width:190px; height:55px; float:right; text-align:right;}


/* ***Navigation Styles*** */
#upper-nav {width:220px; height:30px; position:absolute; top:15px; right:5px;}
#upper-nav a {color:#363e25; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; text-decoration:none; display: -moz-inline-stack;}
#upper-nav ul li {display:inline; list-style:none; height:20px; padding:0 5px;}
#upper-nav a.board {display:inline-block; height:20px; width:118px; background:url(../images/nav/board_members.png) no-repeat;}
#upper-nav a.board:hover {background-position:0 -20px;}
#upper-nav a.contact {display:inline-block; height:20px; width:70px; background:url(../images/nav/contact.png) no-repeat;}
#upper-nav a.contact:hover {background-position:0 -20px;}

#nav {width:900px; height:50px; position:absolute; top:110px; vertical-align: middle;}
#nav ul li {display:inline; list-style:none; padding:0 1px; height:30px; vertical-align:top;}
#nav ul li a { display:-moz-inline-box; display:inline-block; vertical-align:top;}
a.home {height:30px; width:58px; background:url(../images/nav/nav_home.png) no-repeat; }
a.home:hover {background-position:0 -30px;}
a.about {height:30px; width:101px; background:url(../images/nav/nav_about.png) no-repeat;}
a.about:hover {background-position:0 -31px;}
a.whatson {height:30px; width:110px; background:url(../images/nav/nav_whats_on.png) no-repeat;}
a.whatson:hover {background-position:0 -30px;}
a.associates {height:30px; width:154px; background:url(../images/nav/nav_associates.png) no-repeat;}
a.associates:hover {background-position:0 -30px;}
a.gift {height:30px; width:165px; background:url(../images/nav/nav_gift_shop.png) no-repeat;}
a.gift:hover {background-position:0 -31px;}
a.master {height:30px; width:223px; background:url(../images/nav/nav_gardener.png) no-repeat;}
a.master:hover {background-position:0 -30px;}



#tab-nav {width:865px; height:119px; padding:0 2px;}
#tab-nav li {height:119px; width:205px; display:inline; list-style:none; padding:0 3px;}
#tab-nav li a {display: -moz-inline-stack;}
#tab-nav a.member {display:inline-block; height:119px; width:205px; background:url(../images/build/member_btn.jpg) no-repeat;}
#tab-nav a.member:hover {background:url(../images/build/member_btn_hover.jpg) no-repeat;}
#tab-nav a.volunteering {display:inline-block; height:119px; width:207px; background:url(../images/build/volunteering_btn.jpg) no-repeat;}
#tab-nav a.volunteering:hover {background:url(../images/build/volunteering_btn_hover.jpg) no-repeat;}
#tab-nav a.donation {display:inline-block; height:119px; width:205px; background:url(../images/build/donation_btn.jpg) no-repeat;}
#tab-nav a.donation:hover {background:url(../images/build/donation_btn_hover.jpg) no-repeat;}
#tab-nav a.butterfly {display:inline-block; height:119px; width:205px; background:url(../images/build/butterfly_btn.jpg) no-repeat;}
#tab-nav a.butterfly:hover {background:url(../images/build/butterfly_btn_hover.jpg) no-repeat;}

#footer-nav ul li{display:inline; list-style:none; padding:0; height:11px; vertical-align:top;}
#footer-nav a{color:#f54143; font-size:12px; font-weight:bold; text-decoration:none; display: -moz-inline-stack;
}
#footer-nav a:hover {color:#906834;}
#footer-nav a.footer-home {display:inline-block; height:11px; width:41px; background:url(../images/nav/footer_home.png) no-repeat;}
#footer-nav a.footer-home:hover {background-position:0 -12px;}
#footer-nav a.footer-about {display:inline-block; height:11px; width:69px; background:url(../images/nav/footer_about_us.png) no-repeat;}
#footer-nav a.footer-about:hover {background-position:0 -11px;}
#footer-nav a.footer-whats-on {display:inline-block; height:11px; width:85px; background:url(../images/nav/footer_whats_on.png) no-repeat;}
#footer-nav a.footer-whats-on:hover {background-position:0 -11px;}
#footer-nav a.footer-associates {display:inline-block; height:12px; width:109px; background:url(../images/nav/footer_our_associates.png) no-repeat;}
#footer-nav a.footer-associates:hover {background-position:0 -12px;}
#footer-nav a.footer-gift {display:inline-block; height:12px; width:110px; background:url(../images/nav/footer_gift_shop.png) no-repeat;}
#footer-nav a.footer-gift:hover {background-position:0 -12px;}
#footer-nav a.footer-master {display:inline-block; height:12px; width:156px; background:url(../images/nav/footer_gardener.png) no-repeat;}
#footer-nav a.footer-master:hover {background-position:0 -12px;}
#footer-nav a.footer-contact {display:inline-block; height:12px; width:63px; background:url(../images/nav/footer_contact.png) no-repeat;}
#footer-nav a.footer-contact:hover {background-position:0 -12px;}

#branding a {font-size:8px; color:#c3a193; text-decoration:none;display:block;}


/* ***Text Styles*** */
#event-listing p.date {margin:0; font-size:14px; color:#fff;}
#event-listing p.body {margin:0; font-size:13px; color:#333333; max-height:65px; overflow:hidden;}


/* ***Additional Styles*** */
hr { border:1px solid #B8A07E; margin:20px 0;}

ol {margin:10px 20px;}

ul.dotted {margin:10px 20px;}
ul.dotted li {padding:3px 0;}
ul.not-dotted {margin:10px;}
ul.not-dotted li {padding:3px 0; list-style:none;}

#member-btn {height:98px; width:285px; background:url(../images/content/become_member_btn.png) no-repeat;}
#member-btn:hover {background:url(../images/content/become_member_hover.png);}
#member-btn a {display:block; height:98px; width:285px;}
div#member #member-btn {margin:10px auto 0 auto;}
#donate-btn {height:63px; width:288px; background:url(../images/content/donate_now_btn.png) no-repeat;}
#donate-btn:hover {background:url(../images/content/donate_now_hover.png) no-repeat;}
#donate-btn a {display:block; height:63px; width:288px;}

div.garden-merchants {width:180px; height:310px; float:left; text-align:center; padding:5px; background:#DBDFB5; margin:8px; border:1px solid #B5C058;}
.garden-merchants img {border:1px solid #333333; margin:10px 0 5px 0;}
.garden-merchants p {font-size:11px;}


/* ***Form Styling*** */
table.login-form { padding:20px 30px; background:#DBDFB5; border:1px solid #B5C058; margin: 10px auto 20px auto;}
table.login-form td{padding:10px;}
table.login-form label {font-size:14px; color:#363e25; font-weight:bold;}
table.login-form input {height:20px; width:150px; border:1px solid #B5C058;}
table.login-form input#submit {float:right; height:30px; width:70px; background:#E8ECC7; color:#363E42; font-weight:bold; cursor:pointer;}
table.login-form input#submit:hover {border:1px solid #FF525B; background:#F2C4AA;}

div.form-container {padding:20px; width:430px; background:#DBDFB5; border:1px solid #B5C058; margin:0 auto;}
div.form-container#narrow {width:285px;}
div.form-line {padding:5px 0;}
div.form-header {font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#f54143; margin:20px 0 10px 0; font-weight:bold;}
div.form-line label {font-size:14px; color:#363e25; font-weight:bold; display:block; width:110px; float:left;}
div.form-line input {height:20px; width:150px; border:1px solid #B5C058;}
div.form-submit {text-align:right; padding-top:20px;}
div.form-submit input { height:30px; width:70px; background:#E8ECC7; color:#363E42; font-weight:bold; border:1px solid #B5C058; cursor:pointer;}
div.form-submit input#update {width:120px;}
div.form-submit input:hover {border:1px solid #FF525B; background:#F2C4AA;}
div.form-line textarea#description, #instructions {width:315px; height:150px; border:1px solid #B5C058;}

div.event-list {border-bottom:1px solid #B5C058; padding-bottom:20px; margin:15px 0 20px 0; overflow: hidden;}
div.event-list h2 {width:480px; margin:10px auto;}
div.event-list p.date {font-weight:bold; color:#363E43; font-style:italic; width:480px; margin:10px auto;}
div.event-list p.body {width:480px; margin:10px auto;}
div.event-list div.event-register {width:480px; margin:20px auto 0 auto;}
div.event-list div.event-register a {display:block; padding:5px 0; width:100px; color:#363E42; font-weight:bold; text-decoration:none; background:#DBDFB5; vertical-align:middle; text-align:center; cursor:pointer; border:1px solid #B5C058;}
div.event-list div.event-register a:hover {border:1px solid #FF525B; background:#F2C4AA;}

a.cancel {display:inline-block; padding:6px; margin:0 5px; width:48px;  color:#363E42; font-size:14px; font-weight:bold; text-decoration:none; background:#E9EDCA;  text-align:center; cursor:pointer; border:1px solid #B5C058;}
a.cancel:hover {border:1px solid #FF525B; background:#F2C4AA;}

input.button {float:left; height:30px; width:80px; margin: 0 10px 0 0; background:#E8ECC7; color:#363E42; font-weight:bold; cursor:pointer; border:1px solid #B5C058;}
input.button:hover {border:1px solid #FF525B; background:#F2C4AA;}

/* *** Administration Styles *** */
.table-adminlist {	border-collapse: collapse; margin:20px 0; width:520px; border-left: 1px solid #B5C058; border-right: 1px solid #B5C058; font-size: 12px;}

.table-adminlist th {	font-weight: bold; height:25px;	padding: 3px 6px 3px 6px;	border-top: 1px solid #B5C058;
border-bottom: 1px solid #B5C058;	background:#DBDFB5;}
.table-adminlist td {	padding: 3px 6px 3px 6px; height:35px;	border-bottom: 1px solid #B5C058; background:#EFEFEF; vertical-align:middle;}
input.date {	width: 70px;}
.form-line {	clear: both;}
.form-subfields {	padding-left: 24px;}
.form-line label {	display: block;	width: 100px;	float: left;}
.table-adminlist input#add, .table-adminlist input#edit { height:25px; width:40px; background:#E8ECC7; color:#363E42; font-size:11px; font-weight:bold; border:1px solid #B5C058; cursor:pointer;}
.table-adminlist input#add:hover, .table-adminlist input#edit:hover {border:1px solid #FF525B; background:#F2C4AA;}
.table-adminlist input#delete { height:25px; width:45px; background:#E8ECC7; color:#363E42; font-size:11px; font-weight:bold; border:1px solid #B5C058; cursor:pointer;}
.table-adminlist input#delete:hover {border:1px solid #FF525B; background:#F2C4AA;}
.table-adminlist input#excel { height:25px; width:45px; background:#E8ECC7; color:#363E42; font-size:11px; font-weight:bold; border:1px solid #B5C058; cursor:pointer;}
.table-adminlist input#excel:hover {border:1px solid #FF525B; background:#F2C4AA;}



/* ***JTabber Styles*** */
.hiddencontent{display:none;	}
 
/* *** Error Styles *** */
.error { background: #FFFFFF; border: solid 1px #D89C9C; float: left; width: 370px; margin: 10px 10px 10px 10px; padding: 8px 20px 8px 20px; color: #A05353; font-size: .9em; }
#narrow .error {width:210px;}
* html .error { margin: 10px 25px 10px 25px; }