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

#container {width:920px; margin:auto; padding-bottom:20px;}
p {margin-bottom:14px; line-height:16px}
.clear {clear:both}
.bold {font-weight:bold}
#main .sub {font-family:Georgia, "Times New Roman", Times, serif; font-size:16px}
.error {color:#FF0000}

#header {position:relative; width:920px; height:280px; background-image:url(../images/header_bg.jpg); background-repeat:no-repeat}
#header img {position:absolute; bottom:0px; left:0px}
#header h1 {position:absolute; left:-9999px}
#nav {float:left; width:100%; margin:25px 0 30px 0; padding-bottom:15px; border-bottom:#ccc 1px solid;}
#nav li {float:left; margin-right:20px}
#nav a {font-size:13px; color:#686868}
#nav a:hover {color:#2c4bab}

#main {width:595px; float:left; margin-right:55px}
#main li, #sidebar li {list-style:disc; margin:10px 0 10px 14px; font-weight:bold}
#main h1 {font-size:22px; float:left; width:100%; padding-bottom:8px; margin-bottom:30px; border-bottom:#ccc 1px solid;}
#main h2 {font-weight:bold}

#main img {float:left; margin:0 30px 20px 0; padding-top:5px}

#main .section img, #main .section-pad img {margin:0 0 20px 0}
#main p {font-size:12px; line-height:18px}
#main .hero {font-family:Georgia, "Times New Roman", Times, serif; font-size:21px; line-height:26px; margin-bottom:30px}
#main .subhero {font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; line-height:26px}
.sub-text {font-size:12px}
.title {font-size:16px; padding:8px 0; margin-bottom:27px}

.blog-date {width:100%; float:left}
.home_news_title {width:100%; float:left; font-family:Georgia, "Times New Roman", Times, serif; font-size:17px; color:#163083; margin-bottom:5px}
.home_news_excert {width:100%; float:left; margin-bottom:8px}
.blog-more {width:100%; float:left; margin-bottom:15px; padding-bottom:15px; border-bottom:#d1d1d1 1px solid}
.blog-more a {color:#163083}
.blog-more a:hover {text-decoration:underline}

.section {width:270px; float:left; margin-top:30px}
.section-pad {width:270px; float:left; margin:30px 55px 0 0}
#sidebar {width:270px; float:left; padding-top:33px} 
#sidebar_b {width:270px; float:left;} 
.title {width:100%; float:left; border-top:#ebebeb solid 6px; border-bottom:#d1d1d1 1px solid}
.quote {float:left; width:100%; border-bottom:#d1d1d1 1px solid; padding-bottom:20px; margin-bottom:20px}
cite {font-weight:bold; font-style:normal}

.course {border-bottom:#ccc 1px solid; margin-bottom:20px}
.course-name {font-family:Georgia, "Times New Roman", Times, serif; font-size:17px; margin-bottom:5px}
.course-age {font-size:13px}
.course-info {color:#163083; font-weight:bold; margin-bottom:8px}
.course-description {}


/* the learners academy */
#la-main-wrapper {width:920px; float:left}
.contact-em {color:#163083; font-weight:bold;}
#la-enroll p {margin-bottom:7px;}
#la-enroll a {font-weight:bold; color:#163083}
#la-location p {font-family:Georgia, "Times New Roman", Times, serif; font-size:19px; color:#163083; line-height:8px}


/* contact us */
.form_row {width:100%; float:left; margin-bottom:16px}
.form_label {width:65px; float:left; font-size:12px; padding-top:3px}
.form_input {width:530px}
.mandatory {float:left; width:200px; padding-left:65px}
.submit_btn {float:right; padding-right:10px}


#footer {width:920px; float:left; border-top:#d1d1d1 1px solid; padding:15px 0 30px 0; margin-top:30px}
#footer p {margin-bottom:5px}
#footer span {color:#2c4bab}
#footer a {color:#444}
#footer a:hover {color:#2c4bab}
#contact-info {float:left; width:340px}
#site-map {float:right}
#site-map li {float:left; margin-left:12px}
#footer .copywrite {font-weight:bold; margin-bottom:10px;}