body {font:62.8% arial, sans-serif;background-color: #fff;text-align:center;}
* {margin:0; padding:0;}

#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 10px 2px 10px;
		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%;
}

#slogan{
	float: right;
	padding-top: 30px;	
	font-size: 1.1em;
	font-weight: bold;
	color:#006b00;
}
#searchbox {
	background: #edf2cb;
	width: 100%;
	margin-bottom: 0px;
	font-weight:bold;
	font-size: 12px;
	
	padding-top: 5px;
	padding-bottom:0px;
	text-align: center;		
}
h1 {font-size: 196%;margin-top:.6em}
h2 {font-size: 136%}
h3 {font-size: 126%}
h4 {font-size: 116%}
h5 {font-size: 106%}
h6 {font-size: 96%}
  /* 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 */

  .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;}
#copyright{	text-align: center;}
ul.f{margin-top:0.5em;}
ul.f li{display: inline;border-right:1px solid;padding: 0 0.33em;}
#footer li.fl{	border-left: 1px solid;}

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%;}
	#main{float:left; width:720px; margin-top:5px;}
	#right-col {float:left; width:255px; margin-top:5px;margin-left:0.3em;}
	#content {position:relative;width:100%; padding: 1px;}
	  #content .title{ margin: 0 0 .3em; border-bottom: 1px solid #006f00;color:#006f00;font-weight:bold; font-size: 1.5em;} 
	  .th{background: #bfffbf;color: #000066;padding:1px;margin:0px;	}
	  #content #right {width:48.4%;float:left;padding-right:3px;}	
	  #content #left {width:48.4%;float:left;padding-left:3px;}
	  #right,#left{ font-size:1.5em; }
	  /*#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%;  }*/
	  /*right column*/
	 /*.rc{margin-bottom:1em;	border:solid 1px #006b6b; background:#E6FFBF;font-size:1.0em;padding:1px;}*/
	 .featurebox{ font-size:1.2em; color:#333;padding: 5px; border-bottom: 1px solid #d7d7d7;border-right: 1px solid #d7d7d7; background:#f6f6f6;margin-bottom:0.3em;}
	  .featurebox p, .featurebox h1, .featurebox h2, .featurebox h3, .featurebox h4, .featurebox h5, .featurebox h6 {margin: 0 0 .3em; border-bottom: 1px solid #006f00;color:#006f00;}
     
	 /*right column header*/
	 .rh{	background: #6BB300; color: #fff;padding:1px;margin:0px;}
	 
	  p.double{ 	margin-top:0.5em;	  }
	  .main .box{position:relative; clear:both; width:520px; }
	    .feature { margin-top:0.5em; color:#333;padding: 1px; border-bottom: 1px solid #d7d7d7;border-right: 1px solid #d7d7d7; background:#f6f6f6;} 
		.feature a { font-size:1.2em; }
	 	.feature p, .feature table, .feature h3, .feature h4, .feature h5, .feature h6 {margin: 0 0 .3em; border-bottom: 1px solid #006f00;color:#006f00;}
		 #breakthrough{  margin: 0 0 .3em; border-bottom: 1px solid #006f00;color:#f00;}
		.subtitle{ font-size:1.0em; color:#333; }
		/*#box #f1, #box #f2, #box #f3{ float:left;width:150px; }*/
		#box1,#box2,#box3{ float:left;width:33%; }
		#box4{ clear:both; margin-top:0.5em; color:#333;padding: 1px; border-bottom: 1px solid #d7d7d7;border-right: 1px solid #d7d7d7; background:#f6f6f6; font-size:1.2em;} 
		
/*end home page*/
/*category*/
div#title {background:#e4e4e4; margin-top:0.3em; padding:2px;}
div#summary{background:#ffff99 padding:2px;border:dotted 1px;margin-top:0.3em;}
div.text{ font-size:1.2em;border: dotted 1px #cccccc;	background: #f2f2f2;	margin-top: 0.33em;	padding: 0.33em; }
.text h3{ margin:1em 0 0.5em; }
.text ul{ margin-left:20px;}
#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;}	 
.msg{padding: 10px; font-size:1.1em;color:#006f00;letter-spacing: 1px;} 