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

body {
	background-color:#000055;
}

a:link {
	color: #FF0000;
	text-decoration: none;
}
a:visited {
	color: #FF0000;
	text-decoration: none;
}
a:hover {
	color: #FF0000;
	text-decoration: underline;
}
a:active {
	color: #FF0000;
	text-decoration: underline;
}

#container {

width:910px;
height:auto;
margin:auto;
background-color:#FFFFFF;

}

#top_box {

width:910px;
height:20px;
background-color:#000055;

}

#symbol {

width:166px;
height:93px;

}

#nav_box {

width:900px;
height:35px;
margin-top:5px;
margin-left:5px;
background-color:#FFFFFF;
border-bottom:solid 1px #333333;

}

#nav_title_box {

width:180px;
height:35px;
float:left;

}

#nav_title_text {

width:180px;
height:18px;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:bold;
color:#333333;

}

#nav_language_text {

width:180px;
height:15px;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#666666;

}

#nav_1 {

width:80px;
height:16px;
float:left;
padding-top:2px;
text-align:center;
background-color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#FF0000;

}

#nav_2 {

width:79px;
height:16px;
float:left;
border-left: solid 1px #333333;
padding-top:2px;
text-align:center;
background-color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#FF0000;

}

#footer {

width:905px;
height:15px;
background-color:#000000;
float:left;
padding-left:5px;
padding-top:3px;
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
font-weight:normal;
text-transform:uppercase;
color:#666666;
margin-bottom:30px;

}

#base {

width:900px;
height:6px;
margin-left:5px;
margin-bottom:10px;
float:left;
border-bottom:solid 1px #CC0000;
background-color:#FFFFFF;

}

#backtotop_nav {

width:910px;
height:17px;
float:left;
margin-bottom:10px;

}

#backtotop_nav_box {

width:80px;
height:15px;
float:left;
margin-left:420px;
padding-top:2px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#FF0000;
border:solid 1px #FF0000;

}

/*front page*/

#front_page {

width:910px;
height:625px;
background-image:url(images/front_page/bg.png);
background-repeat:no-repeat;

}

#front_page_content_top {

width:910px;
height:130px;
float:left;

}

#front_page_content_bottom {

width:910px;
height:445px;
padding-bottom:30px;
float:left;

}

#front_page_logo {

width:500px;
height:300px;
background-image:url(images/front_page/HKMAD_LOGO_01.png);
background-repeat:no-repeat;
margin-left:205px;
margin-right:205px;
float:left;

}

#front_page_text {

width:400px;
height:25px;
text-align:center;
margin-top:10px;
margin-left:255px;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
font-weight:normal;
color:#FFFFFF;

}

#nav_chi {

width:199px;
height:60px;
border-right:solid 1px #FFFFFF;
margin-left:255px;
margin-top:25px;
float:left;

}

#nav_eng {

width:199px;
height:60px;
border-left:solid 1px #FFFFFF;
margin-top:25px;
float:left;

}

#front_page_footer {

width:400px;
height:15px;
float:left;
padding-top:3px;
margin-top:20px;
margin-left:255px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
font-weight:normal;
text-transform:uppercase;
color:#666666;
margin-bottom:30px;
background-color:#000000;

}

/*index*/



#head_banner {

width:880px;
height:280px;
background-image:url(images/index/head_banner.png);
background-repeat:no-repeat;
padding-top:20px;
padding-left:30px;

}

#index_mid {

width:910px;
height:auto;
float:left;
background-color:#FFFFFF;

}

#index_left {

width:545px;
height:auto;
float:left;
padding-left:5px;

}

#index_mid_left_title {

width:545px;
height:33px;
float:left;
background-image:url(images/index/index_news_title.png);
border-bottom:solid 1px #333333;

}

#index_mid_left_title_1 {

width:435px;
height:33px;
padding-left:10px;
padding-top:1px;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:21px;
font-weight:normal;
color:#000000;

}

#index_mid_left_title_2 {

width:90px;
height:23px;
text-align:right;
padding-top:10px;
padding-right:10px;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#FF0000;

}

#index_mid_left_content {

width:545px;
height:130px;
float:left;
border-bottom:solid 1px #333333;

}

#index_mid_left_content_image {

width:172px;
height:111px;
float:left;
padding-top:5px;
padding-left:5px;
margin-top:5px;
border:solid 1px #333333;

}

#index_mid_left_content_text {

width:356px;
height:130px;
padding-left:10px;
float:left;

}

.index_mid_left_content_subtitle {

font-family:Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:bold;
color:#CC0000;

}

.index_mid_left_content_text {

font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#333333;

}

#index_right {

width:350px;
height:auto;
margin-left:5px;
float:left;
padding-right:5px;

}

#index_mid_right_title {

width:350px;
height:34px;
float:left;
background-image:url(images/index/index_video_title.png);

}

#index_mid_right_title_1 {

width:240px;
height:32px;
padding-left:10px;
padding-top:1px;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:21px;
font-weight:normal;
color:#000000;

}

#index_mid_right_title_2 {

width:90px;
height:23px;
padding-top:4px;
padding-right:10px;
padding-top:10px;
text-align:right;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#FF0000;

}

#index_mid_right_content {

width:350px;
height:257px;
float:left;

}

#index_bottom_left {

width:545px;
height:149px;
float:left;

}

#index_bottom_left_title {

width:545px;
height:33px;
float:left;
background-image:url(images/index/index_photoes_title.png);
border-bottom:solid 1px #333333;


}

#index_bottom_left_title_1 {

width:435px;
height:33px;
padding-left:10px;
padding-top:1px;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:21px;
font-weight:normal;
color:#000000;

}

#index_bottom_left_title_2 {

width:90px;
height:24px;
text-align:right;
padding-top:10px;
padding-right:10px;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#FF0000;

}

#index_bottom_left_content_1 {

width:103px;
height:103px;
margin-top:5px;
margin-right:5px;
float:left;
border:solid 1px #FF0000;

}

#index_bottom_left_content_2 {

width:103px;
height:103px;
margin-top:5px;
float:left;
border:solid 1px #FF0000;

}

#index_bottom_right_content_box {

width:350px;
height:77px;
float:left;
margin-top:5px;

}

#index_bottom_right_content_1 {

width:114px;
height:77px;
float:left;
margin-right:4px;

}

#index_bottom_right_content_2 {

width:114px;
height:77px;
float:left;

}

#index_contact {

width:350px;
height:69px;
margin-top:5px;
float:left;
background-color:#FFFFFF;
border-top:solid 1px #333333;

}

#index_contact_left {

width:200px;
height:69px;
float:left;

}

#index_contact_right {

width:150px;
height:69px;
float:left;

}

#index_contact_phone {

width:149px;
height:18px;
float:left;
margin-top:16px;
border-left:solid 1px #333333;

}

#index_contact_email {

width:149px;
height:18px;
float:left;
border-left:solid 1px #333333;

}

/*about_us*/

#about_us_head_banner {

width:880px;
height:280px;
background-image:url(images/about_us/head_banner.png);
background-repeat:no-repeat;
padding-top:20px;
padding-left:30px;

}

#about_us_bottom {

width:910px;
height:auto;
background-color:#FFFFFF;
float:left;

}

#about_us_bottom_left {

width:545px;
height:449px;
float:left;
padding-left:5px;

}

#about_us_bottom_left_title {

width:535px;
height:33px;
float:left;
background-image:url(images/about_us/about_us_title.png);
background-repeat:no-repeat;
border-bottom:solid 1px #333333;
padding-left:10px;
padding-top:1px;
font-family:Arial, Helvetica, sans-serif;
font-size:21px;
font-weight:normal;
color:#000000;

}

#about_us_bottom_left_content {

width:545px;
height:413px;
float:left;

}

#about_us_bottom_left_content_image {

width:545px;
height:70px;
float:left;
margin-top:5px;
border-top:solid 1px #333333;

}

#about_us_bottom_left_content_text {

width:525px;
height:318px;
padding-left:10px;
padding-right:10px;
padding-top:19px;
float:left;

}

.about_us_bottom_left_content_subtitle {

font-family:Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:bold;
color:#CC0000;

}

.about_us_bottom_left_content_subtitle_b {

font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#333333;

}

.about_us_bottom_left_content_text {

font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
color:#333333;
line-height:16px;
text-align:justify;

}

#about_us_contact {

width:350px;
height:70px;
float:left;
background-color:#FFFFFF;
margin-left:1px;

}

#about_us_contact_left {

width:200px;
height:70px;
float:left;

}

#about_us_contact_right {

width:150px;
height:70px;
float:left;

}

#about_us_contact_phone {

width:149px;
height:18px;
float:left;
margin-top:16px;
border-left:solid 1px #333333;

}

#about_us_contact_email {

width:149px;
height:18px;
float:left;
border-left:solid 1px #333333;

}


#about_us_bottom_right {

width:350px;
height:442px;
padding-left:5px;
float:left;

}

#about_us_bottom_right_content {

width:350px;
height:442px;
float:left;
background-image:url(images/about_us/HKMADC_about_us_khas.png);
background-repeat:no-repeat;

}

/*news*/

#news_head_banner {

width:880px;
height:280px;
background-image:url(images/about_us/head_banner.png);
background-repeat:no-repeat;
padding-top:20px;
padding-left:30px;

}

#news_bottom {

width:910px;
height:auto;
background-color:#FFFFFF;
float:left;

}

#news_bottom_content {

width:905px;
height:449px;
float:left;
padding-left:5px;

}

#news_bottom_title {

width:890px;
height:33px;
float:left;
background-image:url(images/news/news_title.png);
background-repeat:no-repeat;
border-bottom:solid 1px #333333;
padding-left:10px;
padding-top:1px;
font-family:Arial, Helvetica, sans-serif;
font-size:21px;
font-weight:normal;
color:#000000;

}



/*course_info*/

#course_info_head_banner {

width:880px;
height:280px;
background-image:url(images/course_info/head_banner.png);
background-repeat:no-repeat;
padding-top:20px;
padding-left:30px;

}

#course_info_bottom {

width:910px;
height:auto;
background-color:#FFFFFF;
float:left;

}

#course_info_mid_title {

width:890px;
height:33px;
float:left;
margin-left:5px;
background-image:url(images/course_info/course_info_mid_title.png);
background-repeat:no-repeat;
border-bottom:solid 1px #333333;
padding-left:10px;
padding-top:1px;
font-family:Arial, Helvetica, sans-serif;
font-size:21px;
font-weight:normal;
color:#000000;

}

#course_info_bottom_box_left {

width:89px;
height:300px;
float:left;
margin-left:5px;
background-color:#FFFFFF;

}

#course_info_bottom_box_right {

width:811px;
height:300px;
float:left;
background-color:#FFFFFF;

}

#course_info_bottom_title_left_child {

width:88px;
height:28px;
float:left;
margin-top:5px;
margin-left:5px;
background-color:#0000CC;
border-bottom:solid 1px #FFFFFF;
border-right:solid 1px #FFFFFF;

}

#course_info_bottom_title_left_youth {

width:88px;
height:28px;
float:left;
margin-top:5px;
margin-left:5px;
background-color:#CC0000;
border-bottom:solid 1px #FFFFFF;
border-right:solid 1px #FFFFFF;

}

#course_info_bottom_title_left_adult {

width:88px;
height:28px;
float:left;
margin-top:5px;
margin-left:5px;
background-color:#000000;
border-bottom:solid 1px #FFFFFF;
border-right:solid 1px #FFFFFF;

}

#course_info_bottom_title_right_child {

width:801px;
height:25px;
float:left;
margin-top:5px;
padding-left:10px;
padding-top:3px;
background-color:#0000CC;
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
font-weight:normal;
color:#FFFFFF;
border-bottom:solid 1px #FFFFFF;

}

#course_info_bottom_title_right_youth {

width:801px;
height:25px;
float:left;
margin-top:5px;
padding-left:10px;
padding-top:3px;
background-color:#CC0000;
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
font-weight:normal;
color:#FFFFFF;
border-bottom:solid 1px #FFFFFF;

}

#course_info_bottom_title_right_adult {

width:801px;
height:25px;
float:left;
margin-top:5px;
padding-left:10px;
padding-top:3px;
background-color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
font-weight:normal;
color:#FFFFFF;
border-bottom:solid 1px #FFFFFF;

}

#course_info_bottom_content_left {

width:88px;
height:300px;
float:left;
border-right:solid 1px #FFFFFF;
}

#course_info_bottom_content_left_box_child_1a {

width:78px;
height:21px;
float:left;
border-bottom:solid 1px #FFFFFF;
background-color:#0000CC;
padding-left:5px;
padding-right:5px;
padding-top:8px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:normal;
color:#FFFFFF;
text-align:left;

}

#course_info_bottom_content_left_box_child_2a {

width:78px;
height:51px;
float:left;
border-bottom:solid 1px #FFFFFF;
background-color:#0000CC;
padding-left:5px;
padding-right:5px;
padding-top:8px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:normal;
color:#FFFFFF;
text-align:left;

}

#course_info_bottom_content_left_box_youth_1a {

width:78px;
height:21px;
float:left;
border-bottom:solid 1px #FFFFFF;
background-color:#CC0000;
padding-left:5px;
padding-right:5px;
padding-top:8px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:normal;
color:#FFFFFF;
text-align:left;

}

#course_info_bottom_content_left_box_youth_2a {

width:78px;
height:51px;
float:left;
border-bottom:solid 1px #FFFFFF;
background-color:#CC0000;
padding-left:5px;
padding-right:5px;
padding-top:8px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:normal;
color:#FFFFFF;
text-align:left;

}

#course_info_bottom_content_left_box_adult_1a {

width:78px;
height:21px;
float:left;
border-bottom:solid 1px #FFFFFF;
background-color:#000000;
padding-left:5px;
padding-right:5px;
padding-top:8px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:normal;
color:#FFFFFF;
text-align:left;

}

#course_info_bottom_content_left_box_adult_2a {

width:78px;
height:51px;
float:left;
border-bottom:solid 1px #FFFFFF;
background-color:#000000;
padding-left:5px;
padding-right:5px;
padding-top:8px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:normal;
color:#FFFFFF;
text-align:left;

}


#course_info_bottom_content_right {

width:269px;
height:300px;
float:left;
border-right:solid 1px #FFFFFF;

}

#course_info_bottom_content_right_box_child_1a {

width:259px;
height:21px;
float:left;
border-bottom:solid 1px #FFFFFF;
background-color:#9FC2FF;
padding-left:5px;
padding-right:5px;
padding-top:8px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:normal;
color:#000000;
text-align:left;

}

#course_info_bottom_content_right_box_child_2a {

width:259px;
height:51px;
float:left;
border-bottom:solid 1px #FFFFFF;
background-color:#9FC2FF;
padding-left:5px;
padding-right:5px;
padding-top:8px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:normal;
color:#000000;
text-align:left;

}

#course_info_bottom_content_right_box_child_1b {

width:259px;
height:21px;
float:left;
border-bottom:solid 1px #FFFFFF;
background-color:#CCCCCC;
padding-left:5px;
padding-right:5px;
padding-top:8px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:normal;
color:#000000;
text-align:left;

}

#course_info_bottom_content_right_box_child_2b {

width:259px;
height:51px;
float:left;
border-bottom:solid 1px #FFFFFF;
background-color:#CCCCCC;
padding-left:5px;
padding-right:5px;
padding-top:8px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:normal;
color:#000000;
text-align:left;

}

#course_info_bottom_content_right_box_youth_1a {

width:259px;
height:21px;
float:left;
border-bottom:solid 1px #FFFFFF;
background-color:#FFA1A6;
padding-left:5px;
padding-right:5px;
padding-top:8px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:normal;
color:#000000;
text-align:left;

}

#course_info_bottom_content_right_box_youth_2a {

width:259px;
height:51px;
float:left;
border-bottom:solid 1px #FFFFFF;
background-color:#FFA1A6;
padding-left:5px;
padding-right:5px;
padding-top:8px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:normal;
color:#000000;
text-align:left;

}

#course_info_bottom_content_right_box_youth_1b {

width:259px;
height:21px;
float:left;
border-bottom:solid 1px #FFFFFF;
background-color:#CCCCCC;
padding-left:5px;
padding-right:5px;
padding-top:8px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:normal;
color:#000000;
text-align:left;

}

#course_info_bottom_content_right_box_youth_2b {

width:259px;
height:51px;
float:left;
border-bottom:solid 1px #FFFFFF;
background-color:#CCCCCC;
padding-left:5px;
padding-right:5px;
padding-top:8px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:normal;
color:#000000;
text-align:left;

}

#course_info_bottom_content_right_box_adult_1a {

width:259px;
height:21px;
float:left;
border-bottom:solid 1px #FFFFFF;
background-color:#999999;
padding-left:5px;
padding-right:5px;
padding-top:8px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:normal;
color:#000000;
text-align:left;

}

#course_info_bottom_content_right_box_adult_2a {

width:259px;
height:51px;
float:left;
border-bottom:solid 1px #FFFFFF;
background-color:#999999;
padding-left:5px;
padding-right:5px;
padding-top:8px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:normal;
color:#000000;
text-align:left;

}

#course_info_bottom_content_right_box_adult_1b {

width:259px;
height:21px;
float:left;
border-bottom:solid 1px #FFFFFF;
background-color:#CCCCCC;
padding-left:5px;
padding-right:5px;
padding-top:8px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:normal;
color:#000000;
text-align:left;

}

#course_info_bottom_content_right_box_adult_2b {

width:259px;
height:51px;
float:left;
border-bottom:solid 1px #FFFFFF;
background-color:#CCCCCC;
padding-left:5px;
padding-right:5px;
padding-top:8px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:normal;
color:#000000;
text-align:left;

}


#course_info_bottom_left_content {

width:545px;
height:408px;
margin-top:5px;
float:left;
border-top:solid 1px #333333;

}

.course_info_bottom_left_content_subtitle {

font-family:Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:bold;
color:#333333;

}

.course_info_bottom_left_content_subtitle_b {

font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#333333;

}

.course_info_bottom_left_content_text {

font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
color:#333333;
line-height:16px;
text-align:justify;

}

#course_info_base {

width:910px;
height:40px;
float:left;

}

#course_info_base_left {

width:650px;
height:30px;
float:left;
padding-left:10px;
padding-top:10px;
background-color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
color:#000000;
line-height:15px;


}

#course_info_base_right {

width:240px;
height:30px;
float:left;
padding-right:10px;
padding-top:10px;
text-align:right;
background-color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
color:#000000;


}

/*grading*/

#grading_head_banner {

width:880px;
height:280px;
background-image:url(images/grading/head_banner.png);
background-repeat:no-repeat;
padding-top:20px;
padding-left:30px;

}

#grading_bottom {

width:910px;
height:auto;
background-color:#FFFFFF;
float:left;

}

#grading_mid_title {

width:890px;
height:33px;
float:left;
margin-left:5px;
background-image:url(images/course_info/course_info_mid_title.png);
background-repeat:no-repeat;
border-bottom:solid 1px #333333;
padding-left:10px;
padding-top:1px;
font-family:Arial, Helvetica, sans-serif;
font-size:21px;
font-weight:normal;
color:#000000;

}

#grading_content_left {

width:503px;
height:392px;
margin:5px;
float:left;
padding-left:10px;
padding-top:12px;
background-color:#FFFFFF;
background-repeat:no-repeat;

}

#grading_content_right {

width:380px;
height:401px;
margin-top:5px;
float:left;
border:solid 1px #CC0000;

}

#grading_content_right_column_title {

width:380px;
height:30px;
float:left;
padding-top:11px;
text-align:center;
background-color:#CC0000;
border-bottom:solid 1px #CC0000;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:normal;
color:#FFFFFF;

}

#grading_content_right_column_left {

width:100px;
height:359px;
float:left;
background-color:#FFFFFF;

}

#grading_content_right_column_left_box {

width:94px;
height:25px;
float:left;
padding-top:10px;
padding-left:5px;
text-align:left;
background-color:#FFFFFF;
border-right:solid 1px #CC0000;
border-bottom:solid 1px #CC0000;
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:normal;
color:#CC0000;

}

#grading_content_right_column_right {

width:280px;
height:359px;
float:left;
background-color:#FFFFFF;

}

#grading_content_right_column_right_box {

width:270px;
height:25px;
float:left;
background-color:#FFFFFF;
border-bottom:solid 1px #CC0000;
padding:5px;

}

#grading_content_right_box {

width:80px;
height:100px;
margin:5px;
float:left;

}

#grading_content_right_text_box {

width:73px;
height:15px;
float:left;
padding-top:5px;
padding-right:5px;
border:solid 1px #CC0000;
background-color:#CC0000;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#FFFFFF;
text-align:right;

}

#grading_content_right_image_box {

width:68px;
height:68px;
float:left;
border:solid 1px #CC0000;
padding:5px;

}

.grading_content_text_subtitle {

font-family:Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:bold;
color:#CC0000;

}

.grading_content_text {

font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
color:#333333;
line-height:20px;
text-align:justify;

}

/*media*/

#media_head_banner {

width:880px;
height:280px;
background-image:url(images/media/head_banner.png);
background-repeat:no-repeat;
padding-top:20px;
padding-left:30px;

}

#media_bottom {

width:910px;
height:auto;
padding-bottom:20px;
background-color:#FFFFFF;

}

#media_bottom_title {

width:890px;
height:33px;
float:left;
margin-left:5px;
background-image:url(images/media/media_title.png);
background-repeat:no-repeat;
border-bottom:solid 1px #333333;;
padding-left:10px;
padding-top:1px;
font-family:Arial, Helvetica, sans-serif;
font-size:21px;
font-weight:normal;
color:#000000;

}

#media_bottom_box {

width:910px;
height:auto;
background-color:#FFFFFF;
float:left;

}

#media_bottom_album_nav {

width:170px;
height:170px;
margin:5px;
float:left;
border:solid 1px #FF0000;

}

#media_bottom_album_nav_image {

width:170px;
height:170px;
float:left;

}

#media_bottom_album_nav_text {

width:170px;
height:40px;
float:left;
background-color:#FF0000;

}

#media_base {

width:900px;
height:12px;
margin-left:5px;
margin-top:6px;
float:left;
border-top:solid 1px #FF0000;
background-color:#FFFFFF;

}

/*photo_album*/

#photo_album_bottom {

width:910px;
height:auto;
background-color:#FFFFFF;

}

#photo_album_bottom_title {

width:890px;
height:32px;
float:left;
margin-left:5px;
background-image:url(images/photo_album/photo_album_title.png);
background-repeat:no-repeat;
border-bottom:solid 1px #333333;
padding-top:1px;
padding-left:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:21px;
font-weight:normal;
color:#000000;

}

#photo_album_bottom_box {

width:910px;
height:autox;
background-color:#FFFFFF;
float:left;

}

#photo_album_bottom_album_nav {

width:172px;
height:212px;
margin:5px;
float:left;

}

#photo_album_bottom_album_nav_image {

width:170px;
height:170px;
float:left;
border:solid 1px #FF0000;

}

#photo_album_bottom_album_nav_text {

width:162px;
height:30px;
float:left;
background-color:FFFFFF;
padding:5px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#FF0000;

}

#photo_album_base {

width:900px;
height:12px;
margin-left:5px;
margin-top:6px;
float:left;
border-top:solid 1px #FF0000;
background-color:#FFFFFF;

}

/*photo_album_a*/

#photo_album_a_bottom {

width:910px;
height:auto;
background-color:#FFFFFF;

}

#photo_album_a_bottom_title {

width:890px;
height:32px;
float:left;
margin-left:5px;
background-image:url(images/photo_album/photo_album_a_title.png);
background-repeat:no-repeat;
border-bottom:solid 1px #333333;
padding-top:1px;
padding-left:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:21px;
font-weight:normal;
color:#000000;

}

.photo_album_a_bottom_title_text {

font-family:Arial, Helvetica, sans-serif;
font-size:21px;
font-weight:bold;
color:#000000;

}

#photo_album_a_bottom_box {

width:910px;
height:auto;
background-color:#FFFFFF;
float:left;

}

#photo_album_a_bottom_nav_box{

width:900px;
height:17px;
float:left;
margin-top:15px;
margin-left:5px;
border-bottom:solid 1px #FF0000;

}

#photo_album_a_bottom_nav_left {

width:680px;
height:17px;
float:left;
padding-left:10px;
text-align:left;
background-color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#000000;

}

#photo_album_a_bottom_nav{

width:200px;
height:17px;
float:right;
padding-right:10px;
text-align:right;
background-color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#000000;

}

#photo_album_a_bottom_album_nav {

width:172px;
height:212px;
margin:5px;
float:left;

}

#photo_album_a_bottom_album_nav_image {

width:170px;
height:170px;
float:left;
border:solid 1px #FFFFFF;

}

#photo_album_a_base {

width:900px;
height:12px;
margin-left:5px;
margin-top:6px;
float:left;
border-top:solid 1px #FF0000;
background-color:#FFFFFF;

}

/*video*/

#video_head_banner {

width:880px;
height:280px;
background-image:url(images/video/head_banner.png);
background-repeat:no-repeat;
padding-top:20px;
padding-left:30px;

}

#video_bottom {

width:910px;
height:auto;
background-color:#FFFFFF;

}

#video_bottom_title {

width:890px;
height:32px;
float:left;
margin-left:5px;
background-image:url(images/photo_album/photo_album_title.png);
background-repeat:no-repeat;
border-bottom:solid 1px #333333;
padding-top:1px;
padding-left:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:21px;
font-weight:normal;
color:#000000;

}


#video_bottom_year_box {

width:900px;
height:25px;
text-align:center;
background-color:#CC0000;
float:left;
margin-left:5px;
margin-top:5px;
margin-bottom:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:21px;
font-weight:bold;
color:#FFFFFF;

}

#video_bottom_box {

width:910px;
height:autox;
background-color:#FFFFFF;
float:left;

}

#video_bottom_album_nav {

width:172px;
height:183px;
margin:5px;
float:left;

}

#video_bottom_album_nav_image {

width:170px;
height:136px;
float:left;
border:solid 1px #FF0000;

}

#video_bottom_album_nav_text {

width:162px;
height:35px;
float:left;
background-color:FFFFFF;
padding:5px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#FF0000;

}

/*video_01*/

#video_01 {

width:910px;
height:auto;
float:left;
background-color:#FFFFFF;

}

#video_01_title {

width:890px;
height:33px;
float:left;
margin-top:25px;
margin-left:5px;
background-image:url(images/video/video_01_title.png);
background-repeat:no-repeat;
padding-top:1px;
padding-left:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:21px;
font-weight:normal;
color:#000000;

}

#video_01_top {

width:910px;
height:490px;
float:left;
background-color:#000000;

}

#video_01_player {

width:638px;
height:480px;
margin-left:136px;
float:left;
background-color:#000000;

}

#video_01_bottom {

width:910px;
height:auto;
float:left;
background-color:#FFFFFF;

}

#video_01_bottom_nav_box{

width:910px;
height:17px;
float:left;
margin-top:15px;

}

#video_01_bottom_nav_left {

width:690px;
height:17px;
float:left;
padding-left:10px;
text-align:left;
background-color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#000000;

}

#video_01_bottom_nav{

width:200px;
height:17px;
float:right;
padding-right:10px;
text-align:right;
background-color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#000000;

}

#video_01_bottom_box {

width:898px;
height:193px;
margin-left:5px;
border:solid 1px #FF0000;
background-color:#FFFFFF;
overflow:auto;
float:left;

}

#video_01_bottom_album_nav {

width:172px;
height:183px;
margin-left:4px;
margin-right:3px;
margin-top:5px;
float:left;

}

#video_01_bottom_album_nav_image {

width:170px;
height:136px;
float:left;
border:solid 1px #FF0000;

}

#video_01_bottom_album_nav_text {

width:162px;
height:35px;
float:left;
background-color:FFFFFF;
padding:5px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#FF0000;

}

/*contact_us*/

#contact_us_head_banner {

width:880px;
height:280px;
background-image:url(images/about_us/head_banner.png);
background-repeat:no-repeat;
padding-top:20px;
padding-left:30px;

}

#contact_us_bottom {

width:910px;
height:auto;
background-color:#FFFFFF;
float:left;

}

#contact_us_mid_title {

width:890px;
height:33px;
float:left;
margin-left:5px;
background-image:url(images/course_info/course_info_mid_title.png);
background-repeat:no-repeat;
border-bottom:solid 1px #333333;
padding-left:10px;
padding-top:1px;
font-family:Arial, Helvetica, sans-serif;
font-size:21px;
font-weight:normal;
color:#000000;

}

#contact_us_content_top {

width:900px;
height:344px;
margin-left:5px;
float:left;
background-color:#FFFFFF;

}

#contact_us_content_left {

width:545px;
height:403px;
margin:5px;
float:left;

}


#contact_us_left_box1 {

width:545px;
height:133px;
float:left;
background-color:#FFFFFF;
border-bottom:solid 1px #000000;

}

#contact_us_left_box2 {

width:545px;
height:134px;
float:left;
background-color:#FFFFFF;

}

#contact_us_left_image {

width:169px;
height:122px;
float:left;
background-color:#FFFFFF;
margin-top:5px;
margin-bottom:5px;
margin-right:5px;
border:solid 1px #000000;

}

#contact_us_left_text {

width:369px;
height:100px;
background-color:#FFFFFF;
padding-top:10px;
float:left;

}

#contact_us_left_link {

width:369px;
height:19px;
padding-top:3px;
background-color:#FFFFFF;
border-top:dashed 1px #000000;
float:left;

}

#contact_us_content_right {

width:350px;
height:403px;
float:left;
background-color:#FFFFFF;
margin-top:5px;
border-left:solid 1px #000000;

}

#contact_us_contact {

width:350px;
height:69px;
margin-top:333px;
float:left;
background-color:#FFFFFF;
border-top:solid 1px #333333;

}

#contact_us_contact_left {

width:200px;
height:69px;
float:left;

}

#contact_us_contact_right {

width:150px;
height:69px;
float:left;

}

#contact_us_contact_phone {

width:149px;
height:18px;
float:left;
margin-top:16px;
border-left:solid 1px #333333;

}

#contact_us_contact_email {

width:149px;
height:18px;
float:left;
border-left:solid 1px #333333;

}


.contact_us_subtitle {

font-family:Arial, Helvetica, sans-serif;
font-size:20px;
color:#000000;

}

.contact_us_text {

font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#000000;
line-height:13px;

}

.contact_us_text_2 {

font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#666666;
line-height:28px;

}

.contact_us_link {

font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
line-height:13px;

}

/*light_box*/

#lightbox{

position: absolute;
left: 0;
width: 100%;
z-index: 100;
text-align: center;
line-height: 0;

}

#lightbox_img{

width: auto;
height: auto;

}

#lightbox_a_img{

border: none;

}

#outerImageContainer{

position: relative;
background-color: #FF0000;
width: 250px;
height: 250px;
margin: 0 auto;

}

#imageContainer{

padding:10px;

}

#loading{

position: absolute;
top: 40%;
left: 0%;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;

}

#hoverNav{ 

position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;

}

#imageContainer>#hoverNav{

left: 0;

}

#hoverNav a{

outline: none;

}

#prevLink, #nextLink{

width: 49%;
height: 100%;
background-image: url(data:image/gif);
display: block;

}

#prevLink {

left: 0;
float: left;

}

#nextLink {

right: 0;
float: right;

}

#prevLink:hover, #prevLink:visited:hover {

background:url(images/lightbox/prevlabel.gif) left 15% no-repeat;

}

#nextLink:hover, #nextLink:visited:hover {

background:url(images/lightbox/nextlabel.gif) right 15% no-repeat;

}

#imageDataContainer{

font: 10px Verdana, Helvetica, sans-serif;
background-color: #FF0000;
margin: 0 auto;
line-height: 1.4em;
overflow: auto;
width: 100%	;

}

#imageData{

padding:0 10px;
color: #FFFFFF;

}

#imageData #imageDetails{

width: 70%;
float: left;
text-align:left;

}	

#imageData #caption{ 

font-weight: bold;

}

#imageData #numberDisplay{ 

display: block;
clear: left;
padding-bottom: 1.0em;

}

#imageData #bottomNavClose{ 

width:150px;
height:22px;
float:right;
padding-bottom: 0.7em;
outline: none;
background:url(images/lightbox/closelabel.gif) right 15% no-repeat;

}	 	

#overlay{

position: absolute;
top: 0;
left: 0;
z-index: 90;
width: 100%;
height: 500px;
background-color: #FFFFFF;

}