/* ********************** general css */ 







.clear {







	clear:both;







}











.blank_bar {







	clear:both;







	display: block;







	content: ".";







	height: 12px;







	visibility: hidden;







}















.blank_bar {display: inline-table;}















.clear_bar:after {







	clear: both;







	display: block;







	content: ".";







	height: 0;







	visibility: hidden;







}















.clear_bar {display: inline-table;}















html {







	height: 100%;  







	margin-bottom: 1px;







}















body {







	margin:0;







	padding:0;







	text-align: left;







	background: white;







	background-image: none;







	font-size: 11px;







	line-height:140%;







	font-family: Verdana, Arial, Helvetica, sans-serif;







	color: #515151;







}















p {







  margin-top: 0;







  margin-bottom: 5px;







  text-align: left;







}















div {







	padding:0;







	margin:0;







	}















fieldset {







	border: 0;







	padding: 4px 0;







}















a:link, a:visited {







    text-decoration: none;







	font-family: Verdana, Arial, Helvetica, sans-serif;







	color: #515151;







	} 







	







a:hover {







    text-decoration: underline;







	color: #999;







	}























li {







	list-style: none;







}







ul#mainlevel-nav li {



  display: inherit ; /*For GOOD browsers*/



  display: inline;



  border-right: 1px solid #FFF;



  



}











div.moduletable ul {







	margin: 3px 0;







	padding: 0 1.5em;







}















div.moduletable ul li {







	list-style: url(../images/arrow.png);







}















img {







	border:0px;







}















/* ********************** form */







form {







	margin: 0;







	padding: 0;







}















.button {







	border:outset 1px #83AF2C;







	color:#000;







	padding: 1px 2px;







	height:18px;







	font-size: 10px;







	margin-top:5px;







}















.inputbox {







	background-color: #fff;







}















/* ********************** font size */







h1 {







	font-size: 1.7em;







}















h2 {







	font-size: 1.45em;







}















h3, h4 {







	font-size: 1.2em;







	font-family: Verdana, Arial, Helvetica, sans-serif;







}















.small, .createdate, .modifydate {







	font-size: 10px;	







	}















a.readon:link, a.readon:visited {







	font-size: 11px;	







	}















/* ********************** main layout */







body.bg_page {







	height: 100%; 







	padding: 0;







	margin-bottom: 1px;



}







div.wrap{



	







	text-align:left;







}







div.tab_wrap, div.show_wrap {







	position: relative;







	text-align:left;







}















#m_padding {







	/*margin: 0 10px;*/







	text-align: left;







	}















/* ********************** Top area */







#top_area {







	height: 91px;







	text-align: left;



	



	padding:0px 0px 0px 0px;







	}















#logo {







	position:absolute;







	top: 0;







	left: 0;







	display: block;







	width:223px;







	height: 91px;	







	background-color: #DDDDDD;







	background: url(../images/logo.gif) no-repeat;



	



	padding:7px 0px 0px 0px;







}















#banner {







	height: 93px;







	margin-left: 223px;







	background-color: #767f3e;







}















/* ********************** Tab bar */







#tab_area {

	height: 28px;

	vertical-align:top;

	text-align: left;

	background: #917d58 url(../images/unlimited.gif) 0 0 no-repeat;

	position:inherit;

}















#tab_buttons {

	left: 223px;

	/*height:50px;*/

	text-align:left;

	position:absolute;



}















#tab_buttons table.moduletable {

/*	line-height: 1.8em;*/

	vertical-align:middle;

	}















#tab_buttons span { 







	color: #CCC;















	}













#tab_buttons table.moduletable table td {







	text-align:left;		



	

    /*line-height:15pt;*/

	



		}















a.mainlevel-nav:link, a.mainlevel-nav:visited {







	padding: 0 12px ;







	font-size: 11px;







	/*line-height:5px;*/







	color: #fff;



	



	







	}







	







a.mainlevel-nav:hover {







	text-decoration:none;







	color: #CCC;







}















/* ********************** Main area */







#main_area {







	text-align: left;







	background-color: #dddddd;



	







}















#left_area {







	float: left;



	height:200px;







	width: 210px;



	padding-left:10px;



	background-color: #DDDDDD;



	







}















#main_body {











	background-color:#ffffff;



	padding:0px 0px 0px 7px;







}















/* ********************** left col */







#leftmain{







	/*padding: 10px;*//*	padding-left:10px;*/



	



	background:#dddddd;



 



}











#main_padding {







	padding-left: 0;padding: 10px;







}















#leftmain_in, #main_in {







	text-align: left;







	}















#leftmain_in div.moduletable {







	margin-bottom: 12px;







	padding:0px;







}















#leftmain_in div.moduletable h3 {







	height:20px;







	color: #515151;







	text-align: left;







	padding: 0px;







	margin: 0 0 6px 0;







	line-height:20px;







	font-size: 12px;







	font-weight: bold;







	text-decoration:underline;







}















/* ********************** MENU SYSTEM  */







#leftmain_in a.mainlevel:link, #leftmain_in a.mainlevel:visited {







      display: block;   	      







      background: url(../images/list.gif) 0 6px no-repeat ;







	height: 22px;







	line-height	:22px;







	color: #515151;







	text-decoration:underline;







	font-size: 11px;







	text-indent: 20px;







}















#leftmain_in a.mainlevel:hover {







	text-decoration: none;







	color: #515151;







}















#leftmain_in #active_menu {







	background: url(../images/list.gif) 0 6px no-repeat;







	color: #515151;







	font-weight: bold;







}















#leftmain_in a.sublevel:link, #leftmain_in a.sublevel:visited {







	text-align: left;







	line-height	:17px;







	text-indent:0px;







	color: #515151;







}















#leftmain_in a.sublevel:hover {







	text-decoration	: none;







	line-height	:17px;







	font-weight: bold;







	color: #515151;







}















#leftmain_in a.sublevel#active_menu  {







	color: #515151;







	font-weight: bold;







	background-image: none;







}















a.category:link, a.category:visited {







	font-weight		: bold;







	







}







	







/* ********************** pathway */







#can_pathway {







	margin-bottom: 12px;







	background: url(../images/bg_path.png) 0 0 no-repeat;







}















#can_pathway div {







	padding-top: 1px;







	height: 18px;







	text-align: left;







	padding-left:15px;







}















#can_pathway img {







	vertical-align:middle;







}















span.pathway, a.pathway:link, a.pathway:visited {







	line-height: 18px;







	color: #5B7B20;







	font-size: 10px;







}















/* ********************** footer and copyright */







#footer {







	width: 100%;







	height: 60px;







	border-top: 1px solid #000;







}















#footer_in {







	text-align:center;







	padding:10px 0 6px 12px;



	background-color:#FFFFFF;







}















/* ********************** MODULES */







div.moduletable {







  	margin: 0;







	padding: 0;



}















div.moduletable h3 {







	height:22px;







	color: #515151;







	text-align: left;







	padding: 0px;







	margin: 0 0 2px 0;







	line-height:22px;







	font-size: 12px;







	font-weight:bold;







}















div.moduletable td {







	text-align: left;







	padding: 0;







	margin: 0;







}















/* ********************** CONTENT STYLES */







table.contentpaneopen, table.contentpane {







	margin: 0;







	padding: 0;







	border-collapse: collapse;







}















table.contentpaneopen {







	margin-bottom: 4px;







}















table.contentpane {







	width: 99%;







}















.contentdescription {







	text-align		: left;







	padding			: 0px;







}















.contentpaneopen td {







	padding	: 0px; 







}















.contentpane td, .contentdescription td {







	padding: 4px 0px; 







}















td.contentheading {







	height:22px;







	font-size: 12px;







	font-weight:bold;







	text-align: left;







}















td.buttonheading {







	padding:0 4px;







}















.componentheading {







	font-size: 12px;







	font-weight:bold;







	color: #823E41;







	height:30px;







	line-height:26px;







	text-align		: left;







	margin-bottom:10px;







}















.back_button {







	/*float:right;*/







	width:60px;



	height:10px;



	position: absolute;



	right: -3px;



	padding-top:10px;







}















.small, .createdate, .modifydate {







	color: #999; 







	line-height:110%;







	height:15px;







}















a.readon:link, a.readon:visited {







	width: 90px;







	height: 18px;







    padding: 4px 0;







	margin-top: 3px; 







    float            : left;







    line-height      : 10px;







    text-decoration  : underline;







}







a.readon:hover {







    text-decoration  : none;







}















table.contenttoc {







	border: 1px solid #eee;







 	padding			: 1px;







	margin-left		: 7px;







	margin-bottom	: 2px;







}







table.contenttoc th {







	text-align		: center;







	padding			: 2px;







	font-weight		: bold;







	font-size: 11px;







}















/* ********************** STYLES LISTING CONTENT PAGE */







td.sectiontableheader  {







	background-color: #eee;







	color			: #000; 







	font-weight		: bold;







	padding			: 2px 3px 3px 2px;







	border-bottom:1px solid #333;







}







td.sectiontablefooter  {







	padding			: 2px 3px 3px 2px;







}







.sectiontableentry1  {







	background-color: #fff; 







}







.sectiontableentry2  {







	background		: #f7f7f7; 







}















.sectiontableentry1 td, .sectiontableentry2 td {







	padding: 3px 0px 3px 2px;







	}















.sectiontableentry1 td a:link, .sectiontableentry2 td a:visited {







	}















.pagenavbar {







	text-align		: center;







	width			: 100%;







}















a.mouse:link, a.mouse:visited {







	font-size: 12px;







	font-weight: bold;







	line-height: 118px;







}















a.mouse:hover {







	color: #823E41;







}