* { padding: 0; margin: 0; border: 0px none; }

body {
	margin: 0px;
	padding: 0px;
	background: #505358 url('images/bg.jpg');
	color: #505358;
	font-style:normal; font-variant:normal; font-weight:normal; font-size:12px; font-family:Bookman, serif
}

/* links */
a { color: #8bb82e; outline: none; text-decoration: none; }
a:hover { color: #d0f77e; text-decoration: none; }

p { margin: 0 10px 20px 0; }
p:a { background:#ccc; padding:3px; }
ul, ol { margin-bottom: 20px; }

/* images */
img { border: 0px none; }

.clear { clear:both; }
.left { float: left; }
.right { float: right; }


/***********************
	  LAYOUT
************************/
#page { width: 940px; margin: 0 auto; }

/* Page Top */
#top { width: 940px; margin: 0px; padding: 10px 0 0 0; }
#top-nav { float: right; margin: 0px; padding: 0px; list-style: none; font-family: Arial; }
#top-nav li { float: left; margin: 0 0 0 10px; font-family: Arial; }
#top-nav li#rss { background: url('images/rss-icon.gif') no-repeat left center;; padding-left:15px; padding-right:0; padding-top:0; padding-bottom:0 }

/* Header */	
#header { width: 940px; height: 200px; margin:0; padding: 0; }
#sitename { font: bold 48px Bookman, serif; line-height: 1; color: #fff; margin: 0px; padding: 20px 0 0 0; }
#sitename a { color: #fff; text-decoration: none; padding-left: 0px; }
#sitetag { font: bold 28px Bookman, serif; color: #cdcdcd; margin: 0 0 20px 20px; }
#searchform { float: right; width: 400px; height: 50px; background: url('images/search_bg.png') no-repeat left top; margin: 0; padding: 0 }
#searchform .search { float: left; width: 210px; font: 16px Bookman, serif; color: #5e5e5e; margin: 7px 3px 7px 25px; padding: 5px; background: #e5e5e5; border: 1px solid #000; }
#searchform .searchbutton { float: right; font: 16px Bookman, serif; color: #fff; margin: 7px 22px 7px 0; padding: 3px 10px; background: #4a4f54; border: 1px solid #000; }
#searchform .searchbutton:hover { color: #fff; background: #8bb82e; cursor: pointer; }

/* Site Navigation */
#nav { width: 940px; height: 40px; margin: 0px; padding: 0px; background: url('images/bg-menu.gif') repeat-x left top; }

/* Site content Container */
#container { overflow: hidden; padding: 20px 0 0 0; background: #fff; border: 5px solid #99cc33; font-family: Arial; text-align:justify; }

/* News Container */
#content-left { float: left; width: 550px; padding:15px; }

/* Welcome message */
.welcomeMessage { font: 13px Arial, Tahoma, Verdana, Helvetica; color: #505358; padding: 10px 30px; }

/* News Post Items */
.newsPost { clear: both; margin: 0 0 40px 20px; }
.newsPost a { color: #8BB82E; text-decoration: none; }
.newsPost a:hover { color: #4e4e4e; text-decoration: none; }
.newsHeader { margin: 0 0 20px 0; font-size: 1.9em; font-weight: 700; font-style:italic; font-family:Bookman, serif; border-bottom:3px solid #ccc; }
.newsHeader a { text-decoration: none; font-family:Bookman, serif; }
.newsHeader a:hover { text-decoration: none; }
.newsOptions { float: right; margin: -27px 5px 0 5px; padding: 0; text-align: right; }
.newsBody { margin: 0 10px 20px 0; } 
.newsBody img { float: left; margin: 0 7px 7px 0; border: none; }
.newsBottom { clear: both; padding: 5px; background: #fff url('images/bg-meta.gif') repeat-x left top; color: #5e5e5e; border:1px solid #ccc }
.newsBottomDate { background: url('images/date.png') no-repeat 0px 2px;; padding-left:20px; padding-right:15px; padding-top:2px; padding-bottom:2px }
.newsBottomCategories { background: url('images/categories.gif') no-repeat 0px 2px;; padding-left:20px; padding-right:15px; padding-top:2px; padding-bottom:2px }
.newsBottomComments { background: url('images/comment.gif') no-repeat 0px 2px;; padding-left:20px; padding-right:15px; padding-top:2px; padding-bottom:2px }

/* Comments style */
.comment_bg { clear: both; width: 550px; background: url('images/bg-comment.gif') repeat-y center top; margin: 0 auto; padding: 0 }
.comment_bg_inner { width: 550px; background: url('images/bg-comment-top.gif') no-repeat center top; margin: 0 auto; padding: 0 }
.comment_header { font: 13px Arial, Tahoma, Verdana, Helvetica; color: #505358; margin: 0; padding: 10px;  }
.comment_body { width: 550px; margin: 0; padding: 0; }
.comment_left { float: left; width: 170px; font: 12px Arial, Tahoma, Verdana, Helvetica; color: #505358; border-right: 1px solid #c7d7a4; padding: 5px; }
.comment_right { float: right; width: 349px; font: 12px Arial, Tahoma, Verdana, Helvetica; color: #505358; padding: 10px; text-align: left; }
.comment_bottom { clear: both; width: 550px; height: 19px; background: url('images/bg-comment-bubble.gif') no-repeat center top; margin: 0 auto; padding:0 }

/* Right Menu */
#content-right { float: right; width: 320px; margin: 0; padding: 0; }

.box-right { margin: 0 20px 20px 0; padding: 20px; background: #45484d; border: 1px solid #2b2e32; }
.box-right ul { margin: 0 0 5px 0; padding: 0px; list-style: none; }
.box-right li { margin: 0px; padding: 5px 5px 5px 10px; /* border-bottom: 1px solid #dedede; */ background: none; }
.box-right li a { text-decoration: none; }
.box-right li:hover{ margin: 0px; background: #fff url('images/bg-meta.gif') repeat-x left top;; padding-left:15px; padding-right:5px; padding-top:5px; padding-bottom:5px }

.rightMenuHeader { margin: 0 0 10px 0; font-size: 18px; font-style:italic; color: #d8d9da; } 
.rightMenuContent { font: 12px Arial, Tahoma, Verdana, Helvetica; color: #e8eedc; margin: 0 0 5px 0; padding: 0px; }


/* center menu */
.box-left { clear: both; margin: 10px 5px; padding: 0; background: url('images/centermenubottom.png') no-repeat center bottom; }
.box-left a { color: #8bb82e; text-decoration: none; } 
.box-left a:hover { color: #d0f77e; text-decoration: none; } 
.box-leftHeader { margin: 0 0 20px 0; font-size: 1.9em; font-weight: 700; font-style:italic; font-family:Bookman, serif; border-bottom:3px solid #ccc; }
.box-leftBody { font: 12px Arial; color: #505050; margin: 0 10px 20px 0; }


/* other menu */
.box-other { background: #fff; border: 3px solid #99cc33; margin: 0; padding: 0; }
.box-other a { color: #8bb82e; text-decoration: none; }
.box-other a:hover { color: #d0f77e; text-decoration: none; }
.box-otherHeader { margin: 10px 10px 20px 10px; font-size: 16px; font-weight: 700; font-style:italic; font-family:Bookman, serif; border-bottom:2px solid #ccc; }
.box-otherContent { font: 12px Arial, Tahoma, Verdana, Helvetica; color: #505358; margin: 0; padding: 10px 5px 20px 5px; }


/* footer */
#footer { clear: both; width: 900px; margin: 0 auto; padding: 20px; color:#fff; font-family:Arial; }
#legal { float: left; width: 500px; }
.legal_text { margin: 0 0 10px 0; font-family:Arial; }
#webdemar { float: right; width: 300px; text-align: right; }
.webdemar_text { float: left; margin: 10px 0 10px 0; font-family:Arial; }

/* Browsers */

.ie7_logo { float: left; width: 30px; height: 30px; background: url('images/ie7_logo.png') no-repeat center top; padding-left:10px; padding-right:10px; padding-top:0; padding-bottom:0 }
.firefox_logo { float: left; width: 31px; height: 30px; background: url('images/firefox_logo.png') no-repeat center top; padding-left:10px; padding-right:10px; padding-top:0; padding-bottom:0 }
.opera_logo { float: left; width: 34px; height: 30px; background: url('images/opera_logo.png') no-repeat center top; padding-left:10px; padding-right:10px; padding-top:0; padding-bottom:0 }


/********************** core style ********************************/

/* tbox, chatbox, button */
.tbox{ color: #5e5e5e; padding: 6px; background: #fff url('images/bg-form-text.gif') repeat-x left top; border: 1px solid #dadada; font-style:normal; font-variant:normal; font-weight:normal; font-size:12px; font-family:Arial }
.tbox.chatbox { width: 88%; color: #5e5e5e; border: 2px solid #7a8e0d; padding: 6px; margin: 2px auto; background: #fff url('images/bg-form-text.gif') repeat-x left top; }
.button { width: auto; height: 30px; margin: 2px; padding: 0 10px; background: #4a4f54; border: 1px solid #373737; color: #fff; cursor:pointer; }
.button:hover { color: #fff; background: #8bb82e; }
.button a { color: #fff; }
.button a:hover { color: #969696; }

/* FORUMS */
.border { border: 1px solid #747474; }
.fborder { border: 1px solid #747474; border: none; border-collapse: collapse; background: transparent; }  
.forumheader{ background: url('images/forumheader.png') repeat-x left bottom; color: #747474; padding: 4px; border-bottom: 1px solid #747474; font-style:normal; font-variant:normal; font-weight:bold; font-size:12px; font-family:Arial, Tahoma, Verdana, Helvetica }
.forumheader2{ background: transparent; font: 11px Arial, Tahoma, Verdana, Helvetica; color: #747474; padding: 4px; border-bottom: 1px solid #747474; }
.forumheader3{ background: transparent; font: 12px Arial, Tahoma, Verdana, Helvetica; color: #747474; padding: 4px; border-bottom: 1px solid #747474; }
.forumheader3 a { color: #8BB82E; text-decoration: none; } 
.forumheader3 a:hover { color: #000; text-decoration: underline; }
.forumborder{ border: 1px solid #747474; }
a.forumlink{ color: #617b90; text-decoration: underline; }
.nforumcaption2 { background: transparent; font: bold 12px Arial, Tahoma, Verdana, Helvetica; color:#747474; padding: 4px; border-bottom: 1px solid #747474; }
.caption { background: transparent; font: bold 12px Arial, Tahoma, Verdana, Helvetica; color:#747474; padding: 4px; border-bottom: 1px solid #747474; }   
.fcaption { background: transparent; font: bold 12px Arial, Tahoma, Verdana, Helvetica; color:#505358; padding: 4px; border-bottom: 1px solid #747474; }
.fcaption a { color: #8bb82e; text-decoration: none; }
.fcaption a:hover { color: #d0f77e; text-decoration: underline; }
.finfobar{ background: transparent; font: 12px Arial, Tahoma, Verdana, Helvetica; color:#747474; margin-bottom: 2px; padding: 4px; border-bottom: 1px solid #747474; } 
.nforumholder { }
.nforumcaption { }
.nforumthread { }
.nforumreplycaption { }
.nforumreply { }
.nforumdisclaimer { }
.nforumview1 { }
.nforumview2 { }
.nforumview3 { }
.nforumview4 { }

/* TEXTS */
.indent{ font: 12px Arial, Tahoma, Verdana, Helvetica; color: #505358; padding: 10px; margin: 5px; border: 2px dotted #747474; }
.smalltext { font: 12px Arial, Tahoma, Verdana, Helvetica; } 
.smallblacktext { font: 12px Arial, Tahoma, Verdana, Helvetica; }  
.defaulttext { font: 12px Arial, Tahoma, Verdana, Helvetica; }
.mediumtext { font: 12px Arial, Tahoma, Verdana, Helvetica; }
blockquote { margin: 0 0 0 10px; padding: 0 0 0 10px; border-left: 5px solid #f7f7f7; }
.nextprev{ height: 30px; background: transparent; font: 12px Arial, Tahoma, Verdana, Helvetica; color: #505358; text-align: center; padding : 8px; margin: 20px auto 0 auto; }
.nextprev_link { color: #8bb82e; padding: 3px; border: 1px solid #8bb82e; }
.nextprev_current { color: #000; padding: 3px; border: 1px solid #000; }
.searchhighlight { text-decoration: underline; color: #ff0000; font-weight: bold; }


/* MISC */
td { font: 12px Arial, Tahoma, Verdana, Helvetica; padding: 0 4px; text-align:left; }
form { margin: 2px 0px 0px 0px; }
.spacer{ padding: 6px 0px 6px 0px; }
hr { height: 2px; border-top: 1px solid #dfe5cb; border-bottom: 1px solid #aaa; text-align: left; margin: 5px; } 
.helpbox { background: transparent; font: 9px Arial, Tahoma, Verdana, Helvetica; color:#505358; border: 0px; margin: 0; padding: 0; }
.bodytable { font: 12px Arial, Tahoma, Verdana, Helvetica; color: #505358; padding: 8px; }
.code-box { font: 12px Arial, Tahoma, Verdana, Helvetica; color:#000; padding: 8px; }
.code_highlight { 
  width: 95%; 
  margin: 5px 0;
  padding: 10px;
  text-align: left;
  display: block;
  overflow: auto;  
  font: 12px Arial, Tahoma, Verdana, Helvetica;
  /* white-space: pre; */
  background: #faffec; 
  border: 1px dotted #b4bba2; 
  border-left: 3px solid #b4bba2;  
}

/* Navigation */
div.menuBar,
div.menuBar a.menuButton, div.menuButton, div.menuButton_over,
div.menu,
div.menu a.menuItem {
  font: 12px Arial; text-align: left; 
}

div.menuBar {
  width: 940px;
	list-style: none;
	line-height: 40px;
}

div.emenuBar {
  text-align: left;
}

/* main level links */
div.menuBar a.menuButton, div.menuButton, div.menuButton_over { 
  cursor: pointer;
  background: url('images/bg-menu-a.gif') no-repeat right top;
  color: #fff; 
  line-height: 40px; 
  margin: 0; 
  text-align: center; 
  text-decoration: none;
  position: relative;
  left: 0px;
  top: 0px;
  z-index: 100; padding-left:20px; padding-right:20px; padding-top:13px; padding-bottom:12px
}
  
/* main level links hover */  
div.menuBar a.menuButton:hover, div.menuButton:hover, div.menuButton_over {
  background:#72170e url('images/bg-menu-a.gif') no-repeat right top;
}

/* main level links active */
div.menuBar a.menuButtonActive, div.menuButtonActive, div.menuButtonActive:hover, 
div.menuBar a.menuButtonActive:hover {
  background:#72170e url('images/bg-menu-a.gif') no-repeat right top; 
}

/* sublinks styles ************************* */

/* sublink container */
div.menu {
  width: 174px;
  margin: 0px;
  padding: 1px;
  position: absolute;
  left: -999em;
  top: 0;
  left: 0;
  visibility: hidden;
  border-bottom: 1px solid #505358;
  background: #505358;
	margin-top: -1px;
	text-decoration: none;
}

/* sublinks main style */
div.menu a.menuItem {
  width: 172px;
  cursor: pointer;
  display: block;
  font-weight:normal;
	font-size:0.9em;
	color:#FFF;
	border-top: 1px solid #4a4e53;
	border-right: 1px solid #4a4e53;
	border-left: 1px solid #4a4e53;
	line-height: 30px;
	background: #1e1f21 url('images/bg-menu.gif');
  text-decoration: none
}

/* sublinks hover style */

div.menu a.menuItem:hover, div.menu a.menuItemHighlight {
  color: #fff;
  background: #505358;
}

div.menu a.menuItem span.menuItemBuffer {
  padding: 0 2px 0 2px;
  color: #fff;
}

div.menu a.menuItem:hover span.menuItemBuffer {
  padding: 0 2px 0 2px;
  color: #000;
}

div.menu a.menuItem span.menuItemText {
padding: 0 0 0 18px;
}

div.menu a.menuItem span.menuItemArrow {
  margin-right: -.75em;
}

div.menu div.menuItemSep {
  border-top: 1px solid #a5a5a5;
  border-bottom: 1px solid #ffffff;
  margin: 4px 2px;
}

a.menuItem.header {
  border-bottom: 1px solid #b3b3b3;
}












