/*
Wesley HTML & CSS
chrome.css
Description: Chrome should contain style for either generic, site-wide elements OR style for the site chrome, eg. header, footer, sub-nav, etc.
Developed by: Christian Fagan @ Visual Jazz
Born: Thur 10th June, 2010
*/
@import url("reset.css");
@import url("enrolment.css"); /* enrolment form(s) */
@import url("components.css"); /* all custom site components */
@import url("buttons.css"); /* all site image buttons and icons */
body {font-family:arial,verdana,tahoma; background:#fff url('img/header-bg-all.jpg') repeat-x 50% 0; color:#707070; font-size:62.5%; line-height:1; position:relative; zoom:1; line-height:1.5}
/* different background sketch images */
.body-sketch-academic {background-image:url('img/header-bg-academic.jpg')}
.body-sketch-clunes {background-image:url('img/header-bg-clunes.jpg')}
.body-sketch-performing-arts {background-image:url('img/header-bg-performing-arts.jpg')}
.body-sketch-music {background-image:url('img/header-bg-music.jpg')}
.body-sketch-events {background-image:url('img/header-bg-events.jpg')}
.body-sketch-sport {background-image:url('img/header-bg-sport.jpg')}
.body-sketch-gallery {background-image:url('img/header-bg-gallery.jpg')}
.body-sketch-outdoor {background-image:url('img/header-bg-outdoor.jpg')}
/* Wesley colours */
.purple {color:#7f207d}
.yellow {color:#ffc600}
.purple-pink {color:#b92da4}
.grey {color:#707070}
.grey-light {color:#b1b1b1}
.pink-pale {color:#f9d6f4}
/*
body types...
- "content-main", "content-panel-one", "content-panel-two" and "sidebar" are the divs that are to be used across all layouts
- "content-main" is the container for both "content-panel-one" and "content-panel-two"
- there is also a generic "main-column" class that is/should be added to each instance of "content-panel-one" and "content-panel-two"
- default layout = body-type-3-col
*/
.body-type-3-col {} /* standard 2 column with sidebar (so 3 columns in total) - column widths from left to right: 270px/270px/270px*/
.body-type-3-col-even {} /* for 3 even width 3-column layout - 280px/280px/280px */
.body-type-2-col {} /* 2 column layout - main content column + sidebar - 550px/270px */
.body-type-2-col-even {} /* 2 column layout - even columns, equal width */
.content-panel-one,
.content-panel-two {float:left;width:270px; display:inline;}
.content-panel-one {margin-right:20px;}
.content-main {margin-bottom:30px; position:relative; zoom:1} /* width:auto = 880px */
.sidebar {float:left;width:270px; margin-bottom:30px;}
/* body-type-3-col */
.body-type-3-col .content-main {width:560px;float:left;display:inline; margin-right:50px;}
/* body-type-3-col-even */
.body-type-3-col-even .content-main {float:left;width:auto; margin-right:0;width:auto;}
.body-type-3-col-even .main-column {width:280px; margin-right:20px;} /* even columns */
.body-type-3-col-even .sidebar {margin-right:0}
/* body-type-2-col */
.body-type-2-col .content-main {float:left;width:550px; margin-right:60px}
.body-type-2-col .content-panel-one {width:260px;margin-right:30px;}
.body-type-2-col .content-panel-two {width:260px;}
/* body-type-2-col-even */
.body-type-2-col-even .content-main {float:left;width:auto; margin-right:0}
.body-type-2-col-even .content-panel-one {width:45%;margin-right:40px;}
.body-type-2-col-even .content-panel-two {width:45%;}
/* home page is a special layout case */
.body-home #content {padding-left:15px; padding-right:15px;}
.body-home .sidebar {width:280px;padding-left:25px; background: url('img/sidebar-visual-seperator-faded-in-out.png') no-repeat 0 49px;}
.body-home .content-main {margin-right:10px;width:590px;}
.body-home .content-panel-one,
.body-home .content-panel-two {width:285px;}
/* Style basic elements */
h1,h2,h3,h4,h5,h6 {color:#7f207d; line-height:1.2em;margin-bottom:10px; font-weight:normal;zoom:1;}
.content-main h1 {margin-bottom:20px}
p,dl,ul,ol,pre,blockquote,fieldset {margin-bottom:15px; font-family:arial,verdana,tahoma;}
textarea, input {font-family:arial,verdana,tahoma;}
ul,ol,dl {margin-left:25px;}
/* basic table style */
table caption {position:absolute; left:-9999px; font-size:0; line-height:0}
table th {background-color:#fff; color:#7f207d; padding:5px 10px;}
table thead th {border-bottom:1px solid #b1b1b1; text-align:left}
table td {padding:5px; border-bottom:1px solid #efefef;}
table th,
table td {padding:5px 10px;}
table .alt {background:#fff url('img/row-alt-bg.jpg') repeat-y 0% 0;}
*html table .alt {background-color:#fafafa; background-image:none} /* IE6 */
*+html table .alt {background-color:#fafafa; background-image:none} /* IE7 */
/* headings */
h1 {font-size:240%}
h2 {font-size:170%}
h3 {font-size:170%}
h4 {font-size:100%; font-weight:bold;}
h5 {font-size:100%}
h6 {font-size:90%}
/* custom generic style for common elements */
acronym {text-decoration:none; border-bottom:none; cursor:help}
table {border:none border-collapse:collapse; margin-left:0; margin-bottom:15px; text-align:left; width:100%;}
form {margin:0;padding:0}
blockquote {font-style:italic}
ul {list-style-type:disc}
li,dd {margin-bottom:3px;}
li ul, li ol {padding-top:5px;}
a img {border:none;}
legend span {position:absolute; left:-9999px}
cite {font-style:normal}
a:hover img {alpha(opacity=80);opacity:.80; -moz-opacity: 0.80;}
/* default links states */
a:link {color:#b92da4; text-decoration:none}
a:visited {color:#7f207d; text-decoration:none}
a:hover {color:#b92da4; text-decoration:underline}
a:focus {color:#e98932; text-decoration:underline}
a:active {color:#b92da4; text-decoration:underline; background-color:#fceaf9}
/*cfix*/
.cfix:after {clear:both;content:'.';display:block;visibility:hidden;height:0;}
.cfix {display:inline-block;}
.cfix {display:block;}
/* common/useful classes */
.hidden {position:absolute!important; left:-9999px!important;}
.invisibile {visibility:hidden}
.float-right, .float-left {display:inline;margin-bottom:20px;}
.float-right {float:right; margin-left:20px;}
.float-left {float:left;margin-right:20px;}
.uppercase {text-transform:uppercase}
.orange {background-color:#fff; color:#ed8526!important;}
.last {margin-right:0!important}
.no-bottom-border {border-bottom:none!important}
.relative {position:relative;}
.no-bottom-margin {margin-bottom:0!important;}
.display-none,.print-only {display:none;}
.block {margin-bottom:15px; overflow:hidden; zoom:1;}
.intro-block {width:78%}
.tagline {color:#ffc600; font-size:170%; font-family:"Times New Roman", Times, serif;font-weight:normal;}
.double-arrow {font-size:120%}
/* primary-level layout containers */
.hero-container {margin:0;}
.body-home .hero-container {overflow:hidden;zoom:1;height: 380px; background-color:#fff;}
.container {width:940px;margin:0 auto; font-size:120%}
.footer-container {clear:both;min-width:940px;background:url('img/footer-wide-bg.gif') repeat-x 0 0; height:254px;} /* min-width to prevent ugly background cut off if browser window is less than 940 pixels in width */
.header {height:157px; position:relative; zoom:1; z-index:2;} /* z-index VIP - for IE6+7 z-index bug - displays drop down behind heroc-ontainer content */
.header .logo {display:block;width:278px;height:59px;background:url('img/logo-header.gif') no-repeat 0 0;text-indent:-9999px;position:absolute;left:55px;top:15px; overflow:hidden;zoom:1; z-index:10;}
.header .logo:link {color:#7F207D;}
.header .logo:visited {color:#7F207D;}
.header .logo:hover {color:#7F207D;}
.header .logo:focus {color:#7F207D;}
.header .logo:active {color:#7F207D;}
.search {position:absolute; right:0; top:48px; z-index:5;}
.search .tagline {float:right; display:inline; margin-right:28px; background:url('img/a-true-education-header.png') no-repeat 0 3px; text-indent:-9999px; width:140px; height:24px;}
.search .tagline em {}
.search fieldset {float:right; display:inline; margin-bottom:0; margin-right:12px;}
.search ol,.search li {margin-bottom:0; margin-left:0}
.search ol {overflow:visible; zoom:1;float:right; display:inline;}
.search li {float:left; display:inline; clear:none; overflow:visible;}
.search fieldset label {position:absolute; left:-9999px}
.search fieldset
.search-input label {zoom:1;}
.scriptable .search fieldset
.search-input label {position:absolute; left:-9999px; right:auto}
.search fieldset
.search-input input {border:none; background: url('img/search-input-bg.gif') no-repeat 0 0; width:115px; color:#000; padding:3px 10px 3px 23px; margin-top:0}
.search-button input {background:url('img/search-go.gif') no-repeat 0 0; width:26px!important;height:21px;border:none;text-indent:-9999px;font-size:0; line-height:0; cursor:pointer;}
.scriptable .search-button input {position:absolute; left:-9999px}
#nav {margin-left:0; margin-bottom:0; list-style:none; position:absolute; bottom:0; z-index:50}
#nav li {float:left;margin:0; position:relative; zoom:1; z-index:60}
#nav .top {background:url('img/nav-sprite.png') no-repeat 0 0;display:block;height:62px;width:160px;text-indent:-9999px;overflow:hidden;zoom:1}
.drop-down-shadow {background:url('img/drop-down-shadow-bg.png') no-repeat 50% 100%; padding:0 20px 20px;position:absolute; left:-9999px;z-index:200;}
*html .drop-down-shadow {width:241px;} /* IE6 */
*+html .drop-down-shadow {width:241px;} /* IE7 */
.scriptable .drop-down-shadow {left:-20px;display:none;}
*html .drop-down-shadow {background-image:none!important;} /* IE6 */
#nav li ul {list-style:none; display:block; margin:0; padding:20px 0; width:242px; background:#fff url('img/drop-down-lion.gif') no-repeat 100% 100%;border-bottom:5px solid #ffc600}
#nav li:hover .drop-down-shadow,
#nav li.hover .drop-down-shadow {left:-20px;}
.scriptable #nav li:hover .drop-down-shadow,
.scriptable #nav li.hover .drop-down-shadow {left:-20px;display:none} /* allow javascript/jQuery slideDown()/up() to handle the hide and display of the sub nav if Javascript enabled */
#nav ul li {float:none;display:block; padding:5px 20px;zoom:1;}
#nav ul li a {zoom:1;}
#nav .nav-wesley-life a.top {background-position:0 0;}
#nav .nav-about-wesley a.top {background-position:-160px 0;}
#nav .nav-our-community a.top {background-position:-320px 0;width:165px;}
#nav .nav-get-in-touch a.top {background-position:-485px 0;width:155px;}
#nav .nav-enrolment a.top {background-position:-640px 0;width:131px;}
#nav .nav-book-a-tour a.top {background-position:-771px 0;width:169px;}
#nav .nav-wesley-life a.top:hover,
#nav .nav-wesley-life.hover a.top {background-position:0 -62px;outline:none;}
#nav .nav-about-wesley a.top:hover,
#nav .nav-about-wesley a.top:focus,
#nav .nav-about-wesley a.top:active
#nav .nav-about-wesley.hover a.top {background-position:-160px -62px;outline:none;}
#nav .nav-our-community a.top:hover,
#nav .nav-our-community a.top:focus,
#nav .nav-our-community a.top:active
#nav .nav-our-community.hover a.top {background-position:-320px -62px;outline:none;}
#nav .nav-get-in-touch a.top:hover,
#nav .nav-get-in-touch a.top:focus,
#nav .nav-get-in-touch a.top:active,
#nav .nav-get-in-touch.hover a.top {background-position:-485px -62px;outline:none;}
#nav .nav-enrolment a.top:hover,
#nav .nav-enrolment a.top:focus,
#nav .nav-enrolment a.top:active,
#nav .nav-enrolment.hover a.top {background-position:-640px -62px;outline:none;}
#nav .nav-book-a-tour a.top:hover,
#nav .nav-book-a-tour a.top:focus,
#nav .nav-book-a-tour a.top:active,
#nav .nav-book-a-tour.hover a.top {background-position:-771px -62px;outline:none;}
/* hero container + breadcrumbs */
.hero-container {position:relative;zoom:1; z-index:1;}
.hero-container img {display:block; text-align:center; margin:0 auto}
.breadcrumbs {display:block; margin-left:0; margin-bottom:0;background: url('img/breadcrumbs-bg.png') repeat 0 0; color:#fff; position:absolute; top:0; left:0; width:920px; padding:5px 10px; font-size:90%;}
.body-campus-tour .breadcrumbs {background-image: url('img/breadcrumbs-bg.png');}
.body-campus-tour.scriptable .breadcrumbs {background-image:none;}
* html .breadcrumbs {background-color:#360b39; background-image:none} /* IE6 */
.breadcrumbs li {float:left; display:inline; margin-bottom:0; margin-right:5px}
.breadcrumbs li a:link {color:#fff; text-decoration:none;}
.breadcrumbs li a:visited {color:#fff; text-decoration:none;}
.breadcrumbs li a:hover {color:#fff; text-decoration:underline;}
.breadcrumbs li a:focus {color:#fff; text-decoration:none;}
.breadcrumbs li a:active {color:#b92da4; text-decoration:underline; background-color:#fceaf9}
.breadcrumbs li.active a {cursor:default}
.breadcrumbs li.active a:hover {text-decoration:none}
/* generic/common form styling */
fieldset ol {list-style-type:none;margin-left:0;}
fieldset li {margin-bottom:10px; overflow:hidden; zoom:1;clear:both}
fieldset dl {margin-left:0;}
fieldset dl dt {font-weight:normal;}
fieldset dd {margin-bottom:10px}
fieldset label {display:block; color:#9f9f9f}
fieldset input,
fieldset select,
fieldset textarea {display:block;margin-bottom:0; margin-top:2px;background-color:#fbfafb; color:#707070; border:1px solid #D0C5D0; padding:3px; font-family:Arial, Helvetica, sans-serif}
fieldset input,
fieldset textarea {width:250px; padding:4px 4px 3px;}
.body-type-2-col fieldset input {width:246px}
fieldset select {font-size:100%; font-family:Arial, Helvetica, sans-serif; width:260px; font-size:100%;}
fieldset .checkbox label {background-color:#fff; color:#707070; cursor:pointer; display:inline;}
fieldset .terms-checkbox input {margin-bottom:10px}
fieldset .checkbox input {float:left;display:inline;border:0; margin-top:2px; width:auto; margin-right:5px; background-image:none; border:none; background-color:transparent!important}
*html fieldset .checkbox input {margin-right:0; margin-top:-1px;} /* IE6 */
*+html fieldset .checkbox input {margin-right:0; margin-top:-1px;} /* IE7 */
/* LAYOUT style */
#content {background:#fff url('img/sidebar-visual-seperator.png') repeat-y 610px 0;color:#707070;padding:40px 30px 30px;overflow:hidden;zoom:1; min-height:400px}
.body-type-3-col-even #content,
.body-campus-tour #content,
.body-campus-tour-landing #content {background-image:none}
.body-home #content {padding-top:15px;background:#fff url('img/content-header-bg-gradient.png') repeat-x 0 0;}
.content-main {}
/* standard sidebar styles */
.sidebar h2 {font-size:170%; margin-bottom:10px;}
.sidebar .owca-login h2,
.body-newsletter-signup .sidebar h2 {margin-bottom:10px}
.sidebar .galleries-promo h2{margin-bottom:10px; padding-bottom:3px;}
.sidebar .galleries-promo h3{border-bottom:none;}
.sidebar h3 {border-bottom:1px solid #e5e5e5; padding-bottom:3px; margin-bottom:10px}
.sidebar ol,
.sidebar ul,
.sidebar dl {margin-left:0;}
/* content sub nav */
.sub-nav {margin:-40px -10px 30px;padding:15px 10px; overflow:hidden; zoom:1; border-bottom:1px solid #ccc; background-color:#fff;}
.sub-nav li {float:left; display:inline; margin-right:40px; margin-bottom:0}
.sub-nav a:link {color:#7f207d;}
.sub-nav li.active a:link {color:#cb9fc9}
.sub-nav li.active a:visited {color:#cb9fc9}
.sub-nav li.active a:active {color:#cb9fc9}
/* footer area */
#footer {position:relative;zoom:1;background:url('img/footer-gradient-bg.jpg') no-repeat 50% 100%;height:254px;width:910px;margin:0 auto;font-size:120%}
.secondary-nav {overflow:hidden; zoom:1; padding:25px 0 0 10px; background:url('img/footer-hoz-line.gif') repeat-x 0 53px; padding-right:30px;}
.secondary-nav dl {margin-left:0; margin-bottom:0;width:15%; float:left; margin-right:30px;}
.secondary-nav dl.large {width:18%;}
.secondary-nav dl dt {padding-bottom:11px; margin-bottom:15px; font-size:130%; color:#ffc600; font-weight:normal;}
.secondary-nav dd {margin-bottom:10px;background:url('img/site-sprite.png') no-repeat -327px 7px; padding-left:10px;}
.secondary-nav dd a {}
.secondary-nav dd a:link {color:#fff; text-decoration:none;}
.secondary-nav dd a:visited {color:#fff; text-decoration:none;}
.secondary-nav dd a:hover {color:#fff; text-decoration:underline;}
.secondary-nav dd a:focus {color:#fff; text-decoration:underline;}
.secondary-nav dd a:active {color:#fff; text-decoration:underline; background-color:#4d144f;}
#footer .logo {display:block;width:275px;height:56px;background:url('img/logo-footer.gif') no-repeat 0 0;text-indent:-9999px;position:absolute;left:15px;bottom:30px; overflow:hidden;zoom:1;}
#footer .tagline {position:absolute; bottom:50px; right:30px; font-size:190%; margin-bottom:0; background:url('img/a-true-education-footer.png') no-repeat 0 0; width:161px; height:20px; text-indent:-9999px}
.admin-info {position:absolute; top:67px; right:30px; font-size:90%; font-family:Tahoma, Geneva, sans-serif}
.admin-info p {text-align:right; margin-bottom:5px; color:#9f72a1;}
.admin-info p a:link {color:#fff; text-decoration:none; background-color:Transparent}
.admin-info p a:visited {color:#bbb; text-decoration:none; background-color:Transparent}
.admin-info p a:hover {text-decoration:underline; background-color:Transparent}
.admin-info p a:focus {text-decoration:underline; background-color:Transparent}
.admin-info p a:active {text-decoration:underline; background-color:Transparent}
.affiliate-links {list-style:none; margin-left:0; margin-bottom:0;float:right;}
.affiliate-links li {float:left; display:inline; margin-left:5px;}
/* enrolment pages */
/*
- generic 'enrolment' class applies to all enrolment pages
- specific page classes are also added to the body of each enrolment page, eg. 'enrol-application-details'
*/
/* common form elements */
.enrolment .sidebar {padding-top:55px}
.form-field-container {background: url('img/content-vertical-line.gif') repeat-y 275px 0;padding:0 0 10px;margin-bottom:10px;overflow:hidden;zoom:1;}
.form-field-container-no-bg {margin-bottom:0px;overflow:hidden;padding:0 0 10px;}
.enrol-wesley-conntecions .form-field-container,
.enrol-guardian-arrangements .form-field-container {background-image:none}
.shadow {background: url('img/input-shadow-bg.png') repeat 0 0; border-radius:2px;-moz-border-radius:2px;webkit-border-radius:2px}
.added .shadow,
.added select {}
input.file-upload {}
/*.required {background: url('img/site-sprite.png') no-repeat 100% -1277px; display:inline; margin-right:5px; padding-right:20px}*/
.required {background: url('img/site-sprite.png') no-repeat 100% -1277px; display:inline; padding-right:13px}
.asterisk {position:absolute; left:-9999px}
.enrolment #content .enrol-actions legend span {position:absolute; left:-9999px}
.enrolment acronym,.enrolment abbr {border-bottom:none;}
.add-button {clear:both; float:none; margin-top:-7px; margin-bottom:10px}
.enrol-parent-details .add-button {margin-top:-60px; margin-bottom:60px; }
.add-button label {position:absolute; left:-9999px}
.enrolment .attendee-details .parent-title {font-size:100%; font-weight:bold; color:#7f207d}
.enrolment .radio dt {margin-bottom:10px;}
.enrolment .radio dd {width:auto;display:block; margin-right:0; float:none; margin-bottom:5px}
.scriptable .radio dt {margin-bottom:3px}
.scriptable .radio dd {float:left; display:inline; width:4em; margin-right:10px;}
.scriptable .radio .non-js-note {position:absolute; left:-9999px}
.scriptable .wesley-connections .radio .checkbox {margin-bottom:0}
.enrol-guardian-arrangements .radio dt {margin-bottom:10px;}
.enrol-guardian-arrangements .radio dd {width:auto;display:block; margin-right:0; float:none; margin-bottom:5px}
.enrolment .main-column .gender dd {width:6em;}
.add-remove-fields {margin-bottom:0; padding-top:10px;}
.add-remove-fields fieldset {margin-bottom:0!important; padding-bottom:1px}
.add-remove-fields legend span {position:absolute!important; left:-9999px!important}
.add-remove-fields ol {padding-top:0; margin-top:-10px!important; margin-bottom:10px!important}
.add-remove-fields li {margin-bottom:0}
.add-remove-fields .added .file-upload input {background-image:none;border:none; background-color:#fff; color:#b92da4}
.added {position:relative; zoom:1; overflow:hidden;}
.added label {position:absolute; left:-9999px}
.enrol-parent-details .added label {position:relative; left:auto; zoom:1}
.add-remove-fields .added li {float:left;width:237px; display:inline; clear:none;}
.add-remove-fields .added input {width:222px;}
.add-remove-fields .added .remove-button{width:23px;margin-bottom:0; padding-top:3px}
.add-remove-fields .added .remove-button input {margin-top:0}
.remove-button label {position:absolute; left:-9999px;}
.remove-button input {text-indent:-9999px; font-size:0; line-height:0;}
#content .half {float:left;clear:none;width:132px;margin-right:0;}
.body-type-2-col #content .half {width:130px}
#content .half input {width:118px;}
.body-type-2-col #content .half input {width:116px}
#content .select select {width:47.5%;}
#content .half select {width:128px}
.body-type-2-col #content .half select {width:126px}
.add-text {font-size:90%;border:none; text-decoration:none;line-height:1.2; text-align:left; cursor:pointer; padding:0; width:auto; color:#7F207D; background-color:#fff;}
.add-text:hover {text-decoration:underline;}
.enrolment h1 {margin-bottom:20px}
.enrolment #content .sidebar p {margin-bottom:30px}
.enrolment #content fieldset {display:block; position:relative; zoom:1;clear:both; margin-bottom:30px;}
.enrolment #content fieldset ol {margin-bottom:0;zoom:1;margin-left:0}
.enrolment #content li {zoom:1;margin-left:0}
.enrolment #content .enrol-actions li label {position:absolute; left:-9999px}
.enrolment #content legend span {position:relative;left:0; font-size:170%; background-color:#fff; color:#7f207d; margin-bottom:10px; display:block;}
.enrolment #content fieldset fieldset legend span {font-size:100%; font-weight:bold}
*html .enrolment #content legend span {left:-9px;} /* IE6 */
*+html .enrolment #content legend span {left:-9px;} /* IE7 */
.enrolment #content .enrol-actions {clear:both; margin-bottom:0}
.enrolment #content .enrol-actions li {clear:none; margin-bottom:0}
.enrolment #content .enrol-actions li input {border:none;}
.enrolment .short input {width:40px}
.required-note {background: url('img/site-sprite.png') -314px -1277px no-repeat; padding-left:20px!important}
fieldset .currency {overflow:visible!important; position:relative;}
fieldset .currency input {width:70px}
fieldset .currency acronym {position:absolute; left:85px; top:1.5em; color:#b1b1b1; font-size:120%}
fieldset input.smallField {width:50px!important;}
fieldset label.smallLabel {display:inline; float:left; margin-right:10px; width:177px;}
/* form error styles */
.error .required {background-position:100% -1340px; color:#7f207d;}
.error label {color:#7f207d;}
.error select,
.error input,
.error textarea {background-color:#f9d6f4; color:#7f207d; border:1px solid #7f207d; background-image:url('img/input-shadow-error-bg.png')}
.error .radio input {background-color:#fff; background-image:none}
.error-summary {color:#707070; padding:20px; margin-bottom:15px; background:#f9d6f4 url('img/error-summary-asterisk.png') no-repeat 96% 22px;border-radius:2px;-moz-border-radius:2px;webkit-border-radius:2px}
.error-summary p,
.error-summary dl,
.error-summary dl dt,
.error-summary dl dd {margin-bottom:0; margin-left:0}
.error-summary .tag,
.error-summary dl dt {margin-bottom:10px; color:#7f207d; font-weight:bold;}
.definition-title {font-weight:bold;}
/* special cufon classes */
.cufon-loading h1,
.cufon-loading h2,
.cufon-loading h3,
.cufon-loading h4,
.cufon-loading h5,
.cufon-loading h6 {visibility:hidden;}
/* IE 6+7 nav hover bug fix - z-index bug */
*html .header {z-index:299;}
*html #nav {z-index:300;}
*html #nav li {z-index:301;}
*html #nav li .drop-down-shadow {z-index:302;}
*html #form1 {z-index:10;}
*html #content {z-index:11;}
*+html .header {z-index:299;}
*+html #nav {z-index:300;}
*+html #nav li {z-index:301;}
*+html #nav li .drop-down-shadow {z-index:302;}
*+html #form1 {z-index:10;}
*+html #content {z-index:11;}
/* hide cufon text while page is loading
.cufon-loading h1,
.cufon-loading h2,
.cufon-loading h3,
.cufon-loading #footer .secondary-nav dl dt,
.cufon-loading #content .enrolment-breadcrumbs dt,
.cufon-loading #content .enrolment-breadcrumbs dd a span,
.cufon-loading body.enrolment #content legend span,
.cufon-loading #content .quick-links li a span,
.cufon-loading #content .quick-links li a strong,
.cufon-loading #content .promo-list dt,
.cufon-loading #content .result-crumbs li strong,
.cufon-loading #content .listing dt,
.cufon-loading #content .primary dl dt a,
.cufon-loading #content .required-actions .title,
.cufon-loading .body-contact-us-landing .campus-contact-details dt a,
.cufon-loading #campus-tours .campus-title,
.cufon-loading #content .book-campus-tour legend span,
.cufon-loading #content dl.post-comments dt.title,
.cufon-loading #content .post-comment legend span,
.cufon-loading #content .virtual-tour-campuses dt a {text-indent:-9999px!important;border:1px solid red!important; visibility:hidden!important}
reveal cufon text when page has finished loading
.cufon-ready h1,
.cufon-ready h2,
.cufon-ready h3,
.cufon-ready #footer .secondary-nav dl dt,
.cufon-ready #content .enrolment-breadcrumbs dt,
.cufon-ready #content .enrolment-breadcrumbs dd a span,
.cufon-ready body.enrolment #content legend span,
.cufon-ready #content .quick-links li a span,
.cufon-ready #content .quick-links li a strong,
.cufon-ready #content .promo-list dt,
.cufon-ready #content .result-crumbs li strong,
.cufon-ready #content .listing dt,
.cufon-ready #content .primary dl dt a,
.cufon-ready #content .required-actions .title,
.cufon-ready .body-contact-us-landing .campus-contact-details dt a,
.cufon-ready #campus-tours .campus-title,
.cufon-ready #content .book-campus-tour legend span,
.cufon-ready #content dl.post-comments dt.title,
.cufon-ready #content .post-comment legend span,
.cufon-ready #content .virtual-tour-campuses dt a {text-indent:0!important; visibility:visible!important}
*/
#overlay {
color:#FFFFFF;
height:450px;
}