@charset "utf-8";

@import url(http://fonts.googleapis.com/css?family=Allura);

/* CSS Document */
body{ margin:0 auto; background:#fff; font-family:Myriad Pro; top:0 !important; }
a,p,div,span{font:normal 12px/12px Arial, Helvetica, sans-serif; color:#000; line-height:20px;}
strong, strong span, strong a{
	font-weight:bold;
}
#minustext{
	font-size: 11px;
}

#plustext{
	font-size: 13px;
}
#textSizeChange{
	float: left;
	margin: 0 0 0 5px;
}
.languageBar{
	float: left;
}

.jPicker{
	float: left;
	margin: 1px;
}
.skiptranslate .goog-te-banner-frame{
	display: none;
}
h1{font:bold 20px/20px Arial, Helvetica, sans-serif;}
h2{font:bold 18px/18px Arial, Helvetica, sans-serif;}
.clear{clear:both; height: 0; font-size: 11px;}
* {margin: 0;outline: 0 none;padding: 0;}
.clr{ clear:both;}
.header{ background:url(../images/header_bg.png) repeat-x; padding:1px 0 0; height:150px;}
.header_wraper{ margin:0 auto; width:1003px;  height:143px;}
.logo{ float:left; width:350px; height:58px;margin-bottom:10px;}
.search{ float:right; width:265px;  margin-top:12px; margin-right:20px;}
.search_txt{ padding:3px; width:200px; border:1px #CECDAF solid; font-size:16px;float:left; background: #fff;}
.search_btn{ background:url(../images/srh_btn.png) no-repeat; width:40px; height:27px; border:none; cursor:pointer; float:left; font-weight:700;}
.menu{width:auto; height:46px; position:relative;  margin-left:-5px; margin:3px auto; z-index:101}
	#menu {		
		float:left; width:100%;
	}
	
		#menu ul {			
			float: left;
			list-style: none;			
			position: relative;
			z-index: 20;
			
		}
		
			#menu ul li {				
				 padding:15px 12px; list-style:none; display:inline-block;position: relative; float:left;
				
			}
			
				#menu ul li a {					
					color:#000; text-decoration:none; font-size:16px;  font-family:Myriad Pro;				
				}
				



		/*------------------------
		---------------- DROPDOWN
		------------------------*/
		
		#menu ul, #menu ul * {			
			margin: 0;
			padding: 0;
			list-style: none;
			
		}
			
		#menu ul ul {			
			position: absolute;
			top: -999em;
			width: auto; /* left offset of submenus need to match (see below) */
			float:left;
			
		}
			
		#menu ul ul li {			
			/*width: 100%;*/
			padding:6px 12px;			
		}
			
		#menu ul li:hover {			
			visibility: inherit; /* fixes IE7 'sticky bug' */
			background:#fff;
			color:#000;				
		}
			
		#menu ul li {			
			float: left;
			position: relative;
		}
			
		 #menu ul ul a {			
			float: left;
			display: block;
			position: relative;
			width: 180px;
			font:normal 12px/12px Arial, Helvetica, sans-serif;								
		}
		 #menu ul ul li {		
			/*width: 220px;*/
			background:#fff;
			border-bottom:1px solid #ccc;			
		}
		
		#menu ul ul li:hover {		
			width: 180px;
			background:#ccc;			
		}
			
		#menu ul li:hover ul,
		#menu ul li.sfHover ul {			
			left: 0;
			top: 42px; /* match top ul list item height */
			z-index: 99;
			background:#fff;
			width: 180px;			
		}
			
		#menu ul li:hover li ul,
		#menu ul li.sfHover li ul {			
			top: -999em;			
		}
			
		#menu ul li li:hover ul,
		#menu ul li li.sfHover ul {			
			left: 200px;
			top: 0;			
		}
			
		#menu ul li li:hover li ul,
		#menu ul li li li:hover li ul,
		#menu ul li li.sfHover li ul {			
			top: -999em;		
		}
			
		#menu ul li li li:hover ul,
		#menu ul li li li.sfHover ul,
		#menu ul li li li li:hover ul
		 {			
			left: 200px; 
			top: 0;			
		}
		
.two-buttons {
width: 600px;
margin: 0px auto;
display: block;
text-align: center !important;
}
.visit-web {
width: 280px !important;
height: 60px !important;
display: inline-block;
margin-right: 8px;
margin-left: 8px;
margin-top: 28px !important;
}		
.greybg{
	background:url(../images/greybg.png) repeat;
}
.greenbg{
	background:url(../images/greenbg.png) repeat;
}

.main_wrapper_middle.slide{
	/*width: 960px !important;*/
}

.main_wrapper_middle.description{
	width: 1003px !important;
}
	
.myslidemenu .sub_menu {background:#2f2f2f;font-size:12px;text-align:left;display:none;line-height:normal;width:150px;margin:0; padding:10px;position: absolute;top:50px; left:-50%;z-index: 9000;border-bottom-left-radius:3px;border-bottom-right-radius:3px;}

.myslidemenu .sub_menu li {background:#2f2f2f;border-bottom: 1px solid #030202;margin:0; padding:0 8px;}
.myslidemenu .sub_menu li.start { border:1px solid #3e3e3e; border-width:1px 1px 0 1px;margin:0;}
.myslidemenu .sub_menu li a { color:#FFF;}
.myslidemenu .sub_menu li.end {border:1px solid #3e3e3e; border-width:0 1px 1px 1px;margin:0;}
.myslidemenu .sub_menu li a {repeat-x scroll left bottom transparent;display: block;margin: 0;padding: 7px 6px;width: 140px;color:#899999;}

.myslidemenu .sub_menu li.end a {background:none;}
.myslidemenu .sub_menu li.end a  hover{background:#000;}
.version{ background:url(../images/123.png) left top no-repeat; height:25px; width:100px; float:right; padding:3px; margin-top:-39px;}
.main_wrapper{margin:0 auto; width:100%; background:url("../images/leaf.png") no-repeat scroll 550px 0; background-size: 800px 800px;}
.main_wrapper_left{ padding:10px; width:16.5%; float:left; color:#3b3737; text-align:justify; font-size:14px; }
.main_wrapper_left p{ padding:4px 0;}

.main_wrapper_left h1{ font-size:18px; padding-bottom:10px; text-align:center;}
.main_wrapper_left h2{ font-size:24px; padding:10px 5px;; text-align:left; color:#000;}
.main_wrapper_middle{  width:1003px; margin:0 auto; padding-left:0;}
.main_wrapper_right {
    border-left: 0px solid #CCCCCC;
    color: #3B3737;
    float: left;
    font-size: 14px;
    margin-top: 15px;
    padding: 0 0 10px;
    text-align: center;
    width: 24%;
}
.main_wrapper_right a{color:#3b3737; text-decoration:none;}
.main_wrapper_right p{ padding:4px 0;}

.main_wrapper_right h1{ font-size:24px; padding-bottom:10px; text-align:left;color:#000;}

.left_tab{ width:90%; float:left; padding-bottom:20px; margin-left:5%;  padding-top:0;}
.left_tab table{
	 
}
.left_tab h2{ background:none; width:90%; padding:10px; color:#efa898; text-align: center; font-family:Myriad Pro; }

.left_tab ul li{ height:20px; list-style:none;}
.left_tab ul li a{ text-decoration:none; color:#5b5a5a; font-weight:800; font-family:Myriad Pro; font-size:11px;}
.left_tab ul li a:hover{ text-decoration:none; color:#5b5a5a; font-weight:800; font-size:11px; background:#fff; padding:5px;}
.right_tab {
    background: none;
    float: left;
    text-align: center;
    width: 27%;
	margin-top: 20px;
}


.notice{ float:left; width:24%; padding:0 0px 12px 0; margin-top:15px; text-align:center; font-size:12px; height:352px;}
.notice h2{ background:none; width:88%; padding:10px; color:#e8af98; float: left; text-align: center;}
.notice a{ text-decoration:none; color:#5B5A5A; }
.right_tab ul li {
    height: 15px;
    list-style: none outside none;
    margin: 5px 20px 0;
    padding: 0 0 0 20px;
    text-align: center;
}
.right_tab ul li a{ text-decoration:none; color:#707174; font-weight: bold; font-size:12px; padding:5px 10px;}
.right_tab ul li :hover{ text-decoration:none; color:#000; font-weight:bold; font-size:12px; background:#e4b4b0; padding:5px 10px;}
.mid_top_wraper{
	
	margin: 0 0;
}
.slide_content {
    background: none repeat scroll 0 0 #D0CDB3;
    border: 0px solid #FFFFFF;
    float: left;
    width: 68%;
	margin-top: 20px;
	margin-left: 1%;
}

.agile_carousel .numbered_button {
    float: left;
    display: none;
}

.mid_txt {
    color: #FFFFFF;
	background: url(../images/whiteTransbg.png) repeat;
    font-family: Corbel;
    font-size: 16px;
    margin: 30px auto 0 auto;
    width: 96%;
	padding: 2%;
	font-family: 'Allura', cursive;
}
.mid_txt span {
    font-family: 'Allura', cursive;
	font-size: 21px;
}
.tab_tile {
    border-top: 0 solid #5b6059;
    float: left;
    width: 100%;
	background:url(../images/midTitlBg.png) repeat;	
}

.title_div {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #000000;
    float: left;
    font-size: 13px;
    font-weight: 700;
    margin: 0 0 0 0;
    padding: 8px 0;
    text-align: center;    
	width: 150px;
}

.title_div1 {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #000000;
    float: left;
    font-size: 13px;
    font-weight: 700;
    margin: 0 0 0 0;
    padding: 8px 0%;
    text-align: center;
    width: 165px;
}

.title_div2 {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #96181C;
    float: left;
    font-size: 13px;
    font-weight: 700;
    margin: 0 0 0 0%;
    padding: 8px 0%;
    text-align: center;
    width: 165px;
}
.tab_text{float: left;
    
    
    width: 100%; }
.tab_text_div{
    float: left;
    font-size: 12px;
    height: 170px;
    padding: 0 1%;
    text-align: justify;
    width: 30%;
	border-right: 1px solid #A0957B;
	margin: 10px 0;
}
.tab_text_div1{
    float: left;
    font-size: 12px;
    height: 170px;
    padding: 0 1%;
	margin: 10px 0;
    text-align: justify;
    width: 32%;
	border-right: 1px solid #A0957B;
}
.tab_text_div2{float: left;
    font-size: 12px;
    height: 170px;
    padding: 10px 1%;
    text-align: justify;
    width: 30%;}
.mid_txt img{ float:right;}
.footer{ background:#b5b2a9; width:99.2%; padding:5px; float:left; margin-top:20px;}
.footer a{ text-decoration:none; color:#3b3737; font-family:Corbel; font-size: 16px;}


.bg_land{width: 100%;
background: url("../images/leaf1.png") no-repeat scroll 550px 0 #eae7e4; 
background-size: auto auto; background-size: 800px 800px; }

.decorate-border {
	background: url("../images/dec-border.png") no-repeat center center;
	min-height: 329px;
	padding: 120px 0 20px 0;
	margin-top: 60px;
}

.landing-logo {text-align: center !important;}
.landing-logo img{ text-align: center!important;}



.two-buttons{ width: 600px; margin: 0px auto; display: block;}
.visit-web {
	width: 280px !important;
	height: 60px !important;
	display:inline-block;
	margin-right: 8px;
	margin-left: 8px;
	margin-top: 80px;
}

.visit-web a {
	color: #fff !important;
	letter-spacing: 0;
	font-size: 18px;
	background: #95000d !important;
	display: block;
	padding: 2%;
	line-height: 50px;
	text-align: center;
	border-radius: 5px;
	font-weight: bold;
	text-decoration: none;
}

.visit-web a:hover {
	color: #fff !important;
	letter-spacing: 0;
	font-size: 18px;
	background: #181818 !important;
	line-height: 50px;
	text-align: center;
	border-radius: 5px;
	transition: all 0.5s ease;
	font-weight: bold;
}


@media only screen and ( max-width: 1024px) {
	/*.mid_txt{ color:#FFF; font-size:18px; background:#6b6b68; float:left; width:68%; margin-left:10px; margin-top:30px; padding:70px 20px 10px 20px;}
	.tab_tile{ background:url(../images/title.png) repeat-x  top;float:left; width:68%; margin-left:10px; padding:20px 20px 20px;}
	.title_div{ float:left; width29%; text-align:center; font-size:20px; background:url(../images/tab_border.png) right no-repeat; font-weight:700;}
	.myslidemenu ul li{ padding:15px 10px; list-style:none; display:inline-block;position: relative; float:left;}
	
	.myslidemenu ul li:hover{ background:url(../images/active.png); padding:15px 10px; list-style:none; display:inline-block; }
	.main_wrapper{margin:0 auto; width:100%; }
	.version{ background:url(../images/123.png) left top no-repeat; height:25px; width:100px; float:right; padding:3px; }
	.slide_content{ width:95%; background:#d0cdb3; border: 19px solid #727577;}
	.flexslider .slides img {width: 100%; display: block; height:400px;}
	.tab_text_div{float:left; width:28.3%; text-align:justify; font-size:12px; padding:10px; border-right:1px solid #333; height:170px;}
	.tab_text_div1{float:left; width:29.5%; text-align:justify; font-size:12px; padding:10px; border-right:1px solid #333; height:170px;}
	.footer{ background:#ece7b6; width:99%; padding:5px; float:left;}*/
	.main_wrapper {
    margin: 0 auto;
    width: 87%;
}
.footer{ background:#ece7b6; width:99%; padding:5px; float:left; margin-top:25px;}
.menu{float:right; width:90%; height:46px; position:relative;  margin-left:-5px; margin-top:3px;}
.search{ float:right; width:354px;  margin-top:25px;}
}

@media only screen and ( max-width: 800px) {
	.menu{float:right; width:85%; height:46px; position:relative;  margin-left:-5px;}
	.myslidemenu ul li{ padding:15px 5px; list-style:none; display:inline-block; background:url(../images/border.png) no-repeat right;position: relative;}
	.myslidemenu ul li:hover{ background:url(../images/active.png); padding:15px 5px; list-style:none; display:inline-block; }
	.main_wrapper{margin:0 auto; width:100%; }
	.version{ background:url(../images/123.png) left top no-repeat; height:25px; width:100px; float:right; padding:3px; }
	.slide_content{ width:100%; background:#d0cdb3; border: 1px solid #757368;}
	.flexslider .slides img {max-width: 100%; display: block; height:400px;}
	.main_wrapper_left img{ width:150px;}
	.footer{ background:#b8b69d; width:98.5%; padding:5px; float:left;}
}

@media only screen and ( max-width: 420px) {
	.menu{float:right; width:85%; height:46px; position:relative;  margin-left:-5px;}
	.myslidemenu ul li{ padding:15px 5px; list-style:none; display:inline-block; background:url(../images/border.png) no-repeat right;position: relative;}
	.myslidemenu ul li:hover{ background:url(../images/active.png); padding:15px 5px; list-style:none; display:inline-block; }
	.main_wrapper{margin:0 auto; width:100%; }
	.version{ background:url(../images/123.png) left top no-repeat; height:25px; width:100px; float:right; padding:3px; }
	.slide_content{ width:100%; background:#d0cdb3; border: 1px solid #757368;}
	.flexslider .slides img {max-width: 100%; display: block; height:400px;}
	.main_wrapper_left img{ width:150px;}
	.footer{ background:#b8b69d; width:98.5%; padding:5px; float:left;}
	.header_wraper{width:auto; height:auto;}
	.logo {
		height: 58px;
		margin: 0 auto;
		text-align: center;
	}
	.search {
		float: none;
		margin: 31px auto;
		text-align: center;
		width: auto;
	}
	.main_wrapper {
		margin: 0 auto;
		width: 100%;
	}
	.main_wrapper_middle {
		float: left;
		padding-left: 0;
		width: auto;
	}
	.notice {
		background: none repeat scroll 0 0 #D8D290;
		float: left;
		font-size: 12px;
		height: 352px;
		margin-top: 15px;
		padding: 30px 0;
		text-align: center;
		width: auto;
	}
	
	#midWraper {
		float: left;
		margin: 10px 10px 10px 0;
		width: auto;
	}
	
	.main_wrapper_right {
		color: #3B3737;
		float: left;
		font-size: 14px;
		padding: 0 10px 10px;
		text-align: center;
		width: 50%;
		margin-top: 15px;
	}

}

.leftNotice li{
	list-style:none;
	margin: 10px 0;
	display: block;
	clear: both;
	height: 50px;
}

.footer{text-align:center;}

.footer_wraper {    
    margin: 0 auto;
    width: 1003px;
	text-align:center;
}

.footerLink{
	 width:auto; margin:0 auto;
}

.footerLink li{
	list-style:none;
	float:left;
	margin: 2px 5px;
	padding:0 10px;
	border-right:1px solid #3B3737;
}

.footerLink li.last{
	list-style:none;
	float:left;
	border:none;
	margin: 2px 0;
}


#midWraper {
    float: left;
    margin: 0;
    width: 48%;
	padding: 0 0%;
}

.DownloadLinksFront ul li{
	float:left;
	margin:5px;
	list-style:none;
	width: 100%;
	clear: both;
}

.resulthomeDiv{
	height:180px; 
	overflow: hidden;;
	text-align: left;
	width: 146px;
	position: relative;
}
.resulthomeDiv .eventNext{
	position: absolute;;
	bottom: 0;
	right: 20px;
}

.resulthomeDiv .eventPrev{
	position: absolute;;
	bottom: 0;
	left: 20px;
}

.resulthomeDiv a {
    text-decoration: none;
}

.resulthomeDiv > ul {
    overflow: hidden;
    width: 500px;
}

.resulthomeDiv li {  
    list-style: none outside none;
    margin: 12px 0;
	text-align: left;
	width: 156px;
	float: left;
}

/* CONTACT 
***********************************************/
#contact   {position:relative;}
#sendEmail h1  {font-size:24px; margin-bottom:15px; color:#480101; text-shadow: #C10202 0px 1px 3px;}
#sendEmail h4  {margin-bottom:10px;}
#sendEmail p {margin-bottom:5px;}
#sendEmail label {font-weight:bold; display:block; font-size:13px; width:80px; float:left; margin-top:5px;}
#sendEmail .field {margin-bottom:10px; width:250px;}
#sendEmail .field_textarea {margin-bottom:10px; width:250px; height:180px;}
#sendEmail .captcha_field	{width:80px;}

#signup h1  {font-size:24px; margin-bottom:15px; color:#480101; text-shadow: #C10202 0px 1px 3px;}
#signup h4  {margin-bottom:10px;}
#signup p {margin-bottom:5px;}
#signup label {font-weight:bold; display:block; font-size:13px; width:34%; float:left; margin-top:5px;}
#signup .field {margin-bottom:10px; width:60%;}
#signup .field_textarea {margin-bottom:10px; width:60%; height:180px;}
#signup .captcha_field	{width:80px;}
#signup .captcha_img	{left: 60%;}

#login h1  {font-size:24px; margin-bottom:15px; color:#480101; text-shadow: #C10202 0px 1px 3px;}
#login h4  {margin-bottom:10px;}
#login p {margin-bottom:5px;}
#login label {font-weight:bold; display:block; font-size:13px; width:80px; float:left; margin-top:5px;}
#login .field {margin-bottom:10px; width:250px;}
#login .field_textarea {margin-bottom:10px; width:250px; height:180px;}
#login .captcha_field	{width:80px;}

#sendEmailGuest {
    margin: 0 auto;
    width: 602px;
}
#sendEmailGuest h1  {font-size:24px; margin-bottom:15px; color:#480101; text-shadow: #C10202 0px 1px 3px;}
#sendEmailGuest h4  {margin-bottom:10px;}
#sendEmailGuest p {margin-bottom:5px;}
#sendEmailGuest label {font-weight:bold; display:block; font-size:13px; width:290px; float:left; margin-top:5px;}
#sendEmailGuest .field {margin-bottom:10px; width:250px;}
#sendEmailGuest .field_textarea {margin-bottom:10px; width:250px; height:180px;}
#sendEmailGuest .captcha_field	{width:80px;}

.field  {font-size:12px; padding:5px; border:1px solid #D0CFCF}
.field_textarea {font-size:12px; padding:5px; border:1px solid #D0CFCF;}
#sendEmailGuest .error {margin-left: 290px !important;}
.error {display:block; margin-top:-8px; margin-left: 80px; color:red;}
#signup .error {display:block; margin-top:-8px; margin-left: 35%; color:red;}
.success    {background:#f8efa4; border:1px solid #edd138; padding:10px;}
.success  strong  {display:block; color:#007236; margin-bottom:5px;}
.success    span    {display:block; color:#222222}

.contact_info	h3	{margin-bottom:10px;}
.contact_info	p	{color:#444; margin-bottom:10px;}
.contact_info	img	{margin-bottom:10px; border:1px solid #999;}
.submit_btn	{background:#222; border:1px solid #222; color:white; padding:2px 10px 2px 10px; cursor:pointer; width:80px;}
.captcha_field{ margin:10px 0;}
.captcha_img{position:absolute; top:10px; left:200px;}
.aluminiForm{width:90%; margin:10px auto;}
.one_third.last {
    float: right;
    width: 30%;
}

.two_thirds {
    float: left;
    width: 60%;
}

.signup-container {
    float: left;
    width: 60%;
	border-right: 1px solid #ccc;
}

.login-container {
    float: right;
    width: 38%;
}

#findDocUl { margin:20px auto;}
#findDocUl li{ list-style:none;}
#findDocUl li h3{background: #EEECCD;
    border-radius: 5px 5px 5px 5px;
    height: 20px;
    margin-top: 5px;
    padding: 5px 10px;
	color:#000;
	cursor:pointer;
	}
#findDocUl li h3 a{
	font-weight:normal;
	color:#000;
	text-decoration:none;
	}
#findDocUl li .content table{
	font-weight:normal;
	border:1px solid #CCC;
	color:#93191c;
}

#findDocUl li .content table tr{
	background:#CCC;	
}
#findDocUl li .content table tr td, #findDocUl li .content table tr th{
	padding:5px;
}

.tendersList li {
	margin:0 10px;    
}
.tendersList li a{
	text-decoration: none;  
}
.SliderCommContainer{
	width:1003px;
	height: 150px;
	overflow: hidden;
}
.midWraperLeft{	
	background:url(../images/side_bar-copy.png) repeat-y;
	width: 46px;
	height: 100%;
	float: left;
	min-height: 659px;
}
.midWraperMid{		
	/*width: 898px;	*/
	width: 100%;
	float: left;
	margin: 0 6px 0 6px;
}
.midWraperRight{	
	background:url(../images/side_bar-copy.png) repeat-y;
	width: 46px;
	height: 100%;
	float: right;
	min-height: 659px;
}

.noticeDate {
    background: url("../images/noticelist.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #FFFFFF;
    float: left;
    font-size: 10px;
    line-height: 10px;
    padding: 10px 0;
    width: 50px;
	background-size: 50px;
}

.noticeText{
	float: left;
	margin-left: 2px;
	margin-top: 10px;
	width: 150px;
}

#courseHome {
    float: left;
    margin: 0 auto;
	width:100%;
	text-align: center;
}

#courseHome > li {
    display: block;
	text-align: center;
}

#courseHome li a {
    font-size: 16px;
    font-weight: normal;
	color: #332819;
}

#courseHome li a:hover {
    font-size: 16px;
    font-weight: normal;
	background: #f9f6dd;
	padding: 5px 10px;
}

.left_tab img {
    margin: 0 10px 0 0;
    top: 0;
}

.tablink {
    background: none repeat scroll 0 0 #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    height: 30px;
    line-height: 16px;
    padding: 10px;
    text-decoration: none;
    width: 100%;
}

.tablink:hover {
    background:#ccc;   
}

.leafImage{
	margin-top: 30px;
}


.mid_top_wraper {
    margin: 0;
}
.greybg {
    background: url("../images/greybg.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.left_tab.vcMsg {
    margin-left: 5%;
    width: 90%;
	padding: 0 5px 0 0;
	background: url("../images/greenbg.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
}


.oddBgHome{
	background: url("../images/greenbg.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
}

#workShopHome{
	
	overflow: hidden;
	text-align: left;
	width: 146px;
	position: relative;
}

#workShopHome li {
    list-style: none outside none;
    padding: 12px 0;
    text-align: left;
    width: 146px;
}


#workShopHome a {
    text-decoration: none;
}

#resultHome li {
    list-style: none outside none;
    padding: 12px 0;
    text-align: left;
    width: 146px;
}


#resultHome a {
    text-decoration: none;
}

.eventDateWorkshop {
    background: url("../images/midTitlBg.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    clear: both;
    padding: 5px;
}

.scroll-text {
  border: 0px solid red;
  width: 146px;
  height: 16em;
  overflow: hidden;
}
.scroll-text ul {
  width: 146px;
   height: auto;
  overflow: hidden;
  margin: 0;
}
.scroll-text ul li {
  height: auto;
}
.scroll-img {
  border: 1px solid red;
  width: 680px;
  height: 142px;
  overflow: hidden;
  font-size: 0;
}
.scroll-img ul {
  width: 700px;
  height: 600px;
  margin: 0;
}
.scroll-img ul li {
  display: inline-block;
  margin: 10px 0 10px 10px;
}

/* ########### alumini ################*/

ul.tabs li a {
    border: 1px solid #213F48;
    border-radius: 3px;
	/*Shadows*/
	-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.25);
	-webkit-shadow: 0px 1px 2px rgba(0,0,0,0.25);
	box-shadow: 0px 1px 2px rgba(0,0,0,0.25);
		
	/*Gradient*/
	background: #000; /* Old browsers */
	
    color: #FFFFFF;
    cursor: pointer;
    font: bold 13px/150% "Helvetica Neue",Helvetica,Arial,Geneva,sans-serif;
    height: auto;
    padding: 1px 10px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 0 #000000;
    width: auto;
}

ul.tabs li {
    display: inline;
    margin: 0 4px 0 0;
	list-style: none;
	float: left;
}


div.tabcontents {
    background: none repeat scroll 0 0 #FFFFFF;
    margin-top: 15px;
    overflow: hidden;
    position: relative;   
    width: 98%;
}

#viewText, #viewPicture, #viewVideo {
    background-color: #F9F9F9;
    border: 1px solid #C4C4C4;
    border-radius: 5px 5px 0 0;
    margin-top: 0;
    padding: 6px;
    position: relative;
}

.tabcontents div.tabcontent {
    display: none;
}


.txtArea_sm {
    background: -moz-linear-gradient(center top , #FFFFFF 0%, #E6E6E6 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #ABABAB;
    border-radius: 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
    color: #515151;
    display: block;
    font: bold 13px/150% "Helvetica Neue",Helvetica,Arial,Geneva,sans-serif;
    padding: 1px 10px;
    text-align: left;
    text-decoration: none;
    text-shadow: 0 1px 0 #FFFFFF;
}

#post, #postPic, #postVid {
    border: 1px solid #C4C4C4;
	width: auto;
}

.send{
	margin: 6px 0 0 0;
}

#addpicturePost{	
	background:url(../images/icon/pictureIcon.png) no-repeat;
	background-size: 20px 20px;
	color: #364351;
    font-weight: bold;
    margin: 10px 0 5px;
    padding: 1px 10px 0 22px;
}


#prof_img{
	float: left;
}

.userPostBox {
    background: -moz-linear-gradient(center top , #FFFFFF 0%, #E6E6E6 100%) repeat scroll 0 0 transparent;
    border: 1px solid #ABABAB;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
    margin: 5px 0 10px;
    padding: 6px 15px 23px;
    text-decoration: none;
    text-shadow: 0 1px 0 #FFFFFF;
}


.userPostContent {
    position: relative;
    width: 100%;
}
#user_post_menu {
    height: 30px;
    position: absolute;
    right: 5px;
    top: 5px;
    width: auto;
    z-index: 2;
}


#user_post_menu ul {
    display: block;
    list-style: none outside none;
    padding: 5px 0;
}


.container #header ul li {
    list-style: none outside none;
}
#user_post_menu ul li {
    float: left;
    list-style: none outside none;
    margin: 0 5px;
    padding: 3px 5px;
}



#user_post_img {
    float: left;
    padding: 15px 0;
    width: 100%;
}
#user_post_img a{
    float: left;   
}

#user_post_img h1{
    float: left;
	font-size:12px;
	margin-left:8px; 
}

#user_post {
    color: #8E8E8E;
    float: right;
    font-size: 12px;
    overflow: hidden;
    padding: 15px 0;
    position: relative;
    width: 100%;
}

#user_post h1 {
    color: #4D6D9D;
    font-size: 12px;
}

#user_post span {
    color: #666666;
    font-size: 12px;
}


.userPostContent #user_post img, .postImageUploadContainer #postUploadImages #post_img, #comm_user_post img {
    cursor: pointer;
}


.user_post_likeShare_menu {
    position: relative;
}


.likecounter {
    margin-top: 10px;
}

.container #header ul li {
    list-style: none outside none;
}
#user_post_likeshare_content li {
    float: left;
    list-style: none outside none;
    margin: 5px 10px 0 0;
}

.like {
    cursor: pointer;
    margin: 0 0px 0 0;
    position: relative;
}

.container #header ul li img {
    float: left;
    left: 25px;
}

.comment_post {
    position: relative;
    right: 10px;
}



#user_post_likeshare_content li {
    float: left;
    list-style: none outside none;
    margin: 5px 10px 0 0;
}
.postDisplayDate {
    color: #999999;
    font-size: 11px;
}

.commentBoxDisplay {
    float: left;
    margin: 10px 0 0 3%;
    width: 100%;
}


.commentedLine {
    margin: 15px 0;
    padding: 3px 8px;
}


.user_comment_img {
    float: left;
    height: 30px;
    width: 30px;
}


.commentedText {
    float: left;
    font: 12px/14px arial;
    margin: 0 0 8px 10px;
    width: 80%;
}

.commentedText h1 {
    font-size: 12px;
    padding: 0 0 3px;
}

.commentOptions {
    font: 12px/14px arial;
    margin: 2px 0;
}

.cmtDateTxt {
    color: #999999;
    font-size: 11px;
}

.textbox_sm, .txtBox_sm,.input_box, .textarea_box, .short_input_box, #categoryId {
	height: auto;
    padding: 4px;
    width: auto;
    text-align: center;
	
	
	text-align: left;
	font: normal 13px/150% "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
	color: #000;
	text-decoration: none;
	
	border-top: 1px solid #888;	
	border-left: 1px solid #888;
	border-right: 1px solid #888;
	/*Shadows*/
	-moz-box-shadow: 0 2px 2px #888;
	-webkit-box-shadow: 0 2px 2px #888;
	box-shadow: 0 2px 2px #888 inset;	
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.post_comment {
    height: 35px;
    margin-bottom: 10px;
    width: 100%;
}

.btns_sm2{
	height: auto;
   
    width: auto;
    text-align: center;
	
	/*Basics*/
	/*display: block;	*/
	padding: 1px 10px;
	text-align: center;
	font: bold 11px/150% "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
	color: #fff;
	text-decoration: none;
	border-radius: 3px;
	border: 1px solid #213f48;
	text-shadow: 0px 1px 0px #000;
	cursor:pointer;
	
	/*Shadows*/
	-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.25);
	-webkit-shadow: 0px 1px 2px rgba(0,0,0,0.25);
	box-shadow: 0px 1px 2px rgba(0,0,0,0.25);
		
	/*Gradient*/
	background: #000; /* Old browsers */

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5x;
}

.textbox_sm, .txtBox_sm,.input_box, .textarea_box, .short_input_box, #categoryId {
	height: auto;
    padding: 4px;
    width: auto;
    text-align: center;
	
	
	text-align: left;
	font: normal 13px/150% "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
	color: #000;
	text-decoration: none;
	
	border-top: 1px solid #888;	
	border-left: 1px solid #888;
	border-right: 1px solid #888;
	/*Shadows*/
	-moz-box-shadow: 0 2px 2px #888;
	-webkit-box-shadow: 0 2px 2px #888;
	box-shadow: 0 2px 2px #888 inset;	
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.alumini-head {
    float: left;
    margin: 10px 10px 0 0;
	width: auto;	
}

.alumini-menu {
    float: right;
    list-style: none outside none;
    margin: 0 10px 0 0;
	width: auto;	
}
.alumini-menu li {
    float: left;
    list-style: none outside none;
    margin: 0 10px 0 0;
}
.logout {
    float: right !important;
    text-align: right;
}
.alumini-menu li a:hover{
	text-decoration: none;
}
.alumini-home{
	margin: 20px 0 50px 0;
}
.post_comment{
	width:90%;
}
.comment_delete {
    float: right;
    margin: 0 20px;
}


.myprofile_image {
    max-width: 100px;
}


.big_box{width:180px; height:auto; text-align:center; float:left; margin:5px; overflow:hidden;}
.firstbox{margin-left:0;}
.box_video{width:300px; height:200px; text-align:center; float:left; margin:5px;}
.big_box a{color:#630; font-weight:bold; font-size:12px;}
.menu_box{width:450px; height:auto; text-align:center; float:left; margin:5px;}
.paging li{list-style:none; float:left; font-size:12px; color:#690; margin:0 5px;}
.paging li a{ text-decoration:none; color:#360; font-weight:bold;}
.paging li a:hover{color:#690; font-weight:bold;}
.paging li.active a{color:#690; font-weight:bold;}

.ImageGallery{float:left;}
#galleryCategory{float:right; width:185px; margin:0 0 0 0;}
#galleryCategory ul li{ list-style:none; padding:3px 2px;}
#galleryCategory ul li a{  color:#000; text-decoration: none; font-size:12px; font-weight:bold;}
#galleryCategory ul li a:hover{  color:#666;}

.agile_carousel{
	overflow: inherit !important;
}
.agile_carousel .control_set {
    bottom: -20px;
    left: 0%;
    position: absolute;
    z-index: 99;
}

.slide_button.ac_click{
	background-image: url("../images/controls.png");
    background-position: -8px 0;
    color: #000000;
    font-size: 14px;
    height: 15px;
    margin-right: 2px;
    overflow: hidden;
    padding: 0 2px;
    text-indent: 1000px;
    width: 6px;
	background-size: 18px 9px;
	
}

.slide_button.ac_click.ac_selected{
    background-image: url("../images/controls.png");
    background-position: 0 0;
	background-size: 18px 9px;
  
}
.left_notice_Marquee{
	margin-bottom: 10px;
}
.archive_link{
	background: url("../images/midTitlBg.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    clear: both;
    padding: 5px 10px;
	text-decoration: none;
}

.archive_link:hover{
	background: #7a7a7a;
    clear: both;
    padding: 5px 10px;
	color: #000;
}
#archiveList li{
	list-style: none;
	display: block;
    min-height: 12px;
    list-style: none outside none;
    padding: 5px 0;
}

#archiveList .noticeDate{
	background: url("../images/midTitlBg.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    clear: both;
    padding: 5px 10px;
	float: left;
	color: #000;
	width: auto;
	text-decoration: none;
} 
#archiveList .noticeText {
	float: left;
	width: auto;
	margin:0 0 0 10px;	
	text-decoration: none;
}