body{
font-family:'Calibri'; font-weight:normal;
font-size:14px;
color:#333333;
margin:0px 0 38px 0;
background: url(images/bg.jpg) repeat top center;}

img{border:0px;}
form{margin:0px; padding:0px;}
p{margin:0px; padding:0px;}
.alignleft{float:left;}
.alignright{float:right;}
.clear{clear:both; margin:0px; padding:0px; width:100%; height:0px;}
.textalignright{text-align:right;}
.textalignleft{text-align:left;}
.textaligncenter{text-align:center;}
h1{margin:0px; padding:0px; font-size:30px; color:#ff3300; font-weight:normal;}
h2{margin:0px; padding:0px; font-size:26px; color:#ff3300; font-weight:normal;}
h3{margin:0px; padding:0px; font-size:35px; color:#333333; font-weight:normal;}
h4{margin:0px; padding:0px; font-size:20px; color:#333333; font-weight:normal;}



@font-face {
    font-family:'CalibriBold';
    src: url('font/calibrib-webfont.eot');
    src: url('font/calibrib-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/calibrib-webfont.woff') format('woff'),
         url('font/calibrib-webfont.ttf') format('truetype'),
         url('font/calibrib-webfont.svg#CalibriBold') format('svg');
    font-weight: normal;
    font-style: normal;

}
/*------------------------------BG---------------------------------------*/

#top-bg{ background:url(images/top-bg.png) repeat-x top;}
#main-div{ width:970px; margin:auto; padding-top:34px;}
.maindiv{ background:url(images/mid-bg.png) repeat-y;}

/*------------------------------BG---------------------------------------*/



/*Header-Part------------*/
#header{ height:110px; background:url(images/navi-bg.png) repeat-x; margin:0px 10px;}

.headerL{ float:left; width:300px; background:#fff; margin:47px 0 0 41px; text-align:center;}
.headerR{ float:right; width:auto;}
.header-text{ text-align:right; height:66px; padding-right:42px; font-size:18px; width:345px; float:right}
.header-text div{ line-height:16px;}
.header-text p{font-size:16px; line-height:14px;}
.header-text p span{font-size:13px;}

.top-navigation{float:right; width:auto; letter-spacing:normal; padding-right:42px; border-left:solid 1px #666666; font-size:16px;}
.top-navigation ul{margin:0px; padding:0px; list-style-type:none; text-align:left;}
.top-navigation li{margin:0px; padding:0px 0px 0px 0px; float:left; border-right:solid 1px #666666;}
.top-navigation a{float:left; text-decoration:none; color:#fff; display:block; padding:0px 20px 0px 20px; line-height:41px;}
.top-navigation a:hover{color:#ff3300;}



/*footer-Part------------*/
#footer{ height:212px; background:#000; margin:0px 10px; font-size:13px; color:#666666;}
.footerdiv{ width:870px; margin:auto; padding-top:34px; height:162px;}
.footerdiv a{ text-decoration:none; color:#666666; line-height:22px;}
.footerdiv a:hover{color:#ff3300;}
a.foot-act{color:#ff3300;}

.footL{ float:left; width:auto; margin-right:23px;}
.footR{ float:right; width:auto; padding-top:17px;}



/*Middle-Part------------*/
#middle{ margin:32px 42px 37px 53px;}

.midtop{ height:291px;}
.midtopL{ float:left; width:414px; padding-top:30px;}
.midtopL div{ font-size:38px; color:#ff3300; line-height:40px; font-weight:normal; padding-bottom:10px;}
.midtopL p{ font-size:15px; color:#7b7a7a; line-height:20px; background:url(images/arrow1.png) no-repeat left center; padding-left:16px;} 

.midtopR{ float:left; width:442px; height:284px; padding:7px 12px 0px 7px; background:url(images/banner-bg.jpg) no-repeat;}

.Studydiv{float:left; width:auto; letter-spacing:normal; font-size:18px; color:#ff3300;}
.Studydiv ul{margin:0px; padding:0px; list-style-type:none; text-align:left;}
.Studydiv li{margin:0px 20px 35px 0px; padding:0px; float:left; width:128px; height:120px; text-align:center;}
.Studydiv li img{ margin-bottom:15px; border:solid 1px #989999;}



/*Inner-Pages------------*/
#in-middle{width:868px; margin:auto; padding:34px 0px;}
.in-left{ float:left; width:199px; margin:0 19px 0 3px;}
.in-right{ float:left; width:647px;}

.explorediv{ color:#ff3300; width:199px; margin-top:45px;}
.explore-head{float:left; width:auto; line-height:25px; background:#ff3300; font-size:15px; color:#fff; padding:0 24px 0 12px; color:#fff;}
.explorediv p{ line-height:54px; margin-top:9px;}
.explorediv img{ float:left; width:74px; border:solid 1px #999999; margin-right:13px;}

.more a{ text-decoration:none; color:#333333; font-size:15px; padding-left:6px;}
.more a:hover{color:#ff3300;}

.video-content{ border-left:solid 2px #e9e9e9; border-right:solid 2px #e9e9e9; padding:10px 35px 10px 32px;}
.video-content div{font-size:20px; padding-bottom:10px;}
.video-content p{font-size:16px; line-height:46px; border-bottom:solid 1px #e1e1e1; padding-left:18px; margin-left:5px; background:url(images/arrow2.png) no-repeat left center; font-weight:bold;}
.video-content a{ text-decoration:none; color:#333333;}
.video-content a:hover{color:#ff3300;}

.contentdiv{ min-height:450px;border-left:solid 2px #e9e9e9; border-right:solid 2px #e9e9e9; padding:10px 23px 30px 23px; color:#666666;}


/*Contact*/
.contact-con{ border-left:solid 2px #e9e9e9; border-right:solid 2px #e9e9e9; padding:10px 32px 10px 32px;}

.row{margin-bottom:15px;}
.row_left{width:200px; margin-right:50px; float:left; text-align:right; line-height:20px;}
.row_right{width:192px; float:left;}
.textbox{width:190px; height:20px; border:1px solid #d0d1d1;}
.textbox:hover{ border:1px solid #fe9c4d;}
.textarea{width:190px; border:1px solid #d0d1d1;}
.textarea:hover{border:1px solid #fe9c4d;}
.left-con{ float:left; width:203px; margin:0 32px 0 -14px}