/* Name: Community School for Music and Arts Main CSS Created 2007.10.23 Author: Jeremy Anderson [ Object Adjective ] Author URI: www.objectadjective.com */ /* Main Globals --------------------------------------------------------------------------------------------*/ body {margin: 0; padding: 0; text-align: center; font-family: "century gothic", Helvetica, sans-serif; font-size: 80%; color: #3f5353; background: #fff;} * html body {font-size: 75%;} :first-child+html body {font-size: 75%;} body, html {height: 100.1%;} img {border: 0;} table {border-collapse: collapse;} td {vertical-align: middle;} ul {list-style: none; margin: 10px 0;} li {margin: 0;} .hr {border-bottom: 1px solid #ccc !important;} .hr2 {border-bottom: 3px solid #ddd !important;} .small {font-size: 90%;} .skip {display: none;} .block, #content .block {display: block !important;} .none {display: none;} .hidden {visibility: hidden !important;} .inline {display: inline !important;} .nb {border: 0 !important;} .mt {margin-top: 28px !important;} /* Global Float Control Classes (left=float: left, right=float: right, shocking!) --------------------------------------------------------------------------------------------*/ .left {float: left;} .right {float: right;} .floatnone {float: none !important;} .center, #content .center {text-align: center;} .clear {clear: both;} /* Links --------------------------------------------------------------------------------------------*/ :focus, :active {outline: none !important;} a {color: #22405a; padding: 1px 2px; } a:visited {color: #305b80;} a:hover, a.hover {color: #f44323; background: #b5eeee; text-decoration: none;} .pdf {background: transparent url(../img/pdf-icon.gif) 0 0 no-repeat; padding-left: 25px; text-align: left;} .pdf:hover {background: #b5eeee url(../img/pdf-icon.gif) 0 0 no-repeat;} .xls {background: transparent url(../img/excel-icon.gif) 0 0 no-repeat; padding-left: 25px;} .xls:hover {background: #b5eeee url(../img/excel-icon.gif) 0 0 no-repeat;} .doc {background: transparent url(../img/msword-icon.gif) 0 0 no-repeat; padding-left: 25px;} .doc:hover {background: #b5eeee url(../img/msword-icon.gif) 0 0 no-repeat;} .popup {background: transparent url(../img/new-win.jpg) 0 0 no-repeat; padding-left: 30px;} .popup:hover {background: #b5eeee url(../img/new-win.jpg) 0 0 no-repeat;} .audio {background: transparent url(../img/audio-icon.jpg) 0 2px no-repeat; padding-left: 30px;} .audio:hover {background: transparent url(../img/audio-icon.jpg) 0 2px no-repeat;} .video {background: transparent url(../img/video-icon.jpg) 0 2px no-repeat; padding-left: 30px;} .video:hover {background: transparent url(../img/video-icon.jpg) 0 2px no-repeat;} .profile {background: transparent url(../img/profile-icon.jpg) 0 0 no-repeat; padding: 5px 40px;} .profile:hover {background: transparent url(../img/profile-icon.jpg) 0 0 no-repeat;} /* Main Wrapper --------------------------------------------------------------------------------------------*/ #wrapper {width: 800px; margin: 0 auto; text-align: left;} /* Header --------------------------------------------------------------------------------------------*/ #header {height: 138px;} * html #header {padding-top: 5px; height: 1px;} #bodyhome #header {height: 143px;} * html #bodyhome #header {height: 1px;} #header #logo {float: left; margin-top: 5px;} #header a, #header a:hover {padding: 0; background: transparent;} #header a.skip {display: block; width: 100%; color: #fff; padding: 1px 0; text-align: center; font-size: 95%; margin-bottom: 3px;} * html #header a.skip {display: none;} #header a.skip:hover {background: #1a819b; padding: 1px 0; margin-bottom: 3px;} #header .newandnow {display: block; height: 19px; width: 89px; padding: 0; background: transparent url(../img/new&now-icon.jpg) 0 0 no-repeat; float: right; margin: 40px 10px 0 0; text-indent: -4000px;} #header .newandnow:hover {background: transparent url(../img/new&now-icon.jpg) 0 -19px no-repeat;} /* Main Navigation --------------------------------------------------------------------------------------------*/ #nav {margin: 0;} #nav li {float: right; position: relative; text-transform: lowercase;} #nav a {height: 30px; padding: 7px 15px 0 15px; margin-left: 3px; display: block; font-family: Verdana, Helvetica, sans-serif; font-size: 120%; color: #4b4b4b; text-decoration: none;} #nav a:hover, #nav li:hover a, #nav a.ie {background: #a5dfdf; padding: 7px 15px 0 15px;} #bodystory #nav .ourstory a, #bodyregister #nav .register a, #bodyfind #nav .find a, #bodygive #nav .give a, #bodystory #nav .ourstory a, #bodyphoto #nav .ourstory a, .bodycontact #nav .contact a, #bodycontact #nav .contact a {background: #ddd;} * html #nav {margin: 0; padding: 0; border: 1px solid #fff;} *:first-child+html #nav {margin: 0; padding: 0;} * html #nav li {margin: 0 0 0 34px; padding: 0;} * html #nav a {width: auto; float: left; position: relative;} /* Nav Drop Down Menus ----------------------------------------------------------------------------------------------------*/ #nav li ul {display: block; position: absolute; margin: 0; padding: 0 0 9px 0; width: 176px; top: 37px; right: -3px; z-index:100 !important; background: transparent url(../img/drop-bottom.png) 0 bottom no-repeat; font-size: 95%;} * html #nav li ul {padding-top: 3px;} #bodyhome #nav li ul {background: transparent url(../img/drop-bottom-home.png) 0 bottom no-repeat; padding: 0 0 7px 0; right: -6px;} * html #bodyhome #nav li ul {padding-top: 3px;} html>/**/body#bodyhome #nav li ul, x:-moz-any-link, x:default {background: #fff; width: 171px; border: 1px solid #a5dfdf; padding-bottom: 0;} /* Firefox 3 Hack to fix instability in transparent PNG menus over Flash object */ #nav li ul li {display: block; float: none; margin: 0; padding: 0 0 1px 0; width: 176px; background: transparent url(../img/drop-mid.png) 0 0 repeat-y !important;} html>/**/body#bodyhome #nav li ul li, x:-moz-any-link, x:default {background: #fff !important; width: 171px;} /* Firefox 3 Hack to fix instability in transparent PNG menus over Flash object */ #nav li ul li.last {height: 2px;} * html #nav li ul li {padding: 0; margin: -4px 0;} * html #nav li ul li.last {margin: 0 !important;} *:first-child+html #nav li ul li {margin-top: -1px;} *:first-child+html #nav li ul li.last {margin-top: -12px; height: 5px; padding: 0;} #bodyhome #nav li ul li {background: transparent url(../img/drop-mid-home.png) 0 0 repeat-y !important;} #nav li ul li a, #nav li:hover ul li a {background: #eee !important; color: #0d414e; display: block; width: 140px !important; padding: 6px 12px !important; height: auto !important; margin-left: 6px;} * html #nav li ul li a {padding: 3px 12px; width: 134px; margin-left: 3px;} #bodyhome #nav li ul li a, #bodyhome #nav li:hover ul li a {background: #fff !important; margin-left: 3px;} * html #bodyhome #nav li ul li a {padding: 3px 12px; width: 138px !important; margin-left: 2px;} #nav li ul li.first a {margin-top: 1px;} #nav li ul li a.donate, #bodyhome #nav li ul li a.donate {background: #82b2b2 !important; color: #fff; font-weight: bold; text-align: center; border-bottom: 3px solid #fff;} html>/**/body#bodyhome #nav li ul li a.donate, x:-moz-any-link, x:default {border-bottom: 0;} #nav li ul li a.secure {background: #eee url(../img/lock.png) 150px 7px no-repeat !important; padding-right: 10px;} * html #nav li ul li a.secure {background: #eee url(../img/lock.gif) 150px 7px no-repeat !important;} #bodyhome #nav li ul li a.secure {background: #fff url(../img/lock.png) 150px 7px no-repeat !important; padding-right: 10px;} * html #bodyhome #nav li ul li a.secure {background: #fff url(../img/lock.gif) 150px 7px no-repeat !important;} #nav li ul li a:hover, #bodyhome #nav li ul li a:hover {background: #0d414e !important; color: #fff;} #nav li ul li a.donate:hover, #bodyhome #nav li ul li a.donate:hover {background: #fe330f !important;} #nav li ul li a.secure:hover, #bodyhome #nav li ul li a.secure:hover {background: #0d414e url(../img/lock-hover.png) 150px 7px no-repeat !important;} * html #nav li ul li a.secure:hover, * html #bodyhome #nav li ul li a.secure:hover {background: #0d414e url(../img/lock-hover.gif) 150px 7px no-repeat !important;} #nav li ul li.bottom {background: transparent url(../img/drop-bottom.png) 0 bottom no-repeat; height: 21px;} #nav li ul ul {left: 145px; top: -1px; display: none !important;} #nav li ul {display: none;} head:first-child+body #nav li:hover ul {display: block;} head:first-child+body #nav li ul ul {display: none !important;} #nav li ul li.first {padding-top: 4px !important;} /*head:first-child+body #nav li li:hover ul {display: block !important}*/ #nav .givedonate {display: none;} #bodygive #nav .sitedonate {display: block;} #bodygive #nav .givedonate {display: none;} #bodysitemap .givedonate {display: none;} /* Secondary Navigation ----------------------------------------------------------------------------------------------------*/ #nav2 {clear: both; background: #ddd; width: 800px; text-transform: lowercase;} *:first-child+html #nav2 {margin-top: 3px;} #nav2 ul {margin: 0; padding: 0;} #bodyhome #nav2 {background: transparent; width: auto; margin: -3px 0 0 0;} * html #bodyhome #nav2 {margin-top: -2px;} #nav2 li {float: left; margin: 0; padding: 0; position: relative; z-index: 1;} #nav2 ul:after {content: "."; clear: both; height: 0; visibility: hidden; display: block;} * html #nav2 ul {height: 1px;} #nav2 li a {display: block; min-height: 21px; height: auto; width: 122px; padding: 2px 4px; color: #fff; text-decoration: none; font-weight: bold; font-size: 110%;} #bodyhome #nav2 li a {min-height: 36px; height: auto; width: 274px; font-size: 260%; padding: 35px 5px 10px 5px; font-weight: normal;} * html #bodyhome #nav2 li a {height: 36px;} #nav2 li a span {display: none;} #bodyhome #nav2 li a span {font-size: 50%; display: inline;} #nav2 .study a {background: #0d414e;} #nav2 .study a:hover, #nav2 .study:hover a {background: #08262e;} #bodystudy #nav2 .study a, #bodystudy #nav2 .study a:hover, #bodyonsite #nav2 .study a, #bodyonsite #nav2 .study a:hover, #bodyoffsite #nav2 .study a, #bodyoffsite #nav2 .study a:hover, #bodyview #nav2 .view a, #bodyview #nav2 .view a:hover, #bodyattend #nav2 .attend a, #bodyattend #nav2 .attend a:hover {background: #fff; color: #214f5a;} #nav2 li.attend a {background: #fe330f; border: 1px solid #fff; border-width: 0 2px 0 2px; width: 96px;} #bodyhome #nav2 li.attend a {width: 218px;} #nav2 .attend a:hover, #nav2 .attend:hover a {background: #dc2c0d;} #nav2 .view a {background: #82b2b2;} #nav2 .view a:hover, #nav2 .view:hover a {background: #699090;} /* Nav2 Drop Down Menus ----------------------------------------------------------------------------------------------------*/ #nav2 li ul {display: none; position: absolute; margin: 0; padding: 0 0 9px 0; width: 176px; top: 25px; left: -3px; z-index:100 !important; background: transparent url(../img/drop-bottom.png) 0 bottom no-repeat; font-weight: normal; border-top: 2px solid #fff;} * html #nav2 li ul {top: 20px; padding-top: 2px;} #nav2 li.attend ul a {width: 176px; border: 0;} #nav2 li ul li {display: block; float: none; margin: 0; padding: 0 0 1px 0; width: 176px; background: transparent url(../img/drop-mid.png) 0 0 repeat-y !important;} * html #nav2 li ul li {margin-top: -2px;} *:first-child+html #nav2 li ul li {margin-top: -1px;} #nav2 li ul li.last {height: 7px; display: none;} #nav2 li ul li a, #nav2 li:hover ul li a, #nav2 li ul li:hover li a {background: #eee !important; color: #0d414e; display: block; width: 152px !important; padding: 2px 6px !important; height: auto !important; margin-left: 6px; color: #22405a !important; font-weight: bold;} #nav2 li ul li li a, #nav2 li:hover ul li li a {font-weight: normal;} #nav2 li ul li.first a {margin-top: 1px;} #nav2 li ul li a.donate {background: #82b2b2 !important; color: #fff; font-weight: bold; text-align: center; margin-bottom: 3px;} #nav2 li ul li a:hover, #nav2 li ul li:hover a {background: #0d414e !important; color: #fff !important; padding: 2px 6px !important;} #nav2 li ul li:hover li a {font-weight: normal; background: transparent !important;} #nav2 li ul li a.donate:hover {background: #fe330f !important;} #nav2 li ul li span {font-size: 80% !important; font-weight: normal; display: block !important;} #bodyhome #nav2 li ul li span {display: inline !important;} #nav2 li ul li.lasta a {margin-bottom: 10px !important; height: auto;} #bodyhome #nav2 li ul {position: absolute; margin: 0; padding: 3px; width: 278px; top: -313px; left: 0px; z-index:100 !important; background: #ddd; border-top: 1px solid #fff; border-bottom: 2px solid #fff; font-size: 48%; height: 304px;} #bodyhome #nav2 li.attend ul {left: 2px; width: 222px; background: #daebef;} #bodyhome #nav2 li.view ul {background: #e8edee;} #bodyhome #nav2 li ul li {float: none; display: block; margin: 0; padding: 0; background: transparent !important;} #bodyhome #nav2 li ul li.onsite li a, #bodyhome #nav2 li ul li.off-site li a {font-weight: normal;} #bodyhome #nav2 li ul li a {background: transparent !important; display: block; width: 254px !important; !important; padding: 6px !important; min-height: 8px !important; margin-right: 2px !important; font-weight: bold; border-bottom: 1px solid #82b2b2;} #bodyhome #nav2 li.attend ul li a {width: 200px !important;} #bodyhome #nav2 li ul li a.donate, #nav2 li ul li a.donate {background: #82b2b2 !important; color: #fff !important; font-weight: bold; text-align: center; margin-bottom: 3px;} #bodyhome #nav2 li ul li a.donate {margin-top: 10px;} #bodyhome #nav2 li ul li:hover a {color: #22405a !important;} #bodyhome #nav2 li ul li a:hover, #nav2 li ul li:hover ul a:hover, #bodyhome #nav2 li ul li:hover li a:hover, #bodyhome #nav2 li ul li li a:hover {color: #fe330f !important; background: transparent url(../img/menuli.png) 0 0 repeat !important;} #bodyhome #nav2 li ul li:hover li a, #bodyhome #nav2 li ul li li a {color: #22405a; min-height: 0 !important; padding: 1px 3px !important; background: transparent !important; border: 0 !important; font-weight: normal;} #bodyhome #nav2 li ul li a.donate:hover, #bodyhome #nav2 li ul li a.donate:hover {background: #fe330f !important; color: #fff !important;} #nav2 li ul li.indent {display: none !important;} #nav2 li ul ul {position: static; font-size: 100%; border: 0; background: transparent !important; display: block !important;} #nav2 li ul ul ul {display: none !important;} #bodyhome #nav2 li ul ul, #bodyhome #nav2 li.attend ul ul {position: relative; margin: 0 0 0 6px; padding: 0; width:auto; top: 0px; left: 0px; background: transparent; font-weight: normal; font-size: 90%; border: 0; height: auto;} #bodyhome #nav2 li ul ul li {display: block; float: none; margin: 0; padding: 0 0 1px 0; width: auto; border: 0 !important;} #nav2 li ul ul li {background: transparent !important;} #nav2 li ul, #nav2 li li li ul {display: none;} #nav2 li ul li.first {padding-top: 4px !important;} head:first-child+body #nav2 li:hover ul {display: block;} /* Sub Navigation --------------------------------------------------------------------------------------------*/ #subnav {width: 284px; border-top: 21px solid #ddd; padding-top: 33px; float: right; margin-top: -14px; text-align: right; text-transform: lowercase; font-size: 120%; padding-bottom: 30px; text-transform: lowercase;} * html #subnav {margin-top: 0;} *:first-child+html #subnav {margin-top: 0;} .bodypeople #subnav {margin-top: 102px;} * html .bodypeople #subnav {margin-top: 100px;} *:first-child+html .bodypeople #subnav {margin-top: 100px;} #subnav a {color: #214f5a; font-weight: bold; text-decoration: none; display: block; width: 97%; padding: 3px;} #subnav a:hover {background: #f0f0f0; color: #214f5a !important;} #subnav ul {margin: 0; padding: 10px 0; border: 2px solid #214f5a; border-width: 2px 0 2px 0;} #subnav ul ul, #subnav ul ul ul {margin: 0; display: none; border: 0; width: 99%;} #subnav ul ul li {margin-left: 20px;} #subnav li {text-align: left;} #subnav li.last {display: none;} #subnav li.indent {margin-left: 20px;} #subnav ul ul li.indent {margin-left: 40px;} #subnav li a {font-weight: normal;} #subnav a.onsite {color: #88b2b2;} #subnav a.off-site {color: #88b2b2;} #subnav a.hi, #bodyonsite #subnav a.onsite, #bodyoffsite #subnav .off-site, .bodyemployment #subnav a.employment, .bodypeople #subnav a.people, .bodypress #subnav a.press, .bodyspotlight #subnav .spotlight a, .bodyart #subnav a.art, .bodymusic #subnav a.music {font-weight: bold !important; color: #214f5a !important;} #subnav a.secure {background: transparent url(../img/lock.png) 150px 6px no-repeat;} #subnav a.secure:hover {background: #f0f0f0 url(../img/lock.png) 150px 6px no-repeat;} #subnav a.donate, #subnav a.donate.hi {color: #fe330f !important;} /* Second level Styles */ #bodyoffsite #subnav .off-site ul, #bodyonsite #subnav .onsite ul, .bodyannualfund #subnav .annualfund ul, .bodyspotlight #subnav .annualfund ul, .bodyindividual #subnav .individual ul, .bodycorporate #subnav .corporate ul {display: block; border-bottom: 1px solid #ddd;} #bodyoffsite #subnav .off-site a, #bodyonsite #subnav .onsite a, .bodyannualfund #subnav .annualfund a, .bodyspotlight #subnav .annualfund a, .bodyindividual #subnav .individual a, .bodycorporate #subnav .corporate a {font-weight: bold; border-bottom: 1px solid #ddd; background: #f0f0f0;} #bodyoffsite #subnav .off-site ul a, #bodyonsite #subnav .onsite ul a, .bodyannualfund #subnav .annualfund ul a, .bodyspotlight #subnav .annualfund ul a, .bodyindividual #subnav .individual ul a, .bodycorporate #subnav .corporate ul a {font-weight: normal; border: 0; background: #fff;} #bodyoffsite #subnav .off-site ul a:hover, #bodyonsite #subnav .onsite ul a:hover, .bodyannualfund #subnav .annualfund ul a:hover, .bodyspotlight #subnav .annualfund ul a:hover, .bodyindividual #subnav .individual ul a:hover, .bodycorporate #subnav .corporate ul a:hover {background: #f0f0f0;} #subnav ul ul ul {display: none !important; border: 1px solid #ddd; border-width: 1px 0 1px 0;} #subnav ul ul ul li {margin-left: 0;} #subnav ul ul ul li a {color: #fe330f;} .bodyart #subnav .onsite .artnav, .bodymusic #subnav ul ul ul.musicnav, .bodydigital #subnav .onsite .digitalnav, .bodypreschool #subnav .onsite .preschoolnav {display: block !important;} #subnav a.blog, #content a.blog {min-height: 39px; padding: 3px 0 0 51px; color: #88b2b2; font-weight: bold; font-size: 160%; background: transparent url(../img/blog-icon.gif) 0 0 no-repeat; text-align: left; margin: 45px 0 0 16px; width: auto; display: none;} * html #subnav a.blog, * html #content a.blog {height: 39px;} .bodydigital #subnav a.blog, #content a.blog {display: block;} #content a.blog {text-decoration: none; margin: 18px 0 18px 120px;} #subnav a.blog:hover, #content a.blog:hover {background-position: 0 -81px; color: #25525d; background-color: #fff;} a.mail, #subnav a.mail {min-height: 39px; padding: 5px 0 0 51px; color: #88b2b2; font-weight: bold; font-size: 115%; background: transparent url(../img/mail-icon.jpg) 0 0 no-repeat; text-align: left; margin: 20px 0 0 16px; width: auto; letter-spacing: 1px; display: block;} * html a.mail, * html #subnav a.mail {height: 34px;} /* Hide Mailing List link in Subnav */ #subnav a.mail {clear: both; display:none;} a.mail:hover, #subnav a.mail:hover {background: #fff url(../img/mail-icon.jpg) 0 -64px no-repeat; color: #25525d;} /* Hide Related Links */ #subnav .related {margin: 45px 0 0 16px; text-align: left; font-size: 115%; display: none;} #subnav .related a {display: inline; color: #8ab4b4; text-transform: capitalize; font-weight: normal; line-height: 1.5; width: 35%; float: left; height: auto;} #subnav .related .right {float: left; width: 60%;} #subnav h3 {text-align: left; margin: 20px 0 -20px 0;} #subnav h3 a {padding-left: 16px; width: 94%;} .community {font-size: 90%; text-align: left; color: #5a7676;} #content .community h3 {margin: 20px 0 10px 0;} #subnav .community h3 {margin: 20px 0 0 20px;} #subnav .community h4, .community h4 {margin: 20px 0 10px 20px;} .community .noleft {margin-left: 0;} .community p {line-height: 1.5; margin-left: 20px;} .community .note {padding: 5px 20px; border: 1px solid #ddd; border-width: 2px 0; line-height: normal; margin-left: 0;} .community .note span {font-size: 120%; color: #000;} #subnav .feature {background: #fafafa; padding: 6px; border: 1px solid #ddd; margin: 10px 0 10px 0; text-align: left; clear: both; width: 270px;} #subnav .feature:after {content: "."; clear: both; height: 0; visibility: hidden; display: block;} * html #subnav .feature {height: 1px;} #subnav .feature img {border: 2px solid #ddd; padding: 2px; margin: 0 10px 0 0; float: left;} #subnav .feature span {margin-top: 30px; font-size: 115%; float: left; width: 175px;} #subnav .feature span.wrap {margin-top: 20px;} #subnav .feature:hover, #subnav .community .hi {background: #d5edef; border-color: #ccc;} #subnav .community .hi {border-color: #0d414e;} #subnav .feature:hover img, #subnav .community .hi img {border-color: #ccc;} #subnav .feature:hover span, #subnav .community .hi span {color: #fe330f;} #subnav .givedonate {display: none;} #bodygive #subnav .sitedonate {display: none;} #bodygive #subnav .givedonate {display: block;} /* Section Pages --------------------------------------------------------------------------------------------*/ #mid {height: 160px; width: 800px; background: transparent url(../img/sec-mid.jpg) 0 0 no-repeat; clear: both; margin: 2px 0;} .bodydigital #mid, #mid.digital {background: transparent url(../img/digital-mid.jpg) 0 0 no-repeat;} .bodymusic #mid, #mid.music {background: transparent url(../img/music-mid.jpg) 0 0 no-repeat !important;} .bodyart #mid, #mid.art {background: transparent url(../img/art-mid.jpg) 0 0 no-repeat;} .bodypreschool #mid, #mid.pre {background: transparent url(../img/preschool-mid.jpg) 0 0 no-repeat;} #bodyattend #mid, #bodyview #mid, .bodycatalog #mid, .bodypeople #mid {background: transparent url(../img/attend-mid.jpg) 0 0 no-repeat; display: none;} #content {width: 494px; float: left; font-size: 120%; padding-bottom: 30px; margin: -14px 0 0 0;} .no-chrome {margin: 0 20px !important;} #content h1 {color: #000; font-weight: normal; font-size: 220%; text-transform: lowercase; margin: 14px 0 3px 0;} #content h1 span {font-size: 70%; color: #88b2b2;} #content h2 {color: #769b9b; font-size: 130%; margin: 20px 0 -10px 0;} #content h2 span {font-weight: normal;} #content h2.hr, #content h2.hr2 {padding-bottom: 8px;} #content h2.alt {color: #dc2c0d; font-weight: normal; font-size: 150%; border-bottom: 4px solid #ddd; padding-bottom: 4px; margin-bottom: 0;} #content h2.link a {text-decoration: none; font-size: 120%; display: block; width: 99%;} #content h2.alt span {font-size: 65%; color: #0d414e;} #content h3 {color: #000; font-size: 130%; font-weight: normal; margin: 20px 0 -10px 0;} #content h3.title {font-size: 150%; margin-bottom: 0;} #content h3.form {padding: 0 0 30px 60px;} #content h3.error {text-align: center; color: #fe330f; margin-bottom: 20px;} #content h4 {color: #000; font-size: 115%; font-weight: normal; margin: 20px 0 -10px 0;} #content h4 span {display: block; color: #000; line-height: 1.5; font-size: 90%;} #content h4 span.indent {margin-left: 30px;} #content h2.body, #content h3.body, #content h4.body, #subnav h3.body {margin-bottom: 20px;} #content .form {background: transparent url(../img/form.gif) 0 0 no-repeat;} #content .col-left {width: 45%; float: left;} #content .col-right {width: 45%; float: right;} #content .col-left p, #content .col-right p {text-align: left; margin: 7px 0;} .bodyannualfund #content .col-left p, .bodyannualfund #content .col-right p {margin: 0; font-size: 90%;} .bodyannualfund #content .col-left h2, .bodyannualfund #content .col-right h2 {margin-bottom: 10px;} #content img, #content .embed {border: 2px solid #d5edef; padding: 2px; margin: 0;} #content .imglink, #content .imglink:hover, #content .imglink a, #content .imglink a:hover {padding: 0; background: transparent;} #content .imglink a {text-decoration: none;} #content .imglink:hover img, #content .imglink a:hover img {border-color: #0d414e;} #content .embed {margin: 18px 0; padding: 8px;} * html #content .embed {position: relative; padding-bottom: 18px;} #content .embed object, #content .embed img {float: left; margin-right: 10px;} #content .embed h4 {margin-top: 0; color: #dc2c0d;} #content img.left, #content .left img {margin: 0 20px 0 0;} #content img.right, #content .right img {margin: 0 0 0 20px;} .bodypeople #content img.left {margin: 0 20px 20px 0;} #content p {margin: 18px 0; text-align: justify;} #content p.alt {border: 1px solid #ddd; padding: 10px; color: #6c8e8e; border-width: 1px 0 1px 0; margin: 18px 0 10px 0; text-align: left !important; font-size: 90%;} #content .subtitle {margin: 0 !important; text-align: left !important; font-style: italic; font-size: 95%;} #content .indent {margin-left: 20px;} .note, #content p.alt span {font-size: 90%; color: #fe330f; text-align: left;} #content .popup span {display: block;} .note2 {font-size: 70%; text-align: left;} h3 .note2 {color: #577373;} #content .note img {margin-bottom: 5px;} #content p.alt span {display: block; font-size: 70%; font-weight: normal;} #content p.indent {margin-left: 20px;} #content ul {margin: 18px 0 18px -20px;} * html #content ul {margin-left: 20px;} *:first-child+html #content ul {margin-left: 20px;} #content ul li {background: transparent url(../img/li.gif) 0 7px no-repeat; padding-left: 20px; margin: 5px 0;} #content ol li {margin: 5px 0;} #content blockquote {font-style: italic; margin: 10px 40px 20px 20px; color: #699090; text-indent: -5px; border-left: 2px solid #ccc; padding-left: 10px; clear: both;} #content blockquote span {font-size: 70%; text-align: right; display: block; width: 100%; color: #3f5353; margin-top: 10px; font-style: normal;} a.justgive {height: 86px; width: 235px; display: block; background: transparent url(../img/justgive.jpg) 0 0 no-repeat; padding: 0 !important; text-indent: -4000px;} a.justgive:hover {background: transparent url(../img/justgive.jpg) 0 -86px no-repeat !important;} #content .feature, #content .calendar div, #content div:target, #content div.sftarget {background: #fafafa; padding: 0 10px; border: 1px solid #ddd; margin: 10px 0 40px 0; clear: both;} #content .feature, div:target, div.sftarget {margin: 10px 0;} #content .calendar h2 {margin: 0;} #content .calendar h2, #content h2.calendar {background: transparent url(../img/calendar-icon.jpg) 0 0 no-repeat; padding: 7px 0 0 40px; min-height: 36px;} #content .feature h4 span, #content .gallery h4 span {color: #769b9b; display: block; font-weight: bold;} #content .calendar p {margin-left: 30px; line-height: 1.5;} #content .map, #content .pickup {float: left; display: block; width: 250px; text-align: center; text-decoration: none; margin: 0 20px 20px 0;} #content .pickup {margin-right: 10px;} #content .map img, #content .pickup img {border: 2px solid #82b2b2;} #content .map span {display: block; text-decoration: underline;} #content .map:hover, #content .pickup:hover {background: #fff;} #content .map:hover img, #content .pickup:hover img {border-color: #699090;} #content .map:hover span, #content .pickup:hover span {background: #b5eeee; text-decoration: none;} .bodypeople #content h4 {color: #fe330f; margin-bottom: 20px;} #content form h2 {margin-bottom: 0px;} #content .stripe .even, #content table .alt {background: #edf3f3;} #content a.distinguished,#content a.distinguished:hover {padding: 5px; background: transparent url(../img/distinguished.gif) 0 5px no-repeat !important; margin-left: 5px; cursor: pointer;} #content .sort, #content .stripe {width: 100%; margin-top: 30px;} #content .sort td, #content .sort th, #content .stripe td, #content .stripe th {border: 1px solid #c1dad7;} #content .sort th {background: transparent url(../img/sortth.jpg) 0 0 no-repeat; padding: 8px 20px;} #content .sort th a {text-decoration: none;} #content .sort tr.alt {background: #f5fafa;} #content .sort th.forwardSort {background:transparent url(../img/sortth.jpg) no-repeat 0 -35px; color: #f44323;} #content .sort th.reverseSort {background:transparent url(../img/sortth.jpg) no-repeat 0 -70px;} #content .sort th.forwardSort a, #content .sort th.reverseSort a {color: #000;} #content .sort th.no-sort, #content .stripe th {background: #d5edef; padding: 8px;} #content .sort td, #content .stripe td {padding: 8px;} #content td.ext {text-decoration: underline;} #content td.ext:hover {background: #e6f0f0; color: #f44323;} #content .sort td a, #content .stripe td a {font-weight: bold;} #content .sort td a:hover, #content .stripe td a:hover {text-decoration: none; background: transparent;} #content .sort .thead, #content .stripe .thead {border: 0; padding: 20px 0 8px 0; font-size: 110%; color: #6c8e8e; border-bottom: 8px solid #d5edef;} #content #faculty, #content #board, #content #staff {border-top: 8px solid #82b2b2; display: none; clear: both;} /* Content TABS */ #content #tabs {margin-top: 20px;} #content #tabs a {padding: 7px 17px 7px 17px; font-family: Verdana, Helvetica, sans-serif; color: #4b4b4b; text-decoration: none; background: #f0f0f0; display: block; float: left; margin-right: 6px;} * html #content #tabs a {margin-bottom: -20px;} *:first-child+html #tabs {border-top: 1px solid #fff;} #content #tabs a:hover {background: #ddd;} #content #tabs a.on, #content #tabs a.on:hover {background: #82b2b2; color: #fff;} /* Target Links */ #content .target {text-transform: lowercase; margin: 20px 0 15px 0; line-height: 2; text-align: center;} #content .target a {padding: 2px 6px 4px 6px; margin-right: 10px; background: #cddfe3; color: #22405a; text-decoration: none; border: 1px solid #0d414e;} #content .target a:hover {background: #0d414e; color: #fff;} #content .target a span {font-weight: normal;} #content a.target {padding: 0;} #content .inpage a {background: transparent url(../img/inpage.gif) 0 7px no-repeat; padding-left: 15px;} #content .inpage a:hover {background: #b5eeee url(../img/inpage.gif) 0 7px no-repeat;} #content .top {text-align: right; font-size: 90%; display: none;} #content div:target .top, #content div.sftarget .top {display: block;} /* Gallery and Events Pages */ #bodyview #subnav, #bodyphoto #subnav {display: none;} #bodyview #content, #bodyphoto #content {width: 100%; float: none;} #bodyview #content h2.right, #bodyphoto #content h2.right {text-align: right; margin-top: 14px;} #bodyview #content h2.right span, #bodyphoto #content h2.right span {font-weight: bold; margin-right: 10px;} #bodyview #content #tabs {border-bottom: 8px solid #82b2b2;} .bodystudent #content #gallery-mohr, .bodystudent #content #gallery-art, .bodystudent #content #gallery-music, .bodystudent #content #gallery-digital, .bodystudent #content #m1, .bodystudent #content #m2, .bodystudent #content #m3, .bodystudent #content #m4, .bodystudent #content #m5, .bodystudent #content #m6, .bodystudent #content #attend, .bodycontact #content #attend {padding: 10px; background: #fafafa; border: 1px solid #ddd; margin: 20px 0 40px 0; clear: both; display: none;} .bodystudent #content #attend, .bodycontact #content #attend {display: block;} .bodystudent #content .current, .bodycatalog .current {padding: 0 10px 10px 10px; border: 1px solid #ddd; margin: 10px 20px 0 0;} * html .bodystudent #content .col-right, * html .bodycatalog .col-right {margin-right: 10px;} .bodystudent #content .current a.blog {margin: 20px auto;} .bodystudent #content #gallery-art h2.alt {margin-bottom: 20px !important;} .bodystudent #content #gallery img {float: left; margin: 10px 18px 10px 18px;} .bodystudent #content .current img {margin: 10px 5px 10px 5px !important;} * html .bodystudent #content .current img {margin: 10px 0 !important;} .bodystudent #content #gallery .col-left img {margin: 0 0 20px 0;} #content .imghover {border-color: #0d414e;} #content .canvas .imghover {border-color: #d5edef;} #content .canvas img {float: none;} #bodyfind #content .canvas #imgwrap {margin: 0 auto;} #bodyfind #content .canvas .border {border: 2px solid #d5edef; padding: 2px;} #content .canvas #prev {float: left; padding-left: 15px; background: transparent url(../img/prev.gif) 0 5px no-repeat; text-decoration: none; margin: 0 0 20px 20px; visibility: hidden;} #content .canvas #next {float: right; padding-right: 15px; background: transparent url(../img/next.gif) right 5px no-repeat; text-decoration: none; margin: 0 20px 20px 0;} #bodyfind #content .canvas a {color: #c6c4c3;} #bodyfind #content .canvas a:hover {color: #fff;} #bodyfind #content .canvas #title {clear: both; border: 1px solid #909fac; border-width: 2px 0 2px 0; padding: 10px 0; margin: 0 20px;} #bodyfind #content .canvas #title p {font-size: 90%; font-weight: normal; text-align: justify;} #bodyview h2.alt {margin-top: 0;} #content #gallery-mohr .col-left p, #content #gallery-mohr .col-right p, #content #attend .col-left p, #content #attend .col-right p {text-align: justify;} #bodyview #content .archive {margin-top: 20px;} #bodyview #content .archive p {text-align: left;} #bodyview #content .archive .show {clear: both; margin-bottom: 20px;} #bodyview #content .archive .show:after {content: "."; clear: both; height: 0; visibility: hidden; display: block;} * html #bodyview #content .archive .show {height: 1px;} #content .more {background: transparent url(../img/more.gif) 2px 8px no-repeat; padding-left: 20px;} #bodyonsite #content .more {display: block; text-align: left; font-size: 110%;} #content .more:hover {background: #b5eeee url(../img/more.gif) 2px 8px no-repeat;} #content #more {border-top: 1px solid #ddd; display: none;} * html #content .feature h2 {position: relative;} /* Attend Events Pages */ #bodyattend #subnav, #bodyalt #subnav {display: none;} #bodyattend #content, #bodyalt #content {width: 100%; float: none;} #bodyattend #content h2.right {text-align: right; margin-top: 14px;} #bodyattend #content h2.right span {font-weight: bold; margin-right: 10px;} #bodyattend #content #rentalevent {display: none;} #bodyattend #content #tabs {margin-top: 30px; border-bottom: 8px solid #82b2b2;} #bodyattend form {margin: 17px 0 -7px 0;} * html #bodyattend form {margin-bottom: -27px;} *:first-child+html #bodyattend form {margin-bottom: -27px;} #content #attend .feature {background: #fff;} #content #attend form div {margin-left: 20px;} #content #attend form .feature {padding-bottom: 40px;} #content #attend form .feature, #content #attend form .feature div {margin-left: 0;} #content #attend form .feature h2.alt {margin: 0 0 20px 0;} #content .exhibition {background: transparent url(../img/exhibition.jpg) right 3px no-repeat !important;} #content .performance {background: transparent url(../img/performance.jpg) right 3px no-repeat;} #content .special {background: transparent url(../img/special.jpg) right 3px no-repeat;} #content .special-performance {background: transparent url(../img/special-per.jpg) right 3px no-repeat !important;} #content .special-exhibition {background: transparent url(../img/special-exh.jpg) right 3px no-repeat !important;} #content .special-performance-exhibition {background: transparent url(../img/special-perf-exh.jpg) right 3px no-repeat !important;} #content .rental {background: transparent url(../img/rental.jpg) right 0 no-repeat;} .bodystudent #content #m1 .note:after, .bodystudent #content #m2 .note:after, .bodystudent #content #m3 .note:after, .bodystudent #content #m4 .note:after, .bodystudent #content #m5 .note:after {content: "."; clear: both; height: 0; display: block; visibility: hidden;} * html .bodystudent #content #m1 .note, * html .bodystudent #content #m2 .note, * html .bodystudent #content #m3 .note, * html .bodystudent #content #m4 .note, * html .bodystudent #content #m5 .note {height: 1px;} #content .performance, #content .exhibition, #content .special, #content .rental, #content .special-performance, #content .special-exhibition, #content .special-performance-exhibition {border-bottom: 1px dashed #ddd;} a.mail {margin: -10px 10px 0 0; text-decoration: none;} * html a.mail {margin-top: 10px;} *:first-child+html a.mail {margin-top: 10px;} * html p.right a.mail {float: right;} * html #bodyattend p.right {margin-bottom: -60px;} #bodyattend #content .brochure {float: right; margin: 27px 0 0 0;} #bodyattend .brochure .pdf {font-weight: bold; color: #82b2b2; text-decoration: none;} #bodyattend .brochure .pdf:hover {background: transparent url(../img/pdf-icon.gif) 0 0 no-repeat; color: #fe330f;} #bodyattend .noevents div {display: none;} #bodyattend #content .toggle {padding: 0 18px; border: 2px solid #ddd; color: #000; width: 300px; display: none;} #bodyattend #content .toggle p {text-align: left;} /* Course Catalog */ .bodycatalog #subnav {display: none;} .bodycatalog #content {width: 100%; float: none;} .bodycatalog #content .download {margin-top: 15px;} * html .bodycatalog #content .download {margin-top: 30px;} *:first-child+html .bodycatalog #content .download {margin-top: 30px;} .bodycatalog #content #tabs {border-bottom: 8px solid #82b2b2;} .bodycatalog form {margin: 0px 0 -7px 0;} .bodycatalog form #program {color: #fe330f;} .bodycatalog form #age {color: #0d414e;} .bodycatalog #content #catalog {padding: 10px; background: #fafafa; border: 1px solid #ddd; margin: 20px 0 40px 0; clear: both;} .bodycatalog #content #catalog .message {background: #fae0c1; padding: 18px 10px; border: 2px solid #fe330f; float: left; width: 252px; margin: 0;} .bodycatalog #content #catalog .col-right .message {width: auto; float: none; margin-top: 20px;} .bodycatalog #catalog div div div {padding: 0 10px 10px 10px; border: 1px solid #ddd; margin: 10px 0; background: #f3f6f6;} /*.bodycatalog #catalog div div div:hover {background: #d4eded; border-color: #cecccc; color: #000;}*/ .bodycatalog #catalog div div div h4 {font-weight: bold; color: #22405a;} .bodycatalog #catalog div div h4.indent, .bodycatalog #catalog div div p.indent {margin-left: 10px;} .bodycatalog #catalog div div h4.indent {font-weight: bold;} .bodycatalog #catalog div div h4 a.suzuki, .bodycatalog #catalog div div h4 a.wrkshop, .bodycatalog #catalog div div h4 a.artwrkshop, .bodycatalog #catalog div div h4 a.mediasampler, .bodycatalog #catalog div h2 a.digitalprogram, .bodycatalog #catalog div h2 a.artsprogram, .bodycatalog #catalog div h2 a.musicprogram, .bodycatalog #catalog div h2 a.campsprogram, .bodycatalog #catalog div div h4 a.vacationcamps, .bodycatalog #catalog div div h4 a.summercamps {font-weight: bold; font-family: "Times New Roman", Times, serif; font-style: italic; background: #769b9b; text-decoration: none; padding: 0 4px; color: #fff;} .bodycatalog #catalog div div h4 a.suzuki:hover, .bodycatalog #catalog div div h4 a.wrkshop:hover, .bodycatalog #catalog div div h4 a.artwrkshop:hover, .bodycatalog #catalog div div h4 a.mediasampler:hover, .bodycatalog #catalog div h2 a.digitalprogram:hover, .bodycatalog #catalog div h2 a.artsprogram:hover, .bodycatalog #catalog div h2 a.musicprogram:hover, .bodycatalog #catalog div h2 a.campsprogram:hover, .bodycatalog #catalog div div h4 a.vacationcamps:hover, .bodycatalog #catalog div div h4 a.summercamps:hover {background: #fe330f;} .bodycatalog #catalog div div h4 em {font-size: 90%; color: #6c8e8e;} .bodycatalog #catalog div div div h4.alt {color: #000; font-size: 115%; font-weight: normal; margin: 10px 0 5px 0;} .bodycatalog #catalog div div div h4.indent, .bodycatalog #catalog div div div p.indent {margin-left: 20px;} .bodycatalog #catalog div div div h4 a.tip, .bodycatalog #catalog div div div h4 a.cc, .bodycatalog #catalog div div div .cost a.tip, .programnote h3 .cc {padding: 2px 4px 0 4px; text-decoration: none; border: 1px solid #ddd; font-weight: normal;} /*.bodycatalog #catalog div div div:hover h4 a.tip, .bodycatalog #catalog div div div:hover h4 a.cc {border-color: #cecccc; background: #f3f6f6;}*/ .bodycatalog #catalog div div div h4 a.cc, .programnote h3 .cc {padding: 0 4px 2px 4px; font-size: 90%; font-weight: bold; color: #fe330f;} .bodycatalog #catalog div div div em {color: #fe330f;} .bodycatalog #catalog div div div p em {color: #3f5353;} .bodycatalog #catalog div div div .cost {color: #6c8e8e; float: right; font-weight: bold; margin: 20px 0 10px 20px; font-size: 115%; text-align: right;} .bodycatalog #catalog div div div .cost em {color: #555; font-size: 90%;} .bodycatalog #catalog div div div ul {margin: 0 0 0 -40px;} *:first-child+html .bodycatalog #catalog div div div ul {margin-left: 10px;} .bodycatalog #catalog div div div ul li {background: transparent; padding: 10px 0 10px 20px;} *:first-child+html .bodycatalog #catalog div div div ul li {padding-left: 10px;} .bodycatalog #catalog div div div ul li:hover {background: #fff;} .bodycatalog #catalog div div div ul li span {background: #88b2b2; color: #fff; font-weight: bold; padding: 1px 3px; margin: 0 5px;} .bodycatalog #catalog div div div ul li span.alt {color: #fe330f; padding: 0; background: transparent; margin: 0; font-weight: normal;} .bodycatalog #catalog div div div ul li strong {margin: 0 5px;} .bodycatalog #catalog div div div ul li em {display: block; margin: 5px 0 0 95px;} .bodycatalog #catalog div div div ul:after {content: "."; clear: both; height: 0; display: block; visibility: hidden;} * html .bodycatalog #catalog div div div ul {height: 1px;} .bodycatalog #catalog div div div p.feature {padding: 4px; margin-top: -10px; font-size: 90%; display: block;} .bodycatalog #catalog div div div .left, .bodycatalog #catalog div div div .indent {margin: -5px 20px 25px 20px;} .bodycatalog #catalog div div div div {padding: 0; border: 0; background: transparent; display: none;} .bodycatalog #content p.session {margin: 0 20px; border-bottom: 1px dashed #ddd; padding-bottom: 3px;} .bodycatalog #content p.session span, .bodycatalog #catalog div div div .cost span {font-size: 90%; background: #fff; padding: 2px; border: 1px solid #ddd; position: relative; top: -1px; color: #fe330f;} .bodycatalog #catalog div div div .cost span {font-size: 75%;} .bodycatalog #content .coursefilters {border: 1px solid #9cc9c9; padding: 10px; background: #fff; width: 470px; float: right;} .bodycatalog #content .coursefilters p {margin: 0 0 6px 10px;} .bodycatalog #content .coursefilters select {margin: 0; width: 215px;} .bodycatalog #content .coursefilters span {display: block; clear: both;} .bodycatalog #content .coursefilters .right {margin: 0 10px 10px 10px;} .bodycatalog #music, .bodycatalog #art, .bodycatalog #digital, .bodycatalog #camps {display: none;} .bodycatalog #content h3.registeronline {margin-bottom: 20px;} .bodycatalog .registeronline a {background: transparent url(../img/session.gif) 0 0 no-repeat; padding: 6px 0 10px 35px; font-weight: bold;} .bodycatalog .registeronline a:hover {background-position: 0 -66px;} .bodycatalog a.registeronline, .bodycatalog span.registeronline, .bodycatalog a.registerwork {background: transparent url(../img/session.gif) 0 0 no-repeat; height: 34px; width: 30px; display: block; float: left; margin: -9px 10px 0 0;} .bodycatalog span.registeronline {float: none; display: block; margin: 0 5px;} .bodycatalog a.registeronline:hover, .bodycatalog a.registerwork:hover {background-position: 0 -66px;} /* SiteMap */ #bodysitemap #subnav, #bodyalt #subnav {display: none;} #bodysitemap #content, #bodyalt #content {width: 100%; float: none;} #sitemap ul {font-size: 150%; margin: 20px 0 20px -30px; width: 46%; float: left;} #sitemap ul ul {font-size: 80%; width: 100%; float: none; margin: 10px 0 10px -30px;} #sitemap ul ul ul {font-size: 100%; margin: 5px 0 5px -30px;} #sitemap ul li {margin-bottom: 0; margin: 0; background: transparent;} #sitemap ul li a {text-decoration: none; display: block; width: 99%; color: #dc2c0d; font-weight: normal; border-bottom: 4px solid #ddd; padding-bottom: 4px;} #sitemap ul ul li a {border: 0; color: #22405a; width: 95%;} #sitemap ul ul ul li a {width: 102%;} #sitemap ul ul ul ul li a {width: 98%;} #sitemap .study ul {margin-left: -30px;} #sitemap .study ul ul {margin-left: -60px;} #sitemap .study ul ul ul, #sitemap ul .off-site ul {margin-left: -30px;} #sitemap .onsite a, #sitemap .off-site a {font-weight: bold; color: #769b9b; border-bottom: 3px solid #eee;} #sitemap .onsite ul a, #sitemap .off-site ul a {color: #22405a; border: 0;} #sitemap .onsite ul ul a, #sitemap .off-site ul a {font-weight: normal;} /* Search Results Page */ #searchresults {clear: both;} #searchresults h2 span {color: #000; font-style: italic;} #searchresults .found {margin-top: 16px; padding: 4px; background: #f9e7cb; border: 1px solid #fe330f;} #searchresults .link {margin-bottom: 0;} #searchresults .feature {padding: 0 20px;} #searchresults .feature .link span {display: inline; font-size: 90%; color: #769b9b;} #searchresults .feature p {margin: 10px 0;} #searchresults .feature .match {background: #faf1a5; padding: 0 2px;} #searchresults .feature span {text-align: right; display: block; width: 100%; color: #3f5353; margin: 0 0 20px 0;} #searchresults .feature span a {color: #fe330f; text-decoration: none;} /* POPUP DIV STYLES */ #content #alert, #content #media {padding: 20px; border: 4px solid #f44322; position: absolute; z-index: 1000; color: #22405a; display: none; background: #fff; left: 50%;} #content #alert p, #content #media p {text-align: center;} #content #alert .small {font-size: 80% !important;} #content #media embed {visibility: visible;} #bodyregister #content #alert {top: 300px; font-weight: bold; font-size: 130%; width: 500px; margin-left: -270px;} #bodygive #content .formpop, #bodycontact #content .formpop, #bodyregister #content .formpop {font-size: 130%; width: 500px; margin-left: -270px; top: 100px; display: block;} #bodygive #content .formpop p, #bodyfind #content .formpop p, #bodycontact #content .formpop p, #bodyregister #content .formpop p {text-align: justify !important;} #bodygive #content .formpop .feature p, #bodycontact #content .formpop .feature p, #bodygive #content .formpop #error p, #bodycontact #content .formpop #error p {text-align: center !important;} #bodycontact #content .directions {top: 100px; margin-left: -377px; height: 527px; width: 715px; display: block;} #bodycontact #content .directions a {height: 527px; width: 715px; display: block; background: transparent url(../img/map-directions.jpg) 0 -527px no-repeat; padding: 0;} #bodycontact #content .directions a:hover {background-position: 0 -527px;} #bodycontact #content .parking-map {top: 100px; margin-left: -277px; height: 714px; width: 532px; display: block;} #bodycontact #content .parking-map a {height: 714px; width: 532px; display: block; background: transparent url(../img/parking.gif) -532px 0 no-repeat; padding: 0;} #bodycontact #content .parking-map a:hover {background-position: -532px 0;} #bodyonsite #content .pickup-map {top: 100px; margin-left: -277px; height: 694px; width: 532px; display: block;} #bodyonsite #content .pickup-map a {height: 694px; width: 532px; display: block; background: transparent url(../img/pickup-map.gif) -532px 0 no-repeat; padding: 0;} #bodyonsite #content .pickup-map a:hover {background-position: -532px 0;} #bodyfind #content .floor {top: 100px; margin-left: -375px; height: 578px; width: 710px; display: block;} #bodyfind #content .floor a {height: 578px; width: 710px; display: block; background: transparent url(../img/floorplan-lg.jpg) 0 -578px no-repeat; padding: 0;} #bodyfind #content .floor a:hover {background-position: 0 -578px;} #content .profileform {font-size: 130%; width: 500px; margin-left: -270px; top: 100px; display: block !important;} #bodyregister #content #alert.programnote {width: 500px; margin-left: -270px; display: block; font-weight: normal; font-size: 100%;} #bodyregister #content #alert.programnote p {text-align: justify;} #content .formerror {font-size: 130%; width: 500px; margin-left: -270px; top: 200px; display: block !important;} #content .canvas {margin-left: -320px; height: auto; width: 600px; display: block !important; border-color: #0f414e !important; text-align: center !important; background: transparent url(../img/canvas.png) 0 0 repeat !important; color: #fff !important; font-weight: bold;} #content .canvas a, #content .canvas a:hover {padding: 0; background: transparent;} #content .canvas #close {position: relative; top: -20px; left: 498px; display: block; background: transparent url(../img/closecanvas.png) 0 0 no-repeat; height: 41px; width: 122px; text-indent: -4000px;} * html #content .canvas #close {left: 259px; background: transparent url(../img/closecanvas.gif) 0 0 no-repeat;} *:first-child+html #content .canvas #close {left: 259px;} #content .canvas #close:hover {background: transparent url(../img/closecanvas.png) 0 -41px no-repeat;} * html #content .canvas #close:hover {background: transparent url(../img/closecanvas.gif) 0 -41px no-repeat;} #toolTip {position: absolute; z-index: 1000; width: 250px; background: #08262e; border: 1px solid #000; text-align: left; padding: 8px; min-height: 1em; -moz-border-radius: 5px;} #toolTip.wide {width: 600px;} #toolTip p {margin: 0; padding: 0; color: #fff; font-size: 110%;} #toolTip p em {margin-bottom: 3px; color:#fff; font-style: normal; font-weight: bold; font-size: 110%;} #toolTip p em span {font-weight: bold; color: #fff; font-style: italic;} #dim {background: #22405a; opacity: .50; position: absolute; top: 0; left: 0; width: 100%; display: none; z-index: 1;} * html #dim {filter:alpha(opacity=50); z-index: 1;} *:first-child+html #dim {filter:alpha(opacity=50); z-index: 1;} .close {float: right; font-weight: normal; font-size: 70%; text-decoration: none; margin-bottom: 10px;} /* Home Page --------------------------------------------------------------------------------------------*/ object, embed {border: 0; margin: 0; padding: 0;} #bodyhome #mid {height: 315px; background: #fff; margin-top: 0;} * html #bodyhome #mid {margin-top: 0; height: 310px;} *:first-child+html #bodyhome #mid {margin-top: -2px; height: 312px;} #bodyhome .image2 {background: transparent url(../img/home-mid-drawing.jpg) 0 0 no-repeat !important;} #bodyhome .image3 {background: transparent url(../img/home-mid-pre.jpg) 0 0 no-repeat !important;} #bodyhome .image4 {background: transparent url(../img/home-mid-violin.jpg) 0 0 no-repeat !important;} #bodyhome #content {width: 800px; font-size: 100%; padding-bottom: 0; margin: 0;} #bodyhome #content h1 {display: none;} #bodyhome #content #ticker {margin-top: 10px; overflow: hidden; height: 60px; text-align: center;} #bodyhome #content #ticker input {border: 0; padding: 2px 0; font-size: 130%; color: #214f5a; height: auto; margin: 0; width: 800px !important;} #bodyhome #content #ticker input:focus {background: transparent !important;} #bodyhome #content #ticker span {display: none; font-size: 90%; margin: 5px 0 0 0; color: #666;} * html #bodyhome #content #ticker span {position: relative; top: -10px;} *:first-child+html #bodyhome #content #ticker span {position: relative; top: -10px;} #bodyhome #content #ticker:hover input, #bodyhome #content #ticker input.hover {background: #bbeeff !important; color: #fe330f;} #affiliates {width: 124px; float: right; margin: 10px 0 -70px 0; text-align: center; color: #999;} #affiliates #viewer {margin-top: 3px; height: 68px; width: 124px; background-repeat: no-repeat; background-position: center;} * html #affiliates #viewer {position: relative;} *:first-child+html #affiliates #viewer {position: relative;} #preload img {height: 1px; width: 1px; opacity: .00;} * html #preload img {filter:alpha(opacity=00);} *:first-child+html #preload img {filter:alpha(opacity=00);} /* Footer --------------------------------------------------------------------------------------------*/ #footer {clear: both; border-top: 2px solid #88b2b2; text-align: center;} #bodyhome #footer {border: 0; text-align: left; width: 615px; float: left; height: auto; margin: 10px 0 25px 5px;} #footer a {color: #4b4b4b; font-size: 95%; text-decoration: none; margin: 0 41px 0 41px; padding: 3px 8px; border: 1px solid #fff;} * html #footer a {position: relative;} #bodyhome #footer a {margin: 0 83px 0 0;} #footer a:hover {background: transparent; border: 1px solid #82b2b2; color: #0d414e;} #footer div {color: #597474; margin: 20px 0 0 0; padding-bottom: 20px;} #bodyhome #footer div {margin: 47px 0 10px 0; font-size: 90%; } #bodyhome #footerinfo {text-align: center;} #footer div img {display: block; margin: 0 auto 10px auto; clear: both;} #bodyhome #footer #footerinfo img {margin: 0 0 10px 0;} #footer div p {clear: both; margin: 0;} #footerinfo p {margin: 0;} #footerinfo .byline {margin-top: 20px;} #bodyhome #footerinfo .byline {font-size: 90%;} #footerinfo .byline span {margin: 0 50px;} #footerinfo .byline a {color: #a4a3a3; text-decoration: none; padding: 2px; border: 1px solid #fff;} #footerinfo .byline a span {color: #aaa; margin: 0;} #footerinfo .byline a:hover {background: #fafafa; color: #699090; border: 1px solid #ddd;} #footerinfo .byline a:hover span {color: #08262e;} #footerinfo .copyright {line-height: 1.5;} #footerinfo .copyright a {margin: 0;} /* Form Styles --------------------------------------------------------------------------------------------*/ #content .feature form {margin-top: 20px;} #content form .feature {padding: 20px;} #content #attend form, #content #workshopweek {font-size: 130%; margin-top: 20px;} #content #workshopweek {margin: 50px 0 0 0;} #content #workshopweek {margin-bottom: 20px;} #content form div.left {width: auto; margin-right: 20px;} #alert form {margin: 20px 0;} #alert #error {background: #fafafa; padding: 0 10px; border: 2px solid #ddd; display: none; margin-top: 20px;} form span {display: block;} #content form div {margin-bottom: 10px;} input, select, textarea {background: #fff !important; padding: 4px 4px 4px 4px; border: 1px solid #a5dfdf; color: #999; font-size: 80%;} #content input, #content textarea {width: 300px;} #content textarea {font-family: "century gothic", Helvetica, sans-serif; font-size: 110%; white-space: nowrap;} #content #alert textarea {font-size: 75% !important;} #content select {margin: 10px 0 10px 0;} #content #workshopweek select {font-size: 65%;} #content form option {padding-right: 10px;} #content .left select {margin-top: 0;} #content .left input {width: 100px;} input.focus, input:focus, select:focus, textarea:focus {background: #bbeeff !important; border-color: #91c4c4; color: #3f5353 !important;} input.button {border: 0; padding: 0; width: auto;} #content .check input, #content .radio input {padding: 0; margin-right: 10px; width: auto; border: 0;} .buttons a {float: left; margin: 10px 10px 0 0; display: block; height: 31px; width: 103px; padding: 0; background: transparent url(../img/buttons.jpg) 0 0 no-repeat; text-indent: -4000px;} #alert .buttons .center {float: none; margin: 10px auto;} #content .buttons input, #content .buttons input.focus {float: left; margin: 10px 10px 0 0; border: 0 !important; padding: 0 !important; width: auto;} .buttons .accept {background: transparent url(../img/buttons.jpg) 0 0 no-repeat} .buttons .accept:hover {background: transparent url(../img/buttons.jpg) 0 -31px no-repeat} .buttons .submit {background: transparent url(../img/buttons.jpg) -103px 0 no-repeat} .buttons .submit:hover {background: transparent url(../img/buttons.jpg) -103px -31px no-repeat} .buttons .cancel {background: transparent url(../img/buttons.jpg) -206px 0 no-repeat} .buttons .cancel:hover {background: transparent url(../img/buttons.jpg) -206px -31px no-repeat} .buttons .ok {background: transparent url(../img/buttons.jpg) -309px 0 no-repeat} .buttons .ok:hover {background: transparent url(../img/buttons.jpg) -309px -31px no-repeat} .buttons .close {background: transparent url(../img/buttons.jpg) -515px 0 no-repeat; float: none;} .buttons .close:hover {background: transparent url(../img/buttons.jpg) -515px -31px no-repeat}