* { margin: 0px; padding: 0px; } html { width: 100%; height: 100%; } body { behavior:url(/css/../css/csshover2.htc); font-family: Arial, Helvetica, sans-serif; width: 100%; height: 100%; margin: 0px; padding: 0px; font-size: 62.5%; background:url(/css/../images/body_bg.jpg); background-position: 50% 50%; } a { color: #fff; text-decoration: none; } h1, h2, h3 { color: #fff; font-weight: normal; } p { padding: 1.1em 0; } .hide { position: absolute; left: -999em; } #body { float: left; width: 100%; min-height: 500px; height: 500px; color: #fff; font-size: 1.2em; line-height: 1.6em; background: url(/css/../images/body_bg_gradient.jpg) repeat-x; } html>body #body { height: auto } #body a { color: #fff; text-decoration: underline; } #body_header_tall { float: left; width: 100%; height: 251px; background: url(/css/../images/header_bg_tall.jpg) repeat-x; background-position: 50% 50%; } #body_header_short { float: left; width: 100%; height: 157px; background: url(/css/../images/header_bg_tall.jpg) repeat-x; background-position: 50% 100%; } .center { width: 900px; margin: 0 auto; } .center_wrapper { float: left; width: 900px; } #navigation { float: left; width: 900px; height: 90px; } #navigation ul { list-style-type: none; } #navigation #mini_nav { float: right; height: 10px; margin: 10px 5px 0 0; display: inline; } #navigation #mini_nav li { float: left; display: inline; } #navigation #mini_nav li a { float: left; margin: 0 0 0 20px; font-size: 1.2em; color: #ccc; display: inline; } #navigation #main_nav { float: right; height: 60px; clear: both; } #navigation #main_nav li { float: left; height: 30px; padding: 0 15px 0 0; background: url(/css/../images/nav_right.gif) no-repeat; background-position: top right; margin: 20px 3px 0 3px; display: inline; } #navigation #main_nav li a { float: left; height: 30px; line-height: 30px; background: url(/css/../images/nav_left.gif) no-repeat; padding: 0 0 0 15px; font-size: 1.2em; font-weight: bold; } #navigation #main_nav li:hover { padding: 0 18px 0 0; margin: 20px 0px 0 0px; } #navigation #main_nav li:hover a { padding: 0 0 0 18px; } #body_header_short .center, #body_header_tall .center { height: 100%; background: url(/css/../images/wcsa_logo.jpg) no-repeat; background-position: 0 0; } #left_col { float: left; width: 660px; padding-bottom: 50px; } #right_col { float: right; width: 240px; min-height: 100px; height: 100px; padding-bottom: 50px; } html>body #right_col { height: auto } #footer { float: left; width: 900px; border-top: 8px solid #d7dee1; padding: 5px 0 50px 0; } #footer .copyright { float: left; width: 300px; color: #74848c; } #footer ul { float: right; list-style-type: none; } #footer ul li { display: inline; margin: 0 0 0 10px; }  .home_header { float: left; height: 161px; width: 100%; background: url(/css/../images/home_header.jpg) no-repeat; background-position: left bottom; } #home_body { float: left; width: 900px; background: url(/css/../images/home_body.jpg) no-repeat; } #home_body .wrapper { float: left; width: 900px; padding: 0 0 25px 0; background: url(/css/../images/contentbody_rightcol.jpg) repeat-y; background-position: top right; } #home_body #left_col { padding: 80px 20px 0 20px; width: 620px; } #home_body #right_col { width: 225px; padding: 50px 0 0 15px; background: url(/css/../images/home_right_col.jpg) no-repeat; } #upcoming_events { margin: 30px 0 0 0; } #upcoming_events a { text-decoration: none; } #upcoming_events dt { clear: both; float: left; width: 50px; text-align: center; margin: 0 10px 0 0; text-transform: uppercase; } #upcoming_events dt .month { display: block; font-size: 1.4em; margin: 5px 0 0 0; } #upcoming_events dt .date { display: block; font-size: 2.6em; line-height: 0.8em; } #upcoming_events dd { float: left; width: 165px; margin: 0 0 70px 0; } #upcoming_events dd h3 { font-size: 1.1em; font-weight: bold; }   #reps_body { float: left; width: 900px; } #reps_body h1 { float: left; width: 900px; height: 98px; background: url(/css/../images/header_reps.jpg) no-repeat; } #reps_body #search_body { float: left; width: 900px; padding: 0 0 30px 0; } #reps_body #alphabets { float: left; width: 850px; padding: 20px 0 20px 50px; text-align: center; text-transform: uppercase; border-bottom: 2px solid #dce2e5; } #reps_body #alphabets span { float: left; height: 28px; padding: 0 0 0 8px; margin: 0 1px; } #reps_body #alphabets span a { float: left; height: 28px; padding: 0 8px 0 0; line-height: 28px; font-size: 1.4em; color: #525252; text-decoration: none; } #reps_body #alphabets span:hover { background: url(/css/../images/textselect_bg_left.gif) no-repeat; background-position: top left; filter:alpha(opacity=70); opacity: 0.7; } #reps_body #alphabets span a:hover { background: url(/css/../images/textselect_bg_right.gif) no-repeat; background-position: top right; color: #fff; filter:alpha(opacity=70); opacity: 0.7; color: #525252; } #reps_body #alphabets span.active { background: url(/css/../images/textselect_bg_left.gif) no-repeat; background-position: top left; } #reps_body #alphabets span.active a { background: url(/css/../images/textselect_bg_right.gif) no-repeat; background-position: top right; color: #fff; } .style_box { float: left; width: 900px; background: url(/css/../images/reps_cat_bg_top.png) no-repeat; background-position: 0 20px; margin: 5px 0; } .style_box .box { float: left; width: 860px; padding: 0 20px 20px 20px; margin: 19px 0 0px 0; background: url(/css/../images/reps_cat_bg_bot.png) no-repeat; background-position: bottom left; } .style_box h2 { float: left; font-size: 1.3em; color: #4d4e4e; padding: 0 0 0 20px; display: inline; background: url(/css/../images/icon_collapse.gif) no-repeat; cursor: pointer; } .style_box h2.collapsed { background: url(/css/../images/icon_collapse.gif) no-repeat; } .style_box h2.expanded { background: url(/css/../images/icon_expand.gif) no-repeat; } .style_box .buttons { float: right; width: 200px; padding: 4px 0px 0 0; margin: -37px -7px 0 0; } .style_box .checkall { float: right; width: 39px; height: 15px; background: url(/css/../images/reps_checkall.gif) no-repeat; cursor: pointer; } .style_box .decheckall { float: right; width: 39px; height: 15px; background: url(/css/../images/reps_decheckall.gif) no-repeat; cursor: pointer; } .style_box .column { float: left; width: 25%; } .style_box .column span.row { display: block; } .style_box .column span.row input { margin: 0 5px 0 0; } #reps_body #submit_search { float: left; width: 122px; height: 29px; cursor: pointer; margin: 10px 0 0 10px; } #reps_body a #submit_newsearch { float: left; width: 146px; height: 29px; margin: 10px 0 0 10px; border: 0px; } #results { width: 900px; } #results h2 { font-size: 2em; border-bottom: 2px solid #dce2e5; width: 100%; padding: 0 0 7px 0; } #results .row0, #results .row1 { float: left; clear: both; padding: 15px 10px; border-bottom: 1px solid #dce2e5; width: 880px; } #results .row0 { } #results .row1 { } #results .name { font-size: 1.9em; display: block; margin: 10px 0 20px 0; color: #fff; } #results .address { float: left; width: 260px; margin: 0 10px 0 0; padding: 0 0 0 20px; background: url(/css/../images/icon_address.gif) no-repeat; background-position: 0px 5px; } #results .contacts { float: left; width: 280px; margin: 0 10px 0 0; } #results .contacts .telephone { background: url(/css/../images/icon_phone.gif) no-repeat; background-position: 0 50%; text-indent: 17px; } #results .contacts .facsimile { background: url(/css/../images/icon_fax.gif) no-repeat; background-position: 0 50%; text-indent: 17px; } #results .email { float: left; width: 250px; margin: 0 10px 0 0; padding: 0 0 0 20px; background: url(/css/../images/icon_email.gif) no-repeat; background-position: 0px 5px; } #nomatch { font-size: 1.5em; text-align: center; width: 100%; padding: 50px 0; } #results table { clear: both; width: 100%; margin: 10px 0; } #results table thead { background: #acb6bb; color: #fff; } #results table thead th { text-align: center; font-weight: normal; font-size: 0.9em; line-height: 1em; padding: 1px; } #results table .style { width: 55px; } #results table tbody .center { text-align: center; } #results table tbody td { padding: 3px 0px 3px 3px; } #results table .row0 { float: none; padding: none; border: none; } #results table .row1 { float: none; padding: none; border: none; }   #events_body { } #events_body #intro { float: left; padding: 10px 0 0 5px; font-size: 1.1em; } #events_body #left_col { float: left; width: 240px; } #events_body #right_col { float: left; width: 620px; padding: 0 0 0 40px; display: inline; } #events_body h1 { float: left; width: 900px; height: 98px; background: url(/css/../images/header_events.jpg) no-repeat; } #joinnow { float: left; width: 214px; border: 3px solid #d7dde0; padding: 10px; margin: 30px 0 20px 0; } #joinnow h2 { border-bottom: 1px solid #fff; padding: 2px 0 5px 0; } #joinnow .download { background: url(/css/../images/icon_pdf.gif) no-repeat; padding: 0 0 0 23px; background-position: 0 50%; font-weight: bold; } #shows_list { float: left; width: 620px; margin: 25px 0; } #shows_list dt { clear: both; } #shows_list dt strong { font-size: 1.5em; text-transform: uppercase; display: block; font-weight: normal; border-bottom: 1px solid #D7DEE1; padding: 0 0 5px 0; } #shows_list dt .date { float: left; } #shows_list dt .location { float: right; } #shows_list dd { clear: both; float: left; margin: 10px 0 70px 0; width: 100%; } #shows_list .download { background: url(/css/../images/icon_pdf.gif) no-repeat; padding: 0 0 0 23px; background-position: 0 50%; font-weight: bold; } #future_dates { font-size: 1.2em; margin: 20px 0; } #future_dates dt { display: inline; } #future_dates dd { display: block; margin: 0 0 10px 0; }   #membership_body { float: left; } #membership_body h1 { float: left; width: 900px; height: 98px; background: url(/css/../images/header_membership.jpg) no-repeat; } #membership_body ul { margin: 25px; } #membership_body #left_col { float: left; width: 570px; }   #community_body { float: left;  background-position: right 150px; } #community_body #left_col { float: left; width: 550px; padding: 0 20px 50px 0; } #community_body #right_col { float: left; width: 320px; padding: 0 0 50px 0; } #community_body h1 { float: left; width: 900px; height: 98px; background: url(/css/../images/header_community.jpg) no-repeat; }   #aboutus_body { float: left; width: 900px; } #aboutus_body h1 { float: left; width: 900px; height: 98px; background: url(/css/../images/header_aboutus.jpg) no-repeat; margin: 0 0 30px 0; } #aboutus_body #right_col { padding: 0px 0 50px 0; } #aboutus_body #officers, #aboutus_body #directors, #aboutus_body #twoten_representative, #aboutus_body #administration { float: left; width: 280px; padding: 0 50px 0 0; } #aboutus_body h2 { margin: 40px 0 10px 0; text-transform: uppercase; font-size: 1.5em; } #aboutus_body #officers dd { margin: 0 0 20px 0; } #aboutus_body ul { list-style-type: none; } #aboutus_body ul li { margin: 3px 0; }   #contactus_body { float: left; width: 900px; background: url(/css/../images/contentbody_rightcol.jpg) repeat-y; background-position: top right; } #contactus_body h1 { float: left; width: 900px; height: 98px; background: url(/css/../images/header_contactus.jpg) no-repeat; } #contactus_body #right_col { padding: 20px 0 20px 0; } #contactform { margin: 30px 0 30px 20px; } #contactform fieldset { width: 600px; border: none; } #contactform label { float: left; clear: left; width: 140px; margin: 5px 0; font-weight: bold; font-size: 1.1em; } #contactform .stretch { width: 400px; } #contactform input, #contactform textarea { background-color: #c9dce5; border: 1px solid #fff; padding: 3px; margin: 5px 0; } #contactform textarea { height: 200px; } #contactform #submit_button { float: left; margin: 10px 0 30px 140px; cursor: pointer; } #contactus_body address { float: left; margin: 0 0 30px 15px; font-style: normal; } #contactus_body address strong { display: block; font-weight: bold; } #error_log { width: 560px; padding: 20px; margin: 0 0 20px 0; background-color: #c22a07; } #error_log strong { font-size: 1.3em; } #error_log ul { margin: 0 0 0 20px; } #success_log { width: 600px; padding: 50px 0;  margin: 20px 0; font-size: 2em; text-align: center; }   #links_body { } #links_body h1 { float: left; width: 900px; height: 98px; background: url(/css/../images/header_links.jpg) no-repeat; margin: 0 0 30px 0; } #links { } #links dt { } #links dd { margin: 0 0 20px 0; }    .sIFR-flash { visibility: visible !important; margin: 0; padding: 0; } .sIFR-replaced, .sIFR-ignore { visibility: visible !important; } .sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }    .sIFR-flash { display: none !important; height: 0; width: 0; position: absolute; overflow: hidden; } .sIFR-alternate { visibility: visible !important; display: block !important; position: static !important; left: auto !important; top: auto !important; }