/* General Styles */ body { font: normal 68.75% Arial, Helvetica, sans-serif; color: #333; background-color: #fff; margin: 20px 25px 0; min-width: 516px; } html>body { font-size: 11px; } p, h1, h2, h3, h4, h5, h6 { margin: 0 0 10px 0; padding: 0; } a { color: #fa8416; font-weight: bold; text-decoration: none; } input, select, textarea { font: normal 1.0em Verdana, Arial, Helvetica, sans-serif; color: #333; } img { border: 0; } .error_message { color: #c00; margin: 0 0 5px 0; } .input, textarea { border-top: 1px solid #7c7d7e; border-left: 1px solid #7c7d7e; border-bottom: 1px solid #a8b4bd; border-right: 1px solid #a8b4bd; } .flash { border: 1px solid #333; font-weight: bold; color: #333; margin: 0 0 10px 0; background-color: #e5e5e5; padding: 10px; } .form-item { margin: 0 0 5px 0; clear: both; } .form-item label { display: block; float: left; width: 125px; margin-right: 10px;} .download { color: #fa8416; font-weight: bold; font-size: 1.2em; background: url(../img/download_icon.png) no-repeat top left; padding: 3px 0 5px 30px; display: block; } /* Header */ #header { float: left; margin: 0 0 15px 0; width: 697px; } #header h1 { float: left; margin: 0 17px 0 0; } #header #section_header { float: left; margin: 0; } /* Main div */ #main, #gallery { float: left; margin: 0 0 10px 0; clear: both; width: 401px; padding-left: 136px; padding-right: 160px; } #gallery { width: 399px; } /* Homepage */ #home-navigation { float: left; width: 136px; } #home-navigation img { display: block; margin: 0 0 15px 0; } #home-content { float: left; margin: 0 0 0 18px; width: 548px; } #home-content #flashcontent { margin: 0 0 10px 0; } #home-content #latest-info { float: left; width: 372px; margin: 0 16px 10px 0; } .left-box, .right-box, .left-newsbox, .right-newsbox { float: left; display: inline; width: 178px; margin: 0 0 10px 0; } .left-box img, .right-box img, .left-newsbox img, .right-newsbox img { display: block; margin-bottom: 5px; } .left-box h2, .right-box h2 { font-size: 1.0em; color: #606; text-transform: uppercase; } .left-box a, .right-box a, .left-newsbox a, .right-newsbox a { color: #fa8416; } .left-box, .left-newsbox { margin-right: 4px; clear: left; } .left-newsbox, .right-newsbox { width: 173px; } #home-content #home-banners { float: left; width: 159px; } /* Content */ #content { float: left; margin: 0 18px 0 19px; width: 364px; display: inline; line-height: 1.5em; } #content h1 { color: #606; font-size: 1.2em; font-weight: bold; text-transform: uppercase; margin: 0 0 3px 0; } #content h2 { color: #606; font-size: 1.0em; font-weight: bold; } #content h3 { color: #fa8416; font-size: 1.0em; font-weight: bold; } #content ul { margin: 0 0 10px 0; padding: 0; list-style-position: outside; color: #333; list-style: none; } #content ul li { margin: 0 0 5px 0; padding: 0 0 0 17px; background: url(../img/common/bullet.gif) no-repeat left 4px; } #content ul#faqs a { font-weight: normal; color: #333;} #content ul#faqs li.selected a { font-weight: normal; color: #606; font-weight: bold; } #content ul#faqs li ul { margin: 10px 0; list-style: none; padding: 0; list-style-position: outside; } #content ul#faqs li ul li { margin: 0; padding: 0; background: none; } #content ul#faqs li ul li a { color: #fa8416 !important; } #content ul.file_list { margin: 0; padding: 0; list-style-position: outside; list-style: none; } #content ul.file_list li { margin: 0 0 0 33px; padding: 0; padding: 6px 0 5px 5px; background: none; } #content ul.file_list li a { color: #333; font-weight: normal; } #content ul.file_list li a span { color: #606; text-transform: uppercase; font-weight: bold; } #content ol { margin-bottom: 10px; list-style-position: outside; } #content ol li { margin: 0 0 3px 0px; padding: 0; line-height: 1.5em; } #content .divider { margin-bottom: 10px; padding-bottom: 10px; background: #fff url(../img/common/dotted_bg.gif) repeat-x bottom left; } #content .divider h2 { margin: 0 0 5px 0; font-size: 1.0em; text-transform: uppercase; color: #606; } #content #breaking img { display: block; float: left; margin-right: 15px; } #content #breaking #breaking-intro { float: left; width: 180px; } #content #breaking #breaking-intro a { color: #fa8416; } #content .venue { margin: 0 0 10px 0; } #content .venue-image { float: right; display: inline; width: 173px; margin: 0 0 0 15px; padding: 0; } #content .venue-info { float: left; display: inline; width: 175px; margin: 0; padding: 0; } #content .production { padding-bottom: 10px; margin-bottom: 10px; background: url(../img/common/dotted_bg.gif) repeat-x bottom left; } /* Course Template */ #course-list #course-details { float: left; width: 364px; display: inline; line-height: 1.5em; } #course-list #search-details { float: left; width: 170px; } #course-display { float: left; display: inline; } #course-display #course-text { float: left; display: inline; width: 364px; margin-right: 10px; } #course-display #course-brochure { float: left; width: 160px; } #course-display #course-brochure a { display: block; text-indent: -99999px; background: url(/img/download_course_pdf.png) no-repeat top left; width: 160px; height: 39px; margin: 0 0 8px; } #course-display #course-brochure a.article_link { background-image: url(/img/article_icon.png) !important; } /* Navigation */ #navigation { position: relative; float: left; width: 136px; right: 173px; margin-left: -364px; } ul#navigation-menu { margin: 0; padding: 0; list-style: none; color: #fff; } ul#navigation-menu li { margin: 0 0 3px 0; padding: 0; } ul#navigation-menu li a { display: block; background-color: #636; color: #fff; font-weight: normal; padding: 2px 2px 3px 5px; height: 14px;} ul#navigation-menu li ul li.selected a { color: #606; } ul#navigation-menu ul { margin: 0; padding: 0; background-color: #e5e5e5 } ul#navigation-menu ul li { margin: 0; padding: 0; } ul#navigation-menu ul li a { background-color: #e5e5e5 !important; color: #333; padding: 4px 2px 5px 5px; } ul#navigation-menu ul li a:hover { color: #606; } ul#navigation-menu ul ul { font-size: 0.9em; margin-left: 12px; list-style: none; } ul#navigation-menu ul ul li a { padding-left: 12px; background: #e5e5e5 url(../img/common/bullet.gif) no-repeat left 6px; color: #333 !important; } ul#navigation-menu ul ul li a:hover { color: #606 !important; } /* Set the Navigation Colours */ ul#navigation-menu #nav_about a { background-color: #363; } ul#navigation-menu #nav_courses a { background-color: #693; } ul#navigation-menu #nav_international a { background-color: #ffbb2f; } ul#navigation-menu #nav_locations a { background-color: #bc4d6e; } ul#navigation-menu #nav_outreach a { background-color: #fa8416; } ul#navigation-menu #nav_smock a { background-color: #9c3050; } ul#navigation-menu #nav_alumni a { background-color: #603; } ul#navigation-menu #nav_news a { background-color: #de4702; } ul#navigation-menu #nav_links a { background-color: #606; } ul#navigation-menu #nav_student a { background-color: #906; } ul#navigation-menu #nav_boogie_bugs a { background-color: #6da118; } ul#navigation-menu #nav_corporate a { background-color: #95c943; } #logos { margin: 10px 0 0 0; } #logos ul { margin: 0; padding: 0; } #logos ul li { margin: 0 0 5px; padding: 0; list-style: none; height: 25px; } #logos ul li a { color: #666; font-size: 1.2em; font-weight: normal; display: block; padding: 4px 0 7px 35px; } #logos ul li.blog a { background: url(/img/logos/blog_logo.png) no-repeat top left; } #logos ul li.blogspot a { background: url(/img/logos/blogger_logo.png) no-repeat top left; } #logos ul li.bebo a { background: url(/img/logos/bebo_logo.png) no-repeat top left; } #logos ul li.facebook a { background: url(/img/logos/facebook_logo.png) no-repeat top left; } #logos ul li.youtube a { background: url(/img/logos/youtube-icon.png) no-repeat top left; } #logos ul li.newsletter a { background: url(/img/logos/newsletter-icon.png) no-repeat top left; } #logos ul li.twitter a { background: url(/img/logos/twitter.png) no-repeat top left; } #gallery #content { width: 542px; margin-right: 0; } #gallery #navigation { right: 333px; } #gallery .photo { float: left; width: 262px; margin-bottom: 10px; } #gallery .left-img { margin-right: 15px; } #gallery .photo img { display: block; margin-bottom: 5px; } #gallery .photo span { font-weight: bold; } .pages { margin: 0 0 10px 0; padding: 0; list-style: none;} .pages li { margin: 0; padding: 0; display: inline !important; background-image: none !important; line-height: 1.0em; } .pages li a { display: block; float: left; margin: 0 !important; padding: 0 !important; clear: none !important; border:} /* Photos */ #photos { position: relative; float: left; width: 160px; margin-right: -160px; } #photos #searchbox { margin: 0 0 10px 0; color: #f90; } #photos #searchbox h2 { text-transform: uppercase; font-size: 1.0em; } #photos #searchbox ul { margin: 0 0 10px 0; } #photos #searchbox #search { width: 120px; border-top: 1px solid #7c7d7e; border-left: 1px solid #7c7d7e; border-bottom: 1px solid #a8b4bd; border-right: 1px solid #a8b4bd; } #photos #searchbox #searchbutton { margin: 0; border: 0; background-color: #fff; color: #f90; width: 24px;} #photos #webmail { margin: 0 0 10px 0; color: #f90; } #photos #webmail h2 { text-transform: uppercase; font-size: 1.0em; } #photos #webmail ul { margin: 0 0 10px 0; } #photos #webmail input.txt { width: 120px; border-top: 1px solid #7c7d7e; border-left: 1px solid #7c7d7e; border-bottom: 1px solid #a8b4bd; border-right: 1px solid #a8b4bd; margin-bottom: 4px; } #photos #webmail #searchbutton { margin: 0; border: 0; background-color: #fff; color: #f90; width: 24px;} #photos #archives { margin: 0 0 10px 0; float: left; } #photos #archives h2 { text-transform: uppercase; font-size: 1.0em; color: #606; } #photos #archives h3 { font-size: 1.0em; color: #fa8416;} #photos #archives ul { margin: 0 0 10px 0px; padding: 0; list-style: none; list-style-position: outside; } #photos #archives ul li { margin: 0 0 3px 0px; padding: 0 0 0 13px; background: #fff url(../img/common/bullet.gif) no-repeat left 2px; } #photos #archives ul li a { font-weight: normal; } * html #left { left: 160px; } .tutor { margin: 0 0 10px 0; } .tutor .tutor-name { float: left; width: 150px; margin-right: 10px; } .tutor .tutor-desc { float: left; width: 125px;} .patron { float: left; width: 112px; margin: 0 15px 15px 0;} .patron img { margin-bottom: 5px; } .alumni { float: left; margin: 0 10px 0 0; } .alumni .image { width: 121px; height: 159px; } #location-news-image { float: left; width: 173px; margin-right: 10px; } #location-news-content { float: left; width: 180px; } #location-contact { float: left; width: 180px; margin-right: 10px; } #location-map { float: left; width: 173px; } /* Footer */ #footer { float: left; clear: both; text-align: center; margin: 0 0 20px 0; } #footer ul { float: left; padding: 0; margin: 0 0 10px 154px; list-style: none; display: inline; width: 320px; } #footer ul li { margin: 0; padding: 0; display: inline;} #footer ul li a { display: block; float: left; color: #fa8416; margin-right: 8px; padding-right: 8px; border-right: 1px solid #8c408c; line-height: 1.0em; } #footer ul li.last a { margin-right: 0; padding-right: 0; border: none; text-align: left; } #footer ul li#f_login a { width: 44px; } #footer ul li#f_newsletter a { width: 60px; } #footer ul li#f_brochures a { width: 118px; } #footer ul li#f_contact a { width: 30px; } /* ClearFix */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Holly Hack Targets IE Win only \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End Holly Hack */ h2#details { margin-left: 0; }