/* body { background: #d1d1d1 url(../images/background.gif) repeat-y top center; padding: 0px; margin: 0; font: 12px/1.5em "Lucida Grande", Helvetica, Arial, Verdana, sans-serif; color: #515151; text-align: center; } */ body { background: white; font-family: Arial,"Times New Roman",serif; font-size:12px; padding: 0px; margin: 0; font: 12px/1.5em "Lucida Grande", Helvetica, Arial, Verdana, sans-serif; color: #515151; } h1 { font-size: 24px; } a:link, a:visited { color: #7e495b; text-decoration: underline; } a:hover, a:active { color: white; background: #7e495b; text-decoration: none; } a:hover img, a:active img { color: black; background: #7e495b; text-decoration: none; } p strong { color: black; } p, td, th { font-family: Arial,"Times New Roman",serif; font-size:12px; } h1 { line-height: 110%; } legend { font-size: 16px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; } label { font-weight: bold; } input.text_field, textarea.text_area, textarea, select { width: 280px; font-size: 11px; } #SearchForm select { width: 150px; font-size: 11px; } textarea.text_area2 { width: 250px; font-size: 11px; } input.text_field2, textarea.text_area2 { width: 570px; font-size: 12px; } fieldset { height: auto; background: white; border: solid 1px #aaa; padding: 8px; } legend { font-family: Verdana, Arial, Helvetica, sans-serif; } textarea { font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; } .input_text_area { width: 100% } .caption { display: block; font-size: 10px; line-height: 110%; } .center { text-align: center; } .call-out { color: #777; font-size: 9px; } .NoPadTop { margin-top: 0; padding-top: 0; } .NotMapped { display: block; width: 100px; height: auto; margin-top: 8px; padding: 5px 2px; text-align: center; white-space: nowrap; font-size: 11px; color: #1d7b00; background: #e5f0dc; border: 1px solid #1d7b00; overflow: visible; } .PhotoCredit { display: block; width: 100%; height: auto; text-align: right; font-size: 9px; color: #777; } .error { color: red; font-weight: bold; } .small { font-size: 11px; font-weight: normal; font-style: normal; } .message { margin: 0; padding: 0; } .good { color: #488431; background: #f9f8e6; border: 1px solid #488431; } .good strong { display: block; padding: 5px; margin: 0; color: #488431; } .error2 { color: #e35146; background: #f9f8e6; border: 1px solid #e35146; } .error2 strong { display: block; padding: 5px; margin: 0; color: #e35146; } small { font-size: 11px; } small.title { color: #000; } big { font-size: 18px; } /* PICTURE FRAMES */ div.picleft { display: block; width: auto; height: auto; float: left; clear: none; margin-right: 20px; margin-bottom: 20px; } div.picright { display: block; width: auto; height: auto; float: right; clear: none; margin-left: 20px; margin-bottom: 20px; } div.left_col { display: block; width: 280px; height: auto; float: left; clear: none; padding-right: 10px; } div.right_col { display: block; width: 280px; height: auto; float: left; clear: right; } div.clearer { display: block; width: 100%; height: 1px; line-height: 1px; float: none; clear: both; font-size: 0px; } .clearer2 { display: block; width: 100%; height: 0px; line-height: 0px; float: none; clear: both; font-size: 0px; } /* 25th Anniversary Logo located at bottom of the page */ #TwentyFive {position:absolute; right:200px; } #facebook img{position:absolute; top:432px; right:220px; border:0;} #twitter img {position:absolute; top:432px; right:150px; border:0;} /* COMMMON ELEMENTS */ #ErrorMsg { display: block; width: 450px; border: 1px dotted red; color: red; background: #eee; margin-bottom: 10px; } .padder { display: block; padding: 5px; } #SkipToLinks { display: none; } .required { color: red; font-weight: bold; } /* PRE-LOADER */ #preloader { position: absolute; top: 0; left: -9999px; } #preloader #imgNav { background: url(../images/nav_back_f2.gif) } #preloader #imgNav_SignOff { background: url(../images/but_sign_off_f2.jpg) } .colWrapper { display: block; width: auto; height: auto; float: none; clear: both; border: 1px solid #fff; } /* #wrapper { position: relative; width: 100%; height: auto; margin: 0 auto 0 auto; } */ #wrapper { position: relative; width: 100%; height: auto; margin: 0; float:left; } #wrapper_top { position: relative; display: block; width: 100%; height: 145px; margin: 0; padding: 0 } #wrapper_top h1 { margin: 0; padding: 0; } #wrapper_top h1 a { display: block; width: 100%; height: 145px; margin: 0; padding: 0; background: white url(../images/header_top.jpg) no-repeat top left; } #wrapper_top h1 a span { display: none; } #wrapper_body { position: relative; display: block; width: 100%; height: auto; margin: 0; } #wrapper_bottom { position: relative; display: block; width: 100%; height: 40px; margin: 0; padding: 0; } #maincolm { display: block; width: auto; height: 600px; margin-left: 200px; padding-top: 10px; margin-right: 30px; } html>body #maincolm { height: auto; min-height: 600px; } #maincolm a:link, #maincolm a:active { text-decoration: underline } #maincolm h2 { line-height: 110%; } #Header h1 { position: absolute; top: 0; left: 0; display: block; width: 154px; height: 145px; margin: 0; padding: 0; z-index: 100; } #Header h1 a { display: block; width: 154px; height: 145px; margin: 0; padding: 0; background: white url(../images/header_top_logo.jpg) no-repeat top left; } #Header h1 a span { display: none; } #isNewBuilding #maincolm { width: 590px; } #leftcolm { display: block; position: absolute; top: 0; left: 0; width: 189px; height: auto; margin: auto; z-index: 1; } #leftcolm h2 { display: block; width: 189px; height: 24px; background: white url(../images/newnav_top.jpg) top left; padding: 0; margin: 0; } #leftcolm h2 span { display: none; } #leftcolm ul#nav h3 { display: none; } /*#leftcolm ul#nav { list-style: none; padding: 0; margin: 0; list-style-type: none; } #leftcolm ul#nav li { display: block; width: 100%; height: auto; list-style-type: none; margin: 0; padding: 0 0 0 6px; width: 166px } #leftcolm ul#nav li div.padder { padding: 4px 6px; } #leftcolm ul#nav li a { display: block; font-size: 12px; font-family: "Trebuchet MS", "Lucida Grande", Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; font-weight: bold; text-transform: uppercase; padding: 5px 5px 5px 5px; border-left: 1px solid #777; border-right: 1px solid #777; border-top: 1px solid #777; color: #000; text-decoration: none; width: 100%; } #leftcolm ul#nav li a:hover { border-left: 1px solid black; border-right: 1px solid black; border-top: 1px solid black; background: #666 url(../images/nav_back_over.gif) repeat left top; color: #fff; text-shadow: 2px 2px 2px black; } #leftcolm ul#nav { width: 166px; } */ #leftcolm ul#nav { display: block; width: 158px; height: auto; list-style: none; padding: 0; margin: 0 0 0 6px; list-style-type: none; } #leftcolm ul#nav li { display: block; width: 100%; height: auto; list-style-type: none; margin: 0; padding: 0; } #leftcolm ul#nav li a { display: block; width: 100%; height: auto; line-height: 26px; font-size: 12px; font-family: "Trebuchet MS", "Lucida Grande", Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; font-weight: bold; text-transform: uppercase; padding: 0; border-left: 1px solid #777; border-right: 1px solid #777; border-top: 1px solid #777; color: #000; text-decoration: none; } #leftcolm ul#nav li a:hover { border-left: 1px solid black; border-right: 1px solid black; border-top: 1px solid black; background: #666 url(../images/nav_back_over.gif) repeat left top; color: #fff; text-shadow: 2px 2px 2px black; } #leftcolm ul#nav li a span { margin: 0 0 0 6px; } #leftcolm #nav_bottom { display: block; width: 189px; height: 288px; background: white url(../images/newnav_bottom.jpg) no-repeat top left; } #leftcolm a#AFTA { display: block; width: 189px; height: 150px; background: #fff url(http://ww3.artsusa.org/images/get_involved/membership/aftalogo_membership_websticker.jpg) no-repeat center center; padding-bottom: 25px; } #leftcolm a#AFTA span { display: none; } #leftcolm #nav a#inavArtsZipper { width: 158px; padding: 0; } .inav-color1 { background-image: url(../images/nav_back_f00.gif) } .inav-color2 { background-image: url(../images/nav_back_f01.gif) } .inav-color3 { background-image: url(../images/nav_back_f02.gif) } .inav-color4 { background-image: url(../images/nav_back_f03.gif) } .inav-color5 { background-image: url(../images/nav_back_f04.gif) } .inav-color6 { background-image: url(../images/nav_back_f05.gif) } .inav-color7 { background-image: url(../images/nav_back_f06.gif) } .inav-color8 { background-image: url(../images/nav_back_f07.gif) } .inav-color9 { background-image: url(../images/nav_back_f08.gif) } .inav-color10 { background-image: url(../images/nav_back_f09.gif) } .inav-color11 { background-image: url(../images/nav_back_f10.gif) } .inav-color12 { background-image: url(../images/nav_back_f11.gif) } .inav-color13 { background-image: url(../images/nav_back_f12.gif) } body#isAbout a#inavAbout, body#isCalendar a#inavCalendar, body#isDirectory a#inavDirectory, body#isBuildingRental a#inavBuildingRental, body#isGrants a#inavGrants, body#is a#inavCat, body#is a#inavConvene, body#isCommandos a#inavCommandos, body#isInterns a#inavInterns, body#isPublicArt a#inavPublicArt, body#isGallery a#inavGallery, body#isVisitor a#inavVisitor, body#isChoral_Festival a#inavChoral_Festival, body#isNews a#inavNews, body#isMedia a#inavMedia, body#isContact a#inavContact, body#isMarketing a#inavMarketing { background: white url(../images/nav_back_paper.gif) repeat-y top left; } #footer { position: relative; clear: both; font-size: 0.8em; color: #9A9CA6; margin-top: 65px; line-height: 1.3em; } #footer #copyright { text-align: center; } /* FORMS */ .message-text { } .required-text { } .form-input-field { width: 420px; } .form-input-button { } ul.ButtonNav { display: block; list-style: none; } ul.ButtonNav li { display: block; padding: 5px; text-align: center; } ul.ButtonNav li.left { display: block; width: 45%; float: left; clear: none; } ul.ButtonNav li.right { display: block; width: 45%; float: right; clear: right; } ul.ButtonNav li.both { display: block; width: 100%; float: none; clear: both; } ul.ButtonNav + p { display: block; width: 100%; height: 1px; float: none; clear: both; padding-top: 20px; } /* The NEW button link definitions */ a:link.ButtonLinkColor, a:visited.ButtonLinkColor { font: normal 11px Helvetica, Arial, sans-serif; text-decoration: none; text-align: center; padding: 2px 10px 1px; color: #333; margin: 0px; background: #CCCCCC url(../images/img_ButtonLink_back.gif) repeat-x left top; border-top: 1px solid #777; border-right: 2px solid #777; border-bottom: 2px solid #777; border-left: 1px solid #777; width: auto; cursor: pointer; } a:hover.ButtonLinkColor { font: normal 11px Helvetica, Arial, sans-serif; text-decoration: none; text-align: center; padding: 2px 10px 2px; color: #666666; margin: 0px; background: #CCFF99 url(none); border-top: 2px solid #777; border-right: 1px solid #777; border-bottom: 1px solid #777; border-left: 2px solid #777; width: auto; cursor: pointer; } a:active.ButtonLinkColor { font: normal 11px Helvetica, Arial, sans-serif; text-decoration: none; text-align: center; padding: 1px 10px 1px; color: #666666; margin: 0px; background: #CCFF99 url(none); border: 2px solid #000; width: auto; cursor: pointer; } .ButtonLinkColorOff { font: bold 11px Helvetica, Arial, sans-serif; text-decoration: none; text-align: center; padding: 2px 10px 1px; color: #333; margin: 0px; background: #eee url(none); border: 1px solid #777; width: auto; cursor: pointer; } a:link.ButtonLinkColorLarge, a:visited.ButtonLinkColorLarge { display: inline-block; font: normal 14px Helvetica, Arial, sans-serif; text-decoration: none !important; text-align: center; padding: 2px 10px 1px !important; color: #333; margin: 0px; background: #CCCCCC url(../images/img_ButtonLink_back.gif) repeat-x left top; border-top: 1px solid #777; border-right: 2px solid #777; border-bottom: 2px solid #777; border-left: 1px solid #777; width: auto; cursor: pointer; } a:hover.ButtonLinkColorLarge { font: normal 14px Helvetica, Arial, sans-serif; text-decoration: none; text-align: center; padding: 2px 10px 2px; color: #666666; margin: 0px; background: #CCFF99 url(none); border-top: 2px solid #777; border-right: 1px solid #777; border-bottom: 1px solid #777; border-left: 2px solid #777; width: auto; cursor: pointer; } a:active.ButtonLinkColorLarge { font: normal 14px Helvetica, Arial, sans-serif; text-decoration: none; text-align: center; padding: 1px 10px 1px; color: #666666; margin: 0px; background: #CCFF99 url(none); border: 2px solid #000; width: auto; cursor: pointer; } /* Gray button AUTO pixels wide */ a:link.ButtonLinkGray, a:visited.ButtonLinkGray { display: block; font: normal 12px Helvetica, Arial, sans-serif; text-decoration: none; text-align: center; padding: 2px 10px 1px; color: #000; margin: 0px; background: #CCCCCC url(../images/img_ButtonLink_back2.gif) repeat-y left top; border-top: 1px solid #999; border-right: 2px solid #777; border-bottom: 2px solid #777; border-left: 1px solid #999; width: auto; height: auto; cursor: pointer; } a:hover.ButtonLinkGray { display: block; font: normal 12px Helvetica, Arial, sans-serif; text-decoration: none; text-align: center; padding: 2px 10px 1px; color: #000; margin: 0px; background: #CCFF99 url(none); border-top: 2px solid #777; border-right: 1px solid #777; border-bottom: 1px solid #777; border-left: 2px solid #777; width: auto; height: auto; cursor: pointer; } /* Gray button 150 pixels wide */ a:link.ButtonLinkGray150, a:visited.ButtonLinkGray150 { display: block; font: normal 12px Helvetica, Arial, sans-serif; text-decoration: none; text-align: center; padding: 2px 10px 1px; color: #000; margin: 0px; background: #CCCCCC url(../images/img_ButtonLink_back2.gif) repeat-y left top; border-top: 1px solid #999; border-right: 2px solid #777; border-bottom: 2px solid #777; border-left: 1px solid #999; width: 150px; cursor: pointer; } a:hover.ButtonLinkGray150 { display: block; font: normal 12px Helvetica, Arial, sans-serif; text-decoration: none; text-align: center; padding: 2px 10px 1px; color: #000; margin: 0px; background: #CCFF99 url(none); border-top: 2px solid #777; border-right: 1px solid #777; border-bottom: 1px solid #777; border-left: 2px solid #777; width: 150px; cursor: pointer; } /* Gray button 200 pixels wide */ a:link.ButtonLinkGray200, a:visited.ButtonLinkGray200 { display: block; font: normal 12px Helvetica, Arial, sans-serif; text-decoration: none; text-align: center; padding: 2px 10px 1px; color: #000; margin: 0px; background: #CCCCCC url(../images/img_ButtonLink_back2.gif) repeat-y left top; border-top: 1px solid #999; border-right: 2px solid #777; border-bottom: 2px solid #777; border-left: 1px solid #999; width: 200px; cursor: pointer; } a:hover.ButtonLinkGray200 { display: block; font: normal 12px Helvetica, Arial, sans-serif; text-decoration: none; text-align: center; padding: 2px 10px 1px; color: #000; margin: 0px; background: #CCFF99 url(none); border-top: 2px solid #777; border-right: 1px solid #777; border-bottom: 1px solid #777; border-left: 2px solid #777; width: 200px; cursor: pointer; } /* Gray button 250 pixels wide */ a:link.ButtonLinkGray250, a:visited.ButtonLinkGray250 { display: block; font: normal 12px Helvetica, Arial, sans-serif; text-decoration: none; text-align: center; padding: 2px 10px 1px; color: #000; margin: 0px; background: #CCCCCC url(../images/img_ButtonLink_back2.gif) repeat-y left top; border-top: 1px solid #999; border-right: 2px solid #777; border-bottom: 2px solid #777; border-left: 1px solid #999; width: 250px; cursor: pointer; } a:hover.ButtonLinkGray250 { display: block; font: normal 12px Helvetica, Arial, sans-serif; text-decoration: none; text-align: center; padding: 2px 10px 1px; color: #000; margin: 0px; background: #CCFF99 url(none); border-top: 2px solid #777; border-right: 1px solid #777; border-bottom: 1px solid #777; border-left: 2px solid #777; width: 250px; cursor: pointer; } .ButtonLinkGrayActive { display: block; font: normal 12px Helvetica, Arial, sans-serif; text-align: center; padding: 2px 10px 1px; color: black; margin: 0px; background-color: white; border-top: 1px solid black; border-right: 1px solid black; border-bottom: 1px solid black; border-left: 1px solid black; width: 200px; } ul.member_list { list-style: none; margin: 0; padding: 0; } ul.member_list li { display: block; width: auto; height: auto; padding-bottom: 5px; line-height: 120%; } ul.member_list li a { font-weight: bold; } /* EVENTS */ #EventCalendar td { font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left; background-color: #e4e3da; border: 1px solid white; width: 86px; } #EventCalendar td.title { font-size: 12px; font-weight: bold; line-height: 30px; background: transparent; } #EventCalendar td.title2 { font-size: 12px; font-weight: bold; height: auto; background: transparent; } #EventCalendar td.current { font-weight: bold; text-decoration: underline; } #EventCalendar td span.dayofweek { display: block; width: 86px; height: 24px; line-height: 24px; color: white; font-weight: bold; background-color: #7e495b; text-align: center; } #EventCalendar td span.normal { display: block; padding: 3px; width: auto; height: auto; min-height: 86px; line-height: 110%; background-color: #e0e0e0; text-align: right;} #EventCalendar td span.days { display: block; padding: 3px; width: auto; height: auto; min-height: 86px; line-height: 110%; color: white; font-weight: bold; background-color: #194258; text-align: right;} #EventCalendar td span.blank { display: block; padding: 3px; width: auto; height: auto; min-height: 86px; line-height: 110%; color: silver; background-color: #efefef; text-align: right;} #EventCalendar td span.event { display: block; padding: 3px; width: 100px; height: auto; min-height: 150px; line-height: 110%; color: white; font-weight: bold; background-color: #194258; text-align: right;} #EventCalandar td span.date { display: block; font: normal 26px Helvetica, Arial, sans-serif; text-align: center; } #EventCalendar td a { display: block; width: auto; height: auto; line-height: 110%; text-decoration: none; background-color: #d0bb45; } #EventCalendar td a:hover { } #EventCalendar td.title2 #CalendarNav { display: block; position: relative; width: auto; height: 24px; } #EventCalendar td.title2 #CalendarNav a { font-weight: normal; font-size: 11px; width: auto; text-decoration: none; background: none; } #EventCalendar td.title2 #CalendarNav span { display: none; } #EventCalendar td.title2 #CalendarNav a#Previous { float: left; clear: none; line-height: 24px; padding-left: 12px; background: url(../images/icn_arrow_prev.gif) no-repeat left center; margin-left: 40px; } #EventCalendar td.title2 #CalendarNav a:hover#Previous { color: #194258; background: white url(../images/icn_arrow_prev_f2.gif) no-repeat left center; } #EventCalendar td.title2 #CalendarNav a#Next { float: right; clear: none; line-height: 24px; padding-right: 12px; background: url(../images/icn_arrow_next.gif) no-repeat right center; } #EventCalendar td.title2 #CalendarNav a:hover#Next { color: #194258; background: white url(../images/icn_arrow_next_f2.gif) no-repeat right center; } p#RAC_Address { display: block; width: 280px; height: 280px; background: white url(../images/post_it_note_address.jpg) no-repeat top left } p#RAC_Address span { display: none } #AddEvent { display: block; width: 166px; height: 166px; position: absolute; top: -20px; right: 10px; } #AddEvent span { display: none; } #AddEvent a { display: block; width: 166px; height: 166px; position: relative; background: url(../images/but_add_event.jpg) no-repeat top right; } #AddEvent a:hover { background: url(../images/but_add_event_f2.jpg) no-repeat top right; } .NoMarginBottom { margin-bottom: 0; padding-bottom: 0; } .NoMarginTop { margin-top: 0; padding-top: 0; } div#PastExhibits { display: block; width: 600px; height: auto; } div#PastExhibits div.GalleryItem { display: block; width: 190px; height: 170px; float: left; clear: none; text-align: center; } ul.SessionNav { display: block; list-style: none; } ul.SessionNav li { display: block; padding: 7px; text-align: center; } ul.SessionNav li.left { display: block; width: 45%; float: left; clear: left; } ul.SessionNav li.right { display: block; width: 45%; float: right; clear: right; } ul.SessionNav li.both { display: block; width: 100%; float: none; clear: both; } /*Dan's Calendar mockup*/ .ical-color1 { background-image: url(../images/nav_back_f00.gif) } .ical-color2 { background-image: url(../images/nav_back_f01.gif) } .ical-color3 { background-image: url(../images/nav_back_f02.gif) } .ical-color4 { background-image: url(../images/nav_back_f03.gif) } .ical-color5 { background-image: url(../images/nav_back_f04.gif) } .ical-color6 { background-image: url(../images/nav_back_f05.gif) } .ical-color7 { background-image: url(../images/nav_back_f06.gif) } .ical-color8 { background-image: url(../images/nav_back_f07.gif) } .ical-color9 { background-image: url(../images/nav_back_f08.gif) } .ical-color10 { background-image: url(../images/nav_back_f09.gif) } .ical-color11 { background-image: url(../images/nav_back_f10.gif) } .ical-color12 { background-image: url(../images/nav_back_f11.gif) } .ical-color13 { background-image: url(../images/nav_back_f12.gif) } #cal1 { display: block; float: left; clear: none; width: 85px; height: 85px; border: solid 1px #555555; background: white url(../images/nav_back_paper.gif) repeat-y top left;} #cal2 { display: block; float: left; clear: none; width: 85px; height: 85px; border: solid 1px #555555; background: url(../images/nav_back_f00.gif) repeat-y top left;} #cal3 { display: block; float: left; clear: none; width: 85px; height: 85px; border: solid 1px #555555; background: url(../images/nav_back_f01.gif) repeat-y top left;} #cal4 { display: block; float: left; clear: none; width: 85px; height: 85px; border: solid 1px #555555; background: url(../images/nav_back_f02.gif) repeat-y top left;} #cal5 { display: block; float: left; clear: none; width: 85px; height: 85px; border: solid 1px #555555; background: url(../images/nav_back_f03.gif) repeat-y top left;} #cal6 { display: block; float: left; clear: none; width: 85px; height: 85px; border: solid 1px #555555; background: url(../images/nav_back_f04.gif) repeat-y top left;} #cal7 { display: block; float: left; clear: none; width: 85px; height: 85px; border: solid 1px #555555; background: url(../images/nav_back_f05.gif) repeat-y top left;} #cal8 { display: block; float: left; clear: none; width: 85px; height: 85px; border: solid 1px #555555; background: url(../images/nav_back_f06.gif) repeat-y top left;} #cal9 { display: block; float: left; clear: none; width: 85px; height: 85px; border: solid 1px #555555; background: url(../images/nav_back_f07.gif) repeat-y top left;} #cal10 { display: block; float: left; clear: none; width: 85px; height: 85px; border: solid 1px #555555; background: url(../images/nav_back_f08.gif) repeat-y top left;} #cal11 { display: block; float: left; clear: none; width: 85px; height: 85px; border: solid 1px #555555; background: url(../images/nav_back_f09.gif) repeat-y top left;} #cal12 { display: block; float: left; clear: none; width: 85px; height: 85px; border: solid 1px #555555; background: url(../images/nav_back_f10.gif) repeat-y top left;} #cal13 { display: block; float: left; clear: none; width: 85px; height: 85px; border: solid 1px #555555; background: url(../images/nav_back_f11.gif) repeat-y top left;} #cal14 { display: block; float: left; clear: none; width: 85px; height: 85px; border: solid 1px #555555; background: url(../images/nav_back_f12.gif) repeat-y top left;} #cal15 { display: block; float: left; clear: none; width: 85px; height: 85px; border: solid 1px #555555; background: url(../images/nav_back_f13.gif) repeat-y top left;} #wrapper2 { position: relative; display: block; width: 625px; height: auto; border: 0px solid silver; } a.button-edit, a.button-view, a.button-delete { display: block; width: 16px; height: 16px; float: left; clear: none; margin: 0 4px; } a.button-edit span, a.button-view span, a.button-delete span { display: none; } a.button-edit { background: url(../images/but_sm_edit.gif) no-repeat 0 0 } a.button-view { background: url(../images/but_sm_view.gif) no-repeat 0 0 } a.button-delete { background: url(../images/but_sm_delete.gif) no-repeat 0 0 } a:hover.button-edit { background: url(../images/but_sm_edit.gif) no-repeat -16px 0 } a:hover.button-view { background: url(../images/but_sm_view.gif) no-repeat -16px 0 } a:hover.button-delete { background: url(../images/but_sm_delete.gif) no-repeat -16px 0 } ul#datelist th, ul#datelist td { border-bottom: 1px solid silver; } /* EVENT LISTINGS */ h1.EventName { padding-bottom: 0px; margin-bottom: 0px; } h5.PresentedBy { padding-top: 0; margin: 0px; } div.EventHeader { display: block; width: auto; height: auto; } div.EventHeader h2 { margin-top: 0; padding-top: 1px; } p.EventCategories { display: block; width: auto; height: auto; margin: 0; padding: 0; font-size: 12px; font-weight: bold; color: #777; } p.EventDescription { display: block; width: auto; height: auto; margin: 0; padding: 0; } #EventPreviewHeader { display: block; width: auto; height: auto; background: #fcfadc; border: 1px solid #bfbd9a; } /* NEWS */ h3.NewsDates { display: block; width: 100%; height: auto; padding: 3px 4px; margin: 3px 0 8px; color: #fff; background: #a3b218; } div.NewsTitle { margin-top: 0; padding-top: 0; color: #000; font-size: 16px; font-weight: bold; } div.NewsContent { margin-left: 30px; } #EventBottom h3 { border-bottom: 1px solid silver; } #map { overflow: hidden } /* PAGE HEADERS */ .PageHeader span { display: none; } h1.PageHeader { display: block; height: 32px; width: auto; } #AboutRACHeader { display: block; height: 32px; width: auto; background: #fff url(../images/h_AboutRAC.gif) no-repeat top left; } #DirectoryHeader { display: block; height: 32px; width: auto; background: #fff url(../images/h_ArtsDirectory.gif) no-repeat top left; } #CalendarHeader { display: block; height: 32px; width: auto; background: #fff url(../images/h_Calendar.gif) no-repeat top left; } #CRCHeader { display: block; height: 32px; width: auto; background: #fff url(../images/h_CRC.gif) no-repeat top left; } #RentalsHeader { display: block; height: 32px; width: auto; background: #fff url(../images/h_FacilityRentals.gif) no-repeat top left; } #GrantsProgramHeader { display: block; height: 32px; width: auto; background: #fff url(../images/h_GrantsProgram.gif) no-repeat top left; } #GrantsEligibilityHeader { display: block; height: 32px; width: auto; background: #fff url(../images/h_GrantEligibility.gif) no-repeat top left; } #GrantTypesHeader { display: block; height: 32px; width: auto; background: #fff url(../images/h_GrantTypes.gif) no-repeat top left; } #GrantScheduleHeader { display: block; height: 32px; width: auto; background: #fff url(../images/h_GrantSchedule.gif) no-repeat top left; } #GrantProcessHeader { display: block; height: 32px; width: auto; background: #fff url(../images/h_GrantProcess.gif) no-repeat top left; } #GrantCriteriaHeader { display: block; height: 32px; width: auto; background: #fff url(../images/h_GrantCriteria.gif) no-repeat top left; } #GrantInstructionsHeader { display: block; height: 32px; width: auto; background: #fff url(../images/h_GrantInstructions.gif) no-repeat top left; } #GrantChecklistHeader { display: block; height: 32px; width: auto; background: #fff url(../images/h_GrantChecklist.gif) no-repeat top left; } #GrantOSFormsHeader { display: block; height: 32px; width: auto; background: #fff url(../images/h_GrantOSforms.gif) no-repeat top left; } #GrantPSFormsHeader { display: block; height: 32px; width: auto; background: #fff url(../images/h_GrantPSforms.gif) no-repeat top left; } #GrantPanelistsHeader { display: block; height: 32px; width: auto; background: #fff url(../images/h_GrantPanelists.gif) no-repeat top left; } #LogosHeader { display: block; height: 32px; width: auto; background: #fff url(../images/h_Logos.gif) no-repeat top left; } #MarketingToolsHeader { display: block; height: 32px; width: auto; background: #fff url(../images/h_MarketingTools.gif) no-repeat top left; } #CATHeader { display: block; height: 32px; width: 431px; background: #fff url(../images/h_CAT.gif) no-repeat top left; } #CommandosHeader { display: block; height: 32px; width: auto; background: #fff url(../images/h_Commandos.gif) no-repeat top left; } #CommandosAboutHeader { display: block; height: 32px; width: auto; background: #fff url(../images/h_ACAbout.gif) no-repeat top left; } #PublicArtHeader { display: block; height: 32px; width: auto; background: #fff url(../images/h_PublicArt.gif) no-repeat top left; } #PublicArtLinksHeader { display: block; height: 32px; width: auto; background: #fff url(../images/h_PublicArtLinks.gif) no-repeat top left; } #GalleryHeader { display: block; height: 32px; width: auto; background: #fff url(../images/h_Gallery.gif) no-repeat top left; } #NewsHeader { display: block; height: 32px; width: auto; background: #fff url(../images/h_News.gif) no-repeat top left; } #VisitorHeader { display: block; height: 32px; width: auto; background: #fff url(../images/h_Visitor.gif) no-repeat top left; } #ContactRACHeader { display: block; height: 32px; width: auto; background: #fff url(../images/h_ContactRAC.gif) no-repeat top left; } #RACFeedbackHeader { display: block; height: 32px; width: auto; background: #fff url(../images/h_racfeedback.gif) no-repeat top left; } #CalendarDisclaimer { display: block; width: 100%; height: auto; text-align: center; margin-top: 10px; } #CalendarDisclaimer p { font-size: 10px; color: #86a11b; margin: 0; padding: 2px 5px; background: #fbffeb; border: 1px solid #86a11b; } #PublicArtDIV { display: block; width: 618px; height: auto; } #PublicArtDIV #PublicArtSearch { display: block; width: 160px; height: auto; float: left; clear: none; background: #fff; text-align: left; } #PublicArtDIV #PublicArtSearch form { background: #fff; } #PublicArtDIV #PublicArtRegions { display: block; width: 437px; height: auto; float: left; clear: none; padding-left: 10px; border-left: 1px solid silver; } #PublicArtDIV #PublicArtRegions .col_wrapper { display: block; width: 429px; height: auto; } #PublicArtDIV #PublicArtRegions .left_col { display: block; width: 205px; height: auto; float: left; clear: none; padding-right: 19px; } #PublicArtDIV #PublicArtRegions .right_col { display: block; width: 205px; height: auto; float: left; clear: none; } #PublicArtDIV #PublicArtRegions a.PublicArtKey { line-height: 17px; padding-right: 17px; border: 0; } /* BRIAN'S ADDITIONS */ #GrantNav {font-size: 10px;} #CommandoNav {font-size: 10px;} #MarketingNav {font-size: 10px;} /* body { background: #d1d1d1 url(../images/background.gif) repeat-y top center; padding: 0px; margin: 0; font: 12px/1.5em "Lucida Grande", Helvetica, Arial, Verdana, sans-serif; color: #515151; text-align: center; } */ body { background: white; font-family: Arial,"Times New Roman",serif; font-size:12px; padding: 0px; margin: 0; font: 12px/1.5em "Lucida Grande", Helvetica, Arial, Verdana, sans-serif; color: #515151; } h1 { font-size: 24px; } a:link, a:visited { color: #7e495b; text-decoration: underline; } a:hover, a:active { color: white; background: #7e495b; text-decoration: none; } a:hover img, a:active img { color: black; background: #7e495b; text-decoration: none; } p strong { color: black; } p, td, th { font-family: Arial,"Times New Roman",serif; font-size:12px; } h1 { line-height: 110%; } legend { font-size: 16px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; } label { font-weight: bold; } input.text_field, textarea.text_area, textarea, select { width: 280px; font-size: 11px; } #SearchForm select { width: 150px; font-size: 11px; } textarea.text_area2 { width: 250px; font-size: 11px; } input.text_field2, textarea.text_area2 { width: 570px; font-size: 12px; } fieldset { height: auto; background: white; border: solid 1px #aaa; padding: 8px; } legend { font-family: Verdana, Arial, Helvetica, sans-serif; } textarea { font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; } .input_text_area { width: 100% } .caption { display: block; font-size: 10px; line-height: 110%; } .center { text-align: center; } .call-out { color: #777; font-size: 9px; } .NoPadTop { margin-top: 0; padding-top: 0; } .NotMapped { display: block; width: 100px; height: auto; margin-top: 8px; padding: 5px 2px; text-align: center; white-space: nowrap; font-size: 11px; color: #1d7b00; background: #e5f0dc; border: 1px solid #1d7b00; overflow: visible; } .PhotoCredit { display: block; width: 100%; height: auto; text-align: right; font-size: 9px; color: #777; } .error { color: red; font-weight: bold; } .small { font-size: 11px; font-weight: normal; font-style: normal; } .message { margin: 0; padding: 0; } .good { color: #488431; background: #f9f8e6; border: 1px solid #488431; } .good strong { display: block; padding: 5px; margin: 0; color: #488431; } .error2 { color: #e35146; background: #f9f8e6; border: 1px solid #e35146; } .error2 strong { display: block; padding: 5px; margin: 0; color: #e35146; } small { font-size: 11px; } small.title { color: #000; } big { font-size: 18px; } /* PICTURE FRAMES */ div.picleft { display: block; width: auto; height: auto; float: left; clear: none; margin-right: 20px; margin-bottom: 20px; } div.picright { display: block; width: auto; height: auto; float: right; clear: none; margin-left: 20px; margin-bottom: 20px; } div.left_col { display: block; width: 280px; height: auto; float: left; clear: none; padding-right: 10px; } div.right_col { display: block; width: 280px; height: auto; float: left; clear: right; } div.clearer { display: block; width: 100%; height: 1px; line-height: 1px; float: none; clear: both; font-size: 0px; } .clearer2 { display: block; width: 100%; height: 0px; line-height: 0px; float: none; clear: both; font-size: 0px; } /* 25th Anniversary Logo located at bottom of the page */ #TwentyFive img{position:absolute; top:420px; float:left; right:100px;} /* COMMMON ELEMENTS */ #ErrorMsg { display: block; width: 450px; border: 1px dotted red; color: red; background: #eee; margin-bottom: 10px; } .padder { display: block; padding: 5px; } #SkipToLinks { display: none; } .required { color: red; font-weight: bold; } /* PRE-LOADER */ #preloader { position: absolute; top: 0; left: -9999px; } #preloader #imgNav { background: url(../images/nav_back_f2.gif) } #preloader #imgNav_SignOff { background: url(../images/but_sign_off_f2.jpg) } .colWrapper { display: block; width: auto; height: auto; float: none; clear: both; border: 1px solid #fff; } /* #wrapper { position: relative; width: 100%; height: auto; margin: 0 auto 0 auto; } */ #wrapper { position: relative; width: 100%; height: auto; margin: 0; float:left; } #wrapper_top { position: relative; display: block; width: 100%; height: 145px; margin: 0; padding: 0 } #wrapper_top h1 { margin: 0; padding: 0; } #wrapper_top h1 a { display: block; width: 100%; height: 145px; margin: 0; padding: 0; background: white url(../images/header_top.jpg) no-repeat top left; } #wrapper_top h1 a span { display: none; } #wrapper_body { position: relative; display: block; width: 100%; height: auto; margin: 0; } #wrapper_bottom { position: relative; display: block; width: 100%; height: 40px; margin: 0; padding: 0; } #maincolm { display: block; width: auto; height: 600px; margin-left: 200px; padding-top: 10px; margin-right: 30px; } html>body #maincolm { height: auto; min-height: 600px; } #maincolm a:link, #maincolm a:active { text-decoration: underline } #maincolm h2 { line-height: 110%; } #Header h1 { position: absolute; top: 0; left: 0; display: block; width: 154px; height: 145px; margin: 0; padding: 0; z-index: 100; } #Header h1 a { display: block; width: 154px; height: 145px; margin: 0; padding: 0; background: white url(../images/header_top_logo.jpg) no-repeat top left; } #Header h1 a span { display: none; } #isNewBuilding #maincolm { width: 590px; } #leftcolm { display: block; position: absolute; top: 0; left: 0; width: 189px; height: auto; margin: auto; z-index: 1; } #leftcolm h2 { display: block; width: 189px; height: 24px; background: white url(../images/newnav_top.jpg) top left; padding: 0; margin: 0; } #leftcolm h2 span { display: none; } #leftcolm ul#nav h3 { display: none; } /*#leftcolm ul#nav { list-style: none; padding: 0; margin: 0; list-style-type: none; } #leftcolm ul#nav li { display: block; width: 100%; height: auto; list-style-type: none; margin: 0; padding: 0 0 0 6px; width: 166px } #leftcolm ul#nav li div.padder { padding: 4px 6px; } #leftcolm ul#nav li a { display: block; font-size: 12px; font-family: "Trebuchet MS", "Lucida Grande", Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; font-weight: bold; text-transform: uppercase; padding: 5px 5px 5px 5px; border-left: 1px solid #777; border-right: 1px solid #777; border-top: 1px solid #777; color: #000; text-decoration: none; width: 100%; } #leftcolm ul#nav li a:hover { border-left: 1px solid black; border-right: 1px solid black; border-top: 1px solid black; background: #666 url(../images/nav_back_over.gif) repeat left top; color: #fff; text-shadow: 2px 2px 2px black; } #leftcolm ul#nav { width: 166px; } */ #leftcolm ul#nav { display: block; width: 158px; height: auto; list-style: none; padding: 0; margin: 0 0 0 6px; list-style-type: none; } #leftcolm ul#nav li { display: block; width: 100%; height: auto; list-style-type: none; margin: 0; padding: 0; } #leftcolm ul#nav li a { display: block; width: 100%; height: auto; line-height: 26px; font-size: 12px; font-family: "Trebuchet MS", "Lucida Grande", Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; font-weight: bold; text-transform: uppercase; padding: 0; border-left: 1px solid #777; border-right: 1px solid #777; border-top: 1px solid #777; color: #000; text-decoration: none; } #leftcolm ul#nav li a:hover { border-left: 1px solid black; border-right: 1px solid black; border-top: 1px solid black; background: #666 url(../images/nav_back_over.gif) repeat left top; color: #fff; text-shadow: 2px 2px 2px black; } #leftcolm ul#nav li a span { margin: 0 0 0 6px; } #leftcolm #nav_bottom { display: block; width: 189px; height: 288px; background: white url(../images/newnav_bottom.jpg) no-repeat top left; } #leftcolm a#AFTA { display: block; width: 189px; height: 150px; background: #fff url(http://ww3.artsusa.org/images/get_involved/membership/aftalogo_membership_websticker.jpg) no-repeat center center; padding-bottom: 25px; } #leftcolm a#AFTA span { display: none; } #leftcolm #nav a#inavArtsZipper { width: 158px; padding: 0; } .inav-color1 { background-image: url(../images/nav_back_f00.gif) } .inav-color2 { background-image: url(../images/nav_back_f01.gif) } .inav-color3 { background-image: url(../images/nav_back_f02.gif) } .inav-color4 { background-image: url(../images/nav_back_f03.gif) } .inav-color5 { background-image: url(../images/nav_back_f04.gif) } .inav-color6 { background-image: url(../images/nav_back_f05.gif) } .inav-color7 { background-image: url(../images/nav_back_f06.gif) } .inav-color8 { background-image: url(../images/nav_back_f07.gif) } .inav-color9 { background-image: url(../images/nav_back_f08.gif) } .inav-color10 { background-image: url(../images/nav_back_f09.gif) } .inav-color11 { background-image: url(../images/nav_back_f10.gif) } .inav-color12 { background-image: url(../images/nav_back_f11.gif) } .inav-color13 { background-image: url(../images/nav_back_f12.gif) } body#isAbout a#inavAbout, body#isCalendar a#inavCalendar, body#isDirectory a#inavDirectory, body#isBuildingRental a#inavBuildingRental, body#isGrants a#inavGrants, body#is a#inavCat, body#is a#inavConvene, body#isCommandos a#inavCommandos, body#isInterns a#inavInterns, body#isPublicArt a#inavPublicArt, body#isGallery a#inavGallery, body#isVisitor a#inavVisitor, body#isChoral_Festival a#inavChoral_Festival, body#isNews a#inavNews, body#isMedia a#inavMedia, body#isContact a#inavContact, body#isMarketing a#inavMarketing { background: white url(../images/nav_back_paper.gif) repeat-y top left; } #footer { position: relative; clear: both; font-size: 0.8em; color: #9A9CA6; margin-top: 65px; line-height: 1.3em; } #footer #copyright { text-align: center; } /* FORMS */ .message-text { } .required-text { } .form-input-field { width: 420px; } .form-input-button { } ul.ButtonNav { display: block; list-style: none; } ul.ButtonNav li { display: block; padding: 5px; text-align: center; } ul.ButtonNav li.left { display: block; width: 45%; float: left; clear: none; } ul.ButtonNav li.right { display: block; width: 45%; float: right; clear: right; } ul.ButtonNav li.both { display: block; width: 100%; float: none; clear: both; } ul.ButtonNav + p { display: block; width: 100%; height: 1px; float: none; clear: both; padding-top: 20px; } /* The NEW button link definitions */ a:link.ButtonLinkColor, a:visited.ButtonLinkColor { font: normal 11px Helvetica, Arial, sans-serif; text-decoration: none; text-align: center; padding: 2px 10px 1px; color: #333; margin: 0px; background: #CCCCCC url(../images/img_ButtonLink_back.gif) repeat-x left top; border-top: 1px solid #777; border-right: 2px solid #777; border-bottom: 2px solid #777; border-left: 1px solid #777; width: auto; cursor: pointer; } a:hover.ButtonLinkColor { font: normal 11px Helvetica, Arial, sans-serif; text-decoration: none; text-align: center; padding: 2px 10px 2px; color: #666666; margin: 0px; background: #CCFF99 url(none); border-top: 2px solid #777; border-right: 1px solid #777; border-bottom: 1px solid #777; border-left: 2px solid #777; width: auto; cursor: pointer; } a:active.ButtonLinkColor { font: normal 11px Helvetica, Arial, sans-serif; text-decoration: none; text-align: center; padding: 1px 10px 1px; color: #666666; margin: 0px; background: #CCFF99 url(none); border: 2px solid #000; width: auto; cursor: pointer; } .ButtonLinkColorOff { font: bold 11px Helvetica, Arial, sans-serif; text-decoration: none; text-align: center; padding: 2px 10px 1px; color: #333; margin: 0px; background: #eee url(none); border: 1px solid #777; width: auto; cursor: pointer; } a:link.ButtonLinkColorLarge, a:visited.ButtonLinkColorLarge { display: inline-block; font: normal 14px Helvetica, Arial, sans-serif; text-decoration: none !important; text-align: center; padding: 2px 10px 1px !important; color: #333; margin: 0px; background: #CCCCCC url(../images/img_ButtonLink_back.gif) repeat-x left top; border-top: 1px solid #777; border-right: 2px solid #777; border-bottom: 2px solid #777; border-left: 1px solid #777; width: auto; cursor: pointer; } a:hover.ButtonLinkColorLarge { font: normal 14px Helvetica, Arial, sans-serif; text-decoration: none; text-align: center; padding: 2px 10px 2px; color: #666666; margin: 0px; background: #CCFF99 url(none); border-top: 2px solid #777; border-right: 1px solid #777; border-bottom: 1px solid #777; border-left: 2px solid #777; width: auto; cursor: pointer; } a:active.ButtonLinkColorLarge { font: normal 14px Helvetica, Arial, sans-serif; text-decoration: none; text-align: center; padding: 1px 10px 1px; color: #666666; margin: 0px; background: #CCFF99 url(none); border: 2px solid #000; width: auto; cursor: pointer; } /* Gray button AUTO pixels wide */ a:link.ButtonLinkGray, a:visited.ButtonLinkGray { display: block; font: normal 12px Helvetica, Arial, sans-serif; text-decoration: none; text-align: center; padding: 2px 10px 1px; color: #000; margin: 0px; background: #CCCCCC url(../images/img_ButtonLink_back2.gif) repeat-y left top; border-top: 1px solid #999; border-right: 2px solid #777; border-bottom: 2px solid #777; border-left: 1px solid #999; width: auto; height: auto; cursor: pointer; } a:hover.ButtonLinkGray { display: block; font: normal 12px Helvetica, Arial, sans-serif; text-decoration: none; text-align: center; padding: 2px 10px 1px; color: #000; margin: 0px; background: #CCFF99 url(none); border-top: 2px solid #777; border-right: 1px solid #777; border-bottom: 1px solid #777; border-left: 2px solid #777; width: auto; height: auto; cursor: pointer; } /* Gray button 150 pixels wide */ a:link.ButtonLinkGray150, a:visited.ButtonLinkGray150 { display: block; font: normal 12px Helvetica, Arial, sans-serif; text-decoration: none; text-align: center; padding: 2px 10px 1px; color: #000; margin: 0px; background: #CCCCCC url(../images/img_ButtonLink_back2.gif) repeat-y left top; border-top: 1px solid #999; border-right: 2px solid #777; border-bottom: 2px solid #777; border-left: 1px solid #999; width: 150px; cursor: pointer; } a:hover.ButtonLinkGray150 { display: block; font: normal 12px Helvetica, Arial, sans-serif; text-decoration: none; text-align: center; padding: 2px 10px 1px; color: #000; margin: 0px; background: #CCFF99 url(none); border-top: 2px solid #777; border-right: 1px solid #777; border-bottom: 1px solid #777; border-left: 2px solid #777; width: 150px; cursor: pointer; } /* Gray button 200 pixels wide */ a:link.ButtonLinkGray200, a:visited.ButtonLinkGray200 { display: block; font: normal 12px Helvetica, Arial, sans-serif; text-decoration: none; text-align: center; padding: 2px 10px 1px; color: #000; margin: 0px; background: #CCCCCC url(../images/img_ButtonLink_back2.gif) repeat-y left top; border-top: 1px solid #999; border-right: 2px solid #777; border-bottom: 2px solid #777; border-left: 1px solid #999; width: 200px; cursor: pointer; } a:hover.ButtonLinkGray200 { display: block; font: normal 12px Helvetica, Arial, sans-serif; text-decoration: none; text-align: center; padding: 2px 10px 1px; color: #000; margin: 0px; background: #CCFF99 url(none); border-top: 2px solid #777; border-right: 1px solid #777; border-bottom: 1px solid #777; border-left: 2px solid #777; width: 200px; cursor: pointer; } /* Gray button 250 pixels wide */ a:link.ButtonLinkGray250, a:visited.ButtonLinkGray250 { display: block; font: normal 12px Helvetica, Arial, sans-serif; text-decoration: none; text-align: center; padding: 2px 10px 1px; color: #000; margin: 0px; background: #CCCCCC url(../images/img_ButtonLink_back2.gif) repeat-y left top; border-top: 1px solid #999; border-right: 2px solid #777; border-bottom: 2px solid #777; border-left: 1px solid #999; width: 250px; cursor: pointer; } a:hover.ButtonLinkGray250 { display: block; font: normal 12px Helvetica, Arial, sans-serif; text-decoration: none; text-align: center; padding: 2px 10px 1px; color: #000; margin: 0px; background: #CCFF99 url(none); border-top: 2px solid #777; border-right: 1px solid #777; border-bottom: 1px solid #777; border-left: 2px solid #777; width: 250px; cursor: pointer; } .ButtonLinkGrayActive { display: block; font: normal 12px Helvetica, Arial, sans-serif; text-align: center; padding: 2px 10px 1px; color: black; margin: 0px; background-color: white; border-top: 1px solid black; border-right: 1px solid black; border-bottom: 1px solid black; border-left: 1px solid black; width: 200px; } ul.member_list { list-style: none; margin: 0; padding: 0; } ul.member_list li { display: block; width: auto; height: auto; padding-bottom: 5px; line-height: 120%; } ul.member_list li a { font-weight: bold; } /* EVENTS */ #EventCalendar td { font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left; background-color: #e4e3da; border: 1px solid white; width: 86px; } #EventCalendar td.title { font-size: 12px; font-weight: bold; line-height: 30px; background: transparent; } #EventCalendar td.title2 { font-size: 12px; font-weight: bold; height: auto; background: transparent; } #EventCalendar td.current { font-weight: bold; text-decoration: underline; } #EventCalendar td span.dayofweek { display: block; width: 86px; height: 24px; line-height: 24px; color: white; font-weight: bold; background-color: #7e495b; text-align: center; } #EventCalendar td span.normal { display: block; padding: 3px; width: auto; height: auto; min-height: 86px; line-height: 110%; background-color: #e0e0e0; text-align: right;} #EventCalendar td span.days { display: block; padding: 3px; width: auto; height: auto; min-height: 86px; line-height: 110%; color: white; font-weight: bold; background-color: #194258; text-align: right;} #EventCalendar td span.blank { display: block; padding: 3px; width: auto; height: auto; min-height: 86px; line-height: 110%; color: silver; background-color: #efefef; text-align: right;} #EventCalendar td span.event { display: block; padding: 3px; width: 100px; height: auto; min-height: 150px; line-height: 110%; color: white; font-weight: bold; background-color: #194258; text-align: right;} #EventCalandar td span.date { display: block; font: normal 26px Helvetica, Arial, sans-serif; text-align: center; } #EventCalendar td a { display: block; width: auto; height: auto; line-height: 110%; text-decoration: none; background-color: #d0bb45; } #EventCalendar td a:hover { } #EventCalendar td.title2 #CalendarNav { display: block; position: relative; width: auto; height: 24px; } #EventCalendar td.title2 #CalendarNav a { font-weight: normal; font-size: 11px; width: auto; text-decoration: none; background: none; } #EventCalendar td.title2 #CalendarNav span { display: none; } #EventCalendar td.title2 #CalendarNav a#Previous { float: left; clear: none; line-height: 24px; padding-left: 12px; background: url(../images/icn_arrow_prev.gif) no-repeat left center; margin-left: 40px; } #EventCalendar td.title2 #CalendarNav a:hover#Previous { color: #194258; background: white url(../images/icn_arrow_prev_f2.gif) no-repeat left center; } #EventCalendar td.title2 #CalendarNav a#Next { float: right; clear: none; line-height: 24px; padding-right: 12px; background: url(../images/icn_arrow_next.gif) no-repeat right center; } #EventCalendar td.title2 #CalendarNav a:hover#Next { color: #194258; background: white url(../images/icn_arrow_next_f2.gif) no-repeat right center; } p#RAC_Address { display: block; width: 280px; height: 280px; background: white url(../images/post_it_note_address.jpg) no-repeat top left } p#RAC_Address span { display: none } #AddEvent { display: block; width: 166px; height: 166px; position: absolute; top: -20px; right: 10px; } #AddEvent span { display: none; } #AddEvent a { display: block; width: 166px; height: 166px; position: relative; background: url(../images/but_add_event.jpg) no-repeat top right; } #AddEvent a:hover { background: url(../images/but_add_event_f2.jpg) no-repeat top right; } .NoMarginBottom { margin-bottom: 0; padding-bottom: 0; } .NoMarginTop { margin-top: 0; padding-top: 0; } div#PastExhibits { display: block; width: 600px; height: auto; } div#PastExhibits div.GalleryItem { display: block; width: 190px; height: 170px; float: left; clear: none; text-align: center; } ul.SessionNav { display: block; list-style: none; } ul.SessionNav li { display: block; padding: 7px; text-align: center; } ul.SessionNav li.left { display: block; width: 45%; float: left; clear: left; } ul.SessionNav li.right { display: block; width: 45%; float: right; clear: right; } ul.SessionNav li.both { display: block; width: 100%; float: none; clear: both; } /*Dan's Calendar mockup*/ .ical-color1 { background-image: url(../images/nav_back_f00.gif) } .ical-color2 { background-image: url(../images/nav_back_f01.gif) } .ical-color3 { background-image: url(../images/nav_back_f02.gif) } .ical-color4 { background-image: url(../images/nav_back_f03.gif) } .ical-color5 { background-image: url(../images/nav_back_f04.gif) } .ical-color6 { background-image: url(../images/nav_back_f05.gif) } .ical-color7 { background-image: url(../images/nav_back_f06.gif) } .ical-color8 { background-image: url(../images/nav_back_f07.gif) } .ical-color9 { background-image: url(../images/nav_back_f08.gif) } .ical-color10 { background-image: url(../images/nav_back_f09.gif) } .ical-color11 { background-image: url(../images/nav_back_f10.gif) } .ical-color12 { background-image: url(../images/nav_back_f11.gif) } .ical-color13 { background-image: url(../images/nav_back_f12.gif) } #cal1 { display: block; float: left; clear: none; width: 85px; height: 85px; border: solid 1px #555555; background: white url(../images/nav_back_paper.gif) repeat-y top left;} #cal2 { display: block; float: left; clear: none; width: 85px; height: 85px; border: solid 1px #555555; background: url(../images/nav_back_f00.gif) repeat-y top left;} #cal3 { display: block; float: left; clear: none; width: 85px; height: 85px; border: solid 1px #555555; background: url(../images/nav_back_f01.gif) repeat-y top left;} #cal4 { display: block; float: left; clear: none; width: 85px; height: 85px; border: solid 1px #555555; background: url(../images/nav_back_f02.gif) repeat-y top left;} #cal5 { display: block; float: left; clear: none; width: 85px; height: 85px; border: solid 1px #555555; background: url(../images/nav_back_f03.gif) repeat-y top left;} #cal6 { display: block; float: left; clear: none; width: 85px; height: 85px; border: solid 1px #555555; background: url(../images/nav_back_f04.gif) repeat-y top left;} #cal7 { display: block; float: left; clear: none; width: 85px; height: 85px; border: solid 1px #555555; background: url(../images/nav_back_f05.gif) repeat-y top left;} #cal8 { display: block; float: left; clear: none; width: 85px; height: 85px; border: solid 1px #555555; background: url(../images/nav_back_f06.gif) repeat-y top left;} #cal9 { display: block; float: left; clear: none; width: 85px; height: 85px; border: solid 1px #555555; background: url(../images/nav_back_f07.gif) repeat-y top left;} #cal10 { display: block; float: left; clear: none; width: 85px; height: 85px; border: solid 1px #555555; background: url(../images/nav_back_f08.gif) repeat-y top left;} #cal11 { display: block; float: left; clear: none; width: 85px; height: 85px; border: solid 1px #555555; background: url(../images/nav_back_f09.gif) repeat-y top left;} #cal12 { display: block; float: left; clear: none; width: 85px; height: 85px; border: solid 1px #555555; background: url(../images/nav_back_f10.gif) repeat-y top left;} #cal13 { display: block; float: left; clear: none; width: 85px; height: 85px; border: solid 1px #555555; background: url(../images/nav_back_f11.gif) repeat-y top left;} #cal14 { display: block; float: left; clear: none; width: 85px; height: 85px; border: solid 1px #555555; background: url(../images/nav_back_f12.gif) repeat-y top left;} #cal15 { display: block; float: left; clear: none; width: 85px; height: 85px; border: solid 1px #555555; background: url(../images/nav_back_f13.gif) repeat-y top left;} #wrapper2 { position: relative; display: block; width: 625px; height: auto; border: 0px solid silver; } a.button-edit, a.button-view, a.button-delete { display: block; width: 16px; height: 16px; float: left; clear: none; margin: 0 4px; } a.button-edit span, a.button-view span, a.button-delete span { display: none; } a.button-edit { background: url(../images/but_sm_edit.gif) no-repeat 0 0 } a.button-view { background: url(../images/but_sm_view.gif) no-repeat 0 0 } a.button-delete { background: url(../images/but_sm_delete.gif) no-repeat 0 0 } a:hover.button-edit { background: url(../images/but_sm_edit.gif) no-repeat -16px 0 } a:hover.button-view { background: url(../images/but_sm_view.gif) no-repeat -16px 0 } a:hover.button-delete { background: url(../images/but_sm_delete.gif) no-repeat -16px 0 } ul#datelist th, ul#datelist td { border-bottom: 1px solid silver; } /* EVENT LISTINGS */ h1.EventName { padding-bottom: 0px; margin-bottom: 0px; } h5.PresentedBy { padding-top: 0; margin: 0px; } div.EventHeader { display: block; width: auto; height: auto; } div.EventHeader h2 { margin-top: 0; padding-top: 1px; } p.EventCategories { display: block; width: auto; height: auto; margin: 0; padding: 0; font-size: 12px; font-weight: bold; color: #777; } p.EventDescription { display: block; width: auto; height: auto; margin: 0; padding: 0; } #EventPreviewHeader { display: block; width: auto; height: auto; background: #fcfadc; border: 1px solid #bfbd9a; } /* NEWS */ h3.NewsDates { display: block; width: 100%; height: auto; padding: 3px 4px; margin: 3px 0 8px; color: #fff; background: #a3b218; } div.NewsTitle { margin-top: 0; padding-top: 0; color: #000; font-size: 16px; font-weight: bold; } div.NewsContent { margin-left: 30px; } #EventBottom h3 { border-bottom: 1px solid silver; } #map { overflow: hidden } /* PAGE HEADERS */ .PageHeader span { display: none; } h1.PageHeader { display: block; height: 32px; width: auto; } #AboutRACHeader { display: block; height: 32px; width: auto; background: #fff url(../images/h_AboutRAC.gif) no-repeat top left; } #DirectoryHeader { display: block; height: 32px; width: auto; background: #fff url(../images/h_ArtsDirectory.gif) no-repeat top left; } #CalendarHeader { display: block; height: 32px; width: auto; background: #fff url(../images/h_Calendar.gif) no-repeat top left; } #CRCHeader { display: block; height: 32px; width: auto; background: #fff url(../images/h_CRC.gif) no-repeat top left; } #RentalsHeader { display: block; height: 32px; width: auto; background: #fff url(../images/h_FacilityRentals.gif) no-repeat top left; } #GrantsProgramHeader { display: block; height: 32px; width: auto; background: #fff url(../images/h_GrantsProgram.gif) no-repeat top left; } #GrantsEligibilityHeader { display: block; height: 32px; width: auto; background: #fff url(../images/h_GrantEligibility.gif) no-repeat top left; } #GrantTypesHeader { display: block; height: 32px; width: auto; background: #fff url(../images/h_GrantTypes.gif) no-repeat top left; } #GrantScheduleHeader { display: block; height: 32px; width: auto; background: #fff url(../images/h_GrantSchedule.gif) no-repeat top left; } #GrantProcessHeader { display: block; height: 32px; width: auto; background: #fff url(../images/h_GrantProcess.gif) no-repeat top left; } #GrantCriteriaHeader { display: block; height: 32px; width: auto; background: #fff url(../images/h_GrantCriteria.gif) no-repeat top left; } #GrantInstructionsHeader { display: block; height: 32px; width: auto; background: #fff url(../images/h_GrantInstructions.gif) no-repeat top left; } #GrantChecklistHeader { display: block; height: 32px; width: auto; background: #fff url(../images/h_GrantChecklist.gif) no-repeat top left; } #GrantOSFormsHeader { display: block; height: 32px; width: auto; background: #fff url(../images/h_GrantOSforms.gif) no-repeat top left; } #GrantPSFormsHeader { display: block; height: 32px; width: auto; background: #fff url(../images/h_GrantPSforms.gif) no-repeat top left; } #GrantPanelistsHeader { display: block; height: 32px; width: auto; background: #fff url(../images/h_GrantPanelists.gif) no-repeat top left; } #LogosHeader { display: block; height: 32px; width: auto; background: #fff url(../images/h_Logos.gif) no-repeat top left; } #MarketingToolsHeader { display: block; height: 32px; width: auto; background: #fff url(../images/h_MarketingTools.gif) no-repeat top left; } #CATHeader { display: block; height: 32px; width: 431px; background: #fff url(../images/h_CAT.gif) no-repeat top left; } #CommandosHeader { display: block; height: 32px; width: auto; background: #fff url(../images/h_Commandos.gif) no-repeat top left; } #CommandosAboutHeader { display: block; height: 32px; width: auto; background: #fff url(../images/h_ACAbout.gif) no-repeat top left; } #PublicArtHeader { display: block; height: 32px; width: auto; background: #fff url(../images/h_PublicArt.gif) no-repeat top left; } #PublicArtLinksHeader { display: block; height: 32px; width: auto; background: #fff url(../images/h_PublicArtLinks.gif) no-repeat top left; } #GalleryHeader { display: block; height: 32px; width: auto; background: #fff url(../images/h_Gallery.gif) no-repeat top left; } #NewsHeader { display: block; height: 32px; width: auto; background: #fff url(../images/h_News.gif) no-repeat top left; } #VisitorHeader { display: block; height: 32px; width: auto; background: #fff url(../images/h_Visitor.gif) no-repeat top left; } #ContactRACHeader { display: block; height: 32px; width: auto; background: #fff url(../images/h_ContactRAC.gif) no-repeat top left; } #RACFeedbackHeader { display: block; height: 32px; width: auto; background: #fff url(../images/h_racfeedback.gif) no-repeat top left; } #CalendarDisclaimer { display: block; width: 100%; height: auto; text-align: center; margin-top: 10px; } #CalendarDisclaimer p { font-size: 10px; color: #86a11b; margin: 0; padding: 2px 5px; background: #fbffeb; border: 1px solid #86a11b; } #PublicArtDIV { display: block; width: 618px; height: auto; } #PublicArtDIV #PublicArtSearch { display: block; width: 160px; height: auto; float: left; clear: none; background: #fff; text-align: left; } #PublicArtDIV #PublicArtSearch form { background: #fff; } #PublicArtDIV #PublicArtRegions { display: block; width: 437px; height: auto; float: left; clear: none; padding-left: 10px; border-left: 1px solid silver; } #PublicArtDIV #PublicArtRegions .col_wrapper { display: block; width: 429px; height: auto; } #PublicArtDIV #PublicArtRegions .left_col { display: block; width: 205px; height: auto; float: left; clear: none; padding-right: 19px; } #PublicArtDIV #PublicArtRegions .right_col { display: block; width: 205px; height: auto; float: left; clear: none; } #PublicArtDIV #PublicArtRegions a.PublicArtKey { line-height: 17px; padding-right: 17px; border: 0; } /* BRIAN'S ADDITIONS */ #GrantNav {font-size: 10px;} #CommandoNav {font-size: 10px;} #MarketingNav {font-size: 10px;}