@charset "utf-8";
/* CSS Document */

<style type="text/css"> 
<!-- 
body.thrColLiqHdr  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; 
	padding-top: 0px;
	text-align: center; 
	color: #000000;
}
.thrColLiqHdr #container { 
	width: 986px;  
	background: #FFFFFF;
	margin: 0 auto; 
	border: 0px solid #000000;
	text-align: left; 
} 
.thrColLiqHdr #header { 
	background: #DDDDDD; 
	padding: 0 px;  
} 
.thrColLiqHdr #header h1 {
	margin: 0; 
	padding: 10px 0; 
}

.thrColLiqHdr #sidebar1 {
	float: left; 
	width: 20%; 
	background: #EBEBEB; 
	/*padding: 15px 10px 15px 10px;*/
	padding: 0px 10px 15px 10px;
	height:1079px; 
}


div.button1 ul {	
	border:1px solid #33CC33;
	border-top:0px;
	padding:5px;
	margin:0px;
	background-color:#FFFFFF;
}
div.tab1-slide1{
	background:url(img/button1.gif) top repeat-x;
	padding:5px;
	font: bold 14px 'trebuchet ms';
	color: #009900;
	border:	1px solid #33CC33;
	border-bottom:0px;	
}

div.button1 ul li{
	background:url(img/bullet.gif) no-repeat left;
	 text-decoration: none;
	 display: block !important;
	 text-transform:none;
	 list-style:none; 
		 
}
div.button1 ul li a {
	
	font-family: Tahoma;
	text-decoration:none;		 
	color: #333333;
	 font-size: 13px;
	 margin-left:17px;		
	}
div.button1 ul li ul a:link,
		div.button1 ul a:visited { color: #333333; text-decoration: none; }
		div.button1 ul a:hover { color: #9933CC; text-decoration: underline; }
		div.button1 ul a:active { color: #9933CC; }


.thrColLiqHdr #sidebar2 {
	float: right; 
	width: 20%; 
	background: #EBEBEB; 
	/*padding: 15px 10px 15px 10px;*/
	padding: 0px 10px 15px 10px;
	height:1079px; 
}
div.button2 ul {	
border:1px solid #33CC33;
	border-top:0px;
	padding:10px;
	margin:0px;
	background-color:#FFFFFF;
}
div.button2 ul img {

	width:150px;
	height:150px;
}
div.button2 ul li{
	 text-decoration: none;
	 display: block !important;
	 text-transform:none;
	 list-style:none; 
		 
}
div.button2 ul li a {
	
	font-family: Tahoma;
	text-decoration: underline;		 
	color: #333333;
	 font-size: 13px;		
	}
div.button2 ul li ul a:link,
		div.button2 ul a:visited { color: #333333; text-decoration: underline; }
		div.button2 ul a:hover { color: #9933CC; text-decoration: none; }
		div.button2 ul a:active { color: #9933CC; }


.thrColLiqHdr #sidebar1 p, .thrColLiqHdr #sidebar1 h3, .thrColLiqHdr #sidebar2 p, .thrColLiqHdr #sidebar2 h3 {
	margin-left: 10px; /* the left and right margin should be given to every element that will be placed in the side columns */
	margin-right: 10px;
}

.thrColLiqHdr #mainContent { 
	margin: 0 23% 0 23%; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
	padding-top:20px;
	padding-bottom:20px;
}
div.tab1,div.tab1 span {
	background-image: url(img/tab1.gif);
	background-position: left 0px;
	background-repeat: no-repeat;
	height: 29px;
	
	color: #336600;
	text-decoration: none;
	font: bold 16px 'trebuchet ms';
	display: block;
	position:relative;
	padding: 10px 5px 0px 10px;
	
}
div.tab1 span {	
	background-position: right -47px;
	width: 19px;
	top:0px;
	right:0px;
	/*left:450px;*/
	position: absolute;	
	padding: 10px 0px 0px 0px;
}
.nav-global {
	/*float: left;*/
	padding: 10px 4px 5px 4px;
	background-color: transparent;
	color: #006600;
	background-color:#CCFFCC;
	border:solid #009900 1px;	
	display: block;
	font: 17px 'trebuchet ms';
	overflow:auto;
	
}
.nav-global ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	float:left;
}

.nav-global ul li {
	float: left;
	white-space: nowrap;
	padding:4px;
}
.nav-global ul li img {
	width:120px;
	height:120px;
}
.nav-global ul li img.image {
	width:70px;
	height:200px;
	background-color:#FFFFFF;
	padding:10px;
}
div.nav-global ul li a {
	display:block;
	font-family: Tahoma;	 
	color: #009900;
	 font-size: 12px;
	 font-weight:bold;
	 text-decoration:none;		
	}
div.nav-global ul li ul a:link,
		div.nav-global ul a:visited { color: #009900; text-decoration: none; }
		div.nav-global ul a:hover { color: #9933CC; text-decoration: none; }
		div.nav-global ul a:active { color: #9933CC; }

div.tab2{
	background:url(img/button2.gif) repeat-x;
	padding:5px;
	margin-top:15px;
	border-bottom: solid #00FF00 1px;
	margin-bottom:5px;
	font: bold 20px 'trebuchet ms';
	color:#003300;
}
div.tab2-center{
	background:url(img/tab2-center.gif) repeat-y;
	padding:5px;
	font: 14px 'trebuchet ms';
	border:solid #0fa00f 1px;
	border-bottom:0px;
}
div.tab2-bottom, div.tab2-bottom span{
	background:url(img/tab2-bottom.gif) no-repeat;
	background-position:left 0px;
	height:58px;
	position:relative;
	
}
div.tab2-bottom span{
	background-position:right 0px;
	padding-top:10px;
	width:92px;
	position:absolute;
}
.thrColLiqHdr #footer {
	background:url(img/footer.gif) repeat-x; 
	padding: 0 0px; 
} 
.thrColLiqHdr #footer p {
	margin: 0; 
	padding: 0px; 
	color:#FFFFFF;
	font: 12px 'trebuchet ms';
}

.fltrt { 
	float: right;
	margin-left: 8px;
}
.fltlft { 
	float: left;
	margin-right: 8px;
}
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.detail {
	
	padding: 10px 4px 10px 4px;
	background-color: transparent;
	color: #006600;
	/*background-color:#CCFFCC;*/
	background-color:#FFFFFF;
	border:solid #009900 1px;	
	display: block;
	font: 17px 'trebuchet ms';
	float: none;
	/*overflow:auto;*/	
	
}

.detail ul {
	margin: 0px;
	padding: 0px;
	float:left;
}
.detail ul img{
	margin:20px;
	width:150px;
	height:150px;
	border:#000000 solid 1px;
}
.detail ul img.image{
	margin:10px;
	margin-top:0px;
	margin-left:40px;
	width:70px;
	height:220px;
	border:#000000 solid 0px;
}

--> 
</style><!--[if IE]>
<style type="text/css"> 
/* place css fixes for all versions of IE in this conditional comment */
.thrColLiqHdr #sidebar2, .thrColLiqHdr #sidebar1 { padding-top: 30px; }
.thrColLiqHdr #mainContent { zoom: 1; padding-top: 15px; }
/* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
</style>
<![endif]-->