@charset "utf-8";
/* CSS Document */

.theme{color:#036D9A}
.cl{clear:both}
.fl{float:left}
.fr{float:right}
h2{color:#fff; background-color:#036D9A; font-size:18px; line-height:32px; font-weight:normal; padding:0px 0px 0px 15px; margin:0px; -moz-border-radius:10px 10px 0px 0px;
-webkit-border-radius:10px 10px 0px 0px;
border-radius:10px 10px 0px 0px;}
.text{font-size:12px; line-height:20px; color:#333; margin:0px; padding:5px 7px 7px 10px;}
.text img{float:left; padding:5px 10px 0px 0px; margin:0px;}
body{background-color:#f1f1f1; margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:21px;}
#main_container{width:990px; margin:0 auto; padding:0px }
#header{background-image:url(../images/header_bg.jpg); background-repeat:no-repeat; background-position:top left; height:152px}
.contact_top{color:#036D9A; margin:7px 7px 0px 0px; font-size:18px; }
.logo{margin:7px 0px 0px 7px;}

#top_nav{width:990px; height:36px; border-top:4px #fff solid; font-size:13px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold}
#top_nav .top_nav{margin:0px; padding:5px 0px 2px 0px; list-style-image:none; float:right; text-align:right}
.top_nav li{padding:0px 3px;margin:2px 0px 2px 3px;display:block; list-style:none; float:left; line-height:36px;background-color:#036D9A;  color:#fff; 	-moz-border-radius: 7px;
	-webkit-border-radius:7px;
	border-radius: 7px; box-shadow:0px 3px 0px #bababa; }
.top_nav li a:link{list-style:none; padding:0px 7px; float:left; line-height:36px; color:#fff; text-decoration:none}
.top_nav li a:hover{padding:0px 7px; background-color:#55aaff; color:#000000;  text-decoration:none; -moz-border-radius: 7px;
	-webkit-border-radius:7px;
	border-radius: 7px;}
.top_nav li a:visited{list-style:none; float:left; line-height:36px; color:#fff; text-decoration:none}
.top_nav li a.active{padding:0px 7px; color:#961108; background:#fff; border:1px #961108 solid; text-decoration:none; -moz-border-radius: 7px;
	-webkit-border-radius:7px;
	border-radius: 7px;}

#mid_container{margin:0px; padding:0px; background-color:#fff}
#welcome{margin:30px 11px; padding:0px;}
h1{color:#000; font-size:20px; margin:0px; padding:0px 0px 5px 0px; border-bottom:1px #000 solid; font-weight:normal; float:left}
.welcome_text{font-size:12px; color:#00; margin:0px; padding:9px 15px 0px 15px; clear:both; text-align:justify}
.read_more{color:#036D9A; margin:0px;}
.read_more a:link{color:#00FF00; margin:0px; text-decoration:none;}
.read_more a:hover{color:#00FF33; margin:0px; text-decoration:underline;}
.read_more a:visited{color:#0099FF; margin:0px; text-decoration:none;}

#middle_box{margin:0px 11px 30px; padding:0px;}
#box1{width:307px; float:left; margin:0px; padding:0px; background-color:#edeef0;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;}

#box2{width:307px; float:left; margin:0px 20px; padding:0px;  background-color:#edeef0;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;}
#box3{width:307px; float:right; margin:0px; padding:0px;  background-color:#edeef0;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;}

h4{color:#000; font-size:16px; margin:0px; padding:0px 0px 5px  8px; font-weight:normal;}
h3{color:#fff; background-color:#036D9A; font-size:18px; line-height:42px; font-weight:normal; padding:0px 0px 0px 15px; margin:0px; -moz-border-radius:10px 10px 0px 0px;
-webkit-border-radius:10px 10px 0px 0px;
border-radius:10px 10px 0px 0px;}
.left_tab{margin:0px; padding:0px 0px 15px 0px;}
.left_tab li{margin:0px 0px 0px 0px; padding:10px 0px 10px 30px; font-size:12px; color:#333; border-bottom:1px #fff solid; list-style-type:none}
.left_tab li div{font-size:11px; color:#036D9A; margin:0px; padding:0px;}
.left_tab li a:link{font-size:12px; color:#333; text-decoration:none;}
.left_tab li a:hover{font-size:12px; color:#333; text-decoration:underline;}
.left_tab li a:visited{font-size:12px; color:#333; text-decoration:underline;}

#logo{border-top:1px #036D9A solid; padding:20px 0px 20px 0px; margin:0px; text-align:center}

#footer_nav{width:990px; height:36px; background-color:#036D9A; border-top:4px #fff solid; border-bottom:4px #fff solid; line-height:36px; color:#fff}
.footer_terms{font-size:14px; padding:0px 0px 0px 7px}
.footer_terms a:link{font-size:14px; padding:0px 0px 0px 7px; color:#fff; text-decoration:none;}
.footer_terms a:hover{text-decoration:underline; color:#fff}
.footer_terms a:visited{font-size:14px;  text-decoration:none; color:#fff}
.footer_powered{font-size:12px; padding:0px 7px 0px 0px; font-weight:bold}

#inner_left{width:207px; float:left; margin:20px 0px 20px 10px; padding:0px; background-color:#edeef0;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;}

.course{margin:0px; padding:0px 0px 15px 0px;}
.course li{margin:0px 0px 0px 40px; padding:0px; font-size:14px; color:#036D9A; line-height:10px; list-style:url(../images/bullete.png)}
.course li a:link{font-size:14px; color:#333; text-decoration:none;}
.course li a:hover{font-size:14px; color:#333; text-decoration:underline;}
.course li a:visited{font-size:14px; color:#333; text-decoration:underline;}

#inner_right{float:right; width:750px; margin:20px 10px 20px 0px;}
.course_table{width:80%; margin:20px auto; border:1px #ccc solid; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:30px;}
.paper_code{color:#333; width:30.7%; font-size:12px; line-height:30px; padding:0px 0px 0px 8px; border-right:1px #ccc solid; border-bottom:1px #ccc solid;}
.subject{color:#333; width:66%; font-size:12px; line-height:30px; padding:0px 0px 0px 8px; border-bottom:1px #ccc solid;}
.paper_code_head{background-color:#999999; color:#333; width:30.7%;font-size:12px; line-height:30px; padding:0px 0px 0px 8px; border-right:1px #fff solid; font-weight:bold;}
.subject_head{background-color:#999999; color:#333; line-height:18px; width:66%; font-size:12px; line-height:30px; padding:0px 0px 0px 8px; font-weight:bold;}


.sem1{color:#333; width:48%; font-size:12px; line-height:30px; padding:0px 0px 0px 8px; border-right:1px #ccc solid; border-bottom:1px #ccc solid;}
.sem2{color:#333; width:48%; font-size:12px; line-height:30px; padding:0px 0px 0px 8px; border-bottom:1px #ccc solid;border-left:1px #ccc solid;}
.sem1_head{background-color:#999999; color:#333; width:48%;font-size:12px; line-height:30px; padding:0px 0px 0px 8px; border-right:1px #fff solid; font-weight:bold;}
.sem2_head{background-color:#999999; color:#333; line-height:18px; width:48%; font-size:12px; line-height:30px; padding:0px 0px 0px 8px; font-weight:bold;}


.content_l{width:48%; float:left; text-align:justify; border-bottom:1px #ccc dotted; padding:0px 0px 10px 0px}
.content_r{width:48%; float:right; text-align:justify; padding:0px 0px 10px 0px;border-bottom:1px #ccc dotted;}

.contact_l{width:30%; float:left; text-align:justify; border-bottom:1px #ccc dotted; padding:0px 0px 10px 0px}
.contact_r{width:66%; float:right; text-align:justify; padding:0px; -moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px; border:1px #ccc dotted; margin:0px; height:300px}

.why{margin:10px 0px 0px 40px; padding:0px; }
.why li{margin:0px; padding:0px;  list-style:url(../images/text-bullet.png);}
#banner{border-top:4px solid #fff; background-image:url(../images/banner_bg.jpg); background-repeat:repeat-x; background-position:top left}
#banner_homel{float:left; background-color:#036D9A; width:239px; margin:0px 20px; padding:10px 20px 10px 20px;color:#fff; border-right:#fff solid 4px;border-left:#fff solid 4px; box-shadow:0px 3px 8px #888888;}
#banner_homel_thanks{float:left; background-color:#036D9A; width:150px; margin:0px 20px; padding:10px 20px 10px 20px;color:#fff;  box-shadow:0px 3px 8px #888888;}
h5{font-size:18px; line-height:32px; font-weight:normal; padding:0px; margin:0px; }
#banner_homel lable{display: block; font-size: 12px; font-weight: 700; padding:2px 2px 6px 2px; float:left; width:70px}
.large_input{float:right; border:1px solid #CCC; color:#333333; font-size:12px; width:162px;}
.course_input{float:right; border:1px solid #CCC; color:#333333; font-size:12px; width:163px;}
#banner_home2{float:right}

.download{ font-size:14px; color:#961206; font-weight:bold; text-align:center; margin:0 auto;}
#download{width:30%; float:left; color:#333}
#download lable{display: block; font-size: 12px; font-weight: 700; padding:2px;}
#download lable span{color:#d6001a}
.download_input{border:1px solid #CCC; color:#333333; font-size:12px; width:242px;}
.download_course_input{border:1px solid #CCC; color:#333333; font-size:12px; width:243px;}
#download2{width:25%; float:left; color:#333; margin:29px 0px 0px 0px;}
#download2 lable{display: block; font-size: 12px; font-weight: 700; padding:2px;}
#download2 lable span{color:#d6001a}
.download2_input{border:1px solid #CCC; color:#333333; font-size:12px; width:242px;}
.download2_course_input{border:1px solid #CCC; color:#333333; font-size:12px; width:243px;}
.download_btn{margin:0px; padding:10px 0px 0px 450px;}

.promoted{ text-align:left; color:#961206; font-size:16px; font-weight:bold; padding:0px 0px 15px 15px}

#carousel_inner {

width:940px; /* important (this width = width of list item(including margin) * items shown */ 
overflow: hidden;  /* important (hide the items outside the div) */
margin:0 auto;
/* non-important styling bellow */
}

#carousel_ul {
position:relative;
left:-210px; /* important (this should be negative number of list items width(including margin) */
list-style-type: none; /* removing the default styling for unordered list items */
margin: 0px;
padding: 0px;
width:10000px; /* important */
/* non-important styling bellow */
padding-bottom:10px;
}

#carousel_ul li{
float: left; /* important for inline positioning of the list items */                                    
  /* fixed width, important */
/* just styling bellow*/
padding:0px;
height:66px;
background: #000000;
margin-bottom:10px; 
margin-left:5px; 
margin-right:5px; 
}

#carousel_ul li img {
.margin-bottom:-4px; /* IE is making a 4px gap bellow an image inside of an anchor (<a href...>) so this is to fix that*/
/* styling */
cursor:pointer;
cursor: hand; 
border:0px; 
}
#left_scroll, #right_scroll{
float:left; 
height:130px; 
width:15px; 
background: #C0C0C0; 
}
#left_scroll img, #right_scroll img{
border:0; /* remove the default border of linked image */
/*styling*/
cursor: pointer;
cursor: hand;

}
#portal_Div{
	position:absolute;
	width: 432px;
	left: 543px;
	top: 2246px;
	height: 334px;
}
#inner_right_portal{left:248px; width:240px; top:800px; height:171px; position:absolute}