body {font:62.8% arial, sans-serif;background-color: #fff;text-align:center;}
* {margin:0;}
p,div,span{ font-size: 1.1em; }
table { font-size: 1.1em;}

#wrap {width:980px;margin:0 auto;position:relative;text-align:left;}

/*menu bar*/
#container
	{  clear:both;
		width: 100%;
		padding: 0px;
		border-top: 0px solid #006f00;
		border-bottom: 1px solid #006f00;
		background: #fff;
	}

#tabnav
	{
		height: 20px;
		margin: 0;
		padding-left: 0px;
		background: #006f00;
	}

#tabnav li
	{
		margin: 0; 
		padding: 0;
  		display: inline;
  		list-style-type: none;
  	}
	
#tabnav a:link, #tabnav a:visited
	{
		float: right;
		background: #006f00;
		font-size: 12px;
		font-weight: bold;
		line-height: 16px;
		padding: 2px 20px 2px 20px;
		margin-right: 0px;
		border-left: 1px solid #fff;
		border-top:0px;
		border-bottom:0px;
		text-decoration: none;
		color: #fff;
		letter-spacing: 0.12em;
	}

#tabnav a:link.active, #tabnav a:visited.active
	{
		border-left: 1px solid #bfffbf;
		border-top:0;
		border-bottom:0px;
		background: #00cc00;
		color: #fff;
		font-weight: bold;
		letter-spacing: 0.12em;
	}

#tabnav a:hover
	{
		background: #ff0000;
		color:#fff;
	}
/*end menu bar*/

#logobar{
background: White;	
width: 100%;
}

#searchbox {
	background: #edf2cb;
	width: 100%;
	margin-bottom: 0px;
	font-weight:bold;
	font-size: 12px;
	
	padding-top: 5px;
	padding-bottom:0px;
	text-align: center;		
}
  .greenlink a:link, .greenlink a:visited, .greenlink a:active{
  	font-weight:bold;
	font-size:  12px;
	text-decoration: none;
	color:#008f00;
  }
  .greenlink a:hover{
  	background: #cccccc;
  }
#advsearch {
text-align: right;	
}

#bar{clear:both; margin-top:.5em;margin-bottom:2px;border-top: double  #006f00;}
#footer{text-align:center;font-size: 1.1em;padding-top: 5px;}
      .footer-small{ font-size:0.9em; margin-top:.5em;}
#copyright{	text-align: center;}
#frm{
	border: dotted 1px #cccccc;
	background: #EDEDED;
	margin-top: 0.33em;
	padding: 0.33em;
}
.error {color:#c00;font-weight:bold}

.date {font: 82% arial;color:#bbb;}
small {font-size:11px}
#search {color:#fff;font-weight:bold;position:relative;top:10px;right:auto;left:auto;width:18em}
	#search form {margin:0}
	#search input {width:8em;margin: 0 0 -1px;height:1.5em}
	#search label {padding:5px 0 0;display:inline}
	#search input.f-submit {width:auto;font-size:81%;margin:0 0 -.15em;height:1.95em}
	
#content-wrap {position:relative;width:100%;top:5px;bottom: 0px;}
	/*#left-col {position:absolute;top:0;left:0;width:150px;border-top: 5px solid #999;padding-bottom: 40px}*/
	#right-col {position:absolute;top:3;right:0;width:305px;padding-top: 0px;padding-bottom: 4px;padding-left: 2px;border-left:dotted 1px #000;}
	#left-col {position:absolute;top:0;left:0;width:200px;border-top: 5px solid #999;padding-top: 1px;padding-bottom: 40px}
	#col-header {padding-top:0;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;margin-top: 1px;font: bold;font-size:1.2em;display:block}
	   #nav { font-size:1em }
       #content {height:auto;width:670px;margin: 3 210px auto 0; padding: 3px;}
        #content-search{height:auto;width:670px;margin: 3 210px auto 0; padding: 3px;} 
	  .th{padding:2px;margin-top:.5em;font-size:1.2em;font-weight:bold;	}
	  .rh{	background: #6BB300;color: #fff;padding:2px;margin:0px;}
	  #right {width:48.4%;float:right;padding-right:3px;margin:5px 2px 0px 2px;}	
	  
	  /*#right{position:absolute;top:0;right:0;left:55%;bottom:0;width:50%;  }
	  #left{position:absolute;top:0;right:55%;left:0;bottom:0;width:50%;  }*/
	  p.double{ 	margin-top:0.5em;	  }
		 
	 	.rc{margin-bottom:1em;	padding:1px;}
/*end home page*/
/*category*/
#title {background:#e4e4e4; margin-top:0.3em;margin-bottom:0.3em; padding:3px;font-size:1.2em;font-weight:bold;letter-spacing: 1px;border:solid 1px #ccc;}
#summary{background:#ffd; padding:2px;margin-top:0.3em;}
ul,ol { margin-left: 25px; }
ul.related{font-size:1.2em;margin-top:0.5em;margin-left:20px;}
td ul{ margin-left: 20px; }
ul.link{ margin-left: 20px; font-size:1.2em}
li.link{margin-bottom:0.5em;}	 
.smalllink{color: #000066;	text-decoration: none; font-size: 0.8em;}
.url{color:#666666;font-size:11px;}
.linkdate{color:#666666;font-size:0.8em;}
.des{font-size:12px;}
.new{ color:red; vertical-align: 65%;font-size:65%; }
.update{ color:006f00; vertical-align: 65%;font-size:65%; }
.msg{padding: 10px; font-size:1.1em;color:#006f00;letter-spacing: 1px;}
.span{text-align: right;font-size: 1.1em;	margin:0.33em;}
.detailed{margin-left:5px;}
.spacer{ padding-bottom:8px;border-bottom:solid 1px; }

#forum_link{font-weight:bold;}
/* control subcategory <li>*/
.catli {margin:5px;}

 /* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */