body {
  background: #EAE6DB;
  font-family: Tahoma, Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
}

a.back-to-top {
  font-size: 9px;
  display: block;
  text-align: right;
}

#header {
  width: 775px;
  height: 110px;
  margin: 0 auto;
  padding: 0;
  display: block;
  background: url(/images/hp-header.jpg) 50% 0 no-repeat;
}
#header h1 {
  margin: 0;
  padding: 0;
}
#header h1 span {
  display: none;
}

#header #headerNav {
  margin: 0;
  padding: 10px;
  text-align: right;
  color: #FFFFFF;
  font-size: 11px;
}
#header #headerNav a {
  color: #FFFFFF;
  padding: 0 8px;
  text-decoration: none;
}
#header #headerNav a:hover {
  text-decoration: underline;
}

#mainArea {
  width: 775px;
  height: 110px;
  margin: 0 auto;
  padding: 180px 0 0 0;
  display: block;
  background: url(/images/hp_mainArea.jpg) 50% 0 no-repeat;
}
a.more {
  display: block;
  text-align: right;
  color: #6A8E22;
  font-size: 10px;
  margin: 1px;
  padding: 1px;
}
#navigation {
  width: 177px;
  display: block;
  float: left;
  margin: 0 9px 20px 9px;
  background: #F1EDE4 url(/images/navigation_bottom.jpg) 50% 100% no-repeat;
}
#navigation ul {
  list-style: none;
  margin: 5px 15px 10px;
  padding: 0;
  font-size: 11px;
  font-weight: bold;
}
#navigation ul li {
  background: url(/images/nav_underline.gif) 0 100% repeat-x;
  padding: 4px 2px;
}

#navigation ul li a {
  text-decoration: none;
  color: #7D1202;
  padding: 4px 4px 4px 0;
  display: block;
}
#navigation ul li a b {
background: url(/images/nav_link.gif) 0 50% no-repeat;
padding: 0 0 0 15px;
}
#navigation ul li a:hover {
  color: #ACACAC;
  background-image: url(/images/nav_link2.gif);
}
#navigation ul li a.g1 {
  background: url(/images/gradient1.gif) 0 0 repeat;
  display: block;
}
#navigation ul li a.g2 {
  background: url(/images/gradient2.gif) 0 0 repeat;
  display: block;
}
#navigation ul li a.g3 {
  background: url(/images/gradient3.gif) 0 0 repeat;
  display: block;
}
#navigation ul li a.g4 {
  background: url(/images/gradient4.gif) 0 0 repeat;
  display: block;
}
#navigation ul li a.g5 {
  background: url(/images/gradient5.gif) 0 0 repeat;
  display: block;
}
#navigation ul li a.g6 {
  background: url(/images/gradient6.gif) 0 0 repeat;
  display: block;
}
#navigation ul li a.g7 {
  background: url(/images/gradient7.gif) 0 0 repeat;
  display: block;
}
#navigation ul li a.g8 {
  background: url(/images/gradient8.gif) 0 0 repeat;
  display: block;
}
#navigation ul li a.g9 {
  background: url(/images/gradient9.gif) 0 0 repeat;
  display: block;
}
#navigation ul li a.g10 {
  background: url(/images/gradient10.gif) 0 0 repeat;
  display: block;
}
#navigation ul li a.g11 {
  background: url(/images/gradient11.gif) 0 0 repeat;
  display: block;
}

#mainContent {
  margin: 0 0 20px 0;
  padding: 0;
  float: right;
  width: 570px;
}

#mainContent h2 {
  margin: 6px 5px 1px;
  padding: 0;
  font-size: 16px;
  color: #6A8E22;
  border-bottom: 1px solid #7d1202;
}
#mainContent h1 {
  margin: 2px 0;
  padding: 2px 5px;
  font-size: 19px;
  background: #6A8E22;
  color: #FFFFFF;
}
#mainContent p {
  font-size: 12px;
  margin: 2px;
  padding: 6px;
}

/* CONTENT STYLES FROM tinyMCE */

img.imgLeft {
  float: left;
  padding: 1px;
  border: 3px solid #FFFFFF;
  margin: 3px 10px 10px 0;
}
img.imgRight {
  float: right;
  padding: 1px;
  border: 3px solid #FFFFFF;
  margin: 3px 0 10px 10px;
}
.highlightCopy {
  margin: 10px 30px;
  border: 3px solid #FFFFFF;
  padding: 5px;
  font-weight: bold;
  font-size: larger;
  display: block;
}
#footer {
  margin: 10px auto;
  clear: both;
  background: #6A8E22;
  line-height: 30px; 
  text-align: center; 
  color: #FFFFFF;
  font-size: 10px;
}
#footer a {
        color: #FFFFFF;
        text-decoration: none;
}
#footer a:hover {
        text-decoration: underline;
}


/* MEMBERSHIP NAVIGATION */
#header #memberNav {
  margin: 0;
  padding: 45px 10px 0;
  text-align: right;
  color: #FFFFFF;
  font-size: 11px;
}
#header #memberNav a {
  color: #FFFFFF;
  padding: 0 8px;
  text-decoration: none;
}
#header #memberNav a:hover {
  text-decoration: underline;
}

/* mainForm STYLES */
.mainForm {
  width: 450px;
  display: block;
  border: 3px solid #484848;
  background: #EFECEC;
  margin: 5px;thumbnail
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
}
.mainForm h3 {
  margin: 0 0 10px;
  padding: 2px 10px 3px;
  text-align: left;
  background: #484848;
  color: #FFFFFF;
  font-size: 12px;
}
.mainForm span {
  margin: 0 20px;
  padding: 2px 0;
  font-size: 10px;
  font-weight: bold;
}
.mainForm input, .mainForm textarea {
  display: block;
  margin: 0 auto 5px;
  width: 410px;
  border: 1px solid #484848;
}
.mainForm input.checkbox {
  width: 14px;
  height: 14px;
  display: inline;
}
.mainForm input.hide {
  border: none;
}

.registration {}
.registration span{ 
	width: 200px;
	display: block;
	float: left;	
}
.registration input{}


/* CJG GALLERY STYLES */
img.thumbnailImg {
  border: 1px solid #494848;  
}

.galleryBox:after {
        content: "."; 
        display: block; 
        height: 0; 
        clear: both;
        visibility: hidden;
        }

div.imgContainer {
  float: left;
  margin: 2px;
  width: 137px;
  height: 137px;
  text-align: center;
}

/* TOP TIP */
div#topTip {
  margin: 5px 5px 10px;
  border: 1px solid #6A8E22;
  padding: 0;
  color: #6A8E22;
}

#topTip h6 {
  margin: 0;
  padding: 2px 0 3px 3px;
  font-size: 10px;
  background: #FFFFFF;
  border-bottom: 1px solid #6A8E22;
  color: #292929;
}
#topTip p {
margin: 0;
padding: 4px;
font-size: 11px;
  
}

/* TIPS */
div.tips {
  margin: 5px 10px;
  padding: 0 0 5px 0;
  border: 1px solid #7F000F; 
  background: #FFFFFF; 
}

div.tips img.tipIcon {
  float: left;
  margin: 0;
  padding: 5px 15px;
}
div.tips h3 {
  margin: 0;
  padding: 5px 15px;
  background: #7F000F;
  color: #FFFFFF;
  font-size: 14px;
}

/* FORUM STYLES */
table#forumTable th {
  font-weight: bold;
  text-align: center;
  background-color: #CCCCCC;
  border-bottom: 1px solid gray;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
table#forumTable th, table#forumTable td {
padding: .4em .5em;
}

table#forumTable th.catTitle {
  background: #6A8E22 url(/images/h3-bg.gif) 0 0 repeat-x;
  color: white;
  margin: 10px 5px 0 5px;
  padding: 0 10px;
  font-size: 14px;
  line-height: 28px;
  text-align: left;
  border: none;
}

table#forumTable td {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  border-bottom: 1px solid #DDD;
  text-align: left;
}
table#forumTable thead th {
  vertical-align: bottom;
  color: white;
  border-right: 1px solid white;
  white-space: normal;
  background: #555555;
}
table#forumTable a {
  color: #7F000F;
  text-decoration: none;
  font-weight: bold;
  display: block;
  margin: 0;
  padding: 0;
}
table#forumTable a:hover {
        color: #555555;
        text-decoration: underline;
}

table#forumTable td.lastPost {
  background-color: #FFFFFF;
  font-size: 11px;
  font-weight: bold;
  text-align: right;
  border-left: 3px solid #6A8E22;
}
table#forumTable td.lastPost a {
  color: #555555;
}
div#forumPost {
  border: solid #8CBC2D;
  border-width: 1px 0 1px 4px;
  margin: 5px 0 5px 20px;
  display: block;
}
div.forumReply {
  border: solid #8CBC2D;
  border-width: 1px 0 1px 4px;
  margin: 5px 0 5px 30px;
  display: block;
}
div#forumPost h3 {
  margin: 0;
  padding: 2px;
  background: #8CBC2D;
  font-size: 20px;
  color: white;
}
div.Post {
  margin: 10px;
  padding: 3px 10px 3px 10px;
}
div.Reply {
  margin: 10px;
  padding: 3px 10px 3px 10px;
}
div.byLine {
  margin: 0;
  padding: 0;
  color: #8CBC2D;
}
div.byLine a {
  color: #8CBC2D;
  font-weight: bold;
}


/* ARTICLE LISTINGS */
table#allArticles {
margin: 5px 15px;
font-size: 13px;
}
table#allArticles p {
        font-size: 12px;
        padding: 1px 5px;
        margin: 0;
}
table#allArticles td, table#allArticles th {
  padding: 2px 4px;
}
table#allArticles td {
  border: solid #6A8E22;
  border-width:  0 1px 1px 0;
}
table#allArticles td.articleLink {
  padding: 5px;
  border-left: 1px solid #3399CC;
}
table#allArticles tr#headers {
  background: #6A8E22 url(images/h3-bg.gif) 0 0 repeat-x;
  color: white;
  margin: 2px 5px 0 5px;
  padding: 0 10px;
  font-size: 11px;
  line-height: 13px;
  text-align: left;
  border: none;
}
table#allArticles a {
  color: #6A8E22;
  text-decoration: none;
  font-size: 14px;
  font-weight: bold;
  display: block;
  margin: 1px;
  padding: 1px;
}
table#allArticles a:hover {
        color: #555555;
        text-decoration: underline;
}

/* ARTICLE DETAIL */
div#articleDetail {
  width: 608px;
  margin: 0 auto;
  padding: 0;
  background: url(images/articleHeader.gif) 0 0 no-repeat;
  z-index: 10px;
}
div#articleDetail h1 {
  margin: 0;
  padding: 5px 12px;
  background: url(images/articleTitle.gif) 50% 5px no-repeat;
  font-size: 16px;
  line-height: 28px;
  color: #FFFFFF;
}
div#articleDetail div#articleRepeat {
  background: url(images/articleRepeat.gif) 50% 300px repeat-y;
  z-index: 0;
}
div#articleDetail h2 {
  clear: both;
  float: right;
  width: 190px;
  margin: 3px 10px 0;
  background: #F7F7F7;
  border: solid #ffba4f;
  border-width: 5px 0 5px 0;
  padding: 20px 30px;
  font-size: 15px;
  text-align: center;
}
div#articleDetail .google300250 {
  clear: right; 
  float: right;
  margin: 0 10px 20px;
  text-align: center;
  border: solid #ffba4f;
  border-width: 0 0 5px 0;
}
div#articleFooter {
  width: 608px;
  margin: -10px auto 0;
  padding: 20px 0 10px 0;
  background: url(images/articleFooter.gif) 0 100% no-repeat;
  z-index: 10px;
  font-size: 11px;
  text-align: right;
}
div#articleDetail h4 {
  margin: 0 10px;
  padding: 0;
  font-size: 11px;
}
div#articleFooter h5 {
  margin: 0 10px;
  padding: 0;
  font-size: 11px;
}
div#articleFooter h6 {
  margin: 0 10px;
  padding: 0;
  font-size: 11px;
}