body { margin: 0px; font: 12px Verdana, tahoma, sans-serif; background-repeat: repeat-x; background-image: url(../images/bck_body.gif); } a {text-decoration: none;} a:hover {text-decoration: underline;} form {margin: 0px;} h1 {font: bold 17px/20px Verdana, tahoma, sans-serif; color:#FF6600} h2 {font: bold 17px/20px Verdana, tahoma, sans-serif; color:#FF6600} h3 {font: bold 17px/20px Verdana, tahoma, sans-serif; color:#FF6600} h4 {font: bold 17px/20px Verdana, tahoma, sans-serif; color:#FF6600} .orange {color: #F60 !important;} .white {color: #FFf !important;} #top {background-color: #f47820; height: 157px;} #top .topHeader { background-image:url(../images/bck_header.gif); background-repeat:no-repeat; height:157px; width:920px; margin-left: auto; margin-right: auto; position: relative; } #top .topHeader #imgHeader {position: absolute; background-image:url(../img/bck_header_anim.gif); background-repeat: no-repeat; width: 530px; height: 104px; right: 8px;} #top .topHeader #imgHeader a {width: 210px; height:120px;position: absolute; left:-340px} #top .topHeader .topMenu {float: left; padding-left: 25px; color: #ffffff; padding-top: 132px; font: 10px Verdana, tahoma, sans-serif; text-transform: uppercase;} #top .topHeader .topMenu a {color: #f47820;} #top .topHeader .topMenu a.active {color: #f47820;} #top .topHeader .topLapozo {float: right; padding-right: 25px; color: #f47820; padding-top: 128px; font: 10px Verdana, tahoma, sans-serif; text-transform: uppercase;} #top .topHeader .topDate {float: right; padding-right: 12px; color: #f47820; padding-top: 132px; font: 10px Verdana, tahoma, sans-serif; width: 180px; text-align: center;} #top .topHeader .topDate .date {color: #ffffff;} #center {clear: both;} #content {width: 920px; margin-left: auto; margin-right: auto;} #contentCourse {width: 920px; margin-left: auto; margin-right: auto; background-image:url(../img/bck_course_gral.gif); background-repeat:repeat-y; overflow: hidden;} #contentLanguage {width: 920px; margin-left: auto; margin-right: auto; background-image:url(../img/bck_language_gral.gif); background-repeat:repeat-y; height: 850px;} #content a, #contentCourse a, #contentLanguage a {color: #FF6600;} #content a:hover, #contentCourse a:hover, #contentLanguage a:hover {color: #000000;} #centerHome {position:relative;float: left; padding-left: 38px; padding-right: 38px; padding-top: 15px; padding-bottom: 20px; font: 12px/18px Verdana, tahoma, sans-serif; width: 400px; height: 390px; background-image:url(../img/bck_latest_courses.gif); background-repeat:no-repeat; background-position: left bottom; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc;} #centerHome .latestCourses {position: absolute; width: 235px; top: 260px; left: 156px;} #centerHome .latestCourses p {margin: 0px;} #centerHome .latestCourses p.tit {font-weight: bold;} #centerHome .latestCourses p.details a {color: #f47820;} .course1, .course2 {font: 10px/12px Verdana, tahoma, sans-serif; margin-top: 8px; margin-bottom: 8px;} #centerHome .banner_usa {position: absolute; width: 235px; top: 430px; left: 0px;} #centerHome .banner_uk {position: absolute; width: 235px; top: 430px; left: 0px;} #centerCourse {float: left; padding-left: 20px; padding-right: 20px; padding-top: 15px; padding-bottom: 20px; font: 12px/15px Verdana, tahoma, sans-serif; width: 375px;} #centerCourse h1, #centerCourse h2, #centerCourse h3, #centerCourse h4 {margin-bottom: -10px;} #centerLanguage {float: left; padding-left: 38px; padding-right: 38px; padding-top: 15px; padding-bottom: 20px; font: 12px/15px Verdana, tahoma, sans-serif; width: 480px; border-left: 1px solid #cccccc;} #centerLanguage h1, #centerLanguage h2, #centerLanguage h3, #centerLanguage h4 {margin-bottom: -10px;} #centerLanguage select {width: 250px;font: 11px Verdana, tahoma, sans-serif; color: #777676;} #centerLanguage .choose {background-color:#f47820; padding: 5px; color: #ffffff; text-transform: uppercase; font: bold 10px Verdana, tahoma, sans-serif; padding-left: 10px; margin-top: 20px; margin-bottom: 10px;} #centerLanguage input.btnBookNow {margin-top: 10px;} #centerLanguage ul.submenu {list-style: disc; margin-left: 0px; padding: 0px; font: normal 12px/20px Verdana, tahoma, sans-serif; color: #f47820; text-transform: none; padding-bottom: 7px;} #centerLanguage ul.submenu li {border-bottom: 1px solid #e5e5e5;} #centerLanguage ul.menu ul.submenu a {color: #777676;} #centerLanguage ul.menu ul.submenu a.active {font-weight: bold;} #centerLanguage table.selectCity {} #centerLanguage table.selectCity td {width: 33%; height: 17px; border-bottom: 1px solid #e5e5e5; padding-bottom: 3px; border-right: 10px solid #ffffff;} #centerLanguage table.selectCity a {padding-bottom: 5px; font-weight: bold; color: #000000;} #centerLanguage table.selectCity a:hover {color: #FF6600;} #centerContact {position:relative; float: left; padding-left: 38px; padding-right: 38px; padding-top: 15px; padding-bottom: 20px; font: 12px/18px Verdana, tahoma, sans-serif; width: 400px; height: 650px; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc;} #centerSchool {position:relative; float: left; padding-left: 8px; padding-right: 8px; padding-top: 15px; padding-bottom: 20px; font: 12px/18px Verdana, tahoma, sans-serif; width: 440px; height: 1650px; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc;} #centerSchool form {margin-top: 30px; border-top: 1px solid #e5e5e5; padding-top: 10px;} #centerSchool input, #centerSchool select, #centerSchool textarea {width: 180px;} #centerSchool input {height: 16px;} #centerSchool select {} #centerSchool textarea {height:100px; } #centerSchool input.btn {width: 90px; height: 24px; background-color: #f47820; color: #ffffff; font-weight: bold; float: left; margin-right: 10px; padding-bottom: 3px;} #centerSchool input.btnCancel {width: 60px; height: 24px; background-color: #cccccc; color: #666666; padding-bottom: 3px;} .noBorder {border: none;} #centerPages {position:relative; float: left; padding-left: 38px; padding-right: 38px; padding-top: 15px; padding-bottom: 20px; font: 12px/18px Verdana, tahoma, sans-serif; width: 400px; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc;} #centerPagesNoRight {position:relative; float: left; padding-left: 38px; padding-right: 38px; padding-top: 15px; padding-bottom: 20px; font: 12px/18px Verdana, tahoma, sans-serif; width: 715px; border-left: 1px solid #cccccc; } /* ////////////////// LEFT MENU /////////////////////////// */ #leftMenu {float: left; width: 178px; padding-top: 15px; padding-bottom: 20px;} #leftMenu ul.menu {list-style: none; margin-left: 20px; padding: 0px; font: bold 10px/18px Verdana, tahoma, sans-serif; color: #666666;} #leftMenu ul.menu ul.submenu {list-style: disc; margin-left: 13px; padding: 0px; font: normal 9px/15px Verdana, tahoma, sans-serif; color: #f47820; text-transform: none; padding-bottom: 7px;} #leftMenu ul.menu ul.submenu a {color: #777676;} #leftMenu ul.menu ul.submenu a.active {font-weight: bold;} /* ////////////////// LEFT /////////////////////////// */ #leftCourse {float: left; width: 117px; padding: 15px; padding-top: 5px; background-color: #686868; background-image: url(../img/bck_top_course_left.gif); background-repeat:no-repeat; background-position: top right; padding-top: 8px; font: 11px/14px Verdana, tahoma, sans-serif; color: #ffffff;} #leftCourse .links {padding-top: 15px;} #leftCourse p {margin: 0px;} #leftCourse .tit {margin: 0px; font: bold 12px/14px Verdana, tahoma, sans-serif; color: #f9c98c;} #leftCourse .info, #leftCourse .links {padding-top: 15px;} #leftCourse .info ul {margin: 0px; padding: 0px; list-style: none;} #leftCourse .links ul {margin: 0px; padding: 0px; color: #f9c98c; padding-bottom: 10px; list-style: none;} #leftCourse a {color: #ffffff; text-decoration: underline;} #leftCourse a:hover {color: #f9c98c;} span.openDiv { cursor:pointer; cursor:hand;} #leftCourse .learn {position: relative; margin-bottom: 55px; margin-top: 20px;} #leftCourse .learn a {position: absolute; height: 35px; font: bold 10px/15px Verdana, tahoma, sans-serif; color: #f9c98c; text-decoration: none; text-align: center; border: 1px solid #CCCCCC; width: 120px; background-color: #686868; text-transform: uppercase; padding-top: 3px;} #leftCourse .learn a:hover {background-color:#999999; color: #ffffff;} #leftCourse .learn .learnLayer {position: absolute; left: 135px; background-color:#686868; color: #ffffff; border: 1px solid #CCCCCC; width: 410px; height: 348px; overflow-y: auto;} #leftCourse .learn .learnLayer .info {padding: 10px;} #leftCourse .learn .learnLayer .close {background-color: #3c3c3c; border: 1px solid #757575; height: 25px; text-align: right; padding-right: 20px;} #leftCourse .learn .learnLayer .close a {border: 0px; background-color: transparent; height: 20px; padding: 0px; margin: 0px; position: relative;} #leftCourse .learn .learnLayer p {padding-top: 10px;} #leftCourse .learn .learnLayer h1 {color: #f9c98c; margin-top: 0px;} #leftCourse .learn .learnLayer a.listen {position: relative; font: 9px/15px Verdana, tahoma, sans-serif; color: #CCCCCC; text-decoration: none; text-align: center; border: 1px solid #a5a5a5; padding: 5px; width: 150px; background-color: #686868; text-transform: uppercase;} #leftCourse .learn .learnLayer a.listen:hover {background-color:#999999; color: #ffffff;} #leftCourse .learn .learnLayer a.listen img {margin-bottom: -2px;} #leftCourse .learn .learnLayer .glossary {float: right; margin-left: 20px; margin-right: 5px; width: 170px; background-color: #f47820; font-size: 9px; line-height: 15px; margin-bottom: 10px; margin-top: 10px;} #leftCourse .learn .learnLayer .glossary .top {background-image: url(../img/bck_top_glossary.gif); background-repeat: no-repeat; width: 170px; height: 13px;} #leftCourse .learn .learnLayer .glossary .bottom {background-image: url(../img/bck_bot_glossary.gif); background-repeat: no-repeat; width: 170px; height: 13px; clear: both;} #leftCourse .learn .learnLayer .glossary h2 {margin:0px; margin-top: -5px; text-align: center; border-bottom: 1px solid #666666; padding-bottom: 7px; color:#FFFFFF;} #leftCourse .learn .learnLayer .glossary .left {float: left; margin-left: 7px; margin-right: 6px; text-align: right; width: 46%;} #leftCourse .learn .learnLayer .glossary .right {float: left; color: #333333; width: 46%;} /* ////////////////// RIGHT COLUMN /////////////////////////// */ #rightHome {float: right; padding-top: 4px; width: 240px; margin-left: 20px;} #rightHome #mapHome {position: relative; background-image: url(../img/bck_find_city_home.gif); background-repeat:no-repeat; height: 173px; width: 282px;} #rightHome #mapHome img.map {position: absolute; left: 39px; top: 65px;} #rightHome #mapHome select {position: absolute; left: 34px; top: 132px; font: 9px Verdana, tahoma, sans-serif; width: 143px;} #rightCourse .info, #rightCourse .map, #rightCourse .photos, #rightCourse .links {padding: 0px 30px 20px 20px; width: 180px; font: 11px/14px Verdana, tahoma, sans-serif; color: #ffffff;} div.info div.testimonial {margin-top: 10px;} div.testimonial .author {font-weight: bold;} #rightCourseTop {background-image:url(../img/bck_top_course_right.gif); background-repeat:no-repeat; height: 23px; width: 230px; padding:0px; margin: 0px;} #rightCourse {float: right; background-color: #686868; background-image: url(../img/bck_course_right.gif); background-repeat:repeat-y; width: 230px;} #rightCourse p {margin: 0px;} #rightCourse .tit {margin: 0px; font: bold 12px/14px Verdana, tahoma, sans-serif; color: #f9c98c;} #rightCourse ul {margin: 0px; padding: 0px; list-style: none;} #rightCourse a {color: #ffffff; text-decoration: underline;} #rightCourse a:hover {color: #f9c98c;} #rightCourse .map {background-image:url(../img/bck_map_right.gif); background-repeat:no-repeat; height:200px; position: relative; z-index:0;} #rightCourse .map div#mapThumb {position: absolute; top: 26px;} #rightCourse .map div#mapThumb a{ cursor:pointer; cursor:hand;} #rightCourse .photos {background-image: url(../img/bck_photos_right.gif); background-repeat:no-repeat; height:155px; position: relative;} #rightCourse .photos div#photo1Thumb {position: absolute; top: 27px;} #rightCourse .photos div#photo2Thumb {position: absolute; top: 27px; left: 116px;} #rightCourse .photos div#photo3Thumb {position: absolute; top: 99px;} #rightCourse .photos div#photo4Thumb {position: absolute; top: 99px; left: 116px;} #rightCourse .photos div#photo1Large {border: 1px solid #cccccc; position: absolute; top: 22px; right: 124px; visibility:hidden;} #rightCourse .photos div#photo2Large {border: 1px solid #cccccc; position: absolute; top: 22px; left: 111px; visibility:hidden;} #rightCourse .photos div#photo3Large {border: 1px solid #cccccc; position: absolute; top: 95px; right: 124px; visibility:hidden;} #rightCourse .photos div#photo4Large {border: 1px solid #cccccc; position: absolute; top: 95px; left: 111px; visibility:hidden;} #rightCourse .links {padding-top: 10px; padding-bottom: 30px; color: #f9c98c;} .callLanding {float: left; margin-left: 19px; margin-bottom: 10px;} .bannerFreeBook {float: left; margin-left: 19px; margin-bottom: 10px;} /* ////////////////// FOOTER /////////////////////////// */ #contactAddress{ clear: both; background-color: #ffffff; text-align: center; font: 11px/16px Verdana, tahoma, sans-serif; color: #f47820; padding: 12px; padding-left: 0px; padding-right: 0px; } #footer { clear: both; background-color: #f47820; text-align: center; font: 11px/16px Verdana, tahoma, sans-serif; color: #ffffff; padding: 12px; padding-left: 0px; padding-right: 0px; } #footer a {font-weight: bold; color: #ffffff;} #footer .bar {color: #ffc600; padding-left: 4px; padding-right: 4px;} #footer .googleMaps {padding-left:125px; font: 9px/19px Verdana, tahoma, sans-serif; color: #000000;} #btnPlayer {vertical-align:middle;} #centerContact form input {width:270px;} #centerContact form .noBorder {border: 0; width: auto !important; height: auto !important; vertical-align: middle;} #centerContact form textarea{width:270px; height:200px} #centerContact form .tit {color: #f47820;} /*#centerContact form input{width:300px;} #centerContact form textarea{width:300px; height:200px} */ span.brightonfeature{text-decoration: underline;} .txtDirectory a {padding-left:10px;} .txtDirectory ul {margin: 0px; padding:0px; list-style: none;} .txtDirectory li { background-image: url(/img/bul_directory.gif); background-repeat:no-repeat; background-position: top left; line-height:13px; padding-bottom:4px; }