@charset "utf-8";
/* CSS Document */
h2{background:#b8eafd; height:24px; width:175px; font-size:13px; color:#0a6e94; font-weight:bold; padding:8px 0px 0px 10px; margin:0;}
body{ margin:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; background:#f6f5f5;}
#page-wrapper{ width:999px; margin:0 auto; /*border:1px solid #000000;*/}

/************************     Header-Section     ******************************************/
#header-container{ width:100%;}
.header{ width:100%; height:138; margin:13px 0px 0px 0px;}
.logo{ width:354px; float:left; background:url(../images/logo.png) no-repeat; width:286px; height:112px; padding-bottom:10px;}
.middle-icon{ width:373px; float:left;}
.social_icon{ width:300px; float:left; margin-left:30px; text-align:right;}

/***********************  Menu    ****************************/
.navi_section{ width:1000px; float:left;}

.nav-left{ background:url(../images/left_cor.jpg) no-repeat; width:22px; height:46px; float:left;}
.nav-middle{ background:url(../images/middle_cor.jpg) repeat-x; width:956px; float:left; height:46px;}









#middle-container{ width:100%;}

/**************************     Left Section     ***********************************/
#left-col{ width:196px; float:left;  margin:47px 0px 0px 0px;}
#left-col h1{  margin:0; padding:8px; font-size:14px; font-family:Arial, Helvetica, sans-serif; font-size:17px; color:#0A6E94;}




#left-col ul{width:190px;}
#left-col li:hover{background:#a8be51}
#left-col li{list-style-type:none; cursor:pointer; -moz-border-radius:0 10px 0 10px; /*border:1px solid #666666;*/ margin:2px; padding:2px; background:url(../images/left-accord.png) repeat-x !important; height:31px; width:180px;}
#left-col ul div{color: #666666; cursor: auto; display: none; font-size: 13px; padding: 5px 0 5px 20px; text-decoration: none; }
#left-col ul div a{color:#000000; font-weight:bold;}
#left-col li div:hover{text-decoration:none !important;}
#left-col li:before {content: "+"; padding:10px 10px 10px 0; color:#7d7c7a !important; font-weight:bold; font-size:20px; color:#468d0c !important;}
#left-col li.active:before {content: "-"; padding:10px 10px 10px 0; color:red; font-weight:bold;}
#left-col #toggle{width:200px; position:relative; top:-10px;}
#left-col .tweet-box{ width:185px; background:#ffffff; border:1px solid #b8eafd; margin-top:10px;}
#left-col .tweet-box-container{ width:180px; padding:8px 0px 0px 0px;}
#left-col .tweet-box-container span{  width:250px; font-size:12px; color:#f77d1d;}
#left-col .tweet-box p{ color:#636565; font-size:11px; margin:7px 0px 7px 0px;}
#left-col .left-add{ width:100%; float:left; margin:15px 0px;}
 
#toggle .nav{ width:100%;}
#toggle .nav ul{ margin:0; padding:0; list-style:none;}
#toggle .nav ul li{ border:none !important; background:none !important;}
#toggle .nav ul li a{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#820000; text-decoration:none;}
#toggle .nav ul li a:hover{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; text-decoration:underline;}
#toggle .nav ul li:hover{ background:none !important;}
#toggle .nav ul li:before{content:none !important;}


.see-all_btn{  width:150px; height:25px; color:none !important; border:none; padding:12px 0px 10px 24px !important;}


#right-col{ width:795px; float:left;  margin:38px 0px 0px 0px;}
#slider-pannal{ width:519px; float:left; margin-left:7px;}
#query-pannal{ width:262px; float:left;  margin:0px 0px 0px 7px;}

.query-box{ width:260px; background:#ffffff; border:1px solid #b8eafd;}
.query-box h2{ width:250px !important;}
.query-box-container{ width:250px; padding:8px 0px 25px 10px;}
.query-box-container span{  width:250px; font-size:12px; color:#0a6e94;}
.query-box p{ color:#636565; font-size:11px;}
.right-add{ margin:10px 0px; width:100%; float:left;}


/****************  Accordion   *********************/
.accordion2 {
	width: 200px;
	border-bottom: solid 1px #c4c4c4;
}
.accordion2 h3 {
	background:  url(../images/arrow-square.gif) no-repeat right -51px;
	padding: 1px 0px 15px 15px;
	margin: 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	
	border-bottom: none;
	color:#88a906;
	cursor: pointer;
}
.accordion2 h3:hover {
	background-color: #e3e2e2;
}
.accordion2 h3.active {
	background-position: right 8px;
}
.accordion2 p {
	background: #f7f7f7;
	margin: 0;
	padding: 10px 15px 20px;
	border-left: solid 1px #c4c4c4;
	border-right: solid 1px #c4c4c4;
	display: none;
	
}
.accordion2 p ul{ margin:0; padding:0;}
.accordion2 p ul li{ display:list-item;}
.accordion2 p ul li a{ font-size:12px; color:#820000; text-decoration:none;}

/*********************   Slider bottom strip    *********************************/
#strip-pannal{ width:793px; background:#f6f5f5; border:1px solid #bcb9b9; float:left; margin-top:14px; height:117px;}
#strip-pannal ul { margin:0px 0px 0px 10px; padding:; list-style:none;}
#strip-pannal ul li{ float:left; display:inline-block; margin:11px 42px 11px -5px;}
#strip-pannal ul li a{ border:none; text-decoration:none;}
#strip-pannal ul li a img{ border:none !important;}

/*************************  Main Middle    *************************/
#master-container{ width:798px; float:left; margin:10px 0px 0px 0px;}
#main-left-container{ width:519px; float:left;}
#main-left-container h1{ font-size:14px; font-weight:bold; color:#88A906; border-bottom:1px solid #000000; padding:10px 0px;}
#main-left-container p{ color:#5a5a5a; line-height:18px; padding:5px 0px;}
.middle-menu{ width:100%;}
.trend_menu{ width:255px; background:#f6f5f5; border:1px solid #bcb9b9; float:left;}
.trend_menu h2{background:#e6e5e6; height:24px; width:245px; font-size:13px; color:#88a906; font-weight:bold; padding:8px 0px 0px 10px; margin:0;}
.trend_menu ul{ margin:0; padding:5px 0px 0px 16px; list-style:none;}
.trend_menu ul li{ background:url(../images/arrow_left.png) no-repeat  left;  line-height:4px; padding:7px 0px 5px 5px; margin-top:10px;}
.trend_menu ul li a{ font-size:12px; text-decoration:none; color:#0084b7; padding-left:10px;}
.trend_menu ul li a:hover{ text-decoration:underline; color:#3c3c3c;}
.trend_menu .more_btn{ width:235px; text-align:right; margin:0px 0px 7px 0px; padding-right:7px;}
/******************   Community Section     ***************/
#commun_sec{ width:100%; float:left;}
#commun_sec h1{ width:100%; border-top:1px solid #bcb9b9; border-bottom:1px solid #bcb9b9; color:#88a906; padding:8px 0;}
#commun_sec b{ color:#0084b7; font-size:14px; font-weight:normal;}

#main-left-container .commun-section{ width:100%; float:left; margin:15px 0 0;}
#main-left-container .commun-section .img_area{ width:115px; height:70px; float:left;}
#main-left-container .commun-section p{ font-size:12px; color:#636565; float:left; width:384px; text-align:justify; padding:0 10px; margin:0;}
#main-left-container .menu{ width:100%; float:left; margin:15px 0 0 0; border-bottom:1px solid #BCB9B9; padding-bottom:5px;}
#main-left-container .left-menu{ width:210px; float:left; font-size:14px; color:#060606; }
#main-left-container .left-menu ul{ margin:0; padding:0; list-style:none; padding:7px 0;}
#main-left-container .left-menu ul li{ display:list-item; line-height:25px; }
#main-left-container .left-menu ul li a{ font-family:Calibri; font-size:13px; color:#0084b7; text-decoration:underline; background:url(../images/chat_icon.png) no-repeat right; padding:11px 20px 0px 0px;}
#main-left-container .left-menu ul li a:hover{ color:#636565; text-decoration:none;}
#main-left-container .right-menu{ width:250px; float:left; margin-left:5px; font-size:14px; color:#060606;}
/***************  Crausal Section    ***************/
#main-left-container .crausal-section{ width:100%; float:left; margin:35px 0 0; position:relative;}

#main-left-container .carousel-container2{ margin:0; padding:0px 25px 0 13px; *padding:0 24px 0 24px;  top:18px;}
#main-left-container .carousel-container2 .move-speaker2{ margin:0  ; left:40px !important; padding:0; width:394px !important; top:-8px; float:left;}
 #main-left-container.carousel-container2 ul{ margin:0; padding:0; list-style:none;}
#main-left-container .carousel-container2 ul li{ margin:4px 4px 2px  ;  padding:0; list-style:none; float:left; width:170px;}
#main-left-container .arrow-left2 { margin:0;  padding:0; left:-85%; top:-9px; cursor:pointer; float:left; position:relative; }
#main-left-container .arrow-right2 { margin:0;  padding:0; right:-72px; top:-7px; cursor:pointer; float:left; position:relative; }


.home_cure{ width:255px; background:#f6f5f5; border:1px solid #bcb9b9; float:left; margin-left:8px;}
.home_cure h2{background:#e6e5e6; height:24px; width:245px; font-size:13px; color:#88a906; font-weight:bold; padding:8px 0px 0px 10px; margin:0;}
.home_cure ul{ margin:0; padding:5px 0px 0px 16px; list-style:none;}
.home_cure ul li{ background:url(../images/arrow_left.png) no-repeat  left;  line-height:4px; padding:7px 0px 5px 5px; margin-top:10px;}
.home_cure ul li a{ font-size:12px; text-decoration:none; color:#0084b7; padding-left:10px;}
.home_cure ul li a:hover{ text-decoration:underline; color:#3c3c3c;}
.home_cure .more_btn{ width:235px; text-align:right; margin:0px 0px 7px 0px; padding-right:7px;}
#main-left-container .detail_sec{ width:100%; background:#f6f5f5; border:1px solid #bcb9b9; float:left; margin-bottom:10px; clear:both;}
#main-left-container .detail_sec span{ color:#0084b7; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
#main-left-container .detail_sec b{ color:#b76132; font-weight:normal; float:right; padding-top:14px;}
#main-left-container .detail_sec a{ color:#b76132; font-weight:normal; float:right;  text-decoration:none;}
#main-left-container .detail_sec a:hover{ color:#3c3c3c; font-weight:normal; float:right;  text-decoration:underline;}
#main-left-container .detail_sec .exp_query{ width:250px; float:left;}

#main-left-container .detail_sec .exp_query table{ color:#636565; font-size:12px; font-family:Arial, Helvetica, sans-serif;}

#main-left-container .detail_sec  h2{ background:#e6e5e6; color:#88a906; font-size:13px; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; height:18px; padding:8px; width:234px;}
#main-left-container .detail_sec .exercise-cal{ width:250px; float:left; margin-left:19px;}

#main-right-container{ width:262px; float:left; margin-left:11px;}
#main-right-container .first-box{ width:100%; float:left;}
#main-right-container .first-box-header{ background:url(../images/right-col-header-bg.jpg) no-repeat; width:262px; height:26px; color:#0a6e94; font-weight:bold; font-size:13px; line-height:30px; padding-left:15px;}
#main-right-container .first-box-body{ width:260px; float:left; border:1px solid #b8eafd; background:#ffffff; min-height:175px;}
#main-right-container .first-box-body span{color:#88a906; font-size:14px; padding:15px 0px;}
#main-right-container .first-box-body table{}
#main-right-container .first-box-body table td{ color:#636565; font-size:12px; padding:14px 12px; }
#main-right-container .first-box-body table td img{ padding}
#main-right-container .first-box-body table td p{line-height:20px;}
#main-right-container .second-box{ width:100%; float:left; margin-top:20px;}
#main-right-container .subscription-sec{ background:url(../images/subscribe-bg.jpg) no-repeat; width:262px; height:280px;}
#main-right-container .subscription-sec .spacer{ width:100%; float:left; height:95px;}
#main-right-container .subscription-sec .form-content{ width:100%; float:left;}
#main-right-container .subscription-sec .form-content ul{ margin:0; padding:0 8px; list-style:none;}
#main-right-container .subscription-sec .form-content ul li{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#8f898c; padding-top:5px;}
#main-right-container .subscription-sec span{ font-size:11px; color:#000000;}
#main-right-container .subscription-sec .form-content .input{ margin-left:35px; margin-top:7px;  border:1px solid #b8b1b1;}
#main-right-container .subscription-sec .form-content .submit{ background:url(../images/submit-news.jpg) no-repeat; width:65px; height:27px; border:none;}

/********   Crausal Container    ******/

.carousel-container2{ margin:0; padding:0px 25px 0 13px; *padding:0 24px 0 24px; height:69;  position:relative; top:18px;}

.carousel-container2 .move-speaker2{ margin:0  ; left:0px !important; padding:0; width:164px !important; position:relative; top:-18px;}
.carousel-container2 ul{ margin:0; padding:0; list-style:none;}
.carousel-container2 ul li{ margin:4px 4px 2px  ;  padding:0; list-style:none; float:left; height:auto !important;}
.carousel-container2 ul li a{font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#006699 !important; text-decoration:none;}
.arrow-left2 { margin:0;  padding:0; position:absolute; left:-24px; top:-7px; cursor:pointer; }
.arrow-right2 { margin:0;  padding:0; position:absolute; right:52px; top:-5px; cursor:pointer; } 



#footer-container{ width:100%; position:relative; top:25px; left:1px;}
#footer-container .footer-top-strip{ width:100%; float:left; }
#footer-container .footer-top-bg1{ width:100%; float:left; margin-bottom:10px;  height:65px; background:#9ddaf1; color:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:17px; float:left;}
#footer-container .footer-top-bg1 span{ font-family:Arial, Helvetica, sans-serif; font-size:30px; color:#ffffff; position:relative; top:15px; left:35px;}
#footer-container .footer-top-bg{ width:100%; float:left; margin-bottom:10px;  background:#ffffff;}
#footer-container .footer-top-bg span{ font-family:Arial, Helvetica, sans-serif; font-size:30px; color:#ffffff; position:relative; top:15px; left:35px;}
#footer-container .footer-nav-area{ width:100%; float:left;  margin-bottom:10px; border-bottom:2px solid #bcb9b9;}

#footer-container .footer-nav-section{ width:950px; margin: 0 auto; }
#footer-container .footer-column{ width:175px; float:left; margin-left:14px;}
#footer-container .footer-column ul{ margin:0; padding:0; list-style:none;}
#footer-container .footer-column ul li{ padding:5px 0;}   
#footer-container .footer-column ul li a{ text-decoration:none; color:#0084b7; font-size:12px;}
#footer-container .footer-column ul li a:hover{ text-decoration:underline; color:#820000;}
#footer-container .footer-columnn p{ margin:0; padding:0;}
#footer-container .footer-column .menu-head{ font-size:13px; font-weight:bold; color:#88a906;}
#footer-container .footer-links{ width:460px; margin:auto; }
#footer-container .footer-links ul{ margin:0; padding:0; list-style:none;}
#footer-container .footer-links ul li{ float:left; color:#000000; margin:10px 5px;}
#footer-container .footer-links ul li a{ font-size:12px; color:#454647; text-decoration:none;}
#footer-container .copyright{ width:650px;  margin:10px auto 20px 175px; float:left; font-size:12px; color:#454647; text-align:center;}


.first-box{ width:100%; float:left;}
.first-box-header{ background:url(../images/right-col-header-bg.jpg) no-repeat;  height:26px; color:#0a6e94; font-weight:bold; font-size:13px; line-height:30px; padding-left:15px;}
.first-box-body{ width:260px; float:left; border:1px solid #b8eafd; background:#ffffff; min-height:242px;}
.first-box-body span{color:#88a906; font-size:14px; padding:15px 0px;}
.first-box-body table{}
.first-box-body table td{ color:#636565; font-size:12px; padding:14px 12px; }
.first-box-body table td img{ padding}
.first-box-body table td p{line-height:20px;}
.bread-crum{ width:100%; float:left; margin:10px 0px;}
.bread-crum a{ text-decoration:none;  padding:7px 0px; font-size:12px; font-weight:bold; color:#369 !important;}
.bread-crum a:hover{ color:#820000;}
#crousal{width:100%; position:relative; margin:0 auto; background:#E9E9EC;   bottom: 5px;border-top: 1px solid #666666;border-bottom: 1px solid #666666;padding: 15px 0px; }
#crousal ul{width:100%; position:relative; margin:5px auto;  height:82px !important;}
#crousal ul li{display:inline-block; margin:0 50px;}