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

body, div, a, p, h1, h2, h3, h4, table, tr, td, span, ul, ol, li, label, img {margin:0; padding:0; border:0; border-collapse:collapse; font-family:'Open Sans', Verdana, Geneva, sans-serif !important; font-size:13px; font-weight:normal;}
img { display:block;}

.schoolName {color:#fff; font-size:23px; width:870px; margin:15px auto;}

.title {background:#3d6a98;}
.title p {font-size:40px; color:#fff; margin:15px;}
.title p span { font-size:0.9em; color:#adf;}

.intro {background:#003c78;}
.intro p {color:#fff; font-size:16px; margin:15px;}

.bigCourse { float:left; width:446px; margin-right:4px; margin-bottom:4px; background:url(../../images-mktg/teacher_prof/bg_course.jpg) bottom left no-repeat;}
.bigCourse .coursePic img { margin:10px; background:#3d6a98; width:120px; height:85px;}
.bigCourse .courseTitle { width:426px; height:85px;}
.bigCourse .courseTitle p {margin:0 10px 0 0 ;}
.bigCourse .courseTitle a, .bigCourse .courseTitle a:visited, .bigCourse .courseTitle a:active {color:#003c78; font-size:15px;}
.bigCourse .courseTitle a:hover { font-size:15px; color:#06C;}
.bigCourse:hover { opacity:0.8}
#topCoursesBtmGap, #btmCoursesBtmGap { display:block; clear:both; width:100%; height:20px;}

.quote {}
.quote p {padding:0 100px 25px; color:#F50; font-size:18px; font-style:italic;}

.moreCourses h2 {color:#555; font-size:16px; font-weight:bold; margin:20px 15px 0;}
.moreCourses .shell {float:left; width:270px; margin-left:20px; margin-top:10px;}
.moreCourses .shell a, .moreCourses .shell a:visited, .moreCourses .shell a:active {font-size:14px; color:#003c78;}
.moreCourses .shell a:hover { color:#06c;}

.footer {background:#3d6a98;}
.footer p {font-size:12px; color:#fff; margin:20px;}
.footerLogo {background:#003c78;}