/* CSS Reset from http://developer.yahoo.com/yui/reset/ */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; vertical-align: top;} input {line-height: 0; display: inline; } table { border-collapse:collapse; border-spacing:0; position: relative; top: 0; left: 0;} fieldset,img { border:0; } address,caption,cite,code,dfn,th,var { font-style:normal; font-weight:normal; } ol,ul { list-style:none; } caption,th { text-align:left; } h1 { font-size:150%; font-weight:bold; } h2 { font-size:140%; font-weight:bold; } h3 { font-size:130%; font-weight:bold; } h4 { font-size:120%; font-weight:bold; } h5 { font-size:110%; font-weight:bold; } h6 { font-size:100%; font-weight:bold; } q:before,q:after { content:''; } abbr,acronym { border:0; } a:link, a:visited {color: #187191; font-weight: bold; text-decoration: none;} a.arrow, #utility ul li a {font-weight: normal; padding-left: 12px; background: url('../images/arrows/orange-transparent-right.png') no-repeat left center;} a:hover {text-decoration: underline;} .righty {float: right;} .lefty {float: left;} .strong {font-weight: bold;} .notext, table#results .headers th {text-align: left; text-indent: -999px; overflow: hidden; font-size: 0; line-height: 0;} table#results .headers th {padding: 0; background: none;} .clearboth {clear: both;} .relative {position: relative;} .underline, a.underline {text-decoration: underline;} /* end CSS reset */ /* main layout */ body {font-family: Arial, Helvetica, sans-serif; font-size: 12px; background: url('../images/backgrounds/page.jpg'); color: #187191;} #canvas {width: 990px; margin: 0 auto; padding-bottom: 20px;} #header {position: relative; background: url('../images/borders/single-stitch-blue.gif') repeat-x bottom left; height: 50px; padding: 20px 0 20px 20px;} .main #header {background: url('../images/backgrounds/member-head.png') no-repeat top center; left: -25px; padding: 0 25px; width: 990px; height: auto; position: relative; z-index: 1000;} .main #logo {background: url('../images/logos/logo_full.gif'); width: 536px; height: 52px; left: 40px;} .main #header #utility {position: relative; float:right; width: 330px; margin-right: 30px; padding-bottom: 15px; height: auto;} .main #header #utility h3 {font-family: Georgia; color: #9a3820; font-size: 14px; font-weight: normal;} .main #header #utility p {font-weight: normal; margin-top: 5px;margin-bottom:10px; } .main #header #utility ul {position: absolute; bottom: 0; left: -90px; padding-top:2px;} .main #header #utility ul li {margin-right: 10px;} .main #header #utility ul li a {font-weight: normal;} #header ul.topnav {margin-top: 30px; height: 70px; background: url('../images/backgrounds/topnav.png');} #header .topnav li {float: left; padding-left: 10px; height: 50px; font-family: Georgia; position: relative; font-size: 13px;} #header .topnav li.first {margin-left: 0; padding-left: 17px; width: 118px;} #header .topnav li.second {margin:0; width: 113px;} #header .topnav li.third {margin:0; width: 107px;} #header .topnav li.fourth {width: 175px;} #header .topnav li.fifth {width: 112px;} #header .topnav li.sixth {width: 125px;} #header .topnav li.last {width: 127px;} #header .topnav li.last a {padding-left: 19px; padding-right: 27px;} #header .topnav li a {margin:0px; color: white; display: block; padding: 18px 0 0 18px; background: url('../images/backgrounds/topnav_item.png') repeat-x; height: 52px; font-weight: normal;} #header .topnav li.active a {color: #ab3f24; } #header .topnav li:hover a {background: url('../images/backgrounds/topnav_rollover.png') repeat-x top left;} #header .topnav .subnav {display: none; position: absolute; top: 69px; left: 10px; width: 230px;} #header .topnav li.first .subnav {left: 17px;} #header .topnav li.last .subnav {right: 0px; left: auto;} #header .topnav li:hover .subnav {display: block; } #header .topnav .subnav {background: #a6ba54 url('../images/borders/subnav_top.png') repeat-x top left;} #header .topnav .subnav ul {background: url('../images/backgrounds/subnav.png') repeat-x bottom left; margin-top: 5px; padding-bottom: 20px; z-index: 800;} #header .topnav .subnav ul li {width: 220px; background: transparent url('../images/arrows/white-subnav.png') no-repeat 10px 14px ; height: auto; float: none; padding-top: 10px;} #header .topnav .subnav ul li a {background: transparent none; height: auto; color: #ffffff; font-weight: normal; font-size: 12.5px; padding: 0 0 0 10px; width: auto;} #logo {position: absolute; top: 20px; left: 20px; background: url('../images/logos/aisne.png') no-repeat; display: block; width: 301px; height: 49px; } #utility {height: 50px; font-size: 11px; position: absolute; top: 20px; right: 0; background: url('../images/borders/utility-left.gif') no-repeat left top; padding-left: 20px; width: 330px;} #utility p.head {font-size: 10px; padding-bottom: 5px;} #utility ul { padding-top: 7px;} #utility ul li {display: inline; padding-right: 4px;} #content {min-height: 400px; margin-top: 12px; margin-bottom: 100px;} #content.main_home {z-index: 100;} #content.corporate, #content.employment {position: relative; left: -10px; width: 1000px;} #content #left {float: left; min-height: 600px;} .main #content #left {padding: 30px 20px 30px 10px; width: 155px; background: url('../images/backgrounds/left_nav.png') no-repeat; margin-right: 5px;} .main #content #left.noback {background: none;} .site #content #left {width: 311px; padding-bottom: 20px;} .site #content #left a {font-weight: normal;} #left #leftnav li {font-family: Georgia; list-style-type: none; background: url('../images/arrows/orange-transparent-right.png') no-repeat 0 2px; padding-left: 15px; margin-bottom: 15px;} #left #leftnav li a {font-size: 12px; font-weight: normal;} #left #leftnav li.current a {font-size: 12px; font-weight: bold;} #main {float: left; width: 800px;} #main .intro ul {width: 331px;list-style-type: none;font-size:12px;margin-left:15px;line-height:17px;} #main .intro li {padding:5px 0 0 5px;} #main ul.answers li {border-bottom:1px dashed #993300; padding: 10px 0 10px 0; margin:7px 5px 18px 5px;line-height:18px;font-size:13px;} #main .answers p {padding-left:10px;} #main .answers h4 {color:#ef590d;line-height:22px;margin-left:-4px; background: url('../images/arrows/orange-transparent-small.png') no-repeat 4px 6px; padding-left: 14px; } .corporate #main, .employment #main {background: url('../images/backgrounds/main.png') no-repeat; width: 810px;} .main #main.full, .site #main.full {width: 1000px; background: url('../images/backgrounds/main_full.png') no-repeat; margin-left: -10px;} .site #main.full {background: none;} .site #main {width: 678px; padding-bottom: 20px; } #main_left {float: left; width: 405px; min-height: 600px; margin-left: 10px; margin-top: 25px; background: url('../images/borders/double_dots.png') no-repeat; padding-top: 27px; padding-left: 15px;} .corporate #main_left, .employment #main_left {width: 430px;} #main_left.shrinkable { min-height: 0; } .main #main.full #main_left, .site #main.full #main_left {background: none; width: 623px; padding-right: 3px; padding-left: 10px; clear: both;} .main #main.detail #main_left, .site #main.detail #main_left {margin-top: 0; padding-top: 12px;} .site #main.detail #main_left {padding-top: 10px; margin-left: 0;} #main.detail #main_left .gradient {background: url('../images/backgrounds/social_gradient.png') repeat-x top left; position: relative; padding-top: 20px; padding-left: 12px;} #main.detail #main_left .gradient .bluestitch-full {position: absolute; top: 10px; left: 0; height: 1px; width: 966px; background: url('../images/borders/single-stitch-blue.gif') repeat-x top left;} .site #main.detail #main_left .gradient .bluestitch-full {top: 12px; width: 989px;} #main.detail #main_left .gradient .info {width: 305px; border-right: dotted 1px #e9ce9f; padding: 0 10px 2px;} #main.detail #main_left .gradient .register {width: 255px; padding: 0px 32px 2px 10px;} #main.detail #main_left .gradient .register .head {font-weight: bold; font-size: 16px;} #main.detail #main_left .gradient .register .continue {float:left;border: none; width: 189px; height: 26px; background: url('../images/buttons/continue_registration.png') no-repeat; cursor: pointer;} #main.detail #main_left .gradient .register a {color: #993300;} #main.detail #main_left .gradient .register .how_many {display: block; padding-left: 98px; height: 28px; background: url('../images/headers/how_many_attending.png') no-repeat left center; margin-bottom: 10px;} #main.detail #main_left .gradient .event {margin-left: -12px; width: 622px; border-bottom: dotted 1px #e9ce9f; margin-bottom: 12px;} #main.detail #main_left .gradient .event tr td {vertical-align: top; } #main.detail #main_left .gradient .event p {padding-right: 0;} #main.detail #main_left .gradient table.event p, #main.detail #main_left .gradient .event-detail p {font-size:13px;} #main.detail #main_left .gradient p {padding: 0 60px 8px 0; margin: 0; background: none; font-size: 12px; } #main.detail #main_left .gradient p.date, #main.detail #main_left .gradient p span {font-weight: bold;} #main.detail #main_left .gradient p.url, #main.detail #main_left .gradient p.cost, #main.detail #main_left .gradient p.refund {padding-right: 200px;} #main.detail #main_left .gradient h2 {padding: 0 0 8px 0; margin: 0; background: none;} #main.detail #main_left .more-stripes {background: url('../images/backgrounds/yellow_box_stripe.png') repeat top left; padding: 15px 10px 5px 20px; font-size: 11px; color: #993300;} #main.detail #main_left .more-stripes p {font-size: 11px;} #main.detail #main_left .more-stripes span {color: #187191;} #main.detail #main_left .more-stripes a {color: #993300; font-weight: bold; font-size: 12px; text-transform: none; background-position: 4px 3px;} #main.full #main_right {margin-left: 0; padding-top: 26px;} .site #main.full #main_right {width: 352px; padding-left: 0; padding-top: 9px; margin-left: 12px;} #main.full .disclaimer {text-align: right; font-size: 12px; color: #993300;} h1.membership {background: url('../images/headers/membership.gif') no-repeat; height: 18px;} h1.membership_criteria {background: url('../images/headers/criteria_membership.gif') no-repeat; height: 41px;} h1.member_directory {background: url('../images/headers/member_directory.gif') no-repeat; height: 18px;} h1.affiliate_members {background: url('../images/headers/affiliate_members.gif') no-repeat; height: 18px;} h1.faq {background: url('../images/headers/faq.gif') no-repeat; height: 46px;} h1.about {background: url('../images/headers/about.gif') no-repeat; height: 49px;} h1.bod {background: url('../images/headers/bod.gif') no-repeat; height: 18px;} h1.contact {background: url('../images/headers/contact.gif') no-repeat; height: 18px;} h1.corporate {background: url('../images/headers/corporate_subscribers.png') no-repeat; height: 18px;} h1.employment {background: url('../images/headers/employment.png') no-repeat; height: 52px;} h1.working {background: url('../images/headers/working.png') no-repeat; height: 52px;} h1.services {background: url('../images/headers/services_and_resources.png') no-repeat; height: 52px; padding-bottom: 10px;} h1.prof_development {background: url('../images/headers/professional_development.png') no-repeat; height: 50px; padding-bottom: 10px;} h1.diversity {background: url('../images/headers/diversity_services.png') no-repeat; height: 19px; padding-bottom: 10px;} h1.business {background: url('../images/headers/business_services.png') no-repeat; height: 19px; padding-bottom: 10px;} h1.accreditation {background: url('../images/headers/accreditation.png') no-repeat; height: 19px; padding-bottom: 10px;} h1.resources_reports {background: url('../images/headers/resources_and_reports.png') no-repeat; height: 50px; padding-bottom: 10px;} h1.dev_cal {background: url('../images/headers/professional_development_calendar.png') no-repeat; height: 18px; padding-bottom: 10px;} h1.dev_cal.school {background: none; font-size: 42px; height: auto;} h1.members_only {background: url('../images/headers/members_only.png') no-repeat; height: 18px; padding-bottom: 18px;} h1.board_members_only {background: url('../images/headers/boardmembers_only.png') no-repeat; height: 19px; padding-bottom: 18px;} h1.biz_members_only {background: url('../images/headers/bizmembers_only.png') no-repeat; height: 19px; padding-bottom: 18px;} h1.membership_committee {background: url('../images/headers/membership_committee.png') no-repeat; height: 19px; padding-bottom: 18px;} .detail h1.dev_cal {margin-top: 52px; margin-left: 20px;} .site #main.full.detail h1.dev_cal {margin-top: 10px; font-weight: normal; font-family: Georgia;} #main_left p.highlight {color: #8c2d16; font-family: Georgia; margin: 15px 0; font-size: 14px; line-height: 21px;} #main_left p.highlight a {color: #8c2d16;} #main_left p {font-size: 13px; line-height: 18px; margin-top: 5px; margin-bottom: 10px;} #main_left p.pseudo-h2 {display: block; height: 20px; font-weight: bold; font-size: 14px; color: #187191; padding-left: 0px;} .services #main_left p {font-size: 12px; margin-bottom: 0;} .services #main_left .underbar {height: 1px; font-size: 0px; background: url('../images/borders/social_horizontal.png') repeat-x left top; width: 340px; margin-top: 10px; padding-bottom: 2px; margin-left: -8px;} #main_left p a, table#school tr td.data a {font-weight: normal; text-decoration: underline;} #main_left p a.more {text-decoration: none;} #main_left p a:hover {text-decoration: underline;} #main_left h2 {font-size: 14px; font-weight: bold; color: #993300; margin-top: 10px; background: url('../images/arrows/orange-transparent-small.png') no-repeat 0px 4px; padding-left: 10px; margin-left: -10px;} #main_left h2.directory { background: 0; font-size: 16px; } .full #main_left h3 {font-size: 12px; text-transform: uppercase; color: #ef590d; background: url('../images/borders/social_horizontal.png') repeat-x bottom left; margin-bottom: 0; padding-bottom: 8px; width: 613px; margin-top: 25px;} #main_left h3 {font-size: 13px; font-weight: bold;} #main_left ul {position:relative; left: -8px; margin-top: 15px; margin-bottom: 15px;} #main_left ul li {font-weight: bold; background: url('../images/arrows/blue_tri.gif') no-repeat 0 6px; padding-left: 8px; margin-bottom: 10px;line-height:18px;} #main_left #program_form ul li {background: none;} #main_left ul li .unbold {font-weight: normal;} a.more, li.more, #public-home #cut-in .righty ul li.more {margin-left:-14px; background: url('../images/arrows/orange-transparent-small.png') no-repeat 4px 2px; padding-left: 14px; text-transform: uppercase; font-weight: normal; font-size: 10px;} #main_left .download {color: #993300; margin-left: -10px; padding-left: 10px; background: url('../images/arrows/orange-transparent-small.png') no-repeat 0 4px;} #main_left .download a {color: #187191; } #main_left .download span {color: #187191;} #public-home {height: 826px; margin-top: 20px; width: 1050px; margin-left: -30px; position: relative;} #public-home #val-prop {position: absolute; top: 20px; left: 40px; width: 415px; height: 160px;} #public-home #val-prop p {padding: 20px 130px 20px 5px; color: #dd6004; font-size: 14px; font-weight: normal;} #public-home #val-prop #logo {height: 62px; width: 381px; background: url('../images/logos/aisne-home.png') no-repeat top left; display: block; position: relative; top: 0; left: 0;} #public-home #search {background: url('../images/backgrounds/home-search.png') no-repeat top left; height: 340px; width: 340px; top: 205px; left: 0; position: absolute;} #public-home #links {position: absolute; top: 580px; left: 48px; width: 240px; } /* ie7 won't work with z-index 0 due to stack order bug */ #public-home #links .buttons a {display: block; height: 34px; width: 239px; margin-bottom: 7px;} #public-home #links .buttons a.open-houses {background: url('../images/buttons/upcoming_open_houses.png') no-repeat top left;} #public-home #links .buttons a.summer-programs {background: url('../images/buttons/summer_programs.png') no-repeat top left;} #public-home #links .buttons a.employment-opps {background: url('../images/buttons/employment_opp.png') no-repeat top left;} #public-home #links #utility {position: relative; top: 0; left: 0; background: none; padding: 5px 15px; width: auto;} #public-home #links #utility p {font-size: 12px;} #public-home #links #utility p.head {font-size: 10px; padding-bottom: 3px;} #public-home #cut-in { position: absolute; top: 509px; left: 402px; background:url('../images/backgrounds/home-cut-in.gif') no-repeat top left; height: 213px; width: 561px; z-index: 200; padding: 50px 20px 20px 80px; } #public-home #cut-in .lefty {width: 200px;} #public-home #cut-in h2 {font-size: 16px; margin-bottom: 8px;} #public-home #cut-in .lefty p {margin-bottom: 8px; font-size: 13px;} #public-home #cut-in .lefty p.happening {font-size: 16px; padding-top: 8px; } #public-home #cut-in .lefty p.happening a {color: #993300; padding-right: 9px; background: url('../images/arrows/orange-transparent-small.png') no-repeat right center;} #public-home #cut-in .lefty img {padding-right: 8px;} #public-home #cut-in .righty {width: 270px; margin-right: 50px;} #public-home #cut-in .righty h2 {color: #993300;} #public-home #cut-in .righty ul li {margin-bottom: 6px; } #public-home #cut-in .righty ul li a {font-weight: normal;} #public-home #cut-in .righty ul li {margin-left:-14px; background: url('../images/arrows/orange-transparent-small.png') no-repeat 4px 2px; padding-left: 14px; font-size: 13px;} #public-home #rollovers {position: absolute; top: 314px; left: 440px; height: 120px; width: 525px;} #public-home #rollovers div {display: block; height: 120px; width: 120px; float: left; padding-right: 10px; cursor: pointer;} #public-home #rollovers div img {display: none;} #public-home #rollovers div.teachers {background: url('../images/home/teachers.png') no-repeat top left;} #public-home #rollovers div.opportunities {background: url('../images/home/opportunities.png') no-repeat top left;} #public-home #rollovers div.every_student {background: url('../images/home/every_student121.png') no-repeat top left;width:121px;height:121px;} #public-home #rollovers div.welcoming {background: url('../images/home/welcoming121.png') no-repeat top left;height:121px;} #public-home #projection {position: absolute; top: 20px; left: 480px; height: 367px; width: 368px; display: none;} #public-home #projection div {display: none; padding: 60px 50px 80px 70px; height: 227px; width: 248px;} #public-home #projection p {color: #faeac7;} #public-home #projection p.quote {font-family: Georgia, serif; font-size: 16px; font-weight: normal; padding-bottom: 10px; } #public-home #projection p.author {color: #edd7b0; font-size: 13px; padding-bottom: 10px; } #public-home #projection h3 {color: #f6a11b; font-size: 12px; font-weight: bold; text-transform: uppercase; padding-bottom: 15px;} #public-home #projection p a {color: #99c9db;} #public-home #projection div.teachers {background: url('../images/home/teachers-b.png') no-repeat top left;} #public-home #projection div.opportunities {background: url('../images/home/opportunities-b.png') no-repeat top left;} #public-home #projection div.every_student {background: url('../images/home/every_student-b.png') no-repeat top left;} #public-home #projection div.welcoming {background: url('../images/home/welcoming-b.png') no-repeat top left;} #main_right { float: left; width: 300px; margin-left: 15px; padding-left: 20px; padding-top: 12px;} .corporate #main_right {margin-left: 0;} #main_right div.shadowed {background:transparent url('../images/backgrounds/membership_pic_shadow.png') no-repeat left bottom; width: 321px;} #main_right img.shadowed {padding-bottom: 3px;} #main_right .rail div.shadowed {background: url('../images/borders/school-image-frame.png') no-repeat top left;} #main_right .rail img.shadowed {padding: 3px;} #main_right .rail .caption {padding: 10px 22px 10px 3px; font-size: 12px; line-height: 16px;} #main_right .rail h2 {color: #993300; font-size: 16px; font-weight: bold;} #twitter_div, #main_right .rail .item {margin-right: 22px;} #main_right .rail .item p {padding: 0; margin: 0;} #twitter_div_date p.date, #main_right .rail .item p.date {font-size: 10px; text-transform: uppercase; padding-top: 10px;margin-bottom:0px;} #twitter_div_text p.text, #main_right .rail .item p.text {font-size: 12px; padding-top: 2px; color: #993300;} #twitter_div_text p.text a, #twitter_div_date p.date a, #main_right .rail .item p a {font-weight: normal; color: #187191; text-decoration: underline;} #main_right .rail .item p a.more {background: none;} #main_right #quote {color: #80220b; border-top: dashed 1px #80220b; border-bottom: dashed 1px #ab3f24; z-index: 4; padding: 20px; position:relative; left: -20px; width: 100%; margin-top: 20px;} #main_right #quote q {font-family: Georgia; font-size: 15px; margin-bottom: 12px; display: block;} #main_right #quote p {font-size: 11px; margin-bottom: 25px;} #main_right #resources {color: #80220b; border-top: dashed 1px #80220b; z-index: 4; padding: 20px; position:relative; left: -20px; width: 100%; margin-top: 20px;} #main_right #resources p {font-size: 11px; margin: 3px 0 5px; color: #187191;} #main_right #resources h2 {font-size: 16px;} #main_right #resources .group {padding: 5px 0;} #main_right #resources .group .date {font-size: 10px; text-transform: uppercase; } #main_right #resources .group .download {color: #993300; margin-left: -10px; padding-left: 10px; background: url('../images/arrows/orange-transparent-small.png') no-repeat 0 3px;} #main_right #resources .group .download a {color: #187191; font-size: 13px; } #main_right #resources .group .download span {color: #187191;} #main_right #resources a.more {color: #187191;} #main_right .action_call_wrapper {position: relative; height: 153px; z-index: 100;} #main_right #learn {position: absolute; top: -20px; padding-left: 20px; padding-top: 20px; background: url('../images/backgrounds/green_box_corporate.png') no-repeat; width: 255px; color: #576c05; padding-right: 50px; height: 208px;} #main_right #learn h2 {margin: 10px 0; font-size: 16px;} #main_right #problems { position: absolute; top: 60px; height: 125px; padding: 20px 50px 0px 20px; background: url('../images/backgrounds/green_box.png') no-repeat; width: 250px; color: #576c05; z-index: -1; } #main_right #problems h2 { border-top: dashed 1px #80220b; padding: 14px 0px 6px 38px; margin: 0px -50px 0px -38px;} #main_right #problems a:link, #main_right #problems a:visited { font-weight: normal; text-decoration: underline; } #main_right p {font-size: 13px; margin-bottom: 10px;} #main_right p.contact {font-size: 12px; line-height: 15px; margin-bottom: 13px;} #main_right p a {color: #576c05;} #main_right .gradiented {background: url('../images/backgrounds/corporate.png') no-repeat; color: #993300; padding: 15px 35px 20px 20px; margin-top: 20px; width: 265px;} #content.member #main_right .gradiented {margin-top: 75px;} .site #main_right .gradiented {margin-top: -13px;} .gradiented h2 {font-size: 16px;} .site .gradiented h2 {padding-top: 4px;} .gradiented p {margin: 15px 0px; font-size: 13px;} .gradiented ul li {list-style-type: none;} .gradiented ul li a {font-weight: normal;} #main_right .gradiented.testimonial .quote {margin-top: 0; color: #80220b; font-size: 14px; font-family: Georgia, serif; padding: 0 10px;} #main_right .gradiented.testimonial .author {padding: 0 10px; font-size: 12px; color: #80220b;} #main_right .gradiented.testimonial ul {padding-left: 10px; width: 120px;} #main_right .gradiented.testimonial img {float: right; padding-left: 20px;} .corporate #main_right .gradiented.testimonial img {padding-left: 0;} #main_right .rail-top {background: url('../images/backgrounds/school-rail-top.png') no-repeat top left; height: 15px; width: 352px;} #main_right .rail {background: url('../images/backgrounds/school-rail-mid.png') repeat-y top left; width: 335px; padding-left: 17px; padding-top: 5px; padding-bottom: 2px;} #main_right .rail-base {background: url('../images/backgrounds/school-rail-base.png') no-repeat top left; height: 15px; width: 352px;} #main_right .rail .social {background: url('../images/backgrounds/school-rail-gradient.png') no-repeat top left; margin-top: 12px; margin-left: -11px; width: 330px; padding: 12px 0 12px 12px;} #main_right .rail .social ul li {width: 85px; height: 22px; padding: 4px 0 4px 23px; display: block; float: left; margin-top: 10px;} #main_right .rail .social ul li a {font-weight: normal; } #main_right .rail .social ul li.fb {background: url('../images/logos/facebook.png') no-repeat 0px 2px;} #main_right .rail .social ul li.twitter {background: url('../images/logos/twitter.png') no-repeat 0px 2px;} #main_right .rail .social ul li.youtube {background: url('../images/logos/youtube.png') no-repeat 0px 1px;} #main_right .rail .social ul li.flickr {background: url('../images/logos/flickr.png') no-repeat 0px 1px;} #main_right .rail .social ul li.blog {padding-left: 0;} table.month {width: 613px; } #main_left table.month p {font-size: 12px; padding-bottom: 0; margin-bottom: 5px;} table.month tr td {padding: 10px 20px;} table.month tr td.odd {background: url('../images/backgrounds/month_white.png') repeat top left;} table.month tr td.even {background: url('../images/backgrounds/month_blue.png') repeat top left;} table.month p.date {font-weight: bold;} #main_left table.month h2 {padding-top: 0; margin-top: 0;} table.month h2 a {color: #993300;} table.month a.register_online {display: block; width: 142px; height: 26px; background: url('../images/buttons/register_online.png') no-repeat;} table#school {width: 539px; margin: 5px 30px;} table#school tr td {text-align: left; vertical-align: top;} table#school tr td.logo {text-align: right; padding-right: 22px; border-bottom: 1px dotted #e5c79b; padding-bottom: 5px; } table#school tr td.details {padding-left: 13px; border-bottom: 1px dotted #e5c79b; padding-bottom: 5px;} table#school tr td.label {width: 180px; border-right: 1px dotted #e5c79b; text-align: right; padding: 10px 13px 10px 20px; font-weight: bold; font-size: 10px; color: #ef590d; text-transform: uppercase;} table#school tr td.data {width: 292px; padding: 10px 20px 10px 13px;} table#school tr.even {background: url('../images/backgrounds/school-even-row.png') repeat top left;} div.mini-search, div.mini-search-top, div.mini-search-base {width: 437px; padding: 0 5px; position: relative; left: -25px;} div.mini-search {background: url('../images/backgrounds/mini-search-shadow.png') repeat-y; } .corporate div.mini-search-top {margin-top: 40px;} div.mini-search-top {height: 5px; background: url('../images/backgrounds/mini-search-top.png') no-repeat;} div.mini-search-base {height: 5px; background: url('../images/backgrounds/mini-search-bottom.png') no-repeat;} table.mini-search {width: 437px; } #main_left table.mini-search p {font-size: 12px; padding-bottom: 0; margin-bottom: 5px; font-size: 11px;} #main_left table.mini-search p a {font-weight: bold; font-size: 12px; padding-right: 2px;} table.mini-search tr td {padding: 10px 20px; margin-left: 5px;} table.mini-search tr td.head {background: url('../images/backgrounds/mini-search-stripes.png') repeat-x top left; padding: 10px 20px;} table.mini-search.tall tr td.head {background: url('../images/backgrounds/mini-search-stripes-emp.png') repeat-y top left; padding: 10px 20px;} #main_left table.mini-search tr td.head p {margin: 0;} #main_left table.mini-search tr td.head p.instructions {font-weight: bold; text-transform: uppercase; font-size: 12px; color: #993300; width: 320px; line-height:14px; margin: 0 0 6px 0;} #main_left table.mini-search tr td.head p.instructions.lopad {margin: 10px 0 2px;} #main_left table.mini-search tr td.head p.eg {font-size: 11px; color: #832e04;} table.mini-search tr td.odd {background: url('../images/backgrounds/month_white.png') repeat top left;} table.mini-search tr td.even {background: url('../images/backgrounds/month_blue.png') repeat top left;} #main_left table.mini-search h2 {padding-top: 0; margin-top: 0;} .corporate #main_left table.mini-search h2 {padding-left: 0; margin-left: 0; background: none;} .corporate #main_left table.mini-search ul {padding-left: 7px; margin: 10px 0 0;} .corporate #main_left table.mini-search ul li {margin-left:-14px; background: url('../images/arrows/orange-transparent-small.png') no-repeat 4px 2px; padding-left: 15px; text-transform: none; font-weight: normal; font-size: 12px; margin-bottom: 3px;} .corporate #main_left table.mini-search ul li a {color: #076081; font-weight: normal; } table.mini-search h2 a {color: #993300;} table.mini-search h3.search_opportunities {color: #832e04; font-size: 20px; font-family: Georgia; background: url('../images/headers/search_opportunities.png') no-repeat top left; height: 21px; width: 188px;} #content.corporate #benefits { border-top: dashed 1px #80220b; border-bottom: dashed 1px #ab3f24; z-index: 4; padding: 5px 50px 40px 20px; position:relative; left: -20px; width: 270px; margin-top: 20px;} #content.corporate #benefits h2 {color: #80220b; padding-left: 8px;} .corporate #benefits ul li {color: #187191; background: url('../images/arrows/blue_tri.gif') no-repeat left 5px; padding-left: 7px; font-size: 13px; font-weight: bold; margin-top: 15px;} .corporate #benefits ul li.link {position:relative; left: -3px; background: url('../images/arrows/orange-transparent-small.png') no-repeat left 2px; font-size: 10px; text-transform: uppercase; padding-left: 10px;} .corporate #benefits ul li.link a {font-weight: normal;} /* Search Results Page*/ .site #main .intro_search {height: 130px; } .site.search #main .intro {height: 130px;} .site #main .intro { color: #993300; font-size: 14px; padding-right: 40px; padding-left: 3px; padding-right: 3px; } .site h1#school_search {width: 384px; height: 31px; background: url('../images/headers/school_search_results.png') no-repeat; padding-bottom: 20px;} .site h1#whats_happening {width: 379px; height: 82px; background: url('../images/headers/whats_happening.png') no-repeat; padding-bottom: 20px;} .site table#results {width: auto;} .site table#results.open-house { margin-top: 23px; } table#results .viewing {background: url('../images/backgrounds/search_results_viewing.png') no-repeat top left; height: 83px; vertical-align: middle;} table#results .viewing h2, table#results .viewing p {padding-left: 33px;} table#results .viewing h2 {font-size: 14px;} table#results .viewing p {font-size: 14px; color: #de6020;} table#results .viewing .remove {color: #993300; font-size: 10px; text-decoration: underline; font-weight: normal; position: relative; top: -2px;} table#results .paging { background: url('../images/backgrounds/search_results_pagination.png') no-repeat top left; height: 30px; text-align: right; } table#results .paging td {padding: 0 30px; font-size: 14px; font-weight: bold; vertical-align: middle;} table#results .paging span {padding-right: 10px; font-weight: normal;} table#results .paging a {padding: 0 1px; font-weight: normal; text-decoration: underline;} table#results tr.headers th {height: 20px;} table#results.summer-programs tr.headers { } table#results.summer-programs { width : 675px; } table#results.summer-programs tr.headers th.school { background: url('../images/backgrounds/summer_program_th.png') no-repeat; } table#results.summer-programs tr.headers th.grades { background: url('../images/backgrounds/summer_program_th.png') no-repeat -308px top; } table#results.summer-programs tr.headers th.type {background: url('../images/backgrounds/summer_program_th.png') no-repeat -415px 0;} table#results.summer-programs tr.headers th.location {background: url('../images/backgrounds/summer_program_th.png') no-repeat -541px 0;} table#results.summer-programs tr .grades {background-position: -257px 0;} table#results.summer-programs tr.location {background-position: -537px 0;} table#results.summer-programs tr.headers th { height: 26px;} table#results.summer-programs tr.odd {background-image: url('../images/backgrounds/search_results_odd_summer.png'); background-repeat: repeat-y;} table#results.summer-programs tr.even {background-image: url('../images/backgrounds/search_results_even_summer.png'); background-repeat: repeat-y;} table#results.summer-programs tr td.location { border-left: 1px dotted #bbb; } /* summer results apply css to the td borders instead of using the image for column separators */ table#results.summer-programs tr td.school { width: 257px; } table#results.summer-programs tr td.grades { width: 80px; border-left: 1px dotted #bbb; } table#results.summer-programs tr td.type { width: 95px; border-left: 1px dotted #bbb; } table#results.summer-programs tr td.location { width: 95px; } table#results.summer-programs th.school { width: 258px; } table#results.summer-programs th.grades { width: 79px; } table#results.summer-programs th.type {width: 95px;} table#results.summer-programs th.location { width: 95px; } table#results.summer-programs th.location span { display: inline; } table#results.summer-programs .school { width: 259px; } table#results.summer-programs .grades { width: 82px; } table#results tr.headers th.school { background: url('../images/backgrounds/search_results_th.png') no-repeat; } table#results tr.headers th.grades { background: url('../images/backgrounds/search_results_th.png') no-repeat -305px top; } table#results tr.headers th.type {background: url('../images/backgrounds/search_results_th.png') no-repeat -412px 0;} table#results tr.headers th.size {background: url('../images/backgrounds/search_results_th.png') no-repeat -519px 0;} table#results tr.headers th.location {background: url('../images/backgrounds/search_results_th.png') no-repeat -558px 0;} table#results.open-house tr.headers th.school { background: url('../images/backgrounds/open_house_th.png') no-repeat; } table#results.open-house tr.headers th.grades { background: url('../images/backgrounds/open_house_th.png') no-repeat -307px top; } table#results.open-house tr.headers th.type {background: url('../images/backgrounds/open_house_th.png') no-repeat -412px 0;} table#results.open-house tr.headers th.size {background: url('../images/backgrounds/open_house_th.png') no-repeat -519px 0;} table#results.open-house tr.headers th.location {background: url('../images/backgrounds/open_house_th.png') no-repeat -537px 0;} table#results tr .grades {background-position: -304px 0;} table#results.open-house tr .grades {background-position: -307px 0;} table#results tr .type {background-position: -412px 0;} table#results tr .size {background-position: -519px 0;} table#results tr .location {background-position: -558px 0;} table#results.open-house tr .location {background-position: -537px 0;} table#results.open-house tr.location {background-position: -537px 0;} table#results.open-house tr.headers th { height: 26px;} table#results tr.odd td {background-image: url('../images/backgrounds/search_results_odd.png'); background-repeat: repeat-y;} table#results tr.even td {background-image: url('../images/backgrounds/search_results_even.png'); background-repeat: repeat-y;} table#results.open-house .odd td {background-image: url('../images/backgrounds/open_house_body_odd.png'); background-repeat: repeat-y;} table#results.open-house .even td {background-image: url('../images/backgrounds/open_house_body_even.png'); background-repeat: repeat-y;} table#results .school {width: 293px; padding: 10px 4px 10px 8px; vertical-align: top;} table#results.open-house .school { width: 295px; } table#results .school h3 {font-size: 14px; padding-left: 25px; background: url('../images/arrows/orange-transparent-small.png') no-repeat 14px 4px; padding-bottom: 4px;} table#results .school h3 a {color: #993300;} table#results .school p {padding: 0 10px 0 25px; } table#results .school p.date { font-weight: bold; padding: 5px 10px 5px 25px; } table#results.summer-programs .school p.date { font-weight: normal;font-size:0.8em; } table#results .grades {width: 93px; padding: 31px 6px 10px 8px; vertical-align: top; font-weight: bold;} table#results.open-house .grades { width: 91px; } table#results .type {width: 94px; padding: 31px 6px 10px 8px; vertical-align: top;} table#results.open-house .type {width: 109px; } table#results .size {width: 12px; padding: 32px 6px 10px 13px; vertical-align: top;} table#results .location {width: 102px; padding: 31px 6px 10px 12px; vertical-align: top;} table#results.open-house .location { width: 98px; } table#results .location span {display: block; font-weight: bold;} table#results.open-house .location span { display: inline; } table#results .links {color: #993300; background: url('../images/backgrounds/search_results_links.png') no-repeat top left; height: 70px; vertical-align: middle; padding-left: 20px;} table#results .links p {padding-left: 10px; background: url('../images/arrows/orange-transparent-small.png') no-repeat 0px 2px;} table#results .links a {color: #993300;} table#results .links .filesize {color: #187191;} table#results .foot { height: 5px; width: 678px; background: url('../images/backgrounds/open_house_bottom.png') no-repeat top left; } .site #search_ne {position: relative; width: 318px; height: 307px; background: url('../images/backgrounds/search_schools_in_ne.png'); margin: 14px 0 32px -7px; color: #832e04; font-size: 12px; } .site #search_ne.blue_circle { background-image: url('../images/backgrounds/left_blue_circle.png'); background-repeat: no-repeat; background-position: 0px 0px; margin: 1px 0 18px 8px; padding: 80px 20px 80px 35px; height: 111px; width: 230px; } .site #search_ne.blue_circle_sp { background-image: url('../images/backgrounds/left_blue_circle.png'); background-repeat: no-repeat; background-position: 0px 0px; margin: 1px 0 18px 8px; padding: 50px 20px 40px 35px; height: 181px; width: 230px; } .site #search_ne .form {position: absolute; top: 136px; left: 60px; width: 230px;} #public-home #search .form {position: absolute; top: 170px; left: 64px; width: 230px;} #public-home #search .form .text, .site #search_ne .form .text {width: 193px;line-height:14px;} .mini-search input {width: 260px; height: 14px;line-height:14px;} input#summer_search, input#openhouse_search {line-height:14px;} .site #search_ne form .submit, #main .blue_stripes .submit, .mini-search .submit, #public-home #search .form .submit {height: 20px; width: 20px; background: url('../images/arrows/search_go.png') no-repeat; border: none; font-size: 8px; cursor: pointer;} .site #search_ne .form .advanced {font-size: 10px; text-align: right; padding-right: 32px; padding-top: 3px;} #public-home #search .form .advanced {font-size: 10px; text-align: right; padding-right: 32px; padding-top: 3px;} .site #search_ne .form .advanced a {color: #ffffff; text-decoration: underline; } #public-home #search .form .advanced a {color: #ffffff; text-decoration: underline; font-weight: normal; } .site #search_ne .form .selects {margin-top: 30px; } #public-home #search .form .selects {margin-top: 30px;} .site #search_ne .form .selects input {margin-bottom: 5px;} #public-home #search .form .selects input {margin-bottom: 5px;} .site .blue_circle h3.openhouse_search { background: url('../images/headers/search_open_houses.png') no-repeat; height: 22px; width: 187px; margin-bottom: 11px; } .site .blue_circle h3.openhouse_search + p span { text-transform: uppercase; } .site .blue_circle p.search_help { font-size: 11px; margin-top: 5px; margin-bottom: 13px; } .site .blue_circle_sp h3.summerprogram_search { background: url('../images/headers/search_summer_programs.png') no-repeat; height: 19px; width: 201px; margin-bottom: 2px; } /* Blue/yellow boxes with shadow */ #shadow_head, #shadow_body, #shadow_foot { width: 676px; margin: 0; background-position: top left; } #shadow_head { background-image: url('../images/backgrounds/shadow_top.png'); height: 3px; background-repeat: no-repeat; margin-top: 23px;} #shadow_body { background-image: url('../images/backgrounds/blue_box_shadow_middle.png'); background-repeat: repeat-y; width: 676px; } #shadow_foot { background-image: url('../images/backgrounds/shadow_bottom.png'); background-repeat: no-repeat; height: 3px; } #shadow_body .blue_stripes, #shadow_body .yellow_stripes { color: #832e04; margin: 0px 2px 0px 3px; } #shadow_body .blue_stripes { background-image: url('../images/backgrounds/blue_box_stripe.png'); } #shadow_body .yellow_stripes { background-image: url('../images/backgrounds/yellow_box_stripe.png'); padding: 15px 20px; } #shadow_body .blue_stripes .evenrow { background: url('../images/backgrounds/blue_box_darker_overlay.png'); } #shadow_body .blue_stripes .bb {border-bottom: 1px dotted #a29f8f;} /* Advanced search */ .site h1#adv_search {width: 428px; height: 31px; margin-top: 6px; background: url('../images/headers/advanced_school_search.png') no-repeat; padding-bottom: 20px;} #main .intro ul.other_searches { float: right; padding: 13px 10px 13px 18px; margin-top: 10px; background: url('../images/borders/vertical_dashes.png') repeat-y left;} #main .intro ul.other_searches li { text-transform: uppercase; font-size: 10px; font-weight: bold; line-height: 10px; padding: 4px 0; } #main .intro ul.other_searches li a:link, #main .intro ul.other_searches li a:visited { color: #993300; } #main .intro h1#adv_search + p { width: 475px; } #main .blue_stripes div { padding: 30px 30px 20px; font-size: 11px; } #main .blue_stripes label { text-transform: uppercase; font-weight: bold; text-align: right; line-height: 30px; float: left; width: 185px; font-size: 12px; } #main .blue_stripes p.form_help { margin-left: 190px; padding-top: 2px;} #main .blue_stripes input[type=text] { height: 24px; width: 314px; margin-left: 5px; line-height: 24px; } #main .blue_stripes select { line-height: 30px; margin: 3px 5px 3px 190px; height: 30px; } #main .blue_stripes label + select { margin: 5px; } #main .blue_stripes .submit { padding-bottom: 10px; } #main .yellow_stripes li { line-height: 20px; background-image: url('../images/arrows/orange-transparent-small.png'); background-repeat: no-repeat; padding: 0 0 0px 10px; background-position: 0px 5px; } #main .yellow_stripes li a:link, #main .yellow_stripes li a:visited { color: inherit; } #main .yellow_stripes li a .filesize { font-weight: normal; font-size: 10px; } #main .yellow_stripes li a .filetype { font-weight: normal; font-size: 11px; text-transform: uppercase; } /* Open Houses */ .site h1#open_houses {width: 315px; height: 67px; margin: 6px 0 0 29px; background: url('../images/headers/upcoming_school_open_houses.png') no-repeat; padding-bottom: 20px;} .site h1#open_houses + p { margin: 10px 0 0 30px; padding-right: 60px; } #main .oh_detail { margin: 10px 0 0 30px; padding-right: 60px; } #main .oh_detail p, #main .oh_detail ul { margin-bottom: 10px;line-height:20px;} #main .oh_detail p.posted {font-size:11px;float:left;width:250px;} #main .oh_detail ul.info { width:500px; margin-left:0px;} #main .oh_detail .info li { line-height: 20px; background-image: url('../images/arrows/orange-transparent-small.png'); background-repeat: no-repeat; padding: 0px 0 5px 10px; background-position: 0px 5px; } #main .intro ul.other_searches#oh_others { padding: 0 10px 0 18px; margin: 0 0px 0px 0px; width: 178px; } #main.detail .intro ul.other_searches#oh_others {margin-top: -10px; width: 305px;} .site #main.detail .intro ul.other_searches#oh_others {width: 200px; margin-top: 0; padding-top: 15px; padding-bottom: 15px;} /* Summer Programs */ .site h1#summer_programs {width: 340px; height: 52px; margin: 6px 0 0 22px; background: url('../images/headers/summer_programs.png') no-repeat; padding-bottom: 20px;} .site h1#summer_programs + p { margin: 10px 0 0 30px; padding-right: 60px; } .site p.highlight {color: #187191; font-size: 14px; margin-top: 17px;line-height:20px;} div.selectbox {position:relative; text-transform: uppercase;} div.selectbox.rsvp {width: 100px;} div.selectbox a {background: url('../images/backgrounds/search_dropdown.gif') no-repeat; width: 182px; height: 17px; display: block; color: #de6020; font-size: 10px; padding-top: 3px; padding-left: 10px; margin-bottom: 5px; font-weight: normal;z-index:10;} ul.select_options {position: absolute; background: #fdfdfd; width: 182px; left:0px; border-right:1px solid #999; padding-left: 10px; border-bottom: 1px solid #999; z-index: 600; top: 20px;padding-top: 3px; padding-bottom: 8px;} ul.select_options li {margin-top: 5px; height: auto; margin-right: 0; float: none; } #main_left ul.select_options li {font-weight: normal; background: none; padding-left: 0px; margin-bottom: 5px;} div.selectbox ul.select_options li a {color: #c55116; width: auto; padding-left: 0; padding-top: 0; background: none; height: auto;} div.selectbox a:hover, div.selectbox ul.select_options li a:hover {text-decoration: none;} #main .blue_stripes div.selectbox.advanced {margin-left: 190px;padding: 0; margin-top: 9px;} #main .blue_stripes div#boarding_box {margin-top: 0;} div.selectbox.advanced a {background: url('../images/backgrounds/search_dropdown_advanced.gif') no-repeat; width: 255px; height: 21px; padding-top: 7px} div.selectbox.advanced ul.select_options {top:27px; width: 255px;} #main.detail #main_left .gradient .register div.selectbox.rsvp a {background: url('../images/backgrounds/search_dropdown_advanced.gif') right no-repeat; width: 51px; height: 24px; padding-top: 3px; font-size: 18px; color: #222222;} #main_left div.selectbox.rsvp ul.select_options {top:27px; width: 51px; left: 0; margin: 0; position: absolute;} #main_left div.selectbox.rsvp ul.select_options li {background-image: none; margin-bottom: 0; padding-left: 0;} #main.detail #main_left .gradient .register div.selectbox.rsvp ul.select_options li a {color: #222; width: auto; padding-left: 0; padding-top: 0; background: none; height: auto;} .site #social {background: url('../images/backgrounds/social_gradient.png') repeat-x top left; margin-top: 20px; color: #993300; } .site #social .item {padding: 0 10px 13px; background: url('../images/borders/social_horizontal.png') repeat-x bottom left; margin-bottom: 13px; clear: both;} .site #social .date {color: #187191; font-weight: bold; font-size: 12px; padding: 0 10px 5px;} .site #social img {float: left; padding-right: 10px;} .site #social img.first {padding-left: 10px;} .site #social img.last {padding-right: 15px;} .site #social .school {color: #993300; font-weight: bold; font-size: 14px; padding: 0 10px 8px; background: url('../images/arrows/orange-transparent-small.png') no-repeat 0 5px;} .site #social .school span {font-size: 10px; font-weight: normal;} .site #social .text {color: #993300; font-weight: normal; font-size: 14px; padding: 0 60px 0 10px;} .site #social .school a, .site #social .text a {font-weight: normal; text-decoration: underline;} .site #social .text a.more {background: none; } .site #social .legal {padding: 8px 60px 20px 0; line-height: 16px; font-size: 11px;} .site #social .text { width: 600px;} .site #social .item p.text ,.site #social .item p.date, .site #social .item p.school { float: left; width: 600px; } .site #social div.item { float: left; width: 658px; } .site #social div.flickr p.text img { border: 1px solid #ccc; margin: 0px 14px 14px 0px; padding: 0; } /* workaround because putting the padding on the outer element spaced all elements */ .site #social div.row1 { margin-top: 15px; } .site #social .school a.name { text-decoration: none; color: #993300; font-size: 14px; font-weight: bold; } .site #testimonial {padding: 8px 35px 0 0;} .site #testimonial p {padding: 0 0 12px 40px;} .site #testimonial .quote {font-family: Georgia, serif; font-size: 14px; color: #993300; } .site #testimonial .author {font-size: 12px; color: #993300; padding-top: 5px;} .site #testimonial .more {font-size: 10px; color: #187191; } .site #testimonial p.more {background: url('../images/arrows/orange-transparent-right.png') no-repeat 26px 1px;} .site #testimonial img {float: right;} .site #four_great {padding: 30px 15px 30px 25px;} .site #four_great h4 {height: 17px; width: 213px; background: url('../images/headers/four_great_reasons.png') no-repeat 15px 0px; padding-bottom: 8px;} .site #four_great h5 {height: 30px; width: 275px; cursor: pointer; outline: none;} .site #four_great h5.great {background: url('../images/headers/great_teachers.png') no-repeat top left;} .site #four_great h5.nurt {background: url('../images/headers/nurturing_every_student.png') no-repeat top left;} .site #four_great h5.opp {background: url('../images/headers/tremendous_opportunities.png') no-repeat top left;} .site #four_great h5.welc {background: url('../images/headers/welcoming_communities.png') no-repeat top left;} .site #four_great h5 .ux {height: 100%; width: 100%; background: url('../images/arrows/accordion_closed.png') no-repeat 250px center; display: block; } .site #four_great h5.ui-state-active .ux {background-image: url('../images/arrows/accordion_brown.png');} .site #four_great .container {background: url('../images/borders/accordion_contents.png') repeat-y top left; padding: 12px 25px; color: #993300; font-size: 13px;} .site #four_great .container p {padding-left: 10px;} .site #four_great .container p.more {background: url('../images/arrows/orange-transparent-small.png') no-repeat 0 2px; font-size: 10px; margin-top: 2px;} .site #four_great .container p.more a:link, .site #four_great .container p.more a:link { color: #993300;} .site .paper {background: url('../images/backgrounds/paper.png') no-repeat top left; height: 197px; width: 233px; margin-left: 28px; padding: 10px 20px;} .site .paper h5 {padding: 0 10px 12px; font-size: 14px; color: #993300;} .site #content #left .paper h5 a {color: inherit; font-weight: bold; } .site .paper.faq h5 {font-size: 16px; } .site .paper li {background: url('../images/arrows/orange-transparent-small.png') no-repeat 0 3px; padding: 0 0 5px 10px; margin-left: 0;} .site .paper .more { font-size: 10px; left: 0; } .site .paper p.more {padding: 5px 0 0 10px; } .site .paper p {padding: 0 10px; font-size: 13px;} .site .paper p.label {font-size: 10px; color: #ef590d; font-weight: bold;} /* Tremendous Opportunities */ h3#find_right_school {background: url('../images/headers/find_right_school.png') no-repeat; width: 192px; height: 69px; margin-left: 5px;} .opportunities #search_ne p, .nurturing #search_ne p, .teachers #search_ne p, .welcoming #search_ne p {margin-left: 20px; margin-top: 7px; font-size: 11px;} .opportunities #search_ne p.strong, .nurturing #search_ne p.strong, .teachers #search_ne p.strong, .welcoming #search_ne p.strong {margin-top: 12px;} .opportunities #search_ne p a, .nurturing #search_ne p a, .teachers #search_ne p a, .welcoming #search_ne p a {color: white; text-transform: uppercase; font-weight: normal; text-decoration: underline;} #content.opportunities #search_ne p.strong a, #content.nurturing #search_ne p.strong a, #content.teachers #search_ne p.strong a, #content.welcoming #search_ne p.strong a {font-size: 12px; color: #832e04; padding-right: 12px; background: url('../images/arrows/orange-dark-transparent-right.png') no-repeat right; text-decoration: none; font-weight: bold;} .site #content.opportunities {margin-top: 0px; padding-top: 12px; background: url('../images/backgrounds/opportunities.png') top right no-repeat; width: 1020px; padding-right: 30px;} .site #content.nurturing {margin-top: 0px; padding-top: 12px; background: url('../images/backgrounds/nurturing.png') top right no-repeat; width: 1020px; padding-right: 30px;} .site #content.teachers {margin-top: 0px; padding-top: 12px; background: url('../images/backgrounds/great_teachers.png') top right no-repeat; width: 1020px; padding-right: 30px;} .site #content.welcoming {margin-top: 0px; padding-top: 12px; background: url('../images/backgrounds/welcoming.png') top right no-repeat; width: 1020px; padding-right: 30px;} .site h1#tremendous_opportunities {width: 483px; height: 42px; margin-top: 6px; background: url('../images/headers/tremendous_opportunities.gif') no-repeat;} .site h1#nurturing_every_student {width: 444px; height: 42px; margin-top: 6px; background: url('../images/headers/nurturing_every_student.gif') no-repeat;} .site h1#great_teachers {width: 268px; height: 42px; margin-top: 6px; background: url('../images/headers/great_teachers.gif') no-repeat;} .site h1#welcoming_communities {width: 442px; height: 42px; margin-top: 6px; background: url('../images/headers/welcoming_communities.gif') no-repeat;} .opportunities #main .intro, .nurturing #main .intro, .teachers #main .intro, .welcoming #main .intro {padding-left: 29px; } .opportunities #main .intro p, .nurturing #main .intro p, .teachers #main .intro p, .welcoming #main .intro p {margin-top: 10px; width: 331px; font-size: 12px; line-height: 17px;} .opportunities #main .intro p.highlight, .nurturing #main .intro p.highlight, .teachers #main .intro p.highlight, .welcoming #main .intro p.highlight {color: #187191; font-size: 14px; margin-top: 17px; width: 460px;} .opportunities #main .intro p a, .nurturing #main .intro p a, .teachers #main .intro p a, .welcoming #main .intro p a {color: #993300; text-decoration: underline; font-weight: normal;} #testimonials {margin-top: 20px; padding: 20px 14px; background: url('../images/backgrounds/opportunities_testimonials.png') repeat-x;} #testimonials .testimonial_row{margin-top: 20px;} #testimonials .testimonial{float: left; height: 210px; width: 285px; padding-right: 30px;} #testimonials .testimonial.narrow {width: 275px; padding-right: 40px;} #testimonials .testimonial_row.top .testimonial {background: url('../images/borders/horizontal_dash.gif') no-repeat bottom right;} #testimonials .testimonial.left{margin-right: 20px;} #testimonials .testimonial p{color: #993300; font-size: 14px;} #testimonials .testimonial img{float: right;margin-top:7px;} #testimonials .testimonial p.attribution {font-size: 12px; margin-top: 10px;width:180px;} /* Main Home */ #content #main_home_pic {position: absolute; right: 40px; top: 0px; z-index: 300;} #content #tan_circle {position: absolute; top: -60px; right: 375px; z-index: 200;} #content div#value_prop {padding-top: 15px; height: 235px;} #content div#value_prop p {background: url('../images/backgrounds/value_prop.png') no-repeat; height: 202px; padding: 38px 15px 55px 20px; width: 354px; font-size: 15px; color: #8c2d16; line-height: 20px; font-family: Georgia, serif;} #content div#value_prop p a {text-transform: uppercase; text-decoration: underline; font-size: 10px; color: #8c2d16; font-weight: normal; font-family: Arial, sans-serif;} .main .main_home #main {background: url('../images/backgrounds/main_home.png') repeat-x; padding: 15px 35px 15px 15px; margin-top: 20px; width: 952px;} a#employment_opportunities {width: 331px; height: 34px; background: url('../images/headers/employment_opportunities.png') no-repeat; display: block;} div.red-dash {background: url('../images/borders/social_horizontal.png') repeat-x; position: absolute; width: 923px; height: 1px; bottom: -25px; left: 5px; z-index: 100;} .main_home .col {padding-top: 22px; float: left; min-height: 600px; margin-top: 10px;} .main_home .col h2 {margin-left: 10px; font-size: 16px; font-weight: bold; color: #993300; margin-bottom: 10px;} #content.main_home #left {width: 330px; background: none; padding: 0; padding-top: 22px; margin-right: 0;} #left ul.events li, .main_home #reports ul li{margin-bottom: 15px; padding-right: 35px;} .main_home ul.events p, .main_home ul.events h3, .main_home #reports ul p {padding-left: 10px;} #left ul.events li p.date, .main_home #reports li p.date {font-size: 10px; text-transform: uppercase;} #left ul.events li h3, .main_home #reports li p.report {background: url('../images/arrows/orange-small-right.png') no-repeat left 3px;} #left ul.events li h3, .main_home #reports li p.report strong { font-size: 13px; font-weight: bold; margin: 3px 0;} #left ul.events li p.location, #left ul.events li p.sponsor {font-size: 11px; padding-left: 10px;} #left ul.events li p.sponsor {font-weight: bold;} #content.main_home #left p.more, .main_home #reports p.more {padding-left: 10px; background: url('../images/arrows/orange-transparent-small.png') no-repeat left 2px; margin-top: 10px; text-transform: uppercase; font-size: 10px;} #content.main_home #left p.more a, .main_home #reports p.more a {font-weight: normal;} .main_home #center {width: 217px; height: 205px; background: url('../images/backgrounds/green_box_member_benefits.png') no-repeat; margin-left: 42px; color: #576c05; padding: 22px 45px 30px 24px; margin-top: 7px;} .main_home #center h2 {color: #576c05;} .main_home #center ul li {padding-left: 10px; background: url('../images/arrows/green_tri.gif') no-repeat 2px 5px; margin-top: 10px; font-size: 12px; font-weight: bold;} .main_home #center ul li.small {font-size: 10px; font-weight: normal; text-transform: uppercase; background: url('../images/arrows/orange-small-right.png') no-repeat left 3px;} .main_home #center ul li.small a {color: #576c05; font-weight: normal;} .main_home #right.col {width: 232px; margin-left: 42px; position: relative; padding-top: 0;} .main_home #right #latest {padding: 25px 20px 0px 10px; width: 202px; height: 92px; background: url('../images/backgrounds/blue_box.png') no-repeat; } .main_home #right #latest li a {display: block; background: url('../images/arrows/white-right.png') no-repeat left 2px; padding-left: 12px; color: white; font-size: 12px; font-weight: bold; margin-bottom: 10px;} .main_home #right .red-dash {width: 248px; top: 100px; left: -10px;} .main_home #right #reports {margin-top: 15px;} .main_home #reports ul li {padding-right: 0;} .main_home #reports ul li p.report {font-size: 11px; padding-left: 10px;} .main_home #reports ul li p.report a {color: #993300; font-weight: normal;} /* Directory form */ p.form_intro { margin: 0px 25px; } p.form_intro a:link, p.form_intro a:link { font-weight: normal; text-decoration: underline; } form fieldset { background: url('../images/backgrounds/blue_box_stripe.png'); margin: 47px 17px 0px 25px; } form fieldset div.legend { display: block; height: 20px; padding: 8px 30px 3px 30px; position: relative; top: -31px; background: url('../images/backgrounds/fieldset_tile.png'); width: 698px; color: #ef590d; font-size: 12px; font-weight: bold; text-transform: uppercase; } form fieldset ul { margin-top: -15px; } form fieldset ul li { clear: left; height: auto; } form fieldset ul li label { display: block; float: left; color: #993300; font-weight: bold; font-size: 12px; text-transform: uppercase; height: 30px; width: 160px; text-align: right; margin: 0px 10px 0px 25px; padding-top: 9px; } form fieldset ul li label[for=admissions_phone_number], form fieldset ul li label[for=student_or_campus_photo], form fieldset ul li label[for=facebook_page_or_group_url], form fieldset ul li label[for=of_student_body_on_financial_aid] { padding-top: 0; } /* Event Reg form */ form fieldset#reg_information { background: url('../images/backgrounds/blue_box_stripe.png'); margin: 27px 15px 5px 0px; padding-bottom:10px;width:950px;} form fieldset#reg_information ul { margin-top: -15px; } form fieldset#reg_information ul li { clear: left; height: auto; background-image:none;margin-bottom:5px;} form fieldset#reg_information ul li table {display:inline;font-size:11px;font-weight:normal;line-height:15px;padding:0;} form fieldset#reg_information ul li input {width:300px; } form fieldset#reg_information ul li input.short {width:152px;margin-right:2px; } form fieldset#reg_information ul li input.medium { width: 190px;margin-right:2px; } form fieldset div.event_legend { display: block; height: 20px; padding: 8px 20px 3px 20px; position: relative; top: -31px; background: url('../images/backgrounds/fieldset_tile.png'); color: #ef590d; font-size: 12px; font-weight: bold; text-transform: uppercase; } form fieldset#reg_information ul li label { display: block; float: left; color: #993300; font-size: 12px; text-transform: uppercase; height: 30px; width: 214px; text-align: right; margin: 0px 10px 0px 5px; padding: 0px; padding-left:10px;} form fieldset#reg_information .how_many {display: block; padding-left: 98px; height: 28px; background: url('../images/headers/how_many_attending.png') no-repeat left center; margin-bottom: 10px;} form fieldset#reg_information div.selectbox.rsvp a {background: url('../images/backgrounds/search_dropdown_advanced.gif') right no-repeat; width: 51px; height: 24px; padding-top: 3px; font-size: 18px; color: #222222;} form fieldset#reg_information div.selectbox.rsvp ul.select_options {top:27px; width: 51px; left: 0; margin: 0; position: absolute;} form fieldset#reg_information div.selectbox.rsvp ul.select_options li {background-image: none; margin-bottom: 0; padding-left: 0;} form fieldset#reg_information div.selectbox.rsvp ul.select_options li a {color: #222; width: auto; padding-left: 0; padding-top: 0; background: none; height: auto;} form fieldset#reg_information div#member_checkbox { float: left; width:32px;} form fieldset#reg_information div#member_checkbox label { margin: 0px 5px 0px 0px; height: 20px; padding: 0; text-align: left; } form fieldset#reg_information div#member_checkbox label.wide { width: 149px; } form fieldset#reg_information div#member_checkbox label.narrow { width: 72px;} form fieldset#reg_information div#member_checkbox a { padding-left: 20px; color: inherit; text-decoration: none; background: url('../images/buttons/unchecked_box.png') no-repeat bottom left; outline: none;} form fieldset#reg_information div#member_checkbox a.checked { background: url('../images/buttons/checked_box.png') no-repeat; } form fieldset#reg_information .longnote { width:315px; float:left; color: #993300;font-weight:normal;font-size:11px;line-height:14px;padding-bottom:10px;} #main.detail #main_left .gradient .summary {width: 385px; border-top: dotted 1px #e9ce9f; margin:12px 0px 12px 0px;} #main.detail #main_left .gradient .summary tr.head {font-weight: bold; font-size: 13px;color:#993300;} #main.detail #main_left .gradient .summary tr.head td {padding-top:12px;} #main.detail #main_left .gradient .summary tr td {vertical-align: top; padding:2px;} #main.detail #main_left .gradient .summary p {padding-right: 0;} #main.detail #main_left .gradient .summary input {line-height:normal;} #event_billing input {line-height:normal;} fieldset input.short, fieldset input.medium, fieldset input.long, fieldset input.vlong { height: 24px; float: left; line-height:18px;} fieldset input.short { width: 82px; } fieldset input.medium { width: 218px; } fieldset input.long { width: 315px; } fieldset input.vlong { width: 500px; } fieldset textarea { float: left; width: 415px; height: 150px; overflow: auto; margin-bottom: 30px; } fieldset textarea#school_description {width: 390px;} fieldset textarea#special_programs {width:390px; margin-bottom: 10px; } fieldset div.helper_text, fieldset #count { float: left; font-size: 11px; font-weight: normal; color: #832e04; width: 220px; margin-left: 6px; } fieldset ul li div.selectbox { position: relative; float: left; margin-right: 4px; } fieldset ul li div.selectbox a { height: 28px; color: #c55116; padding-top: 7px; outline: none; } fieldset ul li div.selectbox.short a { background: transparent url('../images/backgrounds/form_dropdown_short.png') no-repeat; width: 160px; } fieldset ul li div.selectbox.medium a { background: transparent url('../images/backgrounds/form_dropdown_medium.png') no-repeat; width: 208px; } fieldset ul li div.selectbox.short ul.select_options { top: 43px; width: 149px; } fieldset ul li div.selectbox.medium ul.select_options { top: 43px; width: 206px; } fieldset ul li div.selectbox.short ul li a {background: none;} fieldset ul li div.selectbox.medium ul li a {background: none;} div.selectbox.wide a { background: transparent url('../images/backgrounds/form_dropdown_wide.png') no-repeat; width: 254px; height: 25px; margin-top: 5px; outline: none; } #main_left div.selectbox.wide ul.select_options { top: 32px; width: 254px; position: absolute; margin: 0; top: 25px; left: 0px; } div.selectbox ul.select_options li a { background: none; width: inherit; } fieldset div#grade_checkboxes { float: left; width: 315px; } fieldset div#grade_checkboxes label { margin: 0px 5px 0px 0px; height: 20px; padding: 0; text-align: left; } fieldset div#grade_checkboxes label.wide { width: 149px; } fieldset div#grade_checkboxes label.narrow { width: 72px; } fieldset div#grade_checkboxes a { padding-left: 20px; padding-top: 1px; color: inherit; text-decoration: none; background: url('../images/buttons/unchecked_box.png') no-repeat; outline: none;} fieldset div#grade_checkboxes a.checked { background: url('../images/buttons/checked_box.png') no-repeat; } div#before_submit { margin: 18px 17px 18px 25px; background: url('../images/backgrounds/yellow_box_stripe.png'); color: #993300; padding: 15px 100px 15px 20px; } div#before_submit a:link, div#before_submit a:visited { color: inherit; font-weight: normal; text-decoration: underline; } p#submit_buttons { margin-left: 25px;} p#submit_buttons input#submit { float:left;border: 0; background: url('../images/buttons/submit_bluestriped.png') no-repeat top left; height: 34px; width: 100px;} p#submit_buttons input#submit_directory { float:left;border: 0; background: url('../images/buttons/submit_bluestriped.png') no-repeat top left; height: 34px; width: 100px;} p#submit_buttons input#cancel { border: 0; background: url('../images/buttons/cancel_bluestriped.png') no-repeat top left; margin-left: 15px; height: 34px; width: 100px; } #show-load {margin-left: 30px; display:none;} /* footer */ #footer {padding: 0 0 20px 0; background: url('../images/borders/single-stitch-blue.gif') repeat-x bottom left; z-index: -1;z-index: -1; position: relative; } #footer p {padding: 0 60px; z-index: 1000;} #footer { z-index: 1000; } #footer p.overbar {padding-top: 20px; background: url('../images/borders/single-stitch-blue.gif') repeat-x top left; z-index: 1000;} /* end main layout */ div.selectbox.advanced ul.select_options {top: -6px; position: relative;} p.error {color:red; padding: 10px 0px 0px 30px;} p.success {color:#EF590D; padding: 10px 0px 0px 30px; font-size:18px;} #main p.success a:link,#main p.success a:visited { text-decoration: underline; } #member_content {padding: 20px 0px 0px 30px; color: #993300;} #member_content ul {list-style-type:disc; margin-left:10px;} #member_content li {padding:5px;} table#member_listing {border: 1px solid #555; width: 740px;} table#member_listing td, th {padding: 4px;} table#member_listing th {font-weight:bold;} div.datepicker {padding-top: 8px;} span.code { margin-top: 5px; margin-bottom: 5px; display: block; font-size: 12px; background-color: #C2E0CF; padding: 5px; font-family: Courier New, Courier, monospace; width: 475px; } #directorytable a:link,#directorytable a:visited { font-weight: normal ; text-decoration: underline; } #directorytable { border: none; width: 390px;} #oh_form #start_date, #oh_form #end_date { line-height: 14px; } /* added summer programs, open houses etc buttons to answers page */ .site #links {margin-left: 30px; margin-top: 40px; float: left; width: 240px; } /* ie7 won't work with z-index 0 due to stack order bug */ .site #links .buttons a {display: block; height: 34px; width: 239px; margin-bottom: 7px;} .site #links .buttons a.open-houses {background: url('/images/buttons/upcoming_open_houses.png') no-repeat top left;} .site #links .buttons a.summer-programs {background: url('/images/buttons/summer_programs.png') no-repeat top left;} .site #links .buttons a.employment-opps {background: url('/images/buttons/employment_opp.png') no-repeat top left;}