@charset "utf-8"; /* CSS Document */ BODY { background:url(../images/main_bg.jpg) top center no-repeat #001800; margin:0px auto; padding:0px auto; text-align:center; font-family:Georgia, "Times New Roman", Times, serif; color:#4e4038; font-size:11px;} h1 { font-size:24px; margin-top:20px;} /* settings: global blue a9c3e6 global brown 4e4038 global white c3c4c4 global green link a4d06a */ /************************************* global page settings *************************************/ #container { width:976px; text-align:center; margin:0px auto; padding:0px auto;} #container #toplink h1 { background: transparent url(../images/pixel.gif) no-repeat top left; margin: 0px; padding:0px; width: 500px; height:70px; float: left; cursor:pointer;} #container #toplink h1 span { display:none} #container #search input { border:1px solid #312a26; font-size:9px; height:19px; width:140px; background:#d9d9d9 url(../images/footer_input.png) top left no-repeat; padding:5px 0px 0px 5px;} #container #search input.submit { border:none; background:none; height:19px; width:59px; padding:0px 0px 0px 0px;} #container #search table { float:right; margin-top:16px;} #container #search table.inner { margin-top:0px; padding:3px;} #container #search table tr td.outer { border:1px solid #c3c4c4;} #container #search { width:270px; text-align:right; float:right;} #container #search a { color:#484848; text-decoration:none; } #container #search a:hover { color:#73a5cc; text-decoration:underline;} .endline { clear:both; overflow:hidden; height:0px; font-size:0px; line-height:0px;} /************************************* home page *************************************/ #container #homepage { width:976px; height:561px; float:left; padding:0px;} #container #homepage #dip { width:390px; height:305px; float:left; left:27px; top:26px; position:relative;} #container #homepage #center_link { width:200px; height:305px; float:left; left:27px; top:26px; position:relative;} #container #homepage #events { width:252px; height:305px; float:left; left:112px; top:75px; position:relative; text-align:left; font-size:10px;} #container #homepage #events a { text-decoration:none; color:#4e4038;} #container #homepage #events a:hover { text-decoration:none; color:#db4447;} #container #homepage #events div { padding:2px 0 1px 0;} #container #homepage #events span { background:#4e4038; font-family:Georgia, "Times New Roman", Times, serif; font-size:10px; line-height:11px; font-weight:bold; padding:0px 3px; text-transform:uppercase;color:#c3c4c4;} #container #homepage #events span:hover { } #container #homepage #events span.openerHome { font-size:9px; font-style:italic; background:none; font-weight:100; padding:0; text-transform:none; color:#4e4038;} #container #homepage #feature { width:169px; height:196px; float:left; left:100px; top:17px; position:relative; text-align:left;} #container #homepage #workshop { width:191px; height:196px; float:left; left:100px; top:15px; position:relative; text-align:left;} #container #homepage #workshop #boardscrap { width:166px; height:121px; float:left; left:25px; top:7px; position:relative; text-align:left;} #container #homepage #boardscrap2 { width:191px; height:196px; float:left; left:15px; top:92px; position:relative; text-align:left;} #container #homepage #slide { width:191px; height:196px; float:left; left:150px; top:115px; position:relative; text-align:left;} #container #homepage #directions { width:166px; height:121px; float:right; right:50px; top:115px; position:relative; text-align:left;} .sash2 { position:absolute; float:left; background:url(../images/sash_bg.png) top left no-repeat; height:172px; width:106px;} /*alternate values for ie7 in whonu_ie7.css*/ .sash { position:absolute; float:left; z-index:1;} /*alternate values for ie7 in whonu_ie7.css*/ /************************************* secondary page *************************************/ #container #header { width:976px; float:left; padding:0px; background:url(../images/topnav_bg.png) top left no-repeat; margin-top:10px;} #container #header ul { margin-top:7px; margin-left:24px;} #container #header ul li { height: 25px; float:left; padding: 0px 42px 0px 4px; /* replace when history section is added --> padding: 0px 25px 0px 4px;*/ line-height:13px; font-size:13px; font-weight:; list-style-type:none;} #container #header ul li a { color:#92a6bf; text-decoration:none;} #container #header ul li a:hover { color:#c3c4c4; text-decoration:underline;} #container #content { width:937px; float:left; padding:0px; margin:0px; margin-top:16px;} #container #content h1 { text-transform:uppercase;} #container #content h2 { font-size:20px;} #container #content h3 { font-size:18px; text-transform:uppercase; margin-top:0px;} #container #content h4 { font-size:14px; font-weight:bold; text-transform:uppercase; float:left; /*margin:17px 0px 5px 17px;*/ margin:17px 0px 0px 0px; text-align:left; padding-left:17px;} #container #content h5 { font-size:11px; font-weight:normal; text-transform:uppercase; margin-top:-15px;} #container #content a { color:#4e4038;} #container #content p { text-align:left; width:850px; margin-left:50px;} #container #content p.about { text-align:left; width:auto; margin-left:0px; width:375px;} #container #content ul li { text-align:left; margin-left:50px;} #container #content ol li { text-align:left; margin-left:50px; width:750px;} #container #content_bottom { width:937px; float:left; padding:0px; height:37px; margin-bottom:16px;} #container #content table { font-size:11px; font-weight:bold;} #container #content table tr td select { width:200px; border:none; font-size:11px;} #container #content table tr td input.short { width:200px; border:none; font-size:11px;} #container #content table tr td input { width:380px; border:none; font-size:11px;} #container #content table tr td textarea { width:380px; border:none; font-size:11px;} #container #content table tr td input.radio { width:20px; border:none;} #container #content table tr td input.submit { border:none; font-size:9px; height:28px; width:59px; background:none;} #container #content table tr td input.unsub { border:none; font-size:9px; height:28px; width:101px; background:none;} #container #content #left_pic { float:left; width:227px; margin-left:0px; position:relative; left:20px;} #container #content #left_pic #pic { float:left; width:227px; border:2px solid #4e4038;} #container #content #left_pic #text { float:left; width:227px; border:2px solid #4e4038; border-top:none; background:#FFFFFF;} #container #content .text { float:left; width:400px; margin-left:20px; text-align:left; position:relative; left:20px;} #container #content #dlodge { float:left; width:667px;} #container #content #dlodge #img { float:left; text-align:left; margin:0px 0px 10px 0px;} #container #content #dlodge #links { float:left; width:200px; margin-top:0px;} #container #content #dlodge #links a { float:left; width:175px; margin-left: 20px; border:3px solid #4f4139; line-height:20px; margin-bottom:3px; background:#a9c3e6; text-decoration:none;} #container #content #dlodge #links a:hover { background:#a9c3e6;} #container #content #dlodge #dlodge1 { float:left; width:400px; margin-left:20px; text-align:left;} #container #content #dlodge #dlodge2 { float:left; width:400px; margin-left:20px; text-align:left;} #container #content #dlodge #dlodge3 { float:left; width:400px; margin-left:20px; text-align:left;} #container #content #right_promo { width:250px; float:left;} #container #content #right_promo #sponsor_promo { width:250px; float:left; background:url(../images/promo_bg_sponsor.gif) top left no-repeat; height:146px;} #container #content #right_promo #sponsor_promo.sponsor_promo150 {background:url(../images/promo_bg_sponsor_tall.gif) top left no-repeat; height:370px;} #container #content #right_promo #sponsor_promo.sponsor_promo190 {background:url(../images/promo_bg_sponsor190.gif) top left no-repeat; height:267px;} #container #content #right_promo #blue_promo { width:250px; float:left; background:url(../images/promo_bg_blue.gif) top left no-repeat; height:146px;} #container #content #right_promo #green_promo { width:250px; float:left; background:url(../images/promo_bg_green.gif) top left no-repeat; height:146px;} #container #content #right_promo #blue2_promo { width:250px; float:left; background:url(../images/promo_bg_blue2.gif) top left no-repeat; height:146px;} #container #content #right_promo #text { float:left; text-align:left; padding-left:18px; width:210px; height:55px;} #container #content #right_promo #link { float:left; text-align:left; margin-left:20px; width:210px; height:35px;} #container #content .contactinfo { font-weight:bold; margin-left:20px; width:175px;} #container #content #sponsors { float:left; width:850px; padding-left:50px;} #container #content #sponsors #title1 { width:850px; height:30px; line-height:24px; color:#c3c4c4; font-size:18px; font-weight:bold; margin:25px 0px;} #container #content #sponsors #title2 { width:850px; height:26px; line-height:30px; color:#c3c4c4; font-size:18px; font-weight:bold; margin:25px 0px;} #container #content #sponsors #title3 { width:850px; height:27px; line-height:27px; color:#c3c4c4; font-size:18px; font-weight:bold; margin:25px 0px;} #container #content #workshops { float:left; width:667px;} #container #content #workshops h2 { float:left; color:#a9c3e6; font-size:18px; text-transform:uppercase; position:relative; top:17px; left:17px; margin:0px 0px 4px 0px;} #container #content #workshops h2.talent { top:12px; margin-bottom:0px;} #container #content #workshops #workshop { float:left; width:621px; height:191px; margin-bottom:20px; left:20px; position:relative; background:url(../images/workshop_1.gif) top left no-repeat;} #container #content #workshops #talent { float:left; width:621px; height:213px; left:20px; position:relative; background:url(../images/workshop_2_long.gif) top left no-repeat;} #container #content #workshops #text { position:relative; top:17px; left:17px; color:#c3c4c4; width:584px; height:150px; float:left; text-align:left;} #container #content #workshops #text #links { float:right; border-top:3px solid #a9c3e6; margin-top:25px; padding-top:5px; margin-right:5px;} #container #content #workshops #text #links.talent { margin-top:-3px; } #container #content #sched #workshops { float:left; width:667px;} #container #content #sched #workshops h2 { float:left; color:#a9c3e6; font-size:18px; text-transform:uppercase; position:relative; top:17px; left:17px; margin:0px 0px 4px 0px;} #container #content #sched #workshops h2.talent { top:12px; margin-bottom:0px;} #container #content #sched #workshops #workshop { float:left; width:657px; height:191px; margin-bottom:20px; left:20px; position:relative; background:url(../images/workshop_3.gif) top left no-repeat;} #container #content #sched #workshops #talent { float:left; width:657px; height:213px; left:20px; position:relative; background:url(../images/workshop_2_long.gif) top left no-repeat;} #container #content #sched #workshops #text2 { position:relative; top:17px; left:17px; color:#c3c4c4; width:620px; height:150px; float:left; text-align:left;} #container #content #sched #workshops #text2 #text3 { float:left; border-top:3px solid #a9c3e6; margin-top:10px; width:412px; padding-top:5px;} #container #content #sched #workshops #text2 #links2 { float:right; margin-top:5px; padding-top:5px; margin-right:25px;} #container #content #sched #workshops #text2 #links2 a { width:auto; background:none; border:none; margin:0 0 0 10px;} #container #content #sched #workshops #text2 #links2.talent { margin-top:-3px; } #container #content #sched { float:left; width:667px;} #container #content #sched #text { float:left; /*width:219px;*/ text-transform:uppercase; padding-left:20px; text-align:left; font-size:9px;} #container #content #sched #img { float:left; text-align:left; margin:0px 0px 10px 0px;} #container #content #sched #links { float:left; margin-top:0px;} #container #content #sched #links a { float:left; width:175px; margin-left: 20px; border:3px solid #4f4139; line-height:20px; margin-bottom:3px; background:#a9c3e6; text-decoration:none;} #container #content #sched #links a:hover { background:#a9c3e6;} #container #content #sched #links2 { float:left; margin-top:0px; position:relative; left:20px; height:30px;} #container #content #sched #links2 a { float:left; width:175px; margin-left: 0px; border:3px solid #4f4139; border-top:0px solid #4f4139; line-height:20px; margin-bottom:0px; background:#a4d06a; text-decoration:none; text-align:center;} #container #content #sched #links2 a:hover { background:#a9c3e6;} #container #content #sched #links2 a.top { border-top:3px solid #4f4139; background:#a4d06a url(../images/sort_arrow.gif) top left no-repeat;} #container #content #sched #links2 a.top:hover { border-top:3px solid #4f4139; background:#a4d06a url(../images/sort_arrow.gif) top left no-repeat;} #container #content #sched #sched1 { float:left; text-align:left; margin-top:10px;} #container #content #sched #sched2 { float:left; text-align:left; background:url(../images/calendar.png) top left no-repeat; width:631px; height:470px; left:20px; position:relative; margin-top:10px;} #container #content #sched #sched2 #calendar { width:102px; height:201px; float:left;} #container #content #sched #sched2 #calendarsun { width:52px; height:201px; float:left;} #container #content #sched #sched2 #calendartues { width:54px; height:201px; float:left;} #container #content #sched #sched2 #calendar #date, #container #content #sched #sched2 #calendarsun #date, #container #content #sched #sched2 #calendartues #date { color:#c3c4c4; font-weight:bold; font-size:12px; margin:5px 0px 0px 7px;} #container #content #sched #sched2 #calendar #date2, #container #content #sched #sched2 #calendarsun #date2, #container #content #sched #sched2 #calendartues #date2 { font-weight:bold; margin:2px 0px 0px 7px;} #container #content #sched #sched2 #calendar #event { font-weight:normal; font-size:14px; margin:4px 0px 0px 7px;} #container #content #sched #sched3 { float:left; position:relative; left:20px; margin-top:15px;} #container #content #sched #sched3 table { font-weight:normal; margin:0px; padding:0px; text-align:left;} .calendar_top { color:#c3c4c4; } .calendar_top_right { color:#c3c4c4; border-right:0px;} .calendar_middle { border-right:1px solid #4f4139; border-bottom:1px solid #4f4139; padding-top:10px; padding-bottom:10px;} .calendar_middle_right { border-bottom:1px solid #4f4139; border-right:0px; padding-top:10px; padding-bottom:10px;} #container #content #sched #sched4 { float:left; text-align:left; position:relative; left:20px; margin-top:15px;} #container #content #sched #sched4 #left_pic2 { float:left; width:227px; position:relative; left:0px;} #container #content #sched #sched4 #left_pic2 #pic2 { float:left; width:227px; border:2px solid #4e4038;} #container #content #sched #sched4 #left_pic2 #text2 { float:left; width:207px; border:2px solid #4e4038; border-top:none; background:#FFFFFF; padding-left:10px; padding-right:10px;} #container #content #sched #sched4 #rtpane { float:left; position:relative; left:20px; width:375px;} #container #content #sched #sched4 #rtpane p { float:left; position:relative; left:0px; width:375px; margin:0px;} #container #content #sched #sched4 #rtpane #links { float:right; border-top:3px solid #4f4139; margin-top:25px; padding-top:5px; margin-right:5px; width:2412x; height:28px;} #container #content #sched #sched4 #rtpane #links a { border:0px; background:none; float:none; margin-left:5px;} #container #content table tr.oddrow td { background:#4f4139; color:#c3c4c4;} #container #content table tr.oddrow td a { background:#4f4139; color:#c3c4c4;} #container #content #musicians {} /************************************* global footer *************************************/ #container #footer { text-transform:uppercase; font-size:10px; font-weight:bold;} #container #footer input { border:1px solid #312a26; font-size:9px; height:16px; width:160px; background:#d9d9d9 url(../images/footer_input.png) top left no-repeat;} #container #footer input.submit { border:none; font-size:9px; height:28px; width:59px; background:none;} #container #footer #hierarchy { height:216px; width:242px; float:left; text-align:left;} #container #footer #hierarchy a { color:#312a26; text-decoration:none;} #container #footer #hierarchy a:hover { color:#e02929; text-decoration:underline;} #container #footer #hierarchy ul { left:40px; position:relative; top:30px; margin-top:0px;} #container #footer #hierarchy ul li { list-style:url(../images/footer_li_star.gif) outside;} #container #footer #hierarchy ul li.darkstar { list-style:url(../images/footer_li_darkstar2.gif) outside;} #container #footer #subscribe { height:216px; width:289px; float:left;} #container #footer #subscribe table { margin-top:30px; margin-left:0px; float:left; text-transform:uppercase; font-size:10px; font-weight:bold;} #container #footer #wksu { height:216px; width:214px; float:left; text-align:left;} #container #footer #wksu #text { margin:30px 0px 0px 25px; width:156px; text-align:center;} #container #footer #follow { height:216px; width:204px; float:left; text-align:left;} #container #footer #follow #text { margin:50px 0px 0px 20px; width:156px; text-align:center;} #sddm { margin: 0px; padding: 0px; z-index: 1; float:left;} #sddm div { margin: 0px; padding: 0px; float: left; width:185px; list-style:inside; list-style-type:none; z-index: 1;} #sddm div a { display: block; text-align: center; margin-bottom:0px;} #sddm div a:hover { background: #49A3FF} #sddm div div { position: relative; float:left; left:0; top:0; display:none; margin: 0; width:185px; z-index: 1;} #sddm div div a { position: relative; display: block; margin: 0px; width: auto; white-space: nowrap; text-align: left; text-decoration: none;} #sddm div div a:hover { background: #49A3FF; color: #FFF;}