body {
background: #a3c054 url('images/bg.gif') top left repeat-x;
font-family:Arial;
font-size:11px;
color:#28320a;
font-weight:normal;
text-align:center;
margin:0;
padding:0;
}

img {
border:0;
}

a, a:visited {
text-decoration:none;
color:#597310;
}

a:hover {
text-decoration:underline;
}

.clear {
clear:both;
}

#header {
width:960px;
height:177px;
margin:0 auto 0 auto;
padding:0;
}

.menu_top {
float:left;
margin:0;
padding:0;
width:555px;
height:33px;
text-align:left;
}

.search {
float:right;
margin:0;
padding:0;
text-align:right;
height:33px;
}

.searchfield {
background:url('images/search_bg.gif') top left no-repeat;
margin:0 0 0 0;
padding:5px 0 0 5px;
width:274px;
height:28px;
border:0;
color:#27310a;
}

.search_button {
background:url('images/search_button.gif') top left no-repeat;
margin:0;
padding:0;
width:58px;
height:28px;
border:0;
}

.logo {
float:left;
background:url('images/logo.jpg') top left no-repeat;
width:470px;
height:108px;
margin:0;
padding:0;
}

.ad_bg {
float:right;
background:url('images/468_bg.gif') top left no-repeat;
width:487px;
height:79px;
margin:15px 0 0 0;
padding:10px 0 0 0;
}


#menu {
width:960px;
margin:0 auto 0 auto;
padding:11px 0 0 0;
height:35px;
text-align:left;
clear:both;
}

#menu li {
display:inline;
margin:0;
padding:10px 10px 10px 0;
list-style:none;
background:url('images/separator.gif') center right no-repeat;
}

#menu li a, #menu li a:visited {
color:#809f29;
font-family:Verdana;
font-size:11px;
font-weight:normal;
margin:0;
text-transform:uppercase;
padding: 0 0 0 8px;
}

#menu li a:hover {
text-decoration:none;
background:url('images/hover.gif') top center no-repeat;
padding-top:11px;
}

#content_top {
margin:0 auto 0 auto;
padding:0;
background:url('images/content_top.gif') top center no-repeat;
width:960px;
height:11px;
}

#content {
margin:0 auto 0 auto;
padding:0;
background:url('images/content_bg.gif') top left repeat-y;
width:960px;
}

#content_bottom {
margin:0 auto 0 auto;
padding:0;
background:url('images/content_bottom.gif') top center no-repeat;
width:960px;
height:11px;
}

.articles {
float:left;
width:560px;
margin:0 0 0 10px;
padding:10px 15px 10px 15px;
text-align:justify;
color:#2e3a09;
font-size:13px;
line-height:18px;
background:#ffffff;
}

.articles img.alignleft
{
padding:5px;
margin: 20px 5px 1px 0;
float:left;
border:1px solid #c5e375;
}

.articles img.fixed
{
padding: 0 0 0 0;
margin: 0 0 0 10px;
width:500px;
height:300px;
align:center;
}

.articles h2 {
font-family:Arial;
font-size:14px;
color:#77961f;
font-weight:bold;
text-transform:uppercase;
}

.articles h2 a, .articles h2 a:visited {
color:#df5511;
font-size:18px;
text-decoration:none;
font-weight:normal;
text-transform:none;
}

.articles h2 a:hover {
color:#809b36;
text-decoration:none;
}

.articles h3 {
font-family:Arial;
font-size:11px;
color:#77961f;
font-weight:bold;
text-transform:uppercase;
padding: 0;
}

.articles h1 {
font-family:Arial;
font-size:16px;
color:#77961f;
font-weight:bold;
text-transform:uppercase;
padding: 0;
}


blockquote {
background: url('images/quote.gif') top left no-repeat;
font-family:Arial;
font-size:11px;
color:#408d8d;
margin:0 0 5px 0;
padding:5px 0 0 60px;
}

.meta {
background:url('images/meta_bg.gif') top left no-repeat;
display:block;
padding:15px 0 5px 5px;
margin:-10px 0 -25px 0;
font-family:Arial;
font-size:11px;
color:#59701b;
width:555px;
height:40px;
}

.meta a, .meta a:visited {
color:#565656;
}

.meta a:hover {
color:#565656;
text-decoration:underline;
}

.left {
float:left;
margin:0;
padding:0;
width:50%;
}

.right {
float:right;
margin:0;
padding:0;
width:50%;
text-align:right;
}

.comments {
float:left;
background:url('images/comment.gif') center left no-repeat;
padding-left:15px;
margin:0 10px 0 0;
font-family:Arial;
font-size:11px;
color:#565656;
}

.comments a, .comments a:visited {
color:#5b721c;
}

.comments a:hover {
color:#5b721c;
text-decoration:underline;
}


.author {
float:left;
background:url('images/author.gif') center left no-repeat;
padding-left:15px;
margin:0 10px 0 0;
font-family:Arial;
font-size:11px;
color:#969696;
}





.author a, .author a:visited {
font-size:13px;
font-weight:bold;
}

.tags {
display:inline;
background:url('images/tags.gif') center left no-repeat;
padding-left:15px;
margin:0 5px 0 0;
font-family:Arial;
font-size:11px;
color:#565656;
}

.tags a, .tags a:visited {
color:#5b721c;
}

.tags a:hover {
color:#565656;
text-decoration:underline;
}

.date {
float:left;
background:url('images/calendar.gif') center left no-repeat;
padding-left:15px;
margin:0 10px 0 0;
font-family:Arial;
font-size:11px;
color:#969696;
}

.navi {
background:#e5f3bc;
padding:5px;
margin:10px 0 10px 0;
border-top:1px solid #d9eaa6;
border-left:1px solid #d9eaa6;
border-right:1px solid #eafaba;
border-bottom:1px solid #eafaba;
}

.next {
float:right;
margin:0;
padding:0;
font-family:Arial;
font-size:11px;
}

.next a, .next a:visited {
text-decoration:none;
color:#516519;
font-weight:bold;
text-transform:uppercase;
}

.next a:hover {
color:#000000;
text-decoration:none;
}

.previous {
float:left;
display:block;
margin:0;
padding:0;
font-family:Arial;
font-size:11px;
}

.previous a, .previous a:visited {
text-decoration:none;
color:#516519;
font-weight:bold;
text-transform:uppercase;
}

.previous a:hover {
color:#000000;
text-decoration:none;
}


.pages {
width:330px;
margin:-10px 0 0 0;
padding:0;
font-family:Verdana;
font-size:11px;
color:#799824;
}

.pages ul {
list-style:none;
margin:3px 0 0 0;
padding:0;
}

.pages ul li {
margin:0 0 0 0;
padding:4px 0 4px 0;
list-style:none;
}

.pages ul li a, .pages ul li a:visited {
color:#4b5f13;
text-decoration:none;
padding:5px 5px 5px 25px;
margin:0 0 5px 0;
display:block;
text-transform:uppercase;
background:#e5f3bc url('images/pages.gif') center left no-repeat;
border-top:1px solid #d9eaa6;
border-left:1px solid #d9eaa6;
border-right:1px solid #eafaba;
border-bottom:1px solid #eafaba;
}

.pages ul li a:hover {
text-decoration:none;
color:#33400c;
background:#e5f3bc url('images/pages_hover.gif') center left no-repeat;
}

.sidebar {
float:right;
width:340px;
margin:0 12px 0 0;
padding:0 0 15px 0;
text-align:left;
}

.sidebar_sec {
background:#ffffff;
width:330px;
padding:4px;
margin:0 0 10px 0;
}

.sidebar h2 {
background: #809b36;
font-family:Arial;
font-size:11px;
color:#ffffff;
padding:5px 0 5px 5px;
margin:0;
font-weight:bold;
text-transform:uppercase;
}

.sidebar ul {
margin:10px 0 0 10px;
padding:0 10px 0 0;
list-style:none;
text-align:justify;
}

.commentlist {
margin:0;
padding:5px 0 5px 0;
background:#e5f3bc;
font-size:12px;
line-height:18px;
border-top:1px solid #d9eaa6;
border-left:1px solid #d9eaa6;
border-right:1px solid #eafaba;
border-bottom:1px solid #eafaba;
}

.commentlist li {
list-style:none;
margin:0 0 10px 0;
padding:5px 8px 0 8px;
}

.commentlist li a, .commentlist li a:visited {
color:#5b721c;
text-decoration:none;
font-family:Arial;
font-size:11px;
}

.commentlist li a:hover {
color:#5b721c;
text-decoration:underline;
}

.comm_avatar {
float:left;
width:100px;
height:100px;
background:url('images/comm_avatar.gif') top left no-repeat;
margin:0;
padding:5px 0 0 5px;
}

.comm_author {
padding:0 10px 0 0;
margin:15px 10px 0 30px;
font-family:Arial;
font-size:11px;
color:#969696;
text-align:right;
display:block;
width:360px;
overflow:hidden;
}

.comm_top {
background:url('images/comm_top.gif') top center no-repeat;
margin:0 0 0 100px;
padding:0;
width:420px;
height:46px;
}

.comm {
background:url('images/comm_bg.gif') top center repeat-y;
margin:0 0 0 100px;
padding:0;
width:420px;
}

.comm p {
width:360px;
margin:0 5px 0 40px;
padding:0;
overflow:hidden;
}

.comm_bottom {
background:url('images/comm_bottom.gif') top center no-repeat;
margin:0 0 0 100px;
padding:0;
width:420px;
height:20px;
}


.comment_name {
background:#e5f3bc;
font-size:12px;
border-top:1px solid #d9eaa6;
border-left:1px solid #d9eaa6;
border-right:1px solid #eafaba;
border-bottom:1px solid #eafaba;
width:300px;
color:#435917;
padding:5px 0 5px 5px;
}

.publish_comment {
background:url('images/publish_comment.gif') top left no-repeat;
width:307px;
height:25px;
margin:0;
padding:0;
border:0;
}

.help {
float:right;
margin:0;
padding:0;
color:#435917;
font-size:11px;
width:234px;
}


#footer {
width:954px;
margin:15px auto 15px auto;
padding:10px 0 10px 0;
background:#ffffff;
text-align:left;
}

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 0px solid #778;
 font: bold 12px Verdana, sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;

}

ul.tabbernav li a
{
 padding: 5px;
 margin-right: 5px;
 border: 0px solid #778;
 border-bottom: none;
 text-decoration: none;
 text-transform:uppercase;
 font-weight:normal;
 background: #809b36;
font-family:Arial;
font-size:11px;
color:#ffffff;
}

ul.tabbernav li a:link { color: #ffffff; }
ul.tabbernav li a:visited { color: #ffffff; }

ul.tabbernav li a:hover
{
 text-decoration:none;
 color: #ffffff;
 background: #5a5a5a;
}

ul.tabbernav li.tabberactive a
{
 border-bottom: 0px solid #1453a9;
 color: #ffffff;
 background: #5a5a5a;
 font-weight:bold;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #ffffff;
 background: #5a5a5a;
 border-bottom: 0px solid white;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;
 border:0px solid #aaa;
 border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
background:#ffffff;
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}

#archiveform {
border:1px solid #cccccc;
width:280px;
padding:5px;
}