*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0; } table { border-collapse:collapse; border-spacing:0 } fieldset, img { border:0; } address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal } ol, ul, li { list-style:none } caption, th { text-align:left } h1, h2, h3, h4, h5, h5, h6 { font-size:100% } q:before, q:after { content:''} strong { font-weight: bold } em { font-style: italic } ol, ul, li { list-style:none } * a { position:relative } /* Gets links displaying over a PNG background */ a { outline:none } /* Gets rid of Firefox's dotted borders */ a img { border:none } /* Gets rid of IE's blue borders */ /* --------- 1. defaults --------- */ * { margin: 0; padding: 0; } body { background-color:#eadfd0; text-align:center;/**IE 5.5- Hack - Centers Site */ } /* --------- 2. structure --------- */ #wrapper { background:url(/images/wrapper.png) repeat-y; width:972px; height:auto; margin:0 auto; text-align:left;/**IE 5.5- Hack - Re-Aligns Text */ } #masthead /* Masthead Container */ { width:950px; height:88px; background:url(/images/masthead_bkg.jpg) no-repeat; margin:0 0 0 11px; border-bottom:1px solid #000; } #logo { background:url(/images/Logo.jpg) no-repeat; width:240px; height:82px; margin-right:0; /*width:170px; padding:10px 0 0 20px;*/ } #logo h1 { margin:0; } /* Logo Link Hot Area */#logo h1 a { width:240px; height:82px; text-indent:-9999px; display:block; } #navContainer { width:457px; height:30px; margin:5px 0 0 0; padding:0 0 0 12px; background:#542319 url(/images/navCap_L.jpg) no-repeat left 0; } /* #navSpacer { width:190px; } */ #navigation { width:457px; height:30px; background:url(/images/navCap_R.jpg) no-repeat right 0; } #navSearchContainer { width:164px; height:24px; margin:3px 0 0 44px; padding-top:2px; } #navSearch-search { background:url(/images/search_field.jpg) no-repeat 0 0; width:132px; height:21px; padding:3px 0 0 10px; margin:0; border:none; float:left; display:inline; } #navSearch-submit { background:url(/images/search_btn.jpg) no-repeat 0 0; width:22px; height:24px; margin:0; border:none; float:left; display:inline; text-indent:-9999px; cursor:pointer; /* IE hacks */ color:transparent; text-transform:capitalize; } #content /* Content Area Container */ { min-height:600px; } /* *NOTE* Main Content Area - On pages with a right sidebar use ".withSidebar" in the "#content" div, and ".noSidebar" for no right sidebar. On Home Page use .homePage in the tag */ /*body.homePage #mainContentArea / Home Page / { width:950px; margin-right:0; background-color:#E9E9E9; } */ .noSidebar #mainContentArea /* Level 2 Page > NO Right Sidebar */ { width:750px; margin-right:0; } .withSidebar #mainContentArea /* Level 2 Page > WITH Right Sidebar */ { width:550px; } #mainContentArea .inner { padding:10px; } #sidebarLeft { width:200px; margin-right:0; } #sidebarLeft .inner { padding-left:10px; padding-bottom:30px; } #sidebarRight { width:190px; margin-right:0; } #sidebarRight .inner { padding:30px 10px 30px 0; } /* -- Sidebar Widgets -- */ .widget-1 { margin-bottom:20px; width:180px; } .widget-1 h2 { background:url(/images/widget-1_shade.gif) no-repeat 0 18px; width:180px; height:20px; padding-bottom:5px; margin:0; text-align:center; } .widget-1 p { width:168px; margin:0; padding:5px; text-align:center; border-top:2px solid #d5b7aa; border-bottom:2px solid #d5b7aa; border-left:1px solid #d5b7aa; border-right:1px solid #d5b7aa; } .widget-1 p img { margin:-5px; /*IE6 Hack*/ position:relative; } .widget-1 p.cap { background:url(/images/widget-1_shade.gif) no-repeat 0 -8px; text-align:center; border:0; } .widget-1 p.cap a { background:url(/images/link-sprite.gif) no-repeat 100% -66px; padding-right:8px; text-decoration:none; } .widget-1 p.cap a:hover { background-position:100% 4px; text-decoration:underline; } .widget-1 span { display:block; padding-top:10px; text-align:center; } .widget-2 { background: url(/images/widget-2_top.gif) no-repeat 0 0; margin-bottom:20px; width:180px; } .widget-2 h2 { background:url(/images/widget-1_shade.gif) no-repeat 0 25px; width:178px; padding:6px 0 8px; margin:0 1px; text-align:center; } .widget-2 p { background:url(/images/widget-2_bkg.gif) repeat-y; width:170px; margin:0; padding:5px 5px 0 5px; text-align:center; } .widget-2 p img { margin:-5px -5px 0 -4px; /*IE6 Hack*/ position:relative; } .widget-2 p.cap { background:url(/images/widget-2_bottom.gif) no-repeat 0 bottom; text-align:center; border:0; padding-bottom:5px; } .widget-2 p.cap a { background:url(/images/link-sprite.gif) no-repeat 100% -66px; padding-right:8px; text-decoration:none; } .widget-2 p.cap a:hover { background-position:100% 4px; text-decoration:underline; } .widget-2 span { display:block; padding-top:10px; text-align:center; } /* Home Page */ body.homePage #content { padding-bottom:30px; } #billboard { width:910px; margin:20px 20px 10px; } #callOut-institute { width:443px; height:98px; margin:0 20px; border:1px solid #000; } #callOut-institute img { float:left; display:inline; margin:0; } #callOut-festival { width:443px; height:98px; margin-right:20px; border:1px solid #000; } #callOut-festival img { float:left; display:inline; margin:0; } #about { width:910px; margin:20px 20px 0; padding-bottom:1.6em; } #news-1 {width:290px; margin:0 20px; } #news-2 {width:290px; margin-right:20px; } #news-3 {width:290px; margin-right:20px; /* IE6 Fix -Multiple Charachters Bug */ margin-right:-3px; } #footer /* Footer Container */ { background:url(/images/footer_bkg.jpg) no-repeat; width:950px; height:24px; /*border-top:1px solid #000;*/ padding:7px 0 0; color:#fff; } #footer-About { width:307px; text-align:center; } #footer-About a { color:#fff; no-repeat right 5px; /*IE6 HasLayout Hack*/display:inline-block; } #footer-About a:hover { color:#d2552c; } #footer-Facebook { width:306px; text-align:center; } #footer-Facebook a { color:#fff; no-repeat right 5px; /*IE6 HasLayout Hack*/display:inline-block; } #footer-Facebook a:hover { color:#d2552c; } #footer-Contact { width:307px; text-align:center; } #footer-Contact a { color:#fff; no-repeat right 5px; /*IE6 HasLayout Hack*/display:inline-block; } #footer-Contact a:hover { color:#d2552c; } #footer-cap { display:block; background:url(/images/footer_cap.png) no-repeat; width:972px; height:51px; margin:0 auto; } /* -- GRID -- */ .columnContainer { width:950px;margin:0 auto; } .column { float:left; margin-right:10px; display:inline; } /* Spans */ div.last, .last {margin-right:0;} .span-1 {width:30px;} .span-2 {width:70px;} .span-3 {width:110px;} .span-4 {width:150px;} .span-5 {width:190px;} .span-6 {width:230px;} .span-7 {width:270px;} .span-8 {width:310px;} .span-9 {width:350px;} .span-10 {width:390px;} .span-11 {width:430px;} .span-12 {width:470px;} .span-12 {width:470px;} .span-13 {width:510px;} .span-14 {width:550px;} .span-15 {width:590px;} .span-16 {width:630px;} .span-17 {width:670px;} .span-18 {width:710px;} .span-19 {width:750px;} .span-20 {width:790px;} .span-21 {width:830px;} .span-22 {width:870px;} .span-23 {width:910px;} .span-24, div.span-24 {width:950px;margin:0;} /* Float Clearing */ .separator { clear: both; } .separatorInvisible { clear: both; height: 1px; } .clearFix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* Debugging */ .debug1 { background-color:#ff0000; } .debug2 { background-color:#00ff00; } .debug3 { background-color:#0000ff; } /* Sprecial Items */ .break { display:none; height:0; } .alignLeft { float:left; display:inline; } .alignRight { float:right; display:inline; } img.alignLeft { float:left; display:inline; margin-right:20px; } img.alignRight { float:right; display:inline; margin-left:20px; } .textAlignLeft { text-align:left; } .textAlignRight { text-align:right; } .textAlignCenter { text-align:center; } /* Extras */ /* Pads */ .no-Pad { padding:0; } .extraPadTop-10 { padding-top:10px; } .extraPadTop-20 { padding-top:20px; } .extraPadLR-10 { padding-left:10px; padding-right:10px; } .extraPadLR-20 { padding-left:20px; padding-right:20px; } .extraPadLeft-10 { padding-left:10px; } .extraPadLeft-20 { padding-left:20px; } .extraPadRight-10 { padding-right:10px; } .extraPadRight-20 { padding-right:20px; } .extraPadBottom-10 { padding-bottom:10px; } .extraPadBottom-20 { padding-bottom:20px; } .extraPad-10 { padding:10px; } .extraPad-20 { padding:20px; } /* Margins */ .no-Marg { margin:0; } .extraMargLeft-5 { margin-left:5px; } .extraMargLeft-20 { margin-left:20px; } .extraMargBottom-10 { margin-bottom:10px; } .extraMargBottom-20 { margin-bottom:20px; } .extraMargBottom-30 { margin-bottom:30px; } /* IE Fix */ .duplicateCharacterFix { margin-right:-3px; } /* ---------- 3. links and navigation ---------- */ a { color:#d2552c; text-decoration:underline; } a:hover { text-decoration:none; } /* -- Main Navigation -- */ #navigation {} #navigation ul { width:auto; height:28px; list-style-type:none; padding-top:2px; } #navigation li { float:left; display:inline;/**IE Hack - Float Margin Bug */ text-align:center; } #navigation li.last { border-right:1px solid #000; } #navigation a { width:110px; height:23px; display:block; padding-top:3px; color:#fff; font:bold 1.6em Georgia, "Times New Roman", Times, serif; text-decoration:none; border-top:1px solid #000; border-left:1px solid #000; } /* -- Main Nav Links -- */ .instituteLink a { background:url(/images/nav_Sprite.jpg) repeat-x 0 0; border-bottom:1px solid #000; } .instituteLink a:hover { background-position:0 -46px; } .festivalLink a { background:url(/images/nav_Sprite.jpg) repeat-x 0 0; border-bottom:1px solid #000; } .festivalLink a:hover { background-position:0 -95px; } .supportLink a { background:url(/images/nav_Sprite.jpg) repeat-x 0 0; border-bottom:1px solid #000; } .supportLink a:hover { background-position:0 -144px; } .exploreLink a { background:url(/images/nav_Sprite.jpg) repeat-x 0 0; border-bottom:1px solid #000; } .exploreLink a:hover { background-position:0 -193px; } /* -- Automation -- */ /* Default Striping */ #masthead { background-color:#b99462; } body.instituteArea .instituteLink a { background-position:0 -46px; border-bottom:1px solid #6897c4; /* Blue */ } /* Striping & Subnav color */ body.instituteArea #masthead, body.instituteArea #subNav a { background-color:#6897c4; } body.festivalArea .festivalLink a { background-position:0 -95px; border-bottom:1px solid #c11e1e; /* Red */ } /* Striping & Subnav color */ body.festivalArea #masthead, body.festivalArea #subNav a { background-color:#c11e1e; } body.supportArea .supportLink a { background-position:0 -144px; border-bottom:1px solid #d9a420; /* Goldenrod */ } /* Striping & Subnav color */ body.supportArea #masthead, body.supportArea #subNav a { background-color:#d9a420; } body.exploreArea .exploreLink a { background-position:0 -193px; border-bottom:1px solid #70a15e; /* Green */ } /* Striping & Subnav color */ body.exploreArea #masthead, body.exploreArea #subNav a { background-color:#70a15e; } /* -- Sub Navigation -- */ #subNav { background:url(/images/subNav_top.gif) no-repeat right 0; width:190px; /*width:200px;*/ /*!IEmin-height:230px;*/ margin-right:0; padding:19px 0 0; display:block; font:bold 1.2em/100% Verdana, Arial, Helvetica, sans-serif; } #subNav li { color:#fff; text-align:center; } #subNav li.last { border-bottom:none; background:url(/images/subNav_bottom.gif) no-repeat 0 23px; height:70px; } #subNav li.last a { border-bottom:1px solid #000; } #subNav li a { display:block; width:189px; /*width:199px;*/ padding:5px 0; border-top:1px solid #000; border-right:1px solid #000; color:#fff; text-decoration:none; } #subNav a:hover, body.instituteArea #subNav a:hover, body.festivalArea #subNav a:hover, body.supportArea #subNav a:hover, body.exploreArea #subNav a:hover { background-color:#fff; color:#000; } /* Automation */ /*#subNav li.active a, body.instituteArea #subNav li.active a, body.festivalArea #subNav li.active a, body.supportArea #subNav li.active a, body.exploreArea #subNav li.active a*/ #subNav li.active a { background-color:#fff; border-right:1px solid #fff; color:#000; } #subNav li.active ul li.active a { background-color:#666; color:#fff; } /* Color Section Automation */ body.instituteArea #subNav li.active ul li a { background-color:#e4edf5; } body.festivalArea #subNav li.active ul li a { background-color:#f5e6e6; } body.supportArea #subNav li.active ul li a { background-color:#f0e5c9; } body.exploreArea #subNav li.active ul li a { background-color:#e3eddf; } /* Active > Active */ body.instituteArea #subNav li.active ul li a:hover, body.instituteArea #subNav li.active ul li.active a { background-color:#4c6e8f; color:#fff; border-right:1px solid #000; } body.festivalArea #subNav li.active ul li a:hover, body.festivalArea #subNav li.active ul li.active a { background-color:#8c1515; color:#fff; border-right:1px solid #000; } body.supportArea #subNav li.active ul li a:hover, body.supportArea #subNav li.active ul li.active a { background-color:#a67e19; color:#fff; border-right:1px solid #000; } body.exploreArea #subNav li.active ul li a:hover, body.exploreArea #subNav li.active ul li.active a { background-color:#4e7041; color:#fff; border-right:1px solid #000; } /* Second Level */ #subNav li.active ul li a { background-color:#eee; border-top:1px dotted #000; border-right:1px solid #000; } body.instituteArea #subNav li.active ul li a { border-top:1px solid #bacbdb; } body.festivalArea #subNav li.active ul li a { border-top:1px solid #e0c1c1; } body.supportArea #subNav li.active ul li a { border-top:1px solid #d6c69f; } body.exploreArea #subNav li.active ul li a { border-top:1px solid #bbd4b2; } /* ---------- 4. fonts ---------- */ html { font-size: 100%; min-height: 101%; } body { font-size: 62.5%; } h1, h2, h3, h4, p, ul {} h1 { font: bold 2.0em/100% Georgia, "Times New Roman", Times, serif; color:#80290d; margin-bottom:0.8em; margin-top:1.3em; text-transform:uppercase !important;/**IE 5.x Hack */ } h2 { font: bold 1.8em/100% Georgia, "Times New Roman", Times, serif; color:#80290d; margin-bottom:0.8em; margin-top:1.3em; } h3 { font: bold 1.6em/100% Georgia, "Times New Roman", Times, serif; color:#80290d; margin-bottom:0.8em; margin-top:1.2em; } h4 { font: bold 1.2em/100% Georgia, "Times New Roman", Times, serif; color:#80290d; margin-bottom:1.2em; margin-top:1.2em; } body.homePage h1, body.homePage h2, body.homePage h3, body.homePage h4 { margin-top:0; } p { font:1.2em/1.4 Verdana, Arial, Helvetica, sans-serif; margin-bottom:1em; } .upcoming p { font:1.2em/1.4 Verdana, Arial, Helvetica, sans-serif; margin-bottom:5em; } legend { font:bold 1.2em/100% Georgia, "Times New Roman", Times, serif; color:#80290d; margin-left:165px; padding-left:1em; padding-right:1em;} /* Typography - Main Content Area */ #mainContentArea p, #mainContentArea ul, #mainContentArea ol, #mainContentArea dl dd { font:1.2em/1.4 Verdana, Arial, Helvetica, sans-serif; margin-bottom:1em; } #mainContentArea ul li { list-style-type:disc; margin-left:20px; } #mainContentArea ol li { list-style-type:decimal; margin-left:20px; } #mainContentArea dl { margin-bottom:1em; } #mainContentArea dl dt { font: bold 1.4em/100% Georgia, "Times New Roman", Times, serif; color:#80290d; margin-bottom:0.2em; } #mainContentArea dl dd { list-style-type:none; margin-left:10px; margin-bottom:0; } blockquote {} /* ---------- 5. images ---------- */ a img { border: 0; } /* ---------- 6. tables ---------- */ table { font:1.2em/1.4 Verdana, Arial, Helvetica, sans-serif; margin-bottom:20px; } caption {} tr { height:25px; } th, td { padding:5px; } th { text-align:center; font:bold 1.2em/100% Verdana, Arial, Helvetica, sans-serif; color:#542319; } td.col1 { text-align:right; padding-right:10px; } td.cen { text-align:center; } .officers th, .officers td, .performances th, .performances td { } .calendar table { width:100%; margin-bottom:5px; } .calendar th { color:#542319; } .calendar tr { height:20px; } .calendar td { text-align:center; padding:0px; } td.off { background:#ffffff; cursor:default; text-align:center; } td.on { background:#c11e1e; cursor:pointer; text-align:center; } .press td { text-align:center; width:200px; } td.sponsors { text-align:center; padding:20px; } td.perfcal { text-align:left; padding-left:7px; padding-right:7px; border-style:solid; border-width:1px; border-color:#cccccc; } td.perffilter { padding-top:0px; padding-bottom:0px; } td.preseason { background-color:#dddddd; } td.june { background-color:#ffcc66; } td.july { background-color:#ffff99; } td.august { background-color:#f5deb3; } /* td.nohover { color:black; } */ /* td.hover { color:red; cursor:pointer;} */ /* ---------- 7. forms ---------- */ form {} label { float:left; text-align:right; margin-right:10px; display:block; } textarea { width:600px; height:200px; } .apply label { width:150px; } .personal label { width:145px; } .contact label { width:125px; } .education label { width:120px; } .financial label { width:380px; } .employment label { width:375px; } .email label { width:130px; } .submit input { padding-left:20px; padding-right:20px; } .donate_afl label { width:75px; } .donate_info label { width:125px; } .donate_amt label { width:150px; } .donate_match label { width:375px; } .donate_give label { width:450px; } .donate_pay label { width:100px; } .donate_pref label { width:150px; } .email textarea { width:450px; } .gc_card label { width:100px; } .gc_billing label { width:125px; } .gc_recip label { width:150px; } .gc_info label { width:60px; } .gc_info textarea { width:300px; height:100px; } .gctb { width:200px; } .alumni input[type=text] { width:350px; } .alumni label { width:165px; } .alumni textarea { width:350px; height:150px; } .track li { padding-bottom:10px; } .webcast label { width:70px; } .webcast textarea { width:400px; height:75px; } .mozart label { width:125px; } .bmca label { width:120px; } .bmca textarea { width:400px; height:100px; } .transport label { width:125px; } .reservation label { width:125px; } .subscription label { width:100px; } .subscription input[type=text] { width:250px; } #perfbreak { clear:both; } #perfdate { width:150px; text-align:left; float:left; margin:15px 0px 15px 0px; font:1.2em/1.4 Verdana, Arial, Helvetica, sans-serif; color:#80290d; font-style:italic; } #perftitle { width:500px; text-align:center; float:left; margin:15px 0px 15px 0px; font:1.2em/1.4 Verdana, Arial, Helvetica, sans-serif; color:#80290d; } #perftime { width:80px; text-align:right; float:left; margin:15px 0px 15px 0px; font:1.2em/1.4 Verdana, Arial, Helvetica, sans-serif; color:#80290d; font-style:italic; } #perfleft { float:left; width:120px; min-height:10px; text-align:left; font-size:0; } #perfmiddle { float:left; width:470px; } #perfright { float:left; width:120px; min-height:10px; text-align:right; padding-right:20px; font-size:0; } #perfblurb { width:470px; text-align:left; margin-bottom:15px; font:1.2em/1.4 Verdana, Arial, Helvetica, sans-serif; } #perfsponsor { width:470px; text-align:left; margin-bottom:15px; font:1.2em/1.4 Verdana, Arial, Helvetica, sans-serif; font-style:italic; } #perfworks { width:470px; text-align:left; margin-bottom:15px; } #perfdetail { float:left; width:400px; } #perfconduct { width:400px; text-align:left; font:1.2em/1.4 Verdana, Arial, Helvetica, sans-serif; } #perfguest { width:400px; text-align:left; font:1.2em/1.4 Verdana, Arial, Helvetica, sans-serif; } #perfvenue { width:400px; text-align:left; font:1.2em/1.4 Verdana, Arial, Helvetica, sans-serif; } #perfprice { width:400px; text-align:left; margin-bottom:15px; font:1.2em/1.4 Verdana, Arial, Helvetica, sans-serif; } #perfbutton { float:left; width:70px; } #perfbuy { width:70px; text-align:left; margin-bottom:15px; font:1.2em/1.4 Verdana, Arial, Helvetica, sans-serif; } div.perfcal2010 { width:95px; height:75px; padding:3px; margin-right:-1px; margin-bottom:-1px; border:1px solid #cccccc; font:1em Verdana, Arial, Helvetica, sans-serif; } div.month6 { background-color:#ffffcc; } div.month8 { background-color:#ffffcc; } span.perfcal2010 { float:left; width:102px; margin-bottom:3px; text-align:center;font:bold 1.2em Georgia, Times New Roman, Times, serif; color:#80290d; } /* Chrome Hack */ *:focus {outline: none;}