/* CSS Document */
html {overflow-y: scroll;}
body{margin:0px; padding:0px; background: url(images/main-bg.gif) 0 0 repeat-x white; color:#5D5B46; font:14px/18px Arial, "Arial", Helvetica, sans-serif; height:100%;}
div, p, ul, h2, img{margin:0px; padding:0px;}
ul{list-style-type:none;}

/*----TOP PANEL----*/
#topPan{width:100%; height:141px; position:relative; margin:0 auto; font:14px/18px Arial, Helvetica, sans-serif; }
#topPan img.logo{width:293px; height:135px; position:absolute; top:17%; left:0px;}
#topPan img.banfond{width:660px; height:65px; position:absolute; top:54%; left:290px;}
#topPan p.subtitle{width:230px; height:25px; color:white; position:absolute; top:0px; left:0px; line-height:24px; text-align:center;}
#topPan p.logo2{width:230px; height:25px; color:white; position:relative; float:right; line-height:24px; text-align:center;}

/*----/TOP PANEL----*/

/*----HEADER- PANEL----*/
#headerPan{width:100%; height:50px; position:relative; margin:0 auto; Background:#DDDDDD;}

/*----Header Middle Panel----*/
#headermiddlePan{width:100%; height:50px; float:left; Background:#DDDDDD;}

/*----Menu Panel----*/
#menuPan{width:100%; height:35px; background:url(images/menu-bg.gif) 0 0 repeat-x; position:relative; margin:0 auto;}
#menuPan span{border-left-style:dashed; border-left-width:1px; border-left-color:grey; border-right-style:dashed; border-right-width:1px; border-right-color:grey;}
#derouleL{position:relative; float:none; left:20px;}
#deroule{width:850px; }


/* -------------------------------------------------------- */
/* BUTTON													*/
.button{
	color:black;	
	font-size:15px;
	font-weight:bold;
	height:33px;
	line-height:31px;
	width:auto;
	margin-right:30px;
}
	a.button {
		text-decoration:none;
	}
	a.button:hover {
		background:black;
		color:white;
	}
	.button span {			
		height:31px;
		line-height:31px;
		padding-left:10px;
		padding-right:8px;		
	}
.buttonD{
	background:black;
	color:white;	
	font-size:15px;
	font-weight:bold;
	height:33px;
	line-height:31px;
	width:auto;
	margin-right:30px;
}
a.buttonD{
		text-decoration:none;
	}
a.buttonD:hover {
		background:white;
		color:black;
	}
.buttonD span {			
		height:31px;
		line-height:31px;
		padding-left:10px;
		padding-right:8px;		
	}
.buttonE{		
	color:black;	
	font-size:15px;
	font-weight:bold;
	height:100px;	
	width:219px;	
}
a.buttonE{
		
		text-decoration:none;
		height:100px;	
		width:219px;
	}
a.buttonE:hover {		
		color:grey;
		height:100px;	
		width:219px;
	}

/* -------------------------------------------------------- */
/* MENU			

#menuPan ul{width:500px; height:20px; position:relative; margin:0 auto;}
#menuPan li{float:left; }
#menuPan ul li a{padding:0 10px 0; color:#fff; background:#3B3B3B; text-decoration:none; font-size:12px;}
#menuPan ul li a:hover{text-decoration:underline;}	
										*/
.v-menu1{	
	width:100%;	
	height:20px	
}
	
	}
	ul.v-menu1{
		clear:both;	
		margin-top:2px;	
				
	}
		.v-menu1 li{
			float:left; 
		}
		.v-menu1 li a{
			border-right:1px dashed grey; border-left:1px dashed grey; padding-left:5px; padding-right:5px; color:#fff; background:#3B3B3B; text-decoration:none; font-size:12px;
		}
		.v-menu1 li a:hover{
			color:black; background:white;
		}
/*----/Menu Panel----
#headerbodyPan{width:686px; height:184px; position:absolute; top:42px; left:46px; background:#FEFDF1; color:#fff; border-bottom:1px solid #CDCAA3; border-top:1px solid #CDCAA3;}
---- Header Red Panel---

#headerrightPan{width:46px; height:228px; float:left;}
---HEADER- PANEL----*/

#allbody{width:100%; position:relative; margin:0 auto;float:none; background: white;}

/*----Left Panel----*/
#leftPan{width:25%; position:relative; margin:0 auto; float:left;  background: white; top:50px; right:15px; left:1%; min-width:200px; min-height:275px;}
#lefttopPan{width:175px; border-style:solid; border-width:1px; border-color: grey; position:relative; float:left;}
#lefttopPan p{padding:2px; position:relative; margin:1px;}
#leftmidPan{width:175px; border-style:solid; border-width:1px; border-color: grey; position:relative; float:left;}
#leftmidPan p{padding:2px; position:relative; margin:1px;}
#leftbotPan{width:175px; border-style:solid; border-width:1px; border-color: grey; position:relative; float:left;}
#leftbotPan p{padding:2px; position:relative; margin:1px;}

/*----BODY PANEL----*/
#bodyPan{width:75%; position:relative; margin:0 auto; Background:#DDDDDD; float:left; max-width:850px; min-width:600px; min-height:500px;}
#bodyPan h3{ height:30px; color:#D80000; font:15px "Trebuchet MS",Arial, Helvetica, sans-serif;}
#bodyPan h2{width:500px; height:54px; color:Red; font:20px "Trebuchet MS",Arial, Helvetica, sans-serif;}
#bodyPan img.Tips2{width:95%; height:124px; position:relative;left:15px;}
#bodyPan p{padding:10px 0 0; Background:#DDDDDD;}
#bodyPan p.left{padding:10px 0 0; Background:#DDDDDD; float:left; }
#bodyPan p.right{padding:10px 0 0; Background:#DDDDDD; float:right; }
#bodyPan p span{font-weight:bold;}

.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #9FD4FF;
	padding: 8px 8px 4px;
	background: black bottom right;

}
.tool-tip {
	color: #fff;
	width: 139px;
	z-index: 13000;
}
.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: black bottom right;
}

#bodyleftPan{width:60%; position:relative; margin:0 auto; Background:#DDDDDD;float:left; }
#bodyleftPan img{width:12px; height:6px; position:relative; margin:0 auto; Background:#DDDDDD;}
#bodyleftPan p{padding:5px; position:relative; left:100px;}
#bodyrightPan{width:40%; position:relative; margin:0 auto; Background:#DDDDDD;float:right;}
#bodyrightPan img.imgindex{width:333px; height:202px; position:relative;right:100px;Background:#DDDDDD;}
#container{ margin:0 auto;}

/*----Body Bottom Panel----*/
#bodybottomPan{width:806px; position:relative;  padding:30px 0 0 8px; background: #DDDDDD;}




/*----Bottom Left Panel----*/
#bottomleftPan{width:375px; float:left; background:url(images/bodybottombg.gif) 0 0 no-repeat #FEFDF0; color:#D80000; border-bottom:1px solid #CDCAA3; border-left:1px solid #CDCAA3; border-right:1px solid #CDCAA3; margin:0px;}
#bottomleftPan h2{width:250px; height:58px; background:url(images/icon1.jpg) 0 0 no-repeat; font:26px/26px "Trebuchet MS",Arial, Helvetica, sans-serif; padding:0 0 0 65px; margin:22px 0 0 41px;}
#bottomleftPan h2 span{font-size:20px; background:white; color:#5D5B46;}

#bottomleftPan ul{width:290px; margin:15px 0 0 50px;}
#bottomleftPan ul li{width:290px; height:30px; background:url(images/bullet1.gif) 0 0 no-repeat;} 
#bottomleftPan ul li a{width:210px; height:30px; display:block; background:url(images/bullet1.gif) 0 10px no-repeat #FEFDF1; color:#2F2A28; font-size:14px; line-height:30px; text-decoration:none; padding:0 0 0 80px;}
#bottomleftPan ul li a:hover{display:block;background:url(images/bullet1.gif) 0 10px no-repeat #FEFDF1; color:#2F2A28; line-height:30px;} 
 
#bottomleftPan p.more{width:270px; height:21px; padding:0px; margin:10px 0 25px 50px;} 
#bottomleftPan p.more a{width:270px; height:21px; display:block; background:url(images/bottom-more-bg.gif) 0 0 no-repeat #FEFDF1; color:#fff; font:13px/20px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-decoration:none;} 
#bottomleftPan p.more a:hover{background:url(images/bottom-more-bg.gif) 0 0 no-repeat #FEFDF1; color:#FDF6B6; text-decoration:none;} 
/*----/Bottom Left Panel----*/

/*----Bottom Right Panel----*/
#bottomrightPan{width:375px; float:left; background:url(images/bodybottombg.gif) 0 0 no-repeat #FEFDF0; color:#D80000; border-bottom:1px solid #CDCAA3; border-left:1px solid #CDCAA3; border-right:1px solid #CDCAA3; margin:0 0 0 8px;}
#bottomrightPan h2{width:250px; height:58px; background:url(images/icon2.jpg) 0 0 no-repeat; font:26px/26px "Trebuchet MS",Arial, Helvetica, sans-serif; padding:0 0 0 65px; margin:22px 0 0 41px;}
#bottomrightPan h2 span{font-size:20px; background:#FCFBED; color:#5D5B46;}

#bottomrightPan ul{width:290px; margin:15px 0 0 50px;}
#bottomrightPan ul li{width:290px; height:30px; background:url(images/bullet1.gif) 0 0 no-repeat;} 
#bottomrightPan ul li a{width:210px; height:30px; display:block; background:url(images/bullet1.gif) 0 10px no-repeat #FEFDF1; color:#2F2A28; font-size:14px; line-height:30px; text-decoration:none; padding:0 0 0 80px;}
#bottomrightPan ul li a:hover{display:block;background:url(images/bullet1.gif) 0 10px no-repeat #FEFDF1; color:#2F2A28; line-height:30px;} 
 
#bottomrightPan p.more{width:270px; height:21px; padding:0px; margin:10px 0 25px 50px;} 
#bottomrightPan p.more a{width:270px; height:21px; display:block; background:url(images/bottom-more-bg.gif) 0 0 no-repeat #FEFDF1; color:#fff; font:13px/20px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-decoration:none;} 
#bottomrightPan p.more a:hover{background:url(images/bottom-more-bg.gif) 0 0 no-repeat #FEFDF1; color:#FDF6B6; text-decoration:none;} 
/*----/Bottom Left Panel----*/

/*----FOOTER PANEL----*/
#footermainPan{height:57px; background:url(images/footerbg.gif) 0 0 repeat-x #3B3B3B; color:#fff; font:13px/20px "Trebuchet MS",Arial, Helvetica, sans-serif; position:relative; margin:0 auto; clear:both; padding:75px 0 0;}

#footerPan{width:806px; position:relative; margin:0 auto;}

#footerPan ul{width:500px; height:20px; position:relative; margin:0 auto;}
#footerPan li{float:left; }
#footerPan ul li a{padding:0 10px 0; color:#fff; background:#3B3B3B; text-decoration:none; font-size:12px;}
#footerPan ul li a:hover{text-decoration:underline;}

#footerLastPan{width:100%; height:300px; }


/*----/FOOTER PANEL----*/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}


#kwicks_container { 	
	background-color:#DDDDDD;
	height: 100px;	
}
#kwicks_container span{ 
	color:black;
}
#kwicks {
	position: relative;
}
 
#kwicks .kwick {
	float: left;
	display: block;
	width: 117px;
	height: 100px;
}
 
#kwick_red {background-color: #FF3333;}
#kwick_blue {background-color: #3399FF;}
#kwick_violet {background-color: #99FF99;}
#kwick_grey{background-color: #DDDDDD;}



/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}



.toggler {
	color: #222;
	margin: 0;
	padding: 2px 5px;
	background: #CCCCFF;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-top: 1px solid #f5f5f5;
	border-left: 1px solid #f5f5f5;
	font-size: 11px;
	font-weight: normal;
	font-family: 'Andale Mono', sans-serif;
}
 
.element {
 
}
 
.element p {
	margin: 0;
	padding: 4px;
}
 
.float-right {
	padding:10px 20px;
	float:right;
}
 
blockquote {
	text-style:italic;
	padding:5px 0 5px 30px;
}


/* End hide from IE-mac */

.download
{

font-size:14px;
font-weight:strong;
}