* { margin: 0; padding: 0; border: none; outline: 0; } body { background: #cccdd2 url(../images/bg_lrg.jpg) fixed 50% 0; font: 12px Arial, Helvetica, sans-serif;} ol, ul { list-style: none; } table { border-collapse: separate; border-spacing: 0; } :focus { outline: 0; } th, td { text-align: left; font-weight: normal; } input, textarea { color: #fff; } a { color: #1c315e; font: Verdana, Arial, Helvetica, sans-serif; } a:hover { text-decoration: none; } .btn { width: 76px; height: 26px; } #wrapper { padding: 0 5px; width: 985px; margin: 0 auto; position: relative;} #wrapper a.o3_logo { width: 100px; height: 135px; display: block; position: absolute; top: 160px; right: -74px; z-index: 9000; } /*LANDING HEAD RULES */ #content.landing { padding-top: 20px; margin-top: 65px; } #landing_header { margin: 0 20px 20px; height: 322px; width: 930px; background: url(../images/bg_landing_head.jpg) no-repeat 0 0; position: relative; } #landing_header ul { padding: 20px 0 20px 265px; position: absolute; width: 735px; height: 64px; top: 218px; left: -35px; background: url(../images/bg_landing_cities.gif) no-repeat 0 0; } #landing_header li { margin-bottom: 20px; font: 14px Arial, Helvetica, sans-serif; line-height: 13px; color: #FFFFFF; text-transform: uppercase; font-weight: bold; width: 200px; float: left; } #landing_header a { text-decoration: none; color: #FFFFFF; padding-left: 25px; width: 9px; height: 9px; background: url(../images/bullet.png) no-repeat 0 3px; } #landing_header a:hover { text-decoration: underline; background: url(../images/bullet_blue.png) no-repeat 0 3px; width: 9px; height: 9px; } #landing_header span { padding-left: 25px; font: 11px Arial, Helvetica, sans-serif; color: #3e85b2; text-transform: uppercase; font-weight: bold; } #landing_header #btn_phila { height: 87px; width: 340px; position: absolute; top: 179px; left: 0; background: url(../images/btn_phila.png) no-repeat 0 0; display: block; text-indent: -9999px; } #landing_header #btn_dc { height: 87px; width: 290px; position: absolute; top: 179px; left: 321px; background: url(../images/btn_dc.png) no-repeat 0 0; display: block; text-indent: -9999px; } #landing_header #btn_balt { height: 87px; width: 299px; position: absolute; top: 179px; left: 631px; background: url(../images/btn_balt.png) no-repeat 0 0; display: block; text-indent: -9999px; } /* HEAD RULES */ #head { padding-bottom: 4px; height: 124px; position: relative; background: url(../images/head_cap.gif) no-repeat 0 100%; } #top_nav { margin: 10px 15px 0 0; } #top_nav a { margin-left: 14px; color: #fff; text-decoration:none; font: bold 12px Arial, Helvetica, sans-serif; } #top_nav li{ padding-top: 5px; display: inline; float: right; } #top_nav li.first { padding-top: 0; } #chapters_menu { margin-left: 14px; width: 203px; z-index: 1000; position: relative; background: url(../images/bg_dropdown.jpg) no-repeat 1px 0; } #chapters_menu a.option_button { margin: 0; } #chapters_menu li a { margin: 0; padding: 4px 0 6px 10px; width: 191px; height: auto !important; height: 1%; display: block; font-weight: 100; text-decoration: none; } #chapters_menu li a:hover { text-decoration: underline; } #chapters_menu p { padding: 5px 0 0 10px; width: 193px; height: 20px; color: #fff; font-weight: 700; font-size: 11px; text-transform: uppercase; } .option_button { width: 25px; height: 25px; display: block; position: absolute; top: 0; right: 0; background: url(../images/sprite_dropdown.jpg) no-repeat -1px 0; text-indent: -9999px; } .option_list { width: 200px; display: none; position: absolute; left: 1px; top: 25px; z-index: 1000; background: #648936; border: 1px solid #fff; border-width: 0 1px; font: 11px Arial, Helvetica, sans-serif; } .option_list li { width: 200px; border-bottom: solid 1px #fff; } .open .option_list { display: block; } .open .option_button { background-position: -1px -25px; } #logo { height: 65px; width: 290px; background: url(../images/logo.png) no-repeat 0 0; text-indent: -9999px; display: block; position: absolute; top: 0; left: 0;} #logo a { text-indent: -9999px; } /* NAVIGATION RULES */ #nav { width: 653px; position: absolute; top: 57px; right:-3px; background: url(../images/bg_nav_sprite.jpg) no-repeat 0 0; } #nav li { float: left; display: inline; height: 67px; } #nav li a { height: 50px; display: block; text-indent: -9999px; } /* PHILADELPHIA*/ a#nav_overview { width: 106px; background: url(../images/sprite_nav_overview.jpg) no-repeat 0 0; } a#nav_overview:hover{ background: url(../images/sprite_nav_overview.jpg) no-repeat 0 -67px; } a#nav_overview_selected { width: 106px; background: url(../images/sprite_nav_overview.jpg) no-repeat 0 -67px; } a#nav_city_philadelphia { width:118px; background: url(../images/sprite_nav_philadelphia_new.jpg) no-repeat 0 0; } a#nav_city_philadelphia:hover{ background: url(../images/sprite_nav_philadelphia_new.jpg) no-repeat 0 -67px; } a#nav_city_philadelphia_selected { width:118px; background: url(../images/sprite_nav_philadelphia_new.jpg) no-repeat 0 -67px; } a#nav_city_baltimore { width:118px; background: url(../images/sprite_nav_baltimore_new.jpg) no-repeat 0 0; } a#nav_city_baltimore:hover{ background: url(../images/sprite_nav_baltimore_new.jpg) no-repeat 1px -67px; } a#nav_city_baltimore_selected { width:118px; background: url(../images/sprite_nav_baltimore_new.jpg) no-repeat 1px -67px; } a#nav_teams { width:61px; background: url(../images/sprite_nav.jpg) no-repeat -117px 0; } a#nav_teams:hover { background: url(../images/sprite_nav.jpg) no-repeat -117px -67px; } a#nav_teams_selected { width:61px; background: url(../images/sprite_nav.jpg) no-repeat -117px -67px; } a#nav_news_events { width:116px; background: url(../images/sprite_nav.jpg) no-repeat -178px 0; } a#nav_news_events:hover { background: url(../images/sprite_nav.jpg) no-repeat -178px -67px; } a#nav_news_events_selected { width:116px; background: url(../images/sprite_nav.jpg) no-repeat -178px -67px; } a#nav_media { width:117px; background: url(../images/sprite_nav.jpg) no-repeat -293px 0; } a#nav_media:hover { background: url(../images/sprite_nav.jpg) no-repeat -293px -67px; } a#nav_media_selected { width:117px; background: url(../images/sprite_nav.jpg) no-repeat -293px -67px; } a#nav_funded { width:146px; background: url(../images/sprite_nav.jpg) no-repeat -409px 0; } a#nav_funded:hover { background: url(../images/sprite_nav.jpg) no-repeat -409px -67px; } a#nav_funded_selected { width:146px; background: url(../images/sprite_nav.jpg) no-repeat -409px -67px; } a#nav_involved { width:105px; background: url(../images/sprite_nav.jpg) no-repeat -555px 0; } a#nav_involved:hover{ background: url(../images/sprite_nav.jpg) no-repeat -555px -67px; } a#nav_involved_selected{ width:105px; background: url(../images/sprite_nav.jpg) no-repeat -555px -67px; } /* CITY PAGE RULES */ #content { padding-top: 0px; background: url(../images/bg_landing_wrapper_repeat.png) repeat-y 0 0; } #header_city { margin: 0 20px 10px; height: 301px; width: 930px; background: url(../images/bg_head.jpg) no-repeat 0 0; position: relative; } #featured_runner { height: 281px; width: 544px; position: absolute; top: 9px; left: -31px; background: url(../images/bg_featured_runner.png) no-repeat 0 0; } #featured_runner img { margin: 10px 0 0 10px; padding-bottom: 5px; float: left; display: inline;} #featured_runner div { margin: 22px 15px 0 0; width: 250px; float: right; display: inline; position: relative; } #featured_runner div blockquote { margin-bottom: 20px; height: 145px; width: 250px; display: block; color: #fff; font-weight: 700; font-size: 14px; line-height: 24px; text-transform: uppercase;} #featured_runner div blockquote span { font-size: 14px; display: block; } #featured_runner div a { margin-bottom: 11px; padding-left: 15px; color: #fff; text-decoration: none; display: block; font-weight:600; text-transform: uppercase; background: url(../images/icon_gt.png) no-repeat 0 3px; } #mid_content { } #welcome_paragraph { margin: 0 22px 0 20px; padding-bottom: 5px; width: 430px; float: left; display: inline; } #welcome_paragraph h1 { margin-bottom: 8px; display: block;} #welcome_paragraph p { padding-bottom: 8px; line-height: 22px; } #green_content { margin-right: 5px; width: 495px; height: 206px; float: right; display: inline; position: relative; background: url(../images/bg_landing_green.png) no-repeat 0 0; } #green_content p{ margin-left: 77px; width: 260px; color: #fff; line-height: 14px; } #support_co { height: 84px; } #support_co img { position: absolute; top: 10px; left: -9px; } #support_co h2 { margin-top: 15px; margin-left: 77px; background: url(../images/landing_h2_support2.png) no-repeat 0 0; text-indent:-9999px; } #btn_support { position: absolute; left: 364px; top: 59px; background: url(../images/btn_landing_support.png) no-repeat 0 0; } #btn_support a { width: 136px; height: 31px; display: block; text-indent: -9999px; } #shopping_co { height: 84px; } #shopping_co img { position: absolute; top: 108px; left: -9px; } #shopping_co h2 { margin-top: 15px; margin-left: 77px; background: url(../images/landing_h2_shop.png) no-repeat 0 0; text-indent:-9999px; } #btn_shop { position: absolute; left: 364px; top: 162px; background: url(../images/btn_landing_shop.png) no-repeat 0 0; } #btn_shop a { width: 136px; height: 31px; display: block; text-indent: -9999px; } #news { margin: 20px 0; padding: 20px 20px 5px 20px; width: 930px; height: 138px; background: url(../images/bg_news.gif) repeat-y 20px 0; position: relative; } /* BOSTON PAGE RULES */ #landing_header_city { margin: 0 20px 20px; height: 322px; width: 930px; background: url(../images/bg_landing_chicago.jpg) no-repeat 0 0; position: relative; } #welcome_paragraph_city { margin: 0 22px 0 20px; padding-bottom: 5px; width: 430px; float: left; display: inline; } #welcome_paragraph_city h1 { margin-bottom: 10px; display: block;} #welcome_paragraph_city h2 { padding-bottom: 10px; font-size: 12px; color: #41c2ef; text-transform: uppercase; font-weight: bold; } #welcome_paragraph_city p { padding-bottom: 8px; line-height: 22px; } #welcome_paragraph_city .bold { color: #41c2ef; } #callouts_wrap { background: url(../images/callout_bg.png) repeat-y 0 0; } #callouts_city { padding: 10px 0 20px; background: url(../images/callout_gradient.png) no-repeat 0 bottom; } #callouts_city p { padding: 0 15px 0 30px; color: #fff; line-height: 18px; } #callouts_city .callout_title { color: #fff; font-size: 16px; font-weight: bold; } #callouts_city .callout_photo { margin: 0 10px 0 0; padding: 5px 0 0 5px; width: 70px; height: 79px; float: left; display: block; background: url(../images/callout_thumb.png) no-repeat 0 0; } #callouts_city .callout_dividor { margin: 15px 0; width: 509px; height: 3px; font-size: 0; line-height: 0; background: url(../images/callout_dividor.png) no-repeat 0 bottom; } #callouts_city .callout_button { margin-top: 10px; padding-top: 5px; width: 136px; height: 31px; float: right; background: url(../images/callout_button.png) no-repeat 0 0; text-align: center; } #callouts_city .callout_button a { width: 136px; text-align: center; color: #fff; font-weight: bold; } #sponsor_co { height: 60px; } #sponsor_co h2 { margin: 10px 0 5px 30px; width: 235px; height: 16px; background: url(../images/landing_h2_sponsor.png) no-repeat 0 0; text-indent:-9999px; } #sponsor_co a { color: #fff; text-decoration: underline; font-weight: bold; } #involved_co { height: 60px; } #involved_co h2 { margin: 10px 0 5px 30px; width: 235px; height: 16px; background: url(../images/landing_h2_involved.png) no-repeat 0 0; text-indent:-9999px; } #involved_co a { color: #fff; text-decoration: underline; font-weight: bold; } /* CALLOUT RULES */ #callouts_container { width: 509px; float: right; display: inline; position: relative; } #callouts_wrap { background: url(../images/callout_bg.png) repeat-y 0 0; } #callouts { padding: 10px 0 0; background: url(../images/callout_gradient.png) no-repeat 0 bottom; } #callouts p { padding-right: 15px; color: #fff; line-height: 14px; } #callouts .callout_title { color: #fff; font-size: 16px; font-weight: bold; } #callouts .callout_photo { margin: 0 10px 0 0; padding: 5px 0 0 5px; width: 70px; height: 79px; float: left; display: block; background: url(../images/callout_thumb.png) no-repeat 0 0; } #callouts .callout_dividor { margin-bottom: 10px; width: 509px; height: 3px; background: url(../images/callout_dividor.png) no-repeat 0 bottom; } #callouts .callout_button { margin-top: 10px; padding-top: 5px; width: 136px; height: 31px; float: right; background: url(../images/callout_button.png) no-repeat 0 0; text-align: center; } #callouts .callout_button a { width: 136px; text-align: center; color: #fff; font-weight: bold; } #callouts_footer { height: 11px; background: url(../images/callout_footer.png) no-repeat 0 bottom; } /* SUBLEVEL RULES */ #sublevel_content { padding-bottom: 20px; background: url(../images/bg_landing_wrapper_repeat.png) repeat-y 0 0; } #sublevel_content #sidebar { margin-left: -11px; float: left; display: inline; width: 191px;} #sidebar ul { margin-right: 15px; min-height: 288px; width: 191px; background: url(../images/bg_subnav.jpg) no-repeat 0 0; } #sidebar ul li { background: url(../images/subnav_rule.gif) no-repeat 10px 0; } #sidebar ul li.first { padding-top: 10px; background: none; } #sidebar ul li a { padding: 10px 20px; width: 130px; display: block; color: #fff; text-transform: uppercase; text-decoration: none; } #sidebar ul li a:hover { background: url(../images/icon_gt.png) no-repeat 157px 14px; } #sidebar ul li a.subnav_selected { background: url(../images/icon_gt.png) no-repeat 157px 14px; } #sidebar #subnav_foot { margin-right: 15px; height: 13px; width: 191px; float: left; display: inline; background: url(../images/bg_subnav_foot.png) no-repeat 0 0; } #main { margin-right: 15px; width: 775px; float: right; display: inline; background: url(../images/bg_sublevel_main.gif) repeat-y 11px 0; position: relative; } #main #header_bar { padding: 15px 32px 0 20px; width: 733px; height: 40px; background: url(../images/bg_teams_head.png) no-repeat 2px 0; } #main #header_bar h1 { float: left; display: inline; min-width: 300px; width: 550px; height: 40px; } #main #header_bar span { color: #fff; font-weight: 700; float: right; display: inline; text-transform: uppercase; } #main h2 { margin-bottom: 10px; padding: 15px 32px 0 20px; width: 733px; height: 40px; background: url(../images/bg_teams_head.png) no-repeat 2px 0; color:#FFF; font-size:16px;} #main h3 { margin: 0 40px 20px 30px; color: #1c315e; font: 700 14px/18px Arial, Helvetica, sans-serif; } #main p { margin: 0 40px 25px 30px; color: #1c315e; font: 13px/18px Arial, Helvetica, sans-serif; } #main img.head { margin: 0 0 18px 30px; padding: 14px 17px; height: 287px; width:670px; background: url(../images/bg_teams_mast.png) no-repeat 0 0; } #main #contentForm { padding-top: 0; } #main ol { margin: 0 60px 20px; } #main ol li { color: #1C315E; padding-bottom: 5px; list-style:decimal; } #main ul { margin: 0 60px 20px; } #main ul li { color: #1C315E; padding-bottom: 5px; list-style: disc; } #main ul li p { margin-bottom: 10px; } .co_image_left, .image_left { margin: 0 20px 20px 30px; padding: 10px; width: 169px; height: 168px; float: left; display: inline; background: url(../images/bg_featured_member.png) no-repeat 0 0; } .co_image_right, .image_right { margin: 0 30px 20px 30px; padding: 10px; width: 169px; height: 168px; float: right; display: inline; background: url(../images/bg_featured_member.png) no-repeat 0 0; } .single .co_image_left, .single .image_left { margin: 0 20px 20px 30px; padding: 10px; width: 169px; height: 168px; float: left; display: inline; background: url(../images/bg_featured_member.png) no-repeat 0 0; } .single .co_image_right, .single .image_right { margin: 0 30px 20px 30px; padding: 10px; width: 169px; height: 168px; float: right; display: inline; background: url(../images/bg_featured_member.png) no-repeat 0 0; } /* SUBLEVEL SINGLE RULES */ .single { background: url(../images/bg_single.gif) repeat-y 20px 0; position: relative; } .single a { font-weight: 700; text-decoration: underline; } .single a:hover { text-decoration: none; } .single h2 { margin: 0 0 10px 8px;; padding: 15px 32px 0 20px; height: 40px; background: url(../images/bg_single_head.png) no-repeat scroll 2px 0; color: #1c315e; font: 700 14px/18px Arial, Helvetica, sans-serif; } .single h3 { margin: 0 60px 20px 40px; color: #1c315e; font: 700 14px/18px Arial, Helvetica, sans-serif; } .single h4 { margin: 0 60px 15px 40px; color: #1c315e; font: 700 13px/18px Arial, Helvetica, sans-serif; } .single p { padding: 0 60px 20px 40px; color: #1c315e; font: 13px/18px Arial, Helvetica, sans-serif; } .single ol { margin: 0 60px 20px; } .single ol li { padding-bottom: 5px; list-style:decimal; } .single ul { margin: 0 60px 20px; } .single ul li { padding-bottom: 5px; list-style: disc;} .single img.head { margin: 0 0 20px 40px; padding: 14px 17px; height: 287px; width: 670px; background: url(../images/bg_teams_mast.png) no-repeat 0 0; } .single #header_bar { margin-left: 8px; padding: 15px 32px 0 20px; height: 40px; background: url(../images/bg_single_head.png) no-repeat 2px 0; } .single #header_bar h1 { float: left; display: inline; min-width: 500px; } .single #header_bar span { color: #fff; font-weight: 700; float: right; display: inline; text-transform: uppercase; } form input, form textarea { color: #1C315E; } form { padding: 20px 40px; } form div { margin-bottom: 10px; } form p { padding-bottom: 15px; line-height: 18px; } form label { padding-top: 5px; width: 125px; display: inline; float: left; color: #1C315E; font-weight: 700; text-transform: uppercase; } form label span { color: #000; font-size: 15px; } form input { padding: 6px 5px 0; width: 276px; height: 20px; border: 1px solid #9BDDF5; background:#FFFFFF url(../images/bg_form.gif) repeat-x scroll 0 0;} form input.btn { padding: 0; width: auto; height: auto; background: none; } form textarea { padding: 6px 5px 16px; width: 276px; height: 103px; float: left; border: 1px solid #9BDDF5; background:#FFFFFF url(../images/bg_form.gif) repeat-x scroll 0 0;} form select { padding: 4px; border:1px solid #9BDDF5; } form option { padding-right: 10px; } form .input_capture { margin: 0; width: 415px; display: inline; float: left; } form .check_wrap { margin: 8px 0; font: 11px Arial, Helvetica, sans-serif; line-height: 18px; border: none; } form .check_wrap input { margin-right: 10px; padding: 0; width: auto; height: auto; float: left; background: none; border: none; } #main form p { margin: 0 0 15px 0; padding: 0; font: bold 12px Arial, Helvetica, sans-serif; line-height: 18px; } /* NEWS + EVENTS RULES */ #news_events { margin: 0 35px 0 20px; } #news_events h3 { margin-bottom: 10px; font-size: 14px; color: #76a141; } #news_events h3 span { font-size: 13px; text-transform: uppercase; color: #38b6e6; } #news_events h3 a { color: #76a141; text-decoration: none; } #news_events h4 { margin-bottom: 10px; font-size: 14px; color: #76a141; } #news_events h4 a { color: #76a141; text-decoration: none; } #news_events a {font-weight: 700; } #news_events p { padding-right: 0; color: #000; line-height: 22px; } #news_events ul { background: url(../images/bg_single.gif) repeat-y 0 0; position: relative; } #news_events li { padding: 10px 20px; width: 890px; } #news_events li.alt { background: url(../images/bg_single.gif) repeat scroll 0 0 } #news_events .page_news h3 { margin-bottom: 18px; } .page_news { position: relative;} .page_news h3 {padding-top: 20px; margin-bottom: 10px; font-size: 16px; color: #76a141; } .page_news h3 span { font-size: 13px; text-transform: uppercase; color: #38b6e6; } .page_news h3 a { color: #76a141; text-decoration: none; } .page_news h4 { margin-bottom: 10px; font-size: 14px; color: #76a141; } .page_news h4 a { color: #76a141; text-decoration: none; } .page_news a { font-weight: 700; } .page_news h3 span { margin-bottom: 10px; } .page_news p { padding-bottom: 18px; line-height: 22px; } .page_news ol, .page_news ul { padding-left: 15px; line-height: 22px; } .news_events_img_foot { height: 5px; background: url(../images/bg_image_big_foot.gif) repeat-x 1px 0; } .news_events_img { margin: 0 60px 20px 10px; display: inline; float: right; background: url(../images/bg_image_big.gif) repeat-x 0 0; } .news_events_img img { padding: 14px 15px 12px 17px; } #news_events div.news_image { margin-left: 10px; padding: 14px; height: 85px; width: 87px; background: url(../images/bg_news_image.png) no-repeat 0 0; } /* MULTIMEDIA */ #mm_wrap { margin: 0 35px 0 20px; } #mm_wrap #news { margin-top: 0; } #mm_wrap p { padding: 0; color: #1c315e; font: 13px/18px Arial, Helvetica, sans-serif; } #mm_wrap .hr { margin-top:10px; height: 3px; width: 930px; background: url(../images/hr_repeat.gif) repeat-x 0 0; } #mm_wrap .head_rule { padding-bottom:9px; height: 3px; width: 930px; background: url(../images/hr_repeat.gif) repeat-x 0 0; } #mm_content { min-height: 258px; background: url(../images/bg_mm_landing_repeat.gif) repeat-y 0 0; } #mm_content li { margin: 9px 21px 0 0; width: 296px; float: left; display: inline; } #mm_content li img { margin-right: 9px; float: left; display: inline; } #mm_content li.rule { display: none; } #mm_content li.end { margin-right: 0; } #mm_content li.top { margin-top: 0; } #mm_wrap .alt { height:79px; width: 295px; background: url(../images/bg_mm_alt.gif) repeat-y 0 0; } #mm_content .mm_event { height: 80px; position: relative; } .mm_event span { margin: 0 3px; color: #76a141; } .mm_event h3 a { color: #76a141; font: bold 12px Arial, Helvetica, sans-serif; text-decoration: none; } .mm_event img.mm_icon { margin: 0; position: absolute; top: 9px; left: 277px;} .mm_event .mm_date { padding: 4px 0 3px 0; color: #1c315e; font: normal 12px Arial, Helvetica, sans-serif; } #mm_nav { width: 253px; height: 55px; position: relative; } #mm_nav ul { margin-left: -30px; width: 253px; display: inline; float: left; } #mm_nav ul li { display: inline; float: left; } #mm_nav ul li a { height: 55px; display: block; text-indent: -9999px; } a#new { width: 68px; background: url(../images/sprite_mm_nav.jpg) no-repeat 0 0; } a#new:hover, a#new.active { width: 68px; background: url(../images/sprite_mm_nav.jpg) no-repeat 0 -55px; } a#galleries { width: 62px; background: url(../images/sprite_mm_nav.jpg) no-repeat -68px 0; } a#galleries:hover, a#galleries.active { width: 62px; background: url(../images/sprite_mm_nav.jpg) no-repeat -68px -55px; } a#video { width: 57px; background: url(../images/sprite_mm_nav.jpg) no-repeat -130px 0; } a#video:hover, a#video.active { width: 57px; background: url(../images/sprite_mm_nav.jpg) no-repeat -130px -55px; } a#audio { width: 65px; background: url(../images/sprite_mm_nav.jpg) no-repeat -187px 0; } a#audio:hover, a#audio.active { width: 65px; background: url(../images/sprite_mm_nav.jpg) no-repeat -187px -55px; } a#view_more { margin-top: 10px; float: left; display: inline; padding: 0 12px 3px 0; color: #76A141; font-weight: bold; background: url(../images/icon_next.gif) no-repeat 62px 4px; text-decoration:none; } .pagination_wrap { with: 930px; padding: 18px 0 0; color: #1C315E; font: 12px Arial, Helvetica, sans-serif; } .pagination_wrap a { text-decoration: none; } #mm_wrap .pagination_wrap p.prev a { padding-left: 14px; font: bold 12px Arial, Helvetica, sans-serif; color: #1c315e; background: url(../images/icon_prev_active.gif) no-repeat 0 4px; } #mm_wrap .pagination_wrap p.prev a.active { color: #76a141; background: url(../images/icon_prev.gif) no-repeat 0 4px; } #mm_wrap .pagination_wrap p.next a { padding-right: 13px; margin-left: 18px; font: bold 12px Arial, Helvetica, sans-serif; color: #1c315e; background: url(../images/icon_next_active.gif) no-repeat 30px 4px; } #mm_wrap .pagination_wrap p.next a.active { color: #76a141 ; background: url(../images/icon_next.gif) no-repeat 30px 4px; } #mm_wrap .detail .head_rule { display: none; } #mm_library { width: 326px; } #mm_library .hr { display: none; } #mm_library .view_all { width: 296px; } #mm_library .active { background: #76a141 } #library_loading { margin-bottom: 7px; width: 326px; height: 340px; position: absolute; z-index: 5; background: url(../images/loading_bg.png) repeat 0 0; opacity: .0; filter: alpha(opacity=0); -moz-opacity: 0.0; } #library_loading_icon { width: 100%; height: 100%; background: url(../images/loading.gif) no-repeat 50% 50%; } #library_listings { margin-bottom: 7px; min-height: 340px; } #library_listings ul { width: 326px; display: inline; float: left; } #library_listings li { width: 326px; margin-bottom: 5px; display: inline; float: left; } #library_listings li img { margin-right: 9px; float: left; display: inline; } #library_listings li.end { margin: 0px; } #library_listings .mm_event { height: 80px; position: relative;} #library_listings .mm_event img.mm_icon { margin: 0; position: absolute; top: 9px; left: 300px;} #library_listings .mm_event span { margin: 0 3px; color: #76a141; } #library_listings .alt { width: 326px; background: url(../images/bg_mm_alt.gif) repeat 0 0; } #mm_detail_head_wrap { height: 43px; margin-top: -49px; margin-left: -72px; } #mm_detail_head_wrap .hr { display: none; } #mm_detail_head_wrap #mm_detail_head { width: 599px; height: 38px; } #mm_detail_head img { margin: 11px 9px 0 0; display: inline; float: left; } #mm_detail_head h1 {font-size: 16px; line-height: 34px; color: #7dd7f8; text-transform: uppercase; } #mm_detail_head h2 { margin-top: 6px; font: 15px "trebuchet MS", Arial, Helvetica, sans-serif; color: #76a141 } #mm_detail_head span { color: #1C315E; font-weight: bold; } #mm_detail_head span span { margin: 0 5px; color: #1C315E; } #mm_detail_head .hr { margin-top: -12px; width: 30px; height: 38px; background: #fff url(../images/mm_detail_bg_repeat.jpg) repeat-y 11px 0; font-size: 0; line-height: 0; display: block; } #mm_detail_head .send { margin-top: 13px; } #details_content { padding: 2px 0 0 24px; width:580px; background: url(../images/mm_detail_bg_repeat.jpg) repeat-y 11px 0} #details_content p { margin-bottom: 10px; padding-top: 15px; font-family: "trebuchet MS", Arial, Helvetica, sans-serif; font-size:11px; line-height: 21px; color: #5e5e55;} #content_loading_wrapper { width: 100%; height: 100%; background: url(../images/loading.gif) no-repeat 50% 50%; } .detail .pagination_wrap { width: 326px; padding: 20px 0 0; color: #1C315E; font: 12px Arial, Helvetica, sans-serif; background: url(../images/hr_repeat.gif) repeat-x 0 0; } #content_loading_wrapper { width:580px; } #content_loading_wrapper li { margin-right: 15px; float: left; display: inline; } #content_loading_wrapper li.last { margin-right: 0; } #content_loading_wrapper li.spacer { margin: 0; width: 580px; height: 15px; } #content_loading_wrapper .hr { width: 580px; margin-bottom: 10px; } #gallery_image_container img { display: block; width: 580px; height: 335px;} a.gallery_thumb { height: 51px; width: 51px; display: block; } a.gallery_thumb img { opacity: .5; } a.gallery_thumb:hover img, a.gallery_thumb.active img {opacity: 1; } /* FOOT RULES */ #footer { height: 120px; background: url(../images/bg_landing_foot.png) no-repeat 0 0; color: #fff; } #footer div { margin-top: 23px; margin-right: 35px; float: right; display: inline; } #footer div a { color: #fff; font-size: 11px; } #footer div #credit:hover { color: #F00; } #footer p { padding: 24px 0 0 20px; display: inline; float: left; color: #fff; font: 11px/18px Arial, Helvetica, sans-serif; } #footer p a { color: #fff; font-size: 11px; } #footer p.address { } #footer ul { margin-top: 23px; width: 515px; float: right; display: inline;} #footer li { margin-right: 35px; padding-top: 5px; float: right; display: inline; font: 11px Arial, Helvetica, sans-serif;} #footer li.first { padding-top: 0; } #footer li a { color: #fff; } .single #page_pagination { margin-right:15px; padding: 0 35px 0 30px; background: #fff; } #page_pagination { height: 30px; display: block; } #page_pagination div { padding: 10px 10px 0;} #page_pagination span { font-weight:700; margin: 0 5px; } .single .rule_horz { margin: 0 35px 0 20px; } .rule_horz { height: 3px; background: #fff url(../images/bg_rule.gif) repeat-x 0 10px; font-size: 0; line-height: 0; } div.rule_horz { padding:10px 0; } .inline_left { display: inline; float: left; } .inline_right { display: inline; float: right; } .clear:after { height: 0; display: block; clear: both; visibility: hidden; content: "."; }