/*
Wilton Garden Club stylesheet
Styles created by Tim Slavin, Red Horse Communications, LLC
tim@redhorsecommunications.com / (602)325-3024
*/

body {
 margin: 0; padding: 0;
}
p, #copy li {
 color: #000;
 font: 14px/24px Georgia, "Century Gothic", "Times New Roman", Times, serif;
 text-align: left;
}
.small-font {
 font: 11px/14px Georgia, "Century Gothic", "Times New Roman", Times, serif;
}
a, li a {
 color: #000;
 text-decoration: underline;
}
a:hover, li a:hover {
 text-decoration: none;
}
strong {
 color: #432816;
}
img {
 border: none;
 margin: 0; padding: 0;
}
form input, form textarea {
 background: #dbded6;
}

.hidden {
 display: none;
 visibility: hidden;
}
h1 {
 color: #000;
 margin: 0;
 padding: 0;
 z-index: 1;
}
#header h1 {
 background: url("../images/layout/wgc_logo-wide.gif") no-repeat transparent;
 height: 100px; /*logo image height*/
 margin-left: 10px;
 width: 460px; /*logo image width*/
 z-index: 10;
}
h1 span { /*Hides site title if page viewed by web browser*/
 display: none;
 visibility: hidden;
}

#copy h2 {
 font: small-caps 24px/28px Georgia, "Century Gothic", "Times New Roman", Times, serif;
}
#copy h3 {
 font: normal 18px/20px Tahoma, Arial, Helvetica, sans-serif;
}
#copy h4 {
 font: bold 14px/18px Georgia, "Times New Roman", Times, serif;
}

/*common layout styles*/
#header, #top-band-images, #content, #copy, #right-link-boxes, #right-link-ad, .photo-full, .photo-left, .photo-right, #footer, #credits {
 display: inline;
 float: left;
 margin: 0; padding: 0;
 position: relative;
}
#copy, #footer, #credits {
}
#content, #footer, #credits {
 margin-left: 50px;
 width: 700px;
}


/*specific layout styles*/
#header {
 clear: both;
 height: 100px;
 padding-top: 2px;
 z-index: 10;
 width: 100%;
}
#top-band-images {
 background: url("../images/layout/top-band-fence.jpg") no-repeat transparent;
 border-top: 4px solid #000;
 border-bottom: 4px solid #000;
 height: 200px;
 width: 100%;
}

#frame {
 margin-right: auto; /*centers page design*/
 margin-left: auto; /*centers page design*/
 position: relative;
 width: 800px;
}

#content {
 background: #ececec; /*f9f9f9, c2c7ba, 8d9882*/
 min-height: 800px;
 z-index: 0;
}
/* for Internet Explorer */
/*\*/
* html #content {
 height: 800px;
}
/**/

#copy {
 background: transparent;
 min-height: 800px;
 padding: 30px 0 50px;
 text-align: left;
 width: 500px;
 z-index: 0;
}
/* for Internet Explorer */
/*\*/
* html #copy {
 height: 800px;
}
/**/

#copy h2, #copy p, #copy ul li, #copy ol li, #copy h3, #copy h4 {
 margin: 0 40px; padding: 0;
 width: 500px;
}
#copy h3, #copy h4 {
 margin-top: 1em;
}
#copy p {
 padding-bottom: 1em;
}
#copy ul, #copy ol {
 margin-top: 0;
}
#copy a {
 color: #66572e;
}
#copy #breadcrumbs {
 margin-top: -30px;
}


#right-link-boxes {
 float: right;
 width: 200px;
 z-index: 10;
}
#right-links-public, #right-links-members, #right-links-ad {
 background: #fff;
 border-top: 2px solid #367854; border-bottom: 2px solid #367854;
 line-height: 16px;
 margin: 20px 0 20px 100px; padding: 5px 0 10px;
 width: 175px;
}
#right-links-members {
 margin-top: 0;
}
#right-links-public h3, #right-links-members h3, #right-links-public p, #right-links-members p, #right-links-public #navlinks, #right-links-members ul, #right-links-members form {
 margin: 3px 0 0 10px; padding: 0;
}
#right-links-public li, #right-links-members li {
 font: 12px/15px Arial, Helvetica, sans-serif;
 list-style: none;
 margin-bottom: 10px;
}
#right-links-ad {
 border: none;
 margin: 20px 0 10px 100px; padding: 0;
}
.highlight {
 background: yellow;
 padding: 10px;
}

.photo-full {
 clear: both;
 margin: 0 0 20px;
 padding: 0;
}
.photo-left {
 margin: 0 20px 20px 0;
 padding: 0;
}
.photo-right {
 float: right;
 margin: 0 0 20px 20px;
 padding: 0;
}
.photo-border {
 border: 5px solid #fff;
}


#footer {
 background: #000;
 border-bottom: 10px solid #367854;
 padding: 20px 0;
}
#footer p {
 color: #bbb;
}
#footer a {
 color: #fff;
 text-decoration: none;
}
#footer a:hover {
 text-decoration: underline;
}
#footer-links, #footer-contact, #footer p {
 margin: 0 40px;
 padding: 0;
}
#footer-contact a {
 color: #999;
}

#credits {
 margin-bottom: 4em;
}
#credits p, #credits a {
 color: #367854;
}
#credits p {
 padding: 10px 0 40px;
 text-align: center;
}