/* CSS Document */
body{padding:0; margin:12px 0 0; background:url(images/main-bg.gif) 0 0 repeat-x #fff; font:15px/22px "Trebuchet MS",Arial, Helvetica, sans-serif; color:#7D7D7D; }
div, p, ul, h1, h2, h3, h4, h5, img{margin:0px; padding:0px;}
ul{list-style-type:none;}
img{border:0px;}
.SmallFont
{
	font-size: 22px;
	font-weight: bold;
}
#mainPan{width:778px; position:relative; margin:0 auto;}
/*---TOP PANEL---*/
#topPan{width:778px; height:185px;}
#topleftPan{
	width:575px;
	margin:0;
	float:left;
	background:url(images/header3.jpg) 0 0 no-repeat #FDFDFC;
	color:#fff;
	height: 155px;
	padding-top: 30px;
	padding-left: 45px;
	padding-right: 0px;
	padding-bottom: 0px;
}
#topleftPan h1{
	background:none;
	font:46px "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	float: left;
	padding: 0px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#topleftPan h2{
	display:block;
	border-top:1px solid #6CEC16;
	width:400px;
	position:absolute;
	top:100px;
	left:50px;
	margin-left: 45px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	float: left;
}



#toprightPan{
	width:190px;
	height:185px;
	position:absolute;
	top: 0px;
	right: 0px;
}
#toprightPan ul{
	width:100%;
	margin-top: 2px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	height: 127px; /*147*/
}
#toprightPan ul li{
	height:19px;/*22*/
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cbcaca;
}
#toprightPan ul li a{
  font-size:13px;
	width:100%;
	display:block;
	background:url(images/arrow-hover.gif) 0 50% no-repeat #fff;
	color:#0000FF; 
	text-decoration:none;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 20px;
}
#toprightPan ul li a:hover{background:url(images/arrow-normal.gif) 0 50% no-repeat; text-decoration:none;color:#008000;font-weight:bold;}
#toprightPan ul li.underlinenone{	height:22px;}


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


#bodyPan{width:778px;}
/*---Body Left Panel--*/
#bodyleftPan{width:608px; background: url(images/body-bg1.gif) 0 0 repeat-y; margin:0; padding:0 0 40px;}
#bodyleftPan p{padding:20px 20px 0;}
#bodyleftPan p span.boldtext{font-weight:bold;}
#bodyleftPan p.border{height:6px; background:url(images/line.gif) 0 100% repeat-x; margin:20px 61px; padding:0;}
#bodyleftPan p.captiontext{font:16px/22px Georgia, "Times New Roman", Times, serif; background: url(images/body-bg.gif) 0 0 repeat-y #fff; color:#7D7D7D; font-style:italic; font-weight:bold;}
#bodyleftPan p span.quetion{font-size:50px;}

#bodyleftPan h2{width:478px; height:30px; display:block; font:21px/28px Georgia, "Times New Roman", Times, serif; font-weight:bold; color:#39A002; background:#fff; margin:0 0 0 20px;}
#bodyleftPan h2 span{font-size:21px; line-height:21px; font-weight:normal;}
#bodyleftPan h3{width:116px; height:47px; display:block; background:url(images/icon1.jpg) 0 0 no-repeat #fff; color:#06507A; border-bottom:1px solid #E6E6E6; font-size:14px; line-height:14px ; margin:20px 0 0 61px; padding:6px 0 0 100px; font-weight:bold; text-transform:uppercase;}
#bodyleftPan h3 span{background:#fff; color:#39A002; text-transform:none;}
#bodyleftPan h4{width:478px; height:40px; display:block; font:24px/24px Georgia, "Times New Roman", Times, serif; font-weight:bold; color:#39A002; background:#fff; margin:0 0 0 61px;}
#bodyleftPan h5{width:200px; height:47px; display:block; background:url(images/icon4.jpg) 0 0 no-repeat #fff; color:#06507A; border-bottom:1px solid #E6E6E6; font-size:18px; line-height:24px ; margin:10px 0 10px 59px; padding:0 0 10px 100px; border-bottom:1px solid #E6E6E6;}
#bodyleftPan h5 span{font-size:24px;}

#bodyleftlinkboxonePan{width:400px; height:50px; display:block; margin:25px 0 0  61px; padding:0px;}
#bodyleftlinkboxonePan ul{width:400px; height:28px; width:318px; height:24px;}
#bodyleftlinkboxonePan ul li{display:block; width:156px; height:34px; float:left;}
#bodyleftlinkboxonePan ul li.comments{width:110px; height:28px; display:block; background:url(images/icon2.jpg) 0 0 no-repeat #fff; color:#00456F; font-size:14px; font-weight:normal; padding:0 0 0 35px;}
#bodyleftlinkboxonePan ul li.comments span.boldtext{font-weight:bold;}

#bodyleftlinkboxonePan ul li.continue{width:134px; height:28px; background:url(images/icon3.jpg) 0 0 no-repeat; padding:2px 0 0 36px;}
#bodyleftlinkboxonePan ul li.continue a{display:block; height:18px; background:#fff; color:#00456F; font-size:14px; font-weight:normal; text-decoration:none; float:left;}
#bodyleftlinkboxonePan ul li.continue a:hover{display:block; height:18px; background:#F4F4F4; text-decoration:none;}


#bodyleftlinkboxPan{width:400px; height:88px; display:block; margin:25px 0 0  61px; padding:0px;}
#bodyleftlinkboxPan ul{width:400px; height:28px; width:318px; height:24px; margin:0px;}
#bodyleftlinkboxPan ul li{display:block; height:34px; float:left;}
#bodyleftlinkboxPan ul li.comments{width:110px; height:28px; display:block; background:url(images/icon2.jpg) 0 0 no-repeat #fff; color:#00456F; font-size:14px; font-weight:normal; padding:0 0 0 36px;}
#bodyleftlinkboxPan ul li.comments span.boldtext{font-weight:bold;}

#bodyleftlinkboxPan ul li.continue{width:134px; height:28px; background:url(images/icon3.jpg) 0 0 no-repeat; padding:2px 0 0 36px;}
#bodyleftlinkboxPan ul li.continue a{display:block; height:18px; background:#fff; color:#00456F; font-size:14px; font-weight:normal; text-decoration:none; float:left;}
#bodyleftlinkboxPan ul li.continue a:hover{display:block; height:18px; background:#F4F4F4; text-decoration:none;}

#bodyleftpublicationPan{width:468px; margin:25px 0 0  61px; padding:0px;}
#bodyleftpublicationPan h2{width:448px; height:70px; background:url(images/bullet1.gif) 0 0 no-repeat #fff; font-size:16px; font-family:"Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; margin:0; color:#7D7D7D; padding:0 0 0 40px;}
#bodyleftpublicationPan h2 span{background:#fff; color:#06507A; font-size:14px;}

#bodyleftpublicationPan h3{width:448px; height:70px; background:url(images/bullet2.gif) 0 0 no-repeat #fff; font-size:16px; line-height:20px; font-family:"Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; margin:0; color:#7D7D7D; padding:0 0 0 40px; text-transform:none; border:none;}
#bodyleftpublicationPan h3 span{background:#fff; color:#06507A; font-size:14px; font-weight:normal;}

#bodyleftpublicationPan h4{width:448px; height:70px; background:url(images/bullet3.gif) 0 0 no-repeat #fff; font-size:16px; line-height:20px; font-family:"Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; margin:0; color:#7D7D7D; padding:0 0 0 40px; text-transform:none;}
#bodyleftpublicationPan h4 span{background:#fff; color:#06507A; font-size:14px; font-weight:normal;}

#bodyleftpublicationPan h5{width:448px; height:70px; background:url(images/bullet4.gif) 0 0 no-repeat #fff; font-size:16px; line-height:20px; font-family:"Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; margin:0; color:#7D7D7D; padding:0 0 0 40px; text-transform:none; border:none;}
#bodyleftpublicationPan h5 span{background:#fff; color:#06507A; font-size:14px; font-weight:normal;}


#bodyleftpublicationPan p.dotline{background:url(images/dotline.gif) 0 0 repeat-x; margin:0 0 0 38px; padding:0;}
/*---/Body Left Panel--*/

.Link{display:block; background:url(images/arrow2.gif) 0 50% no-repeat; color:#808080; text-decoration:underline; padding:0 0 0 20px;}
.Link:hover{text-decoration:none;background:url(images/arrow3-hover.gif) 0 50% no-repeat;color:#000;}

.uls {margin: 20px 50px 50px 50px;}
.uls ul{width:500px;} 
.uls ul li{width:500px;}
.uls ul li a{display:block; background:url(images/arrow2.gif) 0 50% no-repeat #fff; color:#808080; text-decoration:underline; padding:0 0 0 20px;}
.uls ul li a:hover{text-decoration:none;background:url(images/arrow3-hover.gif) 0 50% no-repeat #fff;color:#000;}


.ula 
{
	list-style-type:square;
	margin-top: 20px;
	margin-right: 50px;
	margin-bottom: 20px;
	margin-left: 80px;
}

/*---Body Right Panel--*/

#bodyrightPan{width:170px; position:absolute; top:189px; right:0px;font-size:12px;}
#bodyrightPan ul{width:170px;} 
#bodyrightPan ul li{width:170px;}/*height:26px;*/
#bodyrightPan ul li a{width:150px; display:block; background:url(images/arrow2.gif) 0 50% no-repeat #fff; color:#3B3B3B; text-decoration:underline; padding:0 0 0 20px;}
#bodyrightPan ul li a:hover{text-decoration:none;}

#bodyrightPan A IMG {border:solid 1px gray;padding:1px;}
#bodyrightPan A:hover IMG {border:solid 2px navy;padding:0px;}

/*---/Body Right Panel--*/

/*---FOOTER PANEL--*/
#footermainPan{height:100px; background:url(images/footerbg.gif) 0 0 repeat-x #777; color:#fff; margin:0; padding:0;}
#footerPan{width:778px; position:relative; margin:0 auto;}
#footerPan img{position:absolute; width:100px;height:63px; left:630px; top:20px; right:6px;}

#footerPan ul{
	width:100%;
	position:absolute;
	top:36px;
	left:49px;
}
#footerPan li{float:left; font:12px/15px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:normal;}
#footerPan ul li a{padding:0 0 0 12px; color:#fff; background:#777777; text-decoration:none;}
#footerPan ul li a:hover{text-decoration:underline;}

#footerPan ul.templateworld{width:190px; background:#7D7D7D; color:#fff; display:block; position:absolute; top:120px; left:60px; }
#footerPan ul.templateworld li{height:20px;}
#footerPan ul.templateworld li a{background:#7D7D7D; display:block; color:#fff; text-decoration:none; padding:0px;}
#footerPan ul.templateworld li a:hover{text-decoration:underline;}

#footerPan p.copyright{background:#7D7D7D; color:#fff; font:11px/15px Tahoma,Arial, Helvetica, sans-serif; position:absolute; top:56px; left:61px;}

#footerPanhtml{width:70px; height:24px; background:url(images/htmlbutton.gif) 0 0 no-repeat #7D7D7D; display:block; position:absolute; top:90px; left:61px;}
#footerPanhtml a{width:59px; height:19px; background:url(images/arrow3-normal.gif) no-repeat 45px 4px #fff; display:block; position:absolute; top:3px; left:3px; margin:0; padding:0 0 0 5px; color:#353427; text-transform:uppercase; text-decoration:none;}
#footerPanhtml a:hover{background:url(images/arrow3-hover.gif) no-repeat 45px 4px #fff; color:#353427; text-decoration:none;}

#footerPancss{width:58px; height:24px; background:url(images/cssbutton.gif) 0 0 no-repeat #7D7D7D; display:block; position:absolute; top:90px; left:135px;}
#footerPancss a{width:46px; height:19px; background: url(images/arrow3-normal.gif) no-repeat 35px 4px #fff; display:block; position:absolute; top:3px; left:3px; margin:0; padding:0 0 0 5px; color:#353427; text-transform:uppercase; text-decoration:none;}
#footerPancss a:hover{background:url(images/arrow3-hover.gif) no-repeat 35px 4px #fff; color:#353427; text-decoration:none;}


.float-left
{
	float:left;
	margin:10px;
}


code {
  margin: 20px 60px 20px 60px;
  padding: 10px;
  text-align: left;
  display: block;
  overflow: auto;  
  font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace;
  white-space: pre; 
  background: #FAFAFA;
  border: 1px solid #f2f2f2;  
  border-left: 4px solid #4284B0; 
  border-right: 4px solid #4284B0; 
}