/******************************************************************************* * Base Styles - DON'T CHANGE THESE!!! * * * * These rules are used to reset the CSS default properties so things render * * identically (or as close we we can get them) in different browsers. * *******************************************************************************/ body { margin: 10px; padding: 0; font-size: 0.948em; line-height: 1.22 } h1, h2, h3, h4, h5, h6, p, ul, ol, dl, form, fieldset, table, address, blockquote { margin: 0 0 1.22em 0; padding: 0; } ul ul, ul ol, ol ol, ol ul { margin-bottom: 0 } ul, ol, blockquote { margin-left: 1.75em } blockquote { margin-right: 2.75em } fieldset { padding: 0.5em } table { border-collapse: collapse; border-spacing:0 } th { text-align: left } select,input,textarea { font: inherit } /******************************************************************************* * CMS Common * *******************************************************************************/ #content form dt { float:left; clear: both; width: 35%; padding:0; } #content form dd { float: left; margin:1px 0; width: 60%; padding-left:4%; } #content form dt { margin:0px 0 0 0 } #content form dd { margin:0 0 5px 0 } img.center { margin:auto; clear:both; display:block; float:none; } img.right { float:right; margin:0 0 25px 25px; clear: right; } img.left { float:left; margin:0 25px 25px 0; clear: left; } dd.radio, dd.checkbox { position: relative } dd.radio label, dd.checkbox label { padding-left: 24px; } dd.radio input, dd.checkbox input { position: absolute; left: 0; } dd.textinput input { width:60% } dd.textinput-wide input, dd.textareainput textarea { width:99% } dd.textinput-narrow input { width:40% } dd.textinput-tiny input { width:10% } dd.captcha * { vertical-align: middle } dd.captcha img { background:#fff; border:1px solid #999; margin: 0 20px 5px 0; padding:5px } /******************************************************************************* * Page Structure * *******************************************************************************/ body { margin:0; background:url("images/header-repeat.png") 0 0 repeat-x; font-family:"Trebuchet MS"; font-size:1em; line-height:150% } h1 { font-family:"Georgia"; font-size:160%; color:#0A2972; font-style:italic; } #substance h2 { font-size:130%; color:#0A2972; margin-bottom:15px; line-height:1.1; border-top:1px solid #eee; padding-top:15px;} #related .inner h2 { font-family:"Georgia"; font-size:110%; color:#fff; font-style:italic; } p { margin-bottom:15px; } #container { margin: auto; } #header { height:151px; background:url("images/header-back.jpg") 50% 0 no-repeat; } #navigation { margin-top:-30px; margin-bottom:0px; overflow:hidden; border-bottom:8px solid white; } #footer { clear:both; background:url("images/footer-base.jpg") 50% 0 no-repeat; color:#666; padding-top:30px; font-size:80%; } .inner { width:902px; margin:auto; } #content { width:894px; margin:-456px auto 0 auto; background:red; background:#fff; padding-left:8px; } #related { width:163px; float:left; margin-top:-21px; margin-bottom:20px; background:url("images/relted-back.png") 0 0 repeat-y; border:0px solid red; } #substance { width:685px; float:right; padding-right:20px; font-size:90%; } #useful-links { clear:both; } #preamble { background:url("images/preamble-back2.jpg") 50% 0 no-repeat; height:655px;} #social { background:url("images/footer-course-cta-repeat.png") 0 0 repeat-x; height:59px; padding:10px 0; clear:both; border-top:5px solid #fff;} #call-to-actions { background:url("images/footer-ctas-wrap.png") 0 0 repeat-x; clear:both; float:left; width:100%; } #call-to-actions .inner { width:952px; background:url("images/footer-ctas-internal.jpg") 0 0 repeat-x; height:109px; padding:23px 0 10px 0; } #useful-links { background:#000; padding:10px 0; margin:5px 0 0 0; overflow:auto; border-top:5px solid #fff;} #useful-links .inner { } #footer-nav { margin:auto; } .breadcrumbs { background:#000; opacity:.7; position:relative; top:110px; padding:2px; color:#146A9D; font-size:70%} .breadcrumbs a { color:#fff; text-decoration:none; padding:0 5px} /******************************************************************************* * Common Styles * *******************************************************************************/ img { border:none; } iframe { border:1px solid #0F356A; } #header .inner { position:relative; } #header h1 { margin: 0 } #header img { border:none; margin-top:60px; } #header form { width:230px; padding:12px 10px 20px 10px; background:url("images/header-form-back.png") 0 0 no-repeat; position:absolute; top:2.8em; right:0; } #header fieldset { border:none; padding:0; margin:0; } #header form input { width:115px; margin-right:5px; font-size:90%} #header ul { list-style:none; margin:0; padding:10px; position:relative; position:absolute; top:0; right:0; background:#081631; font-size:75%; } #header ul li { display:inline; margin-right:12px; padding-right:15px; background:url("images/top-nav-seperate.png") 100% 50% no-repeat; } #header ul li:last-child { background:none;margin:0;padding:0 } #header ul li a { color:#fff; text-decoration:none} #header h2 { font-size:100%; margin:0; color:#0A2972; float:left; margin-right:10px; } #navigation a.skip { position: absolute; left:-1000em } #navigation ul { list-style: none; margin-left: 0; width:902px; margin:auto; } #navigation li { display: inline; margin-right: .3em; float:left; background:url("images/tabs-right.png") 100% 0 no-repeat ; } #navigation li a { float:left; color:#0A2972; text-decoration:none; font-size:100%; font-weight:bold; background:url("images/tabs-left.png") 0 0 no-repeat ; padding:5px 12px 2px 12px; } #footer ul { list-style: none; margin-left: 0; float:left; margin-top:0; width:500px; } #footer li { display: inline;margin:0;} #footer a { color:#666; text-decoration:none;} #footer p { float:left; margin-bottom:0; padding:0; } #footer .logos { float:right; width:320px;} #footer .logos img { margin-left:25px; margin-top:10px; clear:none;} #preamble .inner { height:87px; width:881px; position:relative; top:21px; left:1px; background:url("images/headers/generic.jpg") 0 0 no-repeat;} #breadcrumbs .inner {} a.feed { width:16px; height:16px; display:block; text-indent:-10000em; background:url("images/rss-ico.png") 0 0 no-repeat; position:absolute; top:8px; right:5px;} #social ul { list-style:none; width:143px; margin:0; float:left; } #social ul li { display:inline; } #social ul li a { float:left; margin:0 2px} #social p { width:295px; float:left; margin-left:10px; color:#fff; font-weight:bold; font-style:italic; color:#fff; font-size:95%; font-family:"Georgia"} #social a.call-out { background:url("images/social-call-out-back.png") 0 0 no-repeat; width:417px; padding:10px; float:right; font-style:italic; color:#fff; font-weight:bold; font-size:105%; text-decoration:none; color:#1D96C2; font-family:"Georgia"} #social a.call-out span { color:#18367A; } #call-to-actions img { margin:0 18px; } #related { } #related .inner { width:140px; padding:0 11px 0 12px; background:url("images/related-inner-back.png") bottom left no-repeat transparent; padding-bottom:20px; _position:relative} #related .inner div { background:url("images/subnav-back.jpg") bottom left no-repeat #1D97C3; padding:5px 10px 10px 10px; color:#fff; font-size:90%; margin-bottom:15px; position:relative; } #related .inner a { color:#fff; text-decoration:none; display:block;} #related .inner ul { list-style:none; margin:0; } #related .inner ul li { border-bottom:1px solid #fff; padding:2px 0} #related .inner ul ul { } #related .inner ul li span { font-size:80%; } #related .inner ul ul li { padding-left:10px; border-top:1px dashed #fff; border-bottom:0; font-size:85%;} #related .inner ul ul li ul li { padding:2px 0 0px 25px; } #related .inner h2 { margin-bottom:5px; padding-right:10px;} #related .inner div.call-to-actions { padding:0; background:none; } #related ul a.active { background:url("images/active-related-a.png") .5em .8em no-repeat #052141; padding-left:15px; padding-right:5px; } #related ul ul a.active { background:url("images/active-related-a.png") .5em .8em no-repeat #052141; padding-left:15px; padding-right:5px; margin-left:-10px; } #header form input.button { width:30px; padding:3px 0; background:url("images/button-grad.png") 0 0 repeat-x #081631; cursor:pointer; color:#fff; border:none; text-transform:uppercase; font-weight:bold; } #useful-links { color:#fff; font-weight:bold; font-style:italic; font-family:"Georgia" } #useful-links a { color:#fff; text-decoration:none; background:url("images/useful-links-arrow.png") 100% 50% no-repeat; padding-right:30px;} #footer-nav ul { list-style:none; margin:0 auto; font-size:85%; width:875px; padding:16px 30px 25px 30px; background:url("images/useful-links-dropper.png") bottom left no-repeat; overflow:auto; } #footer-nav ul li { float:left; width:225px; padding-left:10px; background:url("images/footer-nav-bullet.png") 0 .7em no-repeat; } #footer-nav ul li a { color:#000; text-decoration:none; } #ctas { float:left; width:167px; border:0px solid red; text-align:center; clear:left} img { border:none; } #substance img.center { margin:auto; clear:both; display:block; float:none;} #substance img.right { float:right; margin:0 0 15px 15px; clear:right; } #substance img.left { float:left; margin:0 15px 15px 0; clear:left; } #substance form, #substance fieldset { border:none; margin:0; padding:0;} #substance form { border-top:3px solid #eee; padding-top:25px; } /*#substance fieldset dd { margin-bottom:10px; margin-top:5px;} #substance fieldset dt { font-weight:bold; font-style:italic; margin-bottom:5px; }*/ #form-error { border:3px double #900; padding:10px; background:#FBF5F5; margin-bottom:15px;} #substance #form-error h1 { background:none; color:#900; border:0; padding:0;} body #content #article-rating { clear:both; width:100%; margin:0 ; padding:0; margin:20px 0; } body #content #article-rating h2 { } body #content #article-rating p { font-size:90%; clear:both; margin-bottom:0; } body #content #article-rating ul { list-style:none; margin:0 0 15px 0; border:none; overflow:hidden} body #content #article-rating ul li { margin:0; padding:0; float:left; } body #content #article-rating ul li a { float:left; display:block; width:50px; margin:0; height:50px; text-indent:-10000em; background:url("images/star.png") 0 0 no-repeat #ccc; } body #content #article-rating ul li a.selected { background-color:#00509B; } body #content #article-rating em { color:#00509B; font-weight:bold; } /******************************************************************************* * Page Specific Styles * *******************************************************************************/ body.home #content { padding:0; width:912px; margin-top:10px;} body.home #container { background:url("images/home-container-grad.jpg") 50% 29.8em no-repeat ; float:left; width:100%;} body.home #preamble { background:url("images/home-preamble-back.jpg") 50% 0; height:266px; } body.home #preamble .inner { position:relative; top:17px;} body.home #preamble .inner .banner { } body.home #preamble .inner .banner img { } body.home #preamble .inner .ui-scroller { width:881px; padding-top:0px; margin-left:0px;} body.home #course-controls, body.home #course-controls .inner { background:#000; padding:0; height:130px; } body.home #course-controls { border-bottom:5px solid #fff; padding-top:10px; } body.home #related { width:350px; background:none; margin:0 20px 0 0; padding:0; clear:left;} body.home #call-to-actions { margin-bottom:20px; display:none; } body.home #related h2 { display:none; } body.home #related #controls ul { list-style:none; margin:0; } body.home #related #controls ul.actions li { display:inline; } body.home #related #controls ul.actions { background:url("images/home-news-event-top.png") bottom left no-repeat; margin:0; list-style:none; float:left; padding-bottom:13px; width:350px; } body.home #related #controls ul.actions li a { display:block; float:left; width:137px; height:31px; background:url("images/home-control-inactive.png") 0 0 no-repeat; font-weight:bold; font-family:"Georgia"; font-size:105%; text-align:center; color:#fff; text-decoration:none; font-style:italic; padding:10px 0 0 0;} body.home #related #controls ul.actions li a.active { background:url("images/home-control-active.png") 0 0 no-repeat; z-index:10; position:relative; } body.home #related div.news-articles, body.home #related div.events-list { background:url("images/home-news-event-panel.png") bottom left no-repeat; padding:0px 15px 20px 15px; width:330px; float:left; margin:0; } body.home #related #controls .control-elements ul { background:none; } body.home #related div.news-articles ul li, body.home #related div.events-list ul li { font-size:80%; margin-bottom:5px; } body.home #related div.news-articles ul li span, body.home #related div.events-list ul li span { color:#1D96C2; display:block; } body.home #related div.news-articles ul li a, body.home #related div.events-list ul li a { color:#122756; font-size:110%; text-decoration:none; display:block; font-weight:bold; } body.home .gal-box-outer { position:relative; float:left; width:520px; background:url("images/gallery-scroller-back.png") 0 0 no-repeat; padding:10px 0 15px 0; } body.home .latest-gallery-list { position:relative; _width:520px; _float:left; } body.home .latest-gallery-list h2 { color:#122756; font-size:110%; margin-bottom:5px; } body.home .latest-gallery-list ul { list-style:none; margin:0; } body.home .latest-gallery-list ul li { display:inline; } body.home #substance { width:520px; float:right; padding:0; } #substance object { display:block; margin:0 auto 25px auto; } body.home #substance .scroller { width:400px; margin:0 auto; } body.home #substance .scroller img { border:2px solid #eee; margin:0 5px; vertical-align:middle;} body.home #substance .scroller img:hover { border:2px solid #1C92C0; } body.home #substance .latest-gallery-list a.left { float:left; text-indent:-1000em; background:url("images/arrow-left.png") 0 0 no-repeat; width:38px; height:39px; position:absolute; top:58px; left:15px; overflow:hidden; } body.home #substance .latest-gallery-list a.right { float:right; text-indent:-1000em; background:url("images/arrow-right.png") 0 0 no-repeat; width:38px; height:39px; position:absolute; top:58px; right:20px; overflow:hidden; _top:-68px; _right:-460px; _float:left; _position:relative; } body.home #substance img.left { clear:none; margin-right:2px;} body.home #substance p { clear:both; } body.home #substance h2 { font-family:"Georgia"; font-size:160%; color:#0A2972; border:none; padding-top:0; font-style:italic; margin-bottom:10px; } body.courses #substance dl { margin-bottom:20px; } body.courses #substance dt { font-weight:bold; margin-bottom:-1.5em; color:#000; } body.courses #substance dd { margin:0 0 15px 0; padding-left:300px; } body.courses #substance ul { list-style:none; margin:0; } body.courses #substance .courses ul { overflow:auto; margin-bottom:20px} body.courses #substance .courses li { float:left; width:180px; padding:10px; border:1px solid #eee; margin:0 12px } body.courses #substance .courses a.button { display:block; margin:0 auto 5px auto; padding:2px; text-align:center; background:url("images/button-grad.png") top left repeat-x #081631; color:#fff; font-weight:bold; text-decoration:none} body.courses #substance h2 { clear:both; } body.courses #substance .courses li h3 { font-size:90%; } body.courses #substance p.date { font-size:80%; } body.courses #substance form { background:url("images/course-search-back.png") 0 0 repeat-x #2049A5; border:none; width:665px; float:left; padding:10px; margin:0 0 25px 0; } body.courses #substance form fieldset { border:none; padding:0; margin:0; } body.courses #substance input { width:400px; padding:0; margin:3px 15px 3px 0; _margin-right:7px; float:left;} body.courses #substance label { color:#fff; width:200px; font-size:110%; clear:left; float:left; padding-top:3px; font-style:italic; font-weight:bold; font-family:"Georgia"; } body.courses #substance input.button { width:30px; padding:3px 0; background:url("images/course-details-form.png") 0 0 repeat-x #081631; cursor:pointer; color:#fff; border:none; text-transform:uppercase; font-weight:bold; } body.courses #substance form h2 { color:#fff; text-decoration:none; margin:0 0 5px 0; font-size:120%; border:none; padding:0;} body.courses #substance form select { width:400px; float:left; margin:3px 15px 3px 0;} body.courses #substance form span { color:#6BE4FF; text-decoration:none; font-size:80%; } /************************************** PREAMBLE BANNERS */ body.school #preamble .inner { background:url("images/headers/common-preamble-inner.jpg") 0 0 no-repeat; } body.adults #preamble .inner { background:url("images/headers/adults.jpg") 0 0 no-repeat; } body.life #preamble .inner { background:url("images/headers/student-life.jpg") 0 0 no-repeat; } body.apps #preamble .inner { background:url("images/headers/applications.jpg") 0 0 no-repeat; } body.business #preamble .inner { background:url("images/headers/business.jpg") 0 0 no-repeat; } body.kids #preamble .inner { background:url("images/headers/kids.jpg") 0 0 no-repeat; } body.search #preamble .inner { background:url("images/headers/search-results.jpg") 0 0 no-repeat; } body.courses #preamble .inner { background:url("images/headers/courses.jpg") 0 0 no-repeat; } /************************************** Gallery Module */ #gallery div#images { border: 1px solid #ccc ; list-style: none; margin: 0; padding: 10px; overflow: hidden; line-height:0px; } #gallery div#images img { margin: 0; padding: 0; position: static; float: none; border: none} #gallery ul#thumbnails { list-style: none; margin: 0; width:685px; margin-bottom:20px; float:left;} #gallery ul#thumbnails li { float: left; margin:10px 5px 0 0; width:95px; height:70px; line-height:62px; border: 1px solid #ccc; padding: 6px; text-align:center; overflow: hidden; cursor: pointer; } #gallery ul#thumbnails li img { margin: auto; padding: 0; position: static; float: none; border: none; display: inline-block; vertical-align:middle; } #gallery ul#thumbnails li.active, #gallery ul#thumbnails li:hover { padding: 5px; border-width:2px; border-color:#666 } #header form input.button, #course-controls input.button {border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px;} #course-controls form, #course-controls input.button { box-shadow: 0px 0px 6px #333; -moz-box-shadow: 0px 0px 6px #333; -webkit-box-shadow: 0px 0px 6px #333;/*-ms-filter: "progid:DXImageTransform.Microsoft.Glow(color=#000000, strength=2);";*/ filter:progid:DXImageTransform.Microsoft.Glow(color=#000000, strength=2); } #related ul a.active, body.courses #substance .courses a.button {border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;} body.home #related ul a.active { border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; } /************************************** Courses Amends */ #course-controls { background:url("images/base-call-to-actions-repeat.png") bottom left repeat-x #000; clear:both; } #course-controls h2 { color:#fff; text-decoration:none; margin:0 0 5px 0; font-size:120%;} #course-controls .inner { background:url("images/base-call-to-actions-inner.png") 0 0 no-repeat; padding-top:45px; height:145px;} #course-controls form { background:url("images/course-search-back.png") 0 0 repeat-x #2049A5; border:none; width:417px; float:left; padding:10px; margin:0 0 25px 0; } #course-controls form fieldset { border:none; padding:0; margin:0; } #course-controls input { width:200px; padding:0; margin:3px 15px 3px 0; _margin-right:7px; float:left;} #course-controls label { color:#fff; width:200px; float:left; font-size:110%; padding-top:3px; font-style:italic; font-weight:bold; font-family:"Georgia"; } #course-controls p { background:url("images/course-link.png") 0 0 repeat-x #1989BB; border:none; width:413px; font-family:"Georgia";float:right; padding:12px; font-size:100%; margin-bottom:0; font-style:italic; color:#fff; font-weight:bold;} #course-controls a { text-decoration:none; color:#fff; } #course-controls span { color:#6BE4FF; text-decoration:none; font-size:80%; } #course-controls input.button { width:30px; padding:3px 0; background:url("images/course-details-form.png") 0 0 repeat-x #081631; cursor:pointer; color:#fff; border:none; text-transform:uppercase; font-weight:bold; } #course-controls select { width:200px; float:left; margin:3px 15px 3px 0;} #course-controls select.level { margin-right:10px; } #course-controls p { display:none; } #course-controls form { width:884px; } /*#course-controls input { width:620px; } #course-controls input.button { float:right; }*/ #social a.call-out { display:none; } #social p { width:600px; border:0px solid red; margin-top:10px;}