/* CSS Document */

* { 
    margin:0 ; padding:0;
	}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#666;
	margin: 0px;
	padding: 0px;
	background-color:#fff;
	line-height: 16px;
}
img {
	border:0px;
}

p {
    margin-top:0px;
	margin-bottom:10px;
	line-height:20px;
}

a {
	color :  #333;
	background : transparent;
	text-decoration : underline;
}



ul,li {margin:0;padding:0;}

.right_contents_sub a,.right_contents_sub{
	font-size: 18px;
	padding-bottom:20px;
	font-weight: normal;
	text-decoration: none;
}

.contain {
	margin: 0 auto;
	width: 980px;
	height:auto;
	background-color: #FFFFFF;
	padding:0 0 0 28px;
}

.header {
	width: 965px;
	height:73px;
	padding:13px 0 13px 0;
}
.header_left {
float:left;
width:460px;
}
.header_right {
	float:right;
	width:300px;
	font-size: 12px;
	color: #3774A6;
	text-align:right;
	padding:30px 0 0 0;
	font-weight: bold;
}
.header_right a {
	font-size:12px;
	color:#666;
	text-decoration: underline;
	}

.nav {
	width:965px;
	height:30px;
	background: url(../images/nav_bg_.jpg) no-repeat;
	clear:both;

}

.nav li{
	float:left;
	list-style-type: none;
}

.nav li a {
	font-size: 13px;
	color: #666;
	text-decoration : none;
	display:block;
	text-align: center;
	width:161px;
	padding:7px 0 0 0;
	height:23px;
	background:url(../images/nav_line.gif) no-repeat right top;

}
.nav li.nav_long a { 
	font-size: 13px;
	color: #666;
	text-decoration : none;
	display:block;
	text-align: center;
	width:321px;
	padding:7px 0 0 0;
	height:23px;
}
.nav li.nav_right a { 
	font-size: 13px;
	color: #666;
	text-decoration : none;
	display:block;
	text-align: center;
	width:161px;
	padding:7px 0 0 0;
	height:23px;
	background:url(../images/nav_right_off.jpg) no-repeat;
}
.nav li.home a { 
	font-size: 13px;
	color: #666;
	text-decoration : none;
	display:block;
	text-align: center;
	width:161px;
padding:7px 0 0 0;
	height:23px;
	background:url(../images/nav_home_off.jpg) no-repeat;

}
.nav li.home2 a { 
	font-size: 13px;
	color: #fff;
	text-decoration : none;
	display:block;
	text-align: center;
	width:161px;
padding:7px 0 0 0;
	height:23px;
	background:url(../images/nav_home_on.jpg) no-repeat;

}
.banner {
width:965px;
height:136px;
margin:2px 0 30px 0;
clear:both;
}
#home #menu_index a,#menu_index a:hover {
	font-size: 13px;
	color: #fff;
	text-decoration : none;
	display:block;
	text-align: center;
	width:161px;
padding:7px 0 0 0;
	height:23px;
	background:url(../images/nav_home_on.jpg) no-repeat;
	font-weight: bold;
}



#about #menu_about a,#menu_about a:hover {
	font-size: 13px;
	color: #fff;
	text-decoration : none;
	display:block;
	text-align: center;
	width:161px;
padding:7px 0 0 0;
	height:23px;
	background:url(../images/nav_about_on.jpg) no-repeat;
	font-weight: bold;

}



#courses_offered #menu_courses_offered a,#menu_courses_offered a:hover {
	font-size: 13px;
	font-weight: bold;
	color: #fff;
	text-decoration : none;
	display:block;
	text-align: center;
	width:161px;
padding:7px 0 0 0;
	height:23px;
	background:url(../images/nav_offer_on.jpg) no-repeat;

}



#contact #menu_contact a,#menu_contact a:hover {
	font-size: 13px;
	font-weight: bold;
	color: #fff;
	text-decoration : none;
	display:block;
	text-align: center;
	width:161px;
padding:7px 0 0 0;
	height:23px;
	background:url(../images/nav_contact_on.jpg) no-repeat;

}



#dna #menu_dna a,#menu_dna a:hover {
	font-size: 13px;
	font-weight: bold;
	color: #fff;
	text-decoration : none;
	display:block;
	text-align: center;
	width:321px;
padding:7px 0 0 0;
	height:23px;
	background:url(../images/nav_learning_on.jpg) no-repeat;

}





.mid{
width:965px;

}

.mid ul{
	padding-left:15px;

}
.mid li{
	line-height: 20px;

}

.mid_contents_sub{
	color:#063190;
	width:700px;
	font-size: 22px;
	font-weight: bold;
	padding:20px 20px 20px 150px;
	text-align: center;
}

.courses_mid_contents{
	float:left;
	width:500px;
	font-size:16px;
	padding:0 20px 0 75px;
	line-height:28px;
}
.courses_mid_pic{
	float:left;
	width:350px;
}

.mid_left {
	float:left;
	width:170px;
	height:auto;

}


.left_contents {
	width:175px;
	font-size:12px;
	padding:14px 0 14px 0;
	color:#003181;
}



.left_button {
	padding:7px 0 7px 0;
}

.left_button2 {
	padding:14px 0 7px 0;
}
.left_logout {
width:142px;
	height:207px;
	background: url(../images/login_bg.jpg) no-repeat left top;
	color:#666;
	padding:13px 14px 0 14px;
}
.mid_left input {
	width:140px;
	height:24px;
	border: 1px solid #CCC;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
}
.left_logout_title {
font-size: 13px;
	font-weight: bold;
	margin-bottom:12px;
	padding-left:4px;
	
}

.left_logout_sub {
}



.left_login {
	width:142px;
	height:207px;
	background: url(../images/login_bg.jpg) no-repeat left top;
	color:#666;
	padding:13px 14px 0 14px;
}

.left_login_title {
	font-size: 16px;
	font-weight: bold;
	margin-bottom:12px;
	padding-left:4px;
}

.left_login_sub {

}

.forgot_info a {
	font-size: 11px;
	color: #666666;
	text-decoration: underline;
}
.mid_right {
	float:left;
	width:740px;
	height:auto;
	padding-left:40px;
}

.right_contents{
	

}

.right_contents_about{


}

.right_contents_about_paragraph{

}
.right_contents_about_paragraph a:active{
		   color : #004080;
}


.right_tab{
	width:695px;
	font-size: 14px;
	text-align: left;
	line-height: 26px;
	padding-left:15px;
}
.about_right_tab{
	width:695px;
	font-size: 14px;
	text-align: left;
	line-height: 26px;
	padding:0 0 20px 0;
}
.about_right_tab li {
background:url(../images/arrow_orange.gif) no-repeat left 10px;
list-style-type:none;
padding-left:12px;
}
.right_contact_title{
	color:#C40000;
	width:680px;
	font-size: 14px;
	font-weight: bold;
	padding-top:14px;
	padding-left:15px;
	line-height:26px;
}

.right_pic {
	padding:20px 0 10px 15px;
	text-align: center;
	width:676px;
	font-size: 18px;
}
.dna_btn {
	padding:20px 0 10px 15px;
	text-align: center;
	width:676px;
	font-size: 18px;
	padding:20px 0;

}

.right_table {
float:left;
	font-size:12px;
	font-weight:bold;
	color:#E4F2FD;
	width:689px;
	height:auto;
	padding: 15px 0 15px 15px;

}

.right_table a{
    text-decoration:none;
	color:#E4F2FD;
}

.right_table a:hover{
    text-decoration:none;
	color:#004080;
}

.right_tr_body {
background:url(../images/td_bg.jpg) no-repeat;
height:35px;
}

.right_tr_top {
	background-image: url(../images/course_offered.jpg);
	background-repeat: no-repeat;
}



.right_title_td1 {
	text-align:left;
	padding-left:10px;

}

.right_title_td2 {
	text-align:center;

}

.courses_left_contents{
	width:175px;
	font-size:13px;
	padding:17px 0 12px 0;
	line-height:22px;
	color:#003181;
}
.self_d {
float:left;
width:380px;
}
.courses_left_pic{
	float:left;
	width:315px;
	padding:15px 0 0 15px;

}

.footer {
	text-align: center;
	clear:both;
	margin-top:20px;
}
.footer_nav {
	padding:10px 0 0 110px;
	height:22px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
}
.footer_nav li a {
	color: #999999;
	text-decoration: none;
}
.footer_nav li {
	list-style-type:none;
	float:left;
	padding:0 25px;
	vertical-align: middle;
}
.footer_nav li img {
margin:0 5px 3px 0;
}
.footer_nav2 {
	clear:both;
	font-size: 11px;
	color: #999999;
	padding-top:8px;
}


.contact {
	color:#000000;
	padding:15px 10px 0 60px;

}



.input_wrap input {
	width:200px;
	font-size:12px;
	padding-top:2px;
	background-color:#ffffff;
	height:20px;
	vertical-align: middle;
	margin:0 5px 0 0;
}

.input_wrap {
	width:360px;
	float:left;
	margin-bottom:5px;
	text-align: right;
	padding-left:35px;
}

.input_wrap_title {
	width:360px;
	float:left;
	margin-bottom:15px;
	font-weight:bold;
}


.contact_form {
	width:520px;
	padding:10px 0 5px 98px;
	float:left;
}
.contact_checkbox input{
	margin:0 10px 0 0;
	text-align: right;
}
.contact_form textarea{
width:210px;
font-size:12px;
padding-top:2px;
background-color:#ffffff;
margin:0;
vertical-align: top;
	
}

.contact_checkbox {
	width:580px;
	padding:0 5px 5px 58px;
	float:left;

}


.contact_submit {
	width:335px;
	padding-top:5px;
	text-align: right;
}

.about_content {
	float:left;
	width:710px;
	height:auto;
}

.about_content_left {
	float:left;
	width:340px;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	padding-top:15px;
	padding-left:15px;
	line-height:22px;	
}

.about_content_right {
	float:right;
	width:340px;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	padding-top:15px;
	padding-left:15px;
	line-height:22px;	
}

#demo {
	float:left;
	padding:20px 0 10px 5px;
	text-align: center;
	width:700px;
}