/*
----------------------------------
Honeysuckle CSS File
Designed by: Vanessa
----------------------------------
*/

* { margin: 0; padding: 0; }

/*
----------------------------------
Basics and Essentials
----------------------------------
*/

body {
background: #669966;
margin: 0 auto;
font-family: Trebuchet MS, "Arial", sans-serif;
font-size: 10px;
text-align: center;
color: #36502A; }

#container {
background: url(body.gif) repeat-y top center;
margin: auto;
width: 431px;
position: relative;
text-align: left; }


#header {
background: url(header.jpg) no-repeat top center;
border: 0;
height: 149px;
width: 431px;
margin: 0 auto; }

#nav {
width: 431px;
height: 40px;
text-align: center;
position: relative;
top: 5px; left: 55px;
color: #6C7B51; }

*html #nav { left: 39px; }

#content {
background: none;
float: left;
margin-left: 22px;
padding-bottom: 10px;
width: 390px;
text-align: justify; }

*html #content { margin-left: 12px; }

#footer {
background: url(footer.gif) no-repeat top center;
width: 431px;
height: 61px;
text-align: center;
clear: both; }

*html #footer { margin-left: 1px; }

 .bottom {
font-size: 9px;
font-family: Arial, "Verdana", sans-serif;
line-height: 1.4em;
width: 390px;
border-top: 1px solid #679C88;
padding-top: 4px;
margin-left: 22px;
color: #679C88; }

*html .bottom { margin-left: 6px; }

/*
----------------------------------
Other Elements
----------------------------------
*/

a:link,
a:visited,
a:active {
    background: none;
    text-decoration: none;
    border-bottom: 1px dashed #729F9F;
    color: #618989; }

a:hover {
    background: none;
    text-decoration: none;
    color: #FFF; }

blockquote {
background: #9AB59A;
border: 2px solid #85A085;
margin: 5px 10px 5px 10px;
padding: 7px;
line-height: 1.5em;
text-align: justify;
color: #507654; }

img, a:link img, a:visited img { border: 3px solid #60847A; }
a:hover img { border: 3px solid #FFF; }

p { margin-bottom: 10px; line-height: 1.7em; }
em { color: #728038; }
strong { color: #215925; }
b { color: #2B6365; }

ul, table ul { line-height: 1.6em;  margin-bottom: 5px;  list-style-type: none; }

ol { list-style: decimal; margin-bottom: 5px; line-height: 1.6em; }
ol li { margin-left: 25px; }

h1, h2 { font-weight: normal; }

h1 {
font-family: Century Gothic,  "Trebuchet MS", sans-serif;
font-size: 22px;
font-variant: small-caps;
margin-left: 60px;
letter-spacing: 2px;
clear: both;
color: #558455; }

h2 { 
font-family: Georgia, "Verdana", sans-serif;
font-size: 16px;
margin-left: 100px;
margin-bottom: 5px;
padding-left: 7px;
padding-bottom: 2px;
text-transform: lowercase;
letter-spacing: 2px;
clear: both;
color: #4A656D; }

/*
----------------------------------
Navigation Menu
----------------------------------
*/

.menu {
width: 431px;
clear: left;
list-style: none;
margin: 0 auto;
font-size: 11px;
line-height: 1em; }

.menu li {
float: left;
margin-right: 19px; }

.menu a, .menu a:visited {
text-transform: lowercase;
font-family: Arial, "Verdana", sans-serif;
text-align: center;
font-weight: bold;
letter-spacing: 1px;
border: 0;
color: #3B6656; }

.menu a:hover {
border-bottom: 2px solid #6C8F6F;
color: #FFF; }

/*
----------------------------------
Form Styles
----------------------------------
*/

input, textarea, select {
background: #ACCCA7;
border: 1px solid #8BAA86;
font-family: Arial, "Verdana", sans-serif;
font-size: 11px;
padding: 2px;
color: #36502A; }

input.show_join_submit_button, input.show_join_reset_button {
background: #9EBFB5;
border: 1px solid #789D92;
padding: 2px;
color: #36502A; }