/* CSS Document */

body {
font-size:12px;
color:#666666;
font-family:Arial, Helvetica, sans-serif;
}
body a{
color:#006699;
text-decoration:none;
}
body a:hover{
	/*text-decoration:underline;
	text-align: right;*/
}
#main{
width:1200px;

}
#topmenu{
background:url(images/logo.jpg) no-repeat left;
text-align:right;
height:52px;
}
#contact{
text-align:right;
padding-bottom:10px;
}
#submenu{
border: 1px solid #d5d5d5;
width:200px;
float:left;
}
#menutitle{
color:#5e5e5e;
font-size:16px;
font-weight:bold;
background:#d5d5d5;
height:30px;
padding-top:10px;
padding-left:20px;

}
.menublock{
/*padding:5,10,15,10;*/
padding-top:5px;
padding-left:10px;
padding-bottom:10px;
}
.blocktitle{
color:#b44444;
font-size:16px;
font-weight:bold;
}
.blockitem{
line-height:20px;
}
.blockitem a{
}
.blockmore{
font-weight:bold;
}
.formCss{
size:10px;
font-size:10px;
color:#006699;
}

#contentbody{
float:right;
width:990px;
}
.searchbar{
background:#d5d5d5;
padding-top:10px;
padding-bottom:10px;
padding-left:20px;
}
#navpath{
padding-top:30px;
padding-bottom:30px;

/*padding:30,20,30,10;*/
}

#rltrange{
}
#rltKeywd{
font-weight:bold;
}

.contentitem{
line-height:20px;
padding-bottom:24px;
}
.contitle{
font-weight:bold;
font-size:14px;
}

.contitle a{
text-decoration:underline;
}
.conbody{
font-size:14px;
}
.conpath{
color:#44b444;
font-weight:bold;
font-size:14px;
}

#footer{
clear:both;
padding-top:50px;
padding-left:30px;
}
#contentpager{
margin-bottom:20px;
}
#contentpager a{
text-decoration:underline;
font-weight:bold;
}
.num{
letter-spacing:3px;
}



#bearchBlock{
	background:#dbe6f1;
	width:auto;
	height:auto;
	padding:10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	font-weight:bold;
	font-size:13x;
	/*margin-left:10px;
	margin-right:10px;*/

	}
#searchslide{
	background:#f3f6fa;
	width:auto;
	padding:10px;
	/*margin-left:10px;
	margin-right:10px;*/
	display:none;
	
}
.searchFN{
	/*padding-left:5px;*/
	padding-bottom:10px;
	font-size:11px;
	color:#666;
	font-weight:bold;
}
.searchSelect{
	font-size:11px;
	}

#viewBTN{
	background:url(images2/view.jpg) #dbe6f1 right no-repeat;
	color:#dbe6f1;
	cursor: pointer;
	/*margin-left:10px;
	margin-right:10px;*/
	height:17px;
	text-align:right;
	color:#236078;
	font-size:11px;
	font-weight:bold;
	padding-right:20px;
	padding-top:3px;
}
#viewBTN.active{
	background:url(images2/searchTAG.gif) #dbe6f1 right no-repeat;
	
}
#viewHiden{
	background:url(images2/searchTAG.gif) #dbe6f1 right no-repeat;
	color:#dbe6f1;
	cursor: pointer;
	height:17px;
	text-align:right;
	color:#236078;
	font-size:11px;
	font-weight:bold;
	padding-right:20px;
	padding-top:3px;
	/*display:none;
	 overflow:hidden; */
}
#searchWidth{
	padding-left:10px;
	padding-right:10px;
}

.picCon{
	border-bottom:1px solid  #666;
	
	border-left: 1px solid #666;
	width:242px;
}

.picTitle{
	font-family:Arial, Helvetica, sans-serif;
	color:#8C8C8C;
	font-weight:bold;
	font-size:12px;
	padding:10px;
	width:222px;
}
.picTXT{
	background:#dbe6f1;
	width:auto;
	height:120px;
	line-height:10px;
	padding:10px;
	padding-bottom:10px;
	font-family:Arial, Helvetica, sans-serif;
	/*font-size:11px;*/
	color:#8C8C8C;
	border-right: 1px solid #666;
	width:222px;
	font-size:85%;
	font-weight:normal;
}

#mainImg{
		margin-left:10px;
	margin-right:10px;
}

#browse{
	margin:10px;
	color:#666;
	font-weight:bold;
}
.sideitem{
	line-height:18px;
	padding-left:10px;
	padding-bottom:20px;
}
.sideitemTitle{
	font-weight:bold;
	color:#999;
}

#vertical_container{
			border-top: 1px solid  #cccccc;
			border-bottom:1px solid #cccccc;
			border-right: 1px solid #cccccc;
			border-left: 1px solid #cccccc;
			width:auto;
				margin-left:10px;
	margin-right:10px;
}

	#accordion_toggle1 {
			display: block;
			height:18px;
			width:auto;
			color:#7F7F7F;
			background:url(images2/bg1.jpg) no-repeat top left ;
			font-weight:bold;
			cursor: pointer;
			padding-left:30px;
			padding-top:3px;
			border-top: 1px solid  #cccccc;
			border-right: 1px solid #cccccc;
			border-left: 1px solid #cccccc;
			font-size:12px;
		}
		#accordion_toggle1.active {
			background:url(images2/bg2.jpg) no-repeat top left ;
		}
		#accordion_toggle2 {
			display: block;
			height: 18px;
			width:auto;
			color:#7F7F7F;
			background:url(images2/bg1.jpg) no-repeat top left;
			font-weight:bold;
			cursor: pointer;
			padding-left:30px;
			padding-top:3px;
			border-top: 1px solid  #cccccc;

			border-right: 1px solid #cccccc;
			border-left: 1px solid #cccccc;
			font-size:12px;
		}
		#accordion_toggle2.active {
			background:url(images2/bg2.jpg) no-repeat top left ;
			
		}

			#accordion_toggle3 {
			display: block;
			height: 18px;
			width:auto;
			color:#7F7F7F;
			background:url(images2/bg1.jpg) no-repeat top left ;
			font-weight:bold;
			cursor: pointer;
			padding-left:30px;
			padding-top:3px;
			border-top: 1px solid  #cccccc;

			border-right: 1px solid #cccccc;
			border-left: 1px solid #cccccc;
			font-size:12px;
		}
		#accordion_toggle3.active {
			background:url(images2/bg2.jpg) no-repeat top left ;
		}
		
		.accordion_toggle_active {
			background:url(images2/bg2.jpg) no-repeat right top;
		}
		
		#accordion_content1 {
			background-color: #ffffff;
			color: #444444;
			overflow: hidden;

				/*display:none;*/
		}
				#accordion_content2 {
			background-color: #ffffff;
			color: #444444;
			overflow: hidden;

				/*display:none;*/
		}
				#accordion_content3 {
			background-color: #ffffff;
			color: #444444;
			overflow: hidden;

				/*display:none;*/
		}
			
			.accordion_content h2 {
				margin: 15px 0 5px 10px;
				color: #0099FF;
			}
			
			.accordion_content p {
				line-height: 150%;
				padding: 5px 10px 15px 10px;
			}
			
		.vertical_accordion_toggle {
			display: block;
			height: 30px;
			width: 600px;
			background: url(images/accordion_toggle.jpg) no-repeat top right #a9d06a;
			padding: 0 10px 0 10px;
			line-height: 30px;
			color: #ffffff;
			font-weight: normal;
			text-decoration: none;
			outline: none;
			font-size: 12px;
			color: #000000;
			border-bottom: 1px solid #cde99f;
			cursor: pointer;
			margin: 0 0 0 0;
		}

		.vertical_accordion_toggle_active {
			background: url(images/accordion_toggle_active.jpg) no-repeat top right #e0542f;
			color: #ffffff;
			border-bottom: 1px solid #f68263;
		}

		.vertical_accordion_content {
			background-color: #ffffff;
			color: #444444;
			overflow: hidden;
		}

			.vertical_accordion_content h2 {
				margin: 15px 0 5px 10px;
				color: #0099FF;
			}

			.vertical_accordion_content p {
				line-height: 150%;
				padding: 5px 10px 15px 10px;
			}
  			
		/*
			Horizontal Accordion
		*/
		
		.horizontal_accordion_toggle {
			/* REQUIRED */
			float: left;	/* This make sure it stays horizontal */
			/* REQUIRED */

			display: block;
			height: 100px;
			width: 30px;
			background: url(images/h_accordion_toggle.jpg) no-repeat top left #a9d06a;
			color: #ffffff;
			text-decoration: none;
			outline: none;
			border-right: 1px solid #cde99f;
			cursor: pointer;
			margin: 0 0 0 0;
		}
		
		.horizontal_accordion_toggle_active {
			background: url(images/h_accordion_toggle_active.jpg) no-repeat top left #e0542f;
			border-right: 1px solid #f68263;
		}
		
		.horizontal_accordion_content {
			/* REQUIRED */
			height: 100px;	/* We need to define a height for the accordion as it stretches the width */
			float: left;	/* This make sure it stays horizontal */
			/* REQUIRED */
			
			overflow: hidden;
			background-color: #ffffff;
			color: #444444;
		}
			
			.horizontal_accordion_content p {
				width: 450px;
				line-height: 150%;
				padding: 5px 10px 15px 10px;
			}
					
					
    /* Container styling*/
    #horizontal_container {
  
    }
    
    #vertical_nested_container {
      margin: 20px auto 20px auto;
      width: 620px;
    }
	
	
	#leftSideBar
	{
		width:180px;
		margin-top:2px;
	}

/*----------------¤º®e*/
.sdcon2{
	font-family:Arial, Helvetica, sans-serif;
	color:#7F7F7F;
	font-weight:bold;
	font-size:12px;
	padding:10px;
}
.sd2L{
border-top: 1px solid  #cccccc;
border-bottom:1px solid  #cccccc;
border-right: 1px solid #cccccc;
border-left: 1px solid #cccccc;
line-height:18px;
font-size:12px;
color:#000;
padding:0px 0px;
}
#lstHover{
}
#lstHover  ul{
/*	padding-left:10px;*/
	list-style:none;
	margin:0px;
	padding:0px;
/*	padding-top:5px;*/
}
#lstHover li{
	height:20px;
}
#lstHover a{
	display:block;

	text-decoration:none;
		font-size:11px;
}
#lstHover a:link {
	font-size:13px;
/*	font-weight:bold;*/
	color:#000;
	text-decoration:none;
			font-size:11px;
}
#lstHover a:visited{
	font-size:13px;
/*	font-weight:bold;*/
	color:#000;
	text-decoration:none;
	font-size:11px;
				
}
#lstHover ul a:active{
	background: #ccc url(images3/ar.jpg) no-repeat left;
	padding-left:15px;
	font-weight:bold;
}
#nowActive{
	background: #ccc url(images3/ar.jpg) no-repeat left;
	padding-left:15px;
	font-weight:bold;
		height:20px;
}
#nowActive a:visited{
	background:#ccc url(images3/ar.jpg) no-repeat left ;
	padding-left:15px;
	font-weight:bold;	
	height:20px;
}
#nowActive a:link{
	background: #ccc url(images3/ar.jpg) no-repeat left;
	padding-left:15px;
	font-weight:bold;
	height:20px;
}



.sd2R{
border-top: 1px solid  #cccccc;
border-bottom:1px solid  #cccccc;
border-right: 1px solid #cccccc;
border-left: 1px solid #cccccc;
line-height:18px;
font-size:12px;
color:#000;
padding:5px 10px;
height:90px;
overflow:auto;
}
.sd2R a:link ,.sd2R a:visited{
	color:#039; 
}


.sdcon3{
	line-height:18px;
	padding:10px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}


/*linkLst*/
#linkLst{
	background:#dbe6f1;
	padding:10px 10px;
}
#linkLstTitle{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	color:#4f4b4c;
	padding-bottom:10px;
}
	
.linkLstBlock{
	font-size:11px;
	font-weight:bold;
	line-height:18px;
	padding-bottom:15px;
	color:#4f4b4c;
}
.linkLstBlock a:link,a:visited {
	
	text-decoration:underline;
	
}

.moreLink{
	font-weight:bold;
	font-style:italic;
}

#resultTitle{
	font-size:17px;
	font-weight:bold;
	color:#4f4b4c;
	padding-top:10px;
	padding-bottom:10px;
	/*padding-left:10px;;*/
	padding-right:10px;
	line-height:25px;
}
#resultTitleL{
	color:#777273;
	font-size:12px;
	font-weight:bold;
}
.resultTitleBLOCK {
	color:#333;
}
#resultTitleR{
	color:#777273;
	font-size:12px;
	font-weight:bold;
	text-align:right;
}
#resultTitleR a:link{
	color:#0e58a0;
	font-size:12px;
}
.resultTitleALink a:link{
	color:#0e58a0;
	font-size:12px;
	font-weight:bold;
}


.searchResultItem{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#7b7879;
	/*padding-left:10px;*/
	padding-right:10px;
	padding-bottom:15px;
	line-height:15px;
}
.searchResultItem a{
	color:#009f4b;
}
.rltTitle {
	font-size:12px;
	
}
.rltTitle a:link{
	color:#006A93;
	font-weight:bold;
}
.rltTitle a:visited{
	color:#006A93;
	font-weight:bold;
}

.rltLink {
	font-size:12px;
	
}
.rltLink a{
	color:#009f4b;
}
.rltLink a:link{
	color:#009f4b;
}
.rltLink a:visited{
	color:#009f4b;
}
.resultMain{
	font-weight:bold;
	color:#666;
}

#pageLink{
	font-size:15px;
	padding-bottom:20px;

	
}
#pageLink a:link{ 
	color:#3e79b3;
	font-weight:bold;
}

#detailBody{
	padding: 10 0 10 10px;
	
}
#detailTitle{
	font-size:14px;
	font-weight:bold;
	color:#4f4b4c;
	padding-top:15px;
	padding-bottom:10px;
}

.detailItem{
	font-size:14px;
	font-weight:bold;
	color:#4f4b4c;
	padding-bottom:5px;
}
.detailCon{
	font-size:12px;
	border-top: 1px solid #CCC;
	line-height:18px;
	color:#4f4b4c;
	padding-top:10px;
	padding-bottom:20px;
}
.dtContitle{
	font-weight:bold;
	color:#666;
}

.detailConWithImg{
	font-size:12px;
	border-top: 1px solid #CCC;
	line-height:18px;
	color:#4f4b4c;
	padding-top:10px;
	padding-bottom:20px;
	height:auto;
	margin-bottom:30px;
}

.detailConWithImg2{
	font-size:12px;
	line-height:18px;
	color:#4f4b4c;
	padding-top:10px;
	padding-bottom:20px;
	height:auto;
	margin-bottom:10px;
}
.tableBlock{
	font-weight:bold;
	font-size:13px;
	color:#4f4b4c;
}
.tablenormal{
	line-height:20px;
	margin-bottom:10px;
}

.imgPosLEFT{
	float:left;
}
	
	#searchBtn{
		margin-top:-3px;
	padding:10px;
	background:#eaeaea;
	line-height:
	}
	.shBtn{
		padding-top:10px;
	}
	
	.backSpace{
	
	}
	/*CourseLst*/
#sideborder{
	background:#FFF;
	padding-left:10px;
	float:right;
	margin-top:-3px;
	margin-right:-10px;
	
}
#CourseLst{
	background:#dbe6f1;
	padding-left:10px;
	padding-right:20px;
	width:180px;
	

}
#CourseTitle{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	color:#4f4b4c;
	padding-bottom:5px;
}
	
.CourseLstBlock{
	border-top: 1px solid   #ccc;
	font-size:13px;
	font-weight:bold;
	color:#7b7879;
	line-height:18px;
	padding-top:5px;
	padding-bottom:15px;
}
.CourseLstBlock a:link {
	color:#3e79b3;
	text-decoration:underline;
	font-weight:bold;
}

.CourseLstBlockSmall{
	border-top: 1px solid #ccc;
	font-size:11px;
	font-weight:bold;
	color:#7b7879;
	line-height:18px;
	padding-top:5px;
	padding-bottom:15px;
}
.CourseLstBlockSmall a:link {
	/*color:#3e79b3;
	text-decoration:underline;
	font-weight:bold;*/
}

.CourseLstNormal
{
	font-weight:100;
	
	height:auto;
}

.blueColor{
	color:#2f6681;
	font-weight:bold;
}
.GreenWD{
	color:#65bd35;
	font-weight:bold;
}

#greenBlock{
	background-color:#e3ffd5;
	margin-right:200px;
	margin-bottom:20px;
	
	padding:10px;

}
.detailGreenWd{
	font-size:12px;
	color:#4f4b4c;
}
.detailGreenWdBLOD{
	font-size:12px;
	color:#4f4b4c;
	font-weight:bold;
}
.selectCss{
	
}

.csT{
	font-size:10px;
	font-weight:100;
}
.csSub{
	font-size:20px;
	font-weight:100;
	
}

/*The Learning Process Module*/
.arrowWD{
	padding-left:40px;
	padding-top:10px;
}
#learnPc{
	width:500px;
	height:82px;
	background:url(images3/arrow.jpg) no-repeat;
	font-size:20px;
	font-weight:bold;
	color:#4f4b4c;
	
}
.learnPcSub{
	font-weight:100;
}

.learnPcLink {
	font-size:10px;
}
.learnPcLink a:link{
	color:#86abcf;
	text-decoration:none;
}
.learnPcLink a:hover{
	color:#03F;
	text-decoration:underline;
}



#searchTable{
	height:auto;
	width:auto;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
}
.tbRow{
	border-top: 1px solid #CCCCCC;
	padding:5px;
}
.trLine{
	border-bottom: 1px solid  #E0E0E0;
}
.colA {
	padding:5px;
}
.colA a:visited {
	font-weight:normal;
	font-size:85%;
	color:#039;
}
.colA a:link {
	font-size:85%;
}
.colB {
	padding:5px;
}
.colB a:visited{
	font-weight:normal;
	font-size:85%;
	color:#039;
}
.colB a:link {
	font-size:85%;
}

.colC {
	padding:5px;
	font-weight:normal;
	font-size:85%;
}
.colC a:visited{
	
	color:#039;
}
.colC a:link {
	
}
.colD {
	padding:5px;
	font-weight:normal;
	font-size:85%;
}
.colD a:visited{
	padding:5px;
	font-weight:normal;
	font-size:85%;
	color:#039;
}
.colD a:link {
	font-size:85%;
}

#tbRowtitle{
}
.tbtitleFirst{
	padding-left:5px;
	padding-top:5px;
	padding-bottom:5px;
	background:url(images3/tbBG_03.jpg) repeat top right;
	border-left: 1px solid #CCCCCC;
	border-bottom: 1px solid  #E0E0E0;
	font-size:11px;
	text-decoration:underline;
	font-weight:bold;
	
}
.tbtitleFirst a:visited{
	font-weight:bold;
	color:#039;
}
.tbtitle{
	padding-left:5px;
	padding-top:5px;
	padding-bottom:5px;
	background:url(images3/tbBG_05.jpg) repeat top right;
	border-left: 1px solid #CCCCCC;
	border-bottom: 1px solid  #E0E0E0;
	/*font-weight:bold;*/
	font-size:11px;
	text-decoration:underline;
	
}
.tbtitle a:visited{
	/*font-weight:bold;*/
	color:#039;
}
.tbpageA{
	background:url(images3/tbBG_05.jpg) repeat top right;
	height:25px;
	font-size:11px;

	color:#666;
	padding-top:5px;
	padding-left:5px;
}
.tbpageB{
	text-align:right;
	background:url(images3/tbBG_05.jpg) repeat top right;
	height:25px;
	font-size:11px;
	color:#666;
	padding-top:5px;
	padding-right:5px;
}

#filterBLOCK{
	background:#e4ebef;
	padding:10px;
	margin-bottom:10px;
	

	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	font-weight:bold;
	font-size:85%;
}
#filterBlockTL{
	font-size:13px;
	padding-bottom:15px;
}

#filterPath{
	background:#e4e5e6;
	padding:10px 10px;
	font-size:85%;
	color:#666;
	margin-bottom:10px;
}
#filterPath a{
	color:#039;

}
#filterPath a:link ,#filterPath a:visited{
	color:#039;

}




/* Pagination */
.pagination {
	padding: 0px 5px 10px 5px;
	font-weight: bold;
	border-top: 1px solid #CCCCCC;
}

.disableLink{
	color: #666666;
}

.enableLink{
	color: #2F6681;
}

.underlineLink{
	text-decoration: underline;
}

.noUnderline{
	text-decoration: none;
}

.paginationPrevText{
	float: left;
	font-size: 103%;
	margin: 5px 0px 15px 3px;
}

.paginationNextText{
	float: left;
	font-size: 103%;
	margin: 5px 0px 15px 0px;
}

.paginationNext{
	float: left;
	font-size: 103%;
	margin: 5px 0px 15px 2px;
}

.currentPage{
	float: left;
	font-size: 103%;
	background-color: black;
	color: #FFFFFF;
	margin: 5px 4px 15px 4px;
	padding: 0px 2px 0px 2px;
}

.nextPages{
	float: left;
	font-size: 103%;
	color: #2F6681;
	text-decoration: underline;
	margin: 5px 4px 15px 4px;
}

.paginationPipe{
	float: left;
	font-size: 103%;
	color: #666666;
	margin: 5px 4px 15px 4px;
}


/*============BTN=============*/
#btnVO{
	padding-top:5px;
	background:url(images3/btn_07.gif) no-repeat center;
	
	height:25px;
}
#btnVO a{
	color:#004964;
	text-decoration:none;
	font-weight:normal;
}
#btnVO a:link{
	color:#004964;
	text-decoration:none;
	font-weight:normal;
}
#btnVO a:visted{
	color:#004964;
	text-decoration:none;
	font-weight:normal;
}


#btnSH{
	padding-top:3px;
	text-align:center;
	background:url(images3/btn_03.gif) no-repeat;
	width:60px;
	height:22px;
	font-size:12px;

}
#btnSH a{
	color:#004964;
	text-decoration:none;
	font-weight:normal;
}
#btnSH a:link{
	color:#004964;
	text-decoration:none;
	font-weight:normal;
}
#btnSH a:visted{
	color:#004964;
	text-decoration:none;
	font-weight:normal;
}

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