body {
color: #000;
font-family: georgia, times, serif;
font-size: 78%;
margin: 0 auto;
padding: 0;
min-width: 770px;
text-align: center;
background: #ccc2ab url(images/gr4.gif) top left repeat-x;
}

a:link {
color: #333300;
image-border: none;
font-weight: bold;
text-decoration: none;
}

a:visited {
color: #333300;
font-weight: bold;
text-decoration: none;
}

a:hover {
color: #999966;
font-weight: bold;
text-decoration: none;
}

a:active {
color: #330000;
font-weight: bold;
text-decoration: none;
}

a#current {
color: #333300;
font-weight: bold;
text-decoration: none;
}

a#light {
color: #cc9966;
font-weight: bold;
text-decoration: none;
}

a#right {
text-align: right;
}

a img {
border: none;
}

h1 {
font-size: 1.3em;
font-weight: bold;
text-align: center;
}

h1 .right {
text-align: right;
}


h2 {
font-size: 1.2em;
font-weight: bold;
text-align: left;
}

h3 {
font-size: 1.1em;
font-weight: bold;
text-align: center;
text-decoration: underline;
}

h4 {
font-size: 1.2em;
font-weight: bold;
text-align: left;
}

p {
text-align: left;
font-size: 1.2 em;
line-height: 1.3em;
font-weight: normal;
}

.bold {
font-weight: bold;
}

.gold {
color: #333300;
}

.right {
text-align: right;
}

.center {
text-align: center;
background: #f3f1dc;
border: 2px solid #b2aa8e;
}


#container {
position: relative;
margin-top: 0;
margin-left: auto;
margin-right: auto;
width: 700px;
text-align: left;

}

#main-nav {
position: absolute;
top: 0px;
left: 0px;
width: 205px;
background: url(images/navbgtop.gif) top left no-repeat;
text-align: center;
}

#main-nav ul {
display: block;
margin: 135px 0 0px 0;
padding: 30px 0 65px 0;
text-align: center;
background: url(images/navbgbot.gif) bottom left no-repeat;
}

#main-nav ul li {
list-style: none;
padding: 6px 6px 6px 6px;
}

#main-nav ul ul {
display: block;
margin: 0;
padding: 0;
width: 100%;
text-align: center;
background: none;
}

#main-nav ul ul li {
list-style: none;
margin: 0;
padding: 0;
}



form {
padding-top: 6px;
}

input {
background-color: #333300;
color: #fff;
}

.email {
background-color: #e6e3cc;
color: #333300;
}

#join {
margin: 0 0 0 178px;
padding: 0 30px 0 30px;
width: 460px;
text-align: center;
}

#join p {
text-align: right;
}

#join img {
vertical-align: middle;
}


#content {
margin: -20px 0 0 215px;
padding: 10px 30px 20px 30px;
width: 457px;
text-align: center;
background-color: #e6e3cc;
border-right: solid 2px #b2aa8e;
border-bottom: solid 2px #b2aa8e;
border-left: solid 2px #b2aa8e;
}

#content img {
vertical-align: middle;
margin: 0 5px 10px 5px;
border: solid 2px #333300;
}

#content img.noborder {
border: none;
}

#content ul {
margin: 0 0 0 20px;
padding: 0;
text-align: left;
}

#text {
margin: -20px 0 0 215px;
padding: 10px 30px 20px 30px;
width: 457px;
text-align: center;
background-color: #e6e3cc;
border-right: solid 2px #b2aa8e;
border-bottom: solid 2px #b2aa8e;
border-left: solid 2px #b2aa8e;
}

#intro {
margin: 0;
width: 100%;
}

div.image {
float: right;
vertical-align: top;
margin: 0 0 0 0;
padding: 0 0 20px 30px;
text-align: center;
}
  
div.image p {
text-align: center;
}

div.image1 {
float: left;
clear: both;
vertical-align: middle;
margin: 0;
padding: 0 0 20px 30px;
text-align: center;
}
  
div.image1 p {
text-align: center;
}

div.image2 {
float: right;
clear: both;
vertical-align: top;
margin: 0;
padding: 0 0 20px 30px;
text-align: center;
}
  
div.image2 p {
text-align: center;
}

div.image2 img {
border: solid 2px #333300;
}

div.spacer {
clear: all;
height: 50px;
}

#footer {
margin: 10px 0 30px 240px;
width: 460px;
text-align: center;
}