#wrap { float: left; width: 100%; } #inner { width: 1003px; margin: 0 auto; padding: 14px 25px 14px 25px; } #header { float: left; width: 100%; height: 35px; } #navigation { float: left; width: 885px; } #navigation ul { float: left; width: 100%; margin: 0; padding: 0; list-style-type: none; } #navigation ul li { float: left; width: 113px; margin: 0 14px 0 0; padding: 8px 0 0 0; list-style-type: none; font-size: 12px; color: #c0c0c2; border-top: 1px solid #c0c0c2; font-weight: bold; text-transform: uppercase; } #navigation ul li.active { float: left; width: 113px; margin: 0 14px 0 0; padding: 8px 0 0 0; list-style-type: none; font-size: 12px; color: #ffcc33; border-top: 3px solid #ffcc33; font-weight: bold; text-transform: uppercase; } #navigation ul li.last { margin: 0 0 0 0; } #navigation ul li a, #navigation ul li a:link { color: #c0c0c2; text-decoration: none; } #navigation ul li a:hover, #navigation ul li a:focus { color: #1d1d1b; text-decoration: none; } #navigation ul li a.active { color: #1d1d1b; text-decoration: none; } #navigation ul li.active a { color: #ffcc33; text-decoration: none; } #search { float: right; width: 113px; height: 30px; margin: 0; padding: 0; border: 1px solid #c0c0c2; } #search input { float: left; width: 105px; border: none; background-color: #ffffff; margin: 7px 0 0 4px; color: #666666; font-size: 12px; } #section-header { float: left; width: 100%; height: 128px; } #content { float: left; width: 100%; } #content-tw-alpha { float: left; width: 113px; } #content-tw-beta { float: right; width: 876px; } #navigation-section { float: left; width: 100%; border-top: 1px solid #e5e5e5; } .section-spacer { float: left; width: 108px; padding: 3px 0 3px 5px; border-bottom: 1px solid #f2f2f2; } .section-parent { float: left; width: 108px; padding: 0 0 0 0; border-bottom: 1px solid #f2f2f2; } .section-parent span { float: left; width: 100%; color: #666666; font-size: 11px; } .section-parent span a, .section-parent span a:link { display: block; width: 100%; text-decoration: none; color: #666666; padding: 3px 0 3px 5px; } .section-parent span a:hover, .section-parent span a:focus { text-decoration: none; color: #ffffff; background-color: #ffcc33; } .section-children { display: none; float: left; width: 108px; padding: 3px 0 0 0; border-top: 1px solid #f2f2f2; } .section-children.active { display: block; } .section-children.active span { float: left; width: 100%; color: #666666; font-size: 11px; } .section-children.active span a, .section-children.active span a:link { display: block; width: 104px; text-decoration: none; color: #666666; padding: 3px 0 3px 5px; } .section-children.active span a:hover, .section-children.active span a:focus { text-decoration: none; color: #ffffff; background-color: #ffcc33; } #navigation-section a.active { color: #ffcc33; } #navigation-section a.active:hover { text-decoration: none; color: #ffffff; background-color: #ffcc33; } .section-header div.pages { position: absolute; top: 9px; right: 0; width: 215px; height: 20px; } .section-header div.pages p { margin: 0; color: #ffcc33; } .section-header div.pages a, .section-header div.pages a:link { text-decoration: none; color: #666666; font-size: 11px; } .section-header div.pages a:hover { text-decoration: underline; color: #ffcc33; font-size: 11px; } .section-header div.shopping-bag { position: absolute; top: 0; right: 0; width: 95px; height: 30px; background: transparent url(../images/icon_shopping.gif) right top no-repeat; } .section-header div.shopping-bag a, .section-header div.shopping-bag a:link { display: block; width: 95px; height: 20px; padding: 9px 0px 5px 0px; text-decoration: none; color: #666666; font-size: 11px; } .section-header div.shopping-bag a:hover { display: block; width: 95px; height: 20px; padding: 9px 0px 5px 0px; text-decoration: none; color: #000000; font-size: 11px; } .section-header div.back { position: absolute; top: 0; right: 110px; width: 40px; height: 30px; } .section-header div.back a, .section-header div.back a:link { display: block; width: 40px; height: 20px; padding: 9px 0px 5px 0px; text-decoration: none; color: #666666; font-size: 11px; } .section-header div.back a:hover { display: block; width: 40px; height: 20px; padding: 9px 0px 5px 0px; text-decoration: none; color: #000000; font-size: 11px; } .section-header div.back-alt { position: absolute; top: 0; right: 230px; width: 40px; height: 30px; } .section-header div.back-alt a, .section-header div.back-alt a:link { display: block; width: 40px; height: 20px; padding: 9px 0px 5px 0px; text-decoration: none; color: #666666; font-size: 11px; } .section-header div.back-alt a:hover { display: block; width: 40px; height: 20px; padding: 9px 0px 5px 0px; text-decoration: none; color: #000000; font-size: 11px; } .section-header div.sheet { position: absolute; top: 0; right: 90px; width: 125px; height: 30px; } .section-header div.sheet a, .section-header div.sheet a:link { display: block; width: 125px; height: 20px; padding: 9px 0px 5px 0px; text-decoration: none; color: #666666; font-size: 11px; } .section-header div.sheet a:hover { display: block; width: 125px; height: 20px; padding: 9px 0px 5px 0px; text-decoration: none; color: #000000; font-size: 11px; } .section-header div.pinboard { position: absolute; top: 0; right: 0; width: 80px; height: 30px; background: transparent url(../images/icon_pinboard.gif) right top no-repeat; } .section-header div.pinboard a, .section-header div.pinboard a:link { display: block; width: 80px; height: 20px; padding: 9px 0px 5px 0px; text-decoration: none; color: #666666; font-size: 11px; } .section-header div.pinboard a:hover { display: block; width: 80px; height: 20px; padding: 9px 0px 5px 0px; text-decoration: none; color: #000000; font-size: 11px; } .section-header div.clear-all { position: absolute; top: 0; right: 100px; width: 40px; height: 30px; } .section-header div.clear-all a, .section-header div.clear-all a:link { display: block; width: 40px; height: 20px; padding: 9px 0px 5px 0px; text-decoration: none; color: #666666; font-size: 11px; } .section-header div.clear-all a:hover { display: block; width: 40px; height: 20px; padding: 9px 0px 5px 0px; text-decoration: none; color: #000000; font-size: 11px; } .section-header div.download-pdf { position: absolute; top: 0; right: 0; width: 75px; height: 30px; } .section-header div.download-pdf a, .section-header div.download-pdf a:link { display: block; width: 75px; height: 20px; padding: 9px 0px 5px 0px; text-decoration: none; color: #666666; font-size: 11px; } .section-header div.download-pdf a:hover { display: block; width: 75px; height: 20px; padding: 9px 0px 5px 0px; text-decoration: none; color: #000000; font-size: 11px; } .section-header div.download-pdf { position: absolute; top: 0; right: 0; width: 75px; height: 30px; } .section-header div.download-pdf a, .section-header div.download-pdf a:link { display: block; width: 75px; height: 20px; padding: 9px 0px 5px 0px; text-decoration: none; color: #666666; font-size: 11px; } .section-header div.download-pdf a:hover { display: block; width: 75px; height: 20px; padding: 9px 0px 5px 0px; text-decoration: none; color: #000000; font-size: 11px; } .section-header div.application { position: absolute; top: 0; right: 0; width: 200px; height: 30px; text-align: right;} .section-header div.application a, .section-header div.application a:link { display: block; width: 200px; height: 20px; padding: 9px 0px 5px 0px; text-decoration: none; color: #666666; font-size: 11px; } .section-header div.application a:hover { display: block; width: 200px; height: 20px; padding: 9px 0px 5px 0px; text-decoration: none; color: #000000; font-size: 11px; } .item-line { float: left; width: 100%; } .item-line a, .item-line a:link { color: #666666; text-decoration: underline; } .item-line a:hover, .item-line a:focus { color: #000000; text-decoration: underline; } .item-grid-eeee { float: left; width: 100%; overflow: hidden; } .item-grid-eeee-inner { float: left; width: 920px; overflow: hidden; } .grid-item-eeee { float: left; width: 211px; height: 185px; margin: 0 10px 0 0; position: relative; } .grid-item-eeee p span { color: #000000; } .grid-item-eeee a, .grid-item-eeee a:link { color: #666666; text-decoration: none; } .grid-item-eeee a:hover, .grid-item-eeee a:focus { color: #ffcc33; text-decoration: none; } .grid-item-eeee p a span, .grid-item-eeee p a:link span { color: #000000; } .grid-item-eeee p a:hover span, .grid-item-eeee p a:focus span { color: #ffcc33; } .grid-item-eeee img { float: left; } .grid-item-eeee-overlay { display: none; position: absolute; width: 211px; height: 129px; background-color: #336733; z-index: 99; top: 0; left: 0; } .photo-grid { float:left; width: 100%; overflow: hidden; } .photo-grid-inner { float:left; width: 896px; overflow: hidden; } .photo-grid img { float:left; margin: 0 10px 30px 0; } .event-list-item { height: 265px; } .event-header { float: left; width: 100%; height: 65px; margin: 10px 0 0 0; } .event-header p { font-size: 16px; margin: 0; } .event-header span { color: #000000; text-transform: uppercase; } .event-header span.new { color: #cc9966; font-size: 16px; } .event-intro { float: left; width: 100%; } .event-intro h3 { font-size: 13px; margin: 10px 0 15px 0; color: #000000; } .event-list-item { border-top: 5px solid #000000; } .past-event-alpha { float: left; width: 130px; } .past-event-beta { float: right; width: 110px; } .past-event-beta p { color: #666666; margin: 4px 0 0 0; } .past-event-beta p span { color: #000000; } .property .event-list-item { border-top: 5px solid #333366; } .interior .event-list-item { border-top: 5px solid #993333; } .shops .event-list-item { border-top: 5px solid #993333; } .school .event-list-item { border-top: 5px solid #ffcc33; } .course-alpha { float: left; width: 495px; } .course-image-wrap { float: left; width: 495px; height: 330px; overflow: hidden; } .course-image-controls { float: left; width: 495px; height: 22px; background-color: #ffcc33; position: relative; margin: 0 0 20px 0; } .course-image-controls span { position: absolute; top: 3px; left: 6px; color: #000000; font-size: 12px; } .course-image-controls span a, .course-image-controls span a:link { color: #000000; text-decoration: none; } .course-image-controls span a:hover, .course-image-controls span a:focus { color: #666666; text-decoration: none; } .course-beta { float: right; width: 365px; } .course-number { float: left; width: 100%; font-size: 24px; color: #666666; margin: 0 0 0px 0; } .course-title { float: left; width: 100%; font-size: 16px; color: #000000; margin: 0 0 10px 0; } .course-beta p { color: #666666; } /* Form */ #registration { margin: 0 0 80px 0; } #next1 { display: none; } #step1 { /*display: none;*/ } #step2 { display: none; } #step3 { display: none; } #step4 { display: none; } #step5 { display: none; } #registration .Actions { display: none; } #registration span.required { float: left; width: 500px; padding: 0 0 0 120px; margin: 5px 0 0 0; color: #cc0000; } #registration div.text { float: left; width: 500px; padding: 0 0 0 120px; margin: 0 0 10px 0; } #registration div.text label { float: left; width: 120px; font-weight: bold; margin: 5px 0 0 0; } #registration div.text div.middleColumn { float: right; width: 380px; } #registration div.text div.middleColumn input.text { float: left; width: 370px; border: 1px solid #c8c7c7; padding: 6px 4px 6px 4px; font-size: 11px; color: #666666; } #registration div#HearAboutUsText label { float: left; width: 120px; font-weight: normal; margin: 0 0 0 0; } #registration div#AchieveText label { float: left; width: 120px; font-weight: normal; margin: 0 0 0 0; } #registration div.dropdown { float: left; width: 500px; padding: 0 0 0 120px; margin: 0 0 10px 0; } #registration div.dropdown label { float: left; width: 120px; font-weight: bold; margin: 5px 0 0 0; } #registration div.dropdown div.middleColumn { float: right; width: 380px; } #registration div.dropdown div.middleColumn select { float: left; width: 380px; border: 1px solid #c8c7c7; padding: 6px 4px 6px 4px; font-size: 11px; color: #666666; } #registration div.email { float: left; width: 500px; padding: 0 0 0 120px; margin: 0 0 10px 0; } #registration div.email label { float: left; width: 120px; font-weight: bold; margin: 5px 0 0 0; } #registration div.email div.middleColumn { float: right; width: 380px; } #registration div.email div.middleColumn input.text { float: left; width: 370px; border: 1px solid #c8c7c7; padding: 6px 4px 6px 4px; font-size: 11px; color: #666666; } #ContactMethod { float: left; width: 500px; padding: 0 0 0 120px; margin: 0 0 10px 0; } #ContactMethod label.left { float: left; width: 100%; font-weight: bold; margin: 5px 0 0 0; } #ContactMethod ul { float: left; margin: 10px 0 0 120px; padding: 0; list-style-type: none; } #ContactMethod ul li { float: left; width: 100%; margin: 0 0 5px 0; padding: 0; list-style-type: none; } #ContactMethod ul li input { float: left; } #ContactMethod ul li label { float: left; margin: 0 0 0 10px; } #HearAboutUs { float: left; width: 500px; padding: 0 0 0 120px; margin: 0 0 10px 0; } #HearAboutUs label.left { float: left; width: 100%; font-weight: bold; margin: 5px 0 0 0; } #HearAboutUs ul { float: left; margin: 10px 0 0 120px; padding: 0; list-style-type: none; } #HearAboutUs ul li { float: left; width: 100%; margin: 0 0 5px 0; padding: 0; list-style-type: none; } #HearAboutUs ul li input { float: left; } #HearAboutUs ul li label { float: left; margin: 0 0 0 10px; } #Achieve { float: left; width: 500px; padding: 0 0 0 120px; margin: 0 0 10px 0; } #Achieve label.left { float: left; width: 100%; font-weight: bold; margin: 5px 0 0 0; } #Achieve ul { float: left; margin: 10px 0 0 120px; padding: 0; list-style-type: none; } #Achieve ul li { float: left; width: 100%; margin: 0 0 5px 0; padding: 0; list-style-type: none; } #Achieve ul li input { float: left; } #Achieve ul li label { float: right; width: 355px; margin: 0 0 0 10px; } #Employment { float: left; width: 500px; padding: 0 0 0 120px; margin: 0 0 10px 0; } #Employment label.left { float: left; width: 100%; font-weight: bold; margin: 5px 0 0 0; } #Employment ul { float: left; margin: 10px 0 0 120px; padding: 0; list-style-type: none; } #Employment ul li { float: left; width: 100%; margin: 0 0 5px 0; padding: 0; list-style-type: none; } #Employment ul li input { float: left; } #Employment ul li label { float: left; margin: 0 0 0 10px; } #Education { float: left; width: 500px; padding: 0 0 0 120px; margin: 0 0 10px 0; } #Education label.left { float: left; width: 100%; font-weight: bold; margin: 5px 0 0 0; } #Education ul { float: left; margin: 10px 0 0 120px; padding: 0; list-style-type: none; } #Education ul li { float: left; width: 100%; margin: 0 0 5px 0; padding: 0; list-style-type: none; } #Education ul li input { float: left; } #Education ul li label { float: left; margin: 0 0 0 10px; } #AgeGroup { float: left; width: 500px; padding: 0 0 0 120px; margin: 0 0 10px 0; } #AgeGroup label.left { float: left; width: 100%; font-weight: bold; margin: 5px 0 0 0; } #AgeGroup ul { float: left; margin: 10px 0 0 120px; padding: 0; list-style-type: none; } #AgeGroup ul li { float: left; width: 100%; margin: 0 0 5px 0; padding: 0; list-style-type: none; } #AgeGroup ul li input { float: left; } #AgeGroup ul li label { float: left; margin: 0 0 0 10px; } p#Agree { font-size: 11px; } .terms-wrap ul { padding: 0 0 0 20px; } .terms-wrap ul li { color: #666666; font-size: 1.2em; line-height: 1.2em; margin: 0 0 5px 0; } .checkboxset { float: left; width: 620px; padding: 0 0 0 0; margin: 0 0 10px 0; } .checkboxset label { float: left; font-size: 16px; color: #000000; margin: 0 0 25px 0; } .checkboxset .middleColumn { float: left; width: 100%; } .checkboxset .middleColumn label { font-size: 11px; color: #666666; margin: 0 0 0 0; } .checkboxset .middleColumn ul { float: left; margin: 0; padding: 0; list-style-type: none; } .checkboxset .middleColumn ul li { float: left; width: 100%; margin: 0 0 5px 0; padding: 0; list-style-type: none; } .checkboxset .middleColumn ul li input { float: left; } .checkboxset .middleColumn ul li label { float: left; margin: 0 0 0 10px; } .checkboxset .middleColumn ul li label span.course-length { float: left; width: 80px; margin: 0 10px 0 0; } .checkboxset .middleColumn ul li label span.course-days { float: left; width: 140px; margin: 0 10px 0 0; } .checkboxset .middleColumn ul li label span.course-time { float: left; width: 200px; margin: 0 10px 0 0; } .checkboxset .middleColumn ul li label span.course-commence { float: left; width: 100px; margin: 0; } .course-cost { float: left; width: 500px; display: block; padding: 0 0 20px 120px; border-bottom: 1px solid #ababac; color: #ffcc33; margin: 0 0 10px 0; font-size: 12px; } .next-button { float: right; background-color: #ffcc33; color: #ffffff; border: 1px solid #ffcc33; } .previous-button { float: right; background-color: #ffcc33; color: #ffffff; border: 1px solid #ffcc33; margin: 0 10px 0 0; } .submit-button { display: none; float: right; background-color: #ffcc33; color: #ffffff; border: 1px solid #ffcc33; } #school-subscribe { float: left; width: 100%; margin: 10px 0 0 0; padding: 10px 0 0 0; border-top: 1px solid #ABABAC; } #school-subscribe label { float: left; width: 100%; font-size: 11px; color: #666666; margin: 0 0 5px 0; } #school-subscribe input.text { float: left; width: 230px; border: 1px solid #c8c7c7; padding: 6px 4px 6px 4px; font-size: 11px; color: #666666; margin: 0 0 5px 0; } #school-subscribe input.action { background-color: #c8c7c7; padding: 4px 6px 4px 6px; border: none; font-size: 11px; color: #ffffff; } /* OVERWRITTEN */ .property { color: #333366; } a.property, a.property:link { color: #333366; text-decoration: none; } a.property:hover, a.property:focus { color: #000000; text-decoration: underline; } .interior { color: #993333; } a.interior, a.interior:link { color: #993333; text-decoration: none; } a.interior:hover, a.interior:focus { color: #000000; text-decoration: underline; } .shops { color: #000000; } a.shops, a.shops:link { color: #000000; text-decoration: none; } a.shops:hover, a.shops:focus { color: #000000; text-decoration: underline; } .school { color: #ffcc33; } a.school, a.school:link { color: #ffcc33; text-decoration: none; } a.school:hover, a.school:focus { color: #000000; text-decoration: underline; } .grid-item-eeee-overlay { display: none; position: absolute; width: 211px; height: 129px; background-color: #993333; z-index: 99; top: 0; left: 0; } .comments-count { float: left; width: 100%; margin: 10px 0 25px 0; background: transparent url(../images/icon_comment_interior.gif) top left no-repeat; } #project-gallery-details span.project-info a, #project-gallery-details span.project-info a:link { color: #993333; } #project-gallery-details span.project-info a:hover, #project-gallery-details span.project-info a:focus { color: #000000; } /* NEW */ #school-promo-alpha { float: left; width: 620px; } #school-promo-alpha p { font-family: Georgia; font-size: 13px; color: #666666; margin: 10px 0 0 0; } #school-promo-beta { float: right; width: 240px; } #school-promo-sub-alpha, #school-promo-sub-beta, #school-promo-sub-gamma { float: left; width: 110px; margin: 0 20px 0 0; } #school-promo-sub-delta { float: right; width: 110px; } .section-header span.school-message { position: absolute; top: 8px; left: 380px; color: #000000; font-size: 11px; } #login-home { float: left; width: 100%; } #login-home p { color: #999999; } #login-home p#Remember { display: none; } #login-home label { float: left; width: 100%; color: #999999; font-weight: normal; margin: 0 0 3px 0; font-size: 13px; } #login-home input.text { float: left; width: 230px; border: 1px solid #cccccc; padding: 6px 4px 6px 4px; font-size: 11px; margin: 0 0 5px 0; color: #666666; } #login-home .Actions { float: left; width: 100%; background: #fff url('../images/back-alumni-action.gif') top left no-repeat; } #login-home .Actions input{ float: right; width: auto; background-color: transparent; border: none; color: #000; font-size: 12px; text-decoration: underline; margin: 5px 20px 0 0; } #login-home .Actions p#ForgotPassword{ float: left; width: 140px; margin: 35px 0 0 0; font-size: 11px; color: #999999; } #login-home .Actions p#ForgotPassword a, #login-home .Actions p#ForgotPassword a:link { color: #999999; text-decoration: none; } #login-home .Actions p#ForgotPassword a:hover, #login-home .Actions p#ForgotPassword a:focus { color: #000; text-decoration: none; } #alumni-alpha { float: left; width: 495px; } #alumni-beta { float: right; width: 365px; } #alumni-beta p { font-family: Georgia; font-size: 16px; margin: 0 0 10px 0; color: #666666; } #alumni-beta p a, #alumni-beta p a:link { color: #ffcc33; } #alumni-beta p a:hover, #alumni-beta p a:focus { color: #666666; } #alumni-beta p#Remember { display: none; } #alumni-beta label { float: left; width: 100%; color: #999999; font-weight: normal; margin: 0 0 3px 0; font-size: 13px; } #alumni-beta input.text { float: left; width: 355px; border: 1px solid #cccccc; padding: 6px 4px 6px 4px; font-size: 11px; margin: 0 0 5px 0; color: #666666; } #alumni-beta .Actions { float: left; width: 100%; } #alumni-beta .Actions input{ float: left; width: auto; background-color: #ffcc33; border: none; color: #000; font-size: 12px; margin: 5px 0 15px 0; padding: 3px 10px 3px 10px; } #alumni-beta .Actions p#ForgotPassword{ float: left; width: 100%; margin: 0 0 0 0; font-size: 11px; color: #999999; } #alumni-beta .Actions p#ForgotPassword a, #alumni-beta .Actions p#ForgotPassword a:link { color: #999999; text-decoration: none; } #alumni-beta .Actions p#ForgotPassword a:hover, #alumni-beta .Actions p#ForgotPassword a:focus { color: #000; text-decoration: none; }