body {
  font: 16px "Trebuchet MS", Verdana, Arial, Sans, sans-serif;
  color: #FFF;
  background: #555 url(images/body-bg.jpg);
  background-attachment: fixed;
  margin: 0;
}

a { color: #666600; text-decoration: none; }
a:hover { text-decoration: underline; }

#page {
  margin: 0 auto;
  width: 990px; /* Page width */
  background: #FFF url(images/lerret.png);
  border: 1px solid #DDD;
  border-top: 0;
}

#header { background: url(images/search-bg.png) no-repeat top right; padding: 10px; margin: 0; }
    
/* Horizontal Navigation */
#sub-header { color: #664400; background: #CCCC00; padding: 3px 5px 3px 10px; border-top: 1px solid #DDD; border-bottom: 1px solid #BBB; }
#sub-header ul{ margin: 0; padding: 0; }
#sub-header ul li{ display: inline; }
#sub-header ul li.first-link .bullet { display: none; }
#sub-header a { color: #664400; }
#sub-header a:hover { color: #FFF; text-decoration: none; }

/* Left Column Properties */
#side-cont {
  float: right;
  width: 230px;
  color: #664400;
  margin : 0 0 12px 0;
  background: #DDD url(images/side-bodybg.png) no-repeat bottom left;
}
/* $main_style CSS */
.side-left #main-cont { margin-right: 235px; }
.side-both #main-cont { margin-right: 235px; }
.side-right #main-cont { margin-right: 235px; }

/* Centre Column Properties */
#main-cont {
  color: #664400;
  vertical-align: top;  
}
* html #main-cont {
	height: 1%;
	width: auto;
}

/* overflow fix */
#container{
	width: 100%;
	overflow-x: auto;
	overflow-y: visible;
}

/* Panels layout */
.border {
  margin: 5px 10px;
  padding: 0 0 20px 0;
  background: url(images/shadow.jpg) repeat-x bottom;
}
.side-border {
  margin: 5px 10px;
  font-size: 14px;
  clear: both;
}
/* Captions */
h1 { font-size: 22px; font-weight: bold; margin: 3px 0; }
h2, .forum-caption { font-size: 18px; font-weight: bold; margin: 3px 0; }
h3, h4, h5 { font-size: inherit; font-weight: bold; margin: 3px 0; } 

/* Copyright */
#copy { clear: both; text-align: center; margin: 0 10px; padding: 10px; color: #CCCC00; font-size: 80%; background: #333; } 
  #copy a, #copy a:hover { color: #DDD; }
  
/* News and Articles */
.news-category { margin: 0 5px 5px 0; float: left; }
.news { color: #664400; }
.news-border {
  margin: 5px 10px;
  padding: 0 0 20px 0;
}
.news-footer {  text-align: center; font-size: 80%;  clear: both; padding: 5px 0; margin-top: 5px;
 background: url(images/shadow.jpg);
}

/* General Fusion CSS */
hr, side-hr { color: #DDD; background: #DDD; height: 1px; border : 0 none; }
.button {
  font-size : 90%;
  color : #FFF;
	background-color : #333;
  border: 1px solid #DDD;
	padding: 3px;
  margin: 2px 0px;
}
.textbox {
	font: 13px "Trebuchet MS", Verdana, Arial, Sans, sans-serif;
	color : #000;
  background-color : #EEE;
  border-style : solid;
  border-width :2px 1px 1px 2px;
  border-color : #666600; 
  padding: 2px;
	margin: 2px 0px;
} .textbox:focus { background-color : #FFF; }
    .textbox:focus, .textbox:hover { border-color :#660000; 
} 
.bbcode{ border: 1px solid #666600; }
.bbcode:hover, .button:hover { color: #660000; border: 1px solid #660000; background: #EEE; }
.small { font-size : 90%; }
.small2 { font-size : 80%; }
form { margin : 0; }
.alt { font-weight: bold; }
.comment-name { font-weight : bold; }
code, pre, .quote { font-family: monospace; font-size: inherit; }
.quote {
	padding : 4px 4px 4px 17px;
	margin : 6px 0;
	border: 1px solid #DDD;
	background: #EEE url(images/quote-bg.png) no-repeat top left;
}
.poll { height : 12px; background : #660000; border: 1px solid #DDD; }

/* Table properties */
td { font-size : inherit; }
.tbl-border { border: 1px solid #DDD; color : #333; background : #FFF; }
.tbl { font-size : inherit; background : #FFF; padding : 2px 4px; }
.tbl1 { font-size : inherit; background : #FFF; padding : 2px 4px; }
.tbl2 { font-size : inherit; background : #E1E1E1; padding : 2px 4px; }

/* Shoutbox: */
.shoutboxname { font-size : 90%;  font-weight : bold; margin: 0; }
.shoutbox { font-size : 90%; color : #660000; padding: 3px; margin: 0; border: 1px solid #EEE; }
.shoutbox a, .shoutbox a:hover { color: #666600 ;}
.shoutboxdate { font-size : 80%; padding: 3px 0; }

/*Navigation Panel*/
#navigation h2, .side-label { font-weight: bold; font-size: inherit; margin: 0; padding: 4px; }
#navigation ul { margin: 0; padding: 0; list-style-type: none; }
* html #navigation ul li{ height: 1%; }
#navigation a { display: block; color: #666600; padding: 1px 2px; }
#navigation a:hover { color: #333; background: #CCCC00; text-decoration: none; }
/* #navigation .bullet{ display: none; }

/* Pagenavigation */
.pagenav { width: 90%; font-size: 90%; color: #664400; text-align: center; padding : 4px; margin: 2px; }
.pagenav span { padding : 0 4px; border: 4px solid #FFF; }
.pagenav a { padding : 0 4px;  margin: 0 1px; border: 4px solid #DDD; }
.pagenav a:hover { padding : 0 4px;  margin: 0 1px; border: 4px solid #D4D0C8; text-decoration: none; }

/* User menu CSS*/
#usermenu{ margin : 0; padding : 0; }
#usermenu ul{ margin: 0; float: right; margin-bottom: 3px; padding-left: 0; font-weight: normal; }
* html #usermenu ul{ margin-bottom: 0; }
#usermenu ul li{ display: inline; }
#usermenu ul li a{ float: left; color: #666600; font-size: 80%; font-weight: normal; padding: 2px 6px 4px 6px; text-decoration: none; }
#usermenu ul li a:hover{ color: #333; background-color: #CCCC00; }
#msgcount { font-weight: bold; color: #660000;}
#content-link { float:left; font-size: 80%; padding: 2px 5px;}

/* Search-box */
#search { font-size: 11px; float: right; padding: 0; margin: 0; 
  height: 67px; width: 240px;
}
#search .button {
  font: 11px "Trebuchet MS", Verdana, Arial, Sans, sans-serif;
  vertical-align: middle;
  color : #FFF;
	background-color : #333;
  border: 1px solid #DDD;
	padding: 2px;
  margin: 2px 0;
} #search .button:hover { border-color : #F3D026; }
#search .textbox {
	font: 11px "Trebuchet MS", Verdana, Arial, Sans, sans-serif;
  vertical-align: middle;
	width: 110px;
  color : #000;
  background-color : #FFF;
  border-style : solid;
  border-width :2px 1px 1px 2px;
  border-color : #DDD; 
  padding: 2px;
	margin: 0 0 0 46px;
} #search .textbox:focus { background-color : #FFF; }
    #search .textbox:focus, #search .textbox:hover { border-color : #F3D026; }

/* Bottom_panels_include CSS */
#b-panel { width: 100%; background: #CCCC00; color: #FFF; margin: auto; }
#first-p { width: 33%; vertical-align:top;  color: #FFF; background: #333333; padding: 10px; }
  #first-p a { color : #CCCC00;}
    #first-p a:hover { text-decoration : underline; }
#second-p { width: 33%; vertical-align:top; color: #FFF; background: #333333; padding: 10px; }
  #second-p a { color : #CCCC00;}
    #second-p a:hover { text-decoration : underline; }
#third-p { width: 33%; vertical-align:top; color: #FFF; background: #333333; padding: 10px; }
  #third-p a { color : #CCCC00;}
    #third-p a:hover { text-decoration : underline; }
       #third-p .side-label { background-color: #CCCC00; }

/* Helpers */
.admin-message { font-weight: bold; text-align: center; color: #660000; background: #FFFFCC; border: 1px solid #660000; padding: 3px 4px 5px 4px; margin: 5px; }
  .admin-message a { color: #F59C02; }
.clear { clear: both; }
img { border: 0; }
p { margin: 3px 0; }
.center, *[align="center"] { margin: 0 auto; }
body.mceContentBody { background: #FFF; color: #000; }
.mceContentBody a { color: blue !important; }