#container { margin:0 auto; padding: 20px 0 0 0; width:924px;} #container2 { margin:0 auto; width:700px; } /*******rounded corners containers**********/ .top_left { position: absolute; top: 0px; left: 0px; background-position: 0px 0px; } .top_right { position: absolute; top: 0px; right: 0px; background-position: 5px 0px; } .bottom_left { position: absolute; bottom: 0px; left: 0px; background-position: 0px 5px; } .bottom_right { position: absolute; bottom: 0px; right: 0px; background-position: 5px 5px; } .top_left, .top_right, .bottom_left, .bottom_right { height: 5px; width: 5px; background-color: transparent; overflow: hidden; } div.white_on_black { position: relative; text-align: left; background-color: #ffffff; padding:10px 0 10px 0; font-size: 10pt; line-height: 15pt; color:#333; } div.white_on_black .top_left, div.white_on_black .top_right, div.white_on_black .bottom_left, div.white_on_black .bottom_right { background-image:url(images/white_corners_on_black.jpg); } div.gray_on_black { position: relative; text-align: left; background-color: #1d1d1d; padding:10px 0 10px 0; font-size: 10pt; line-height: 15pt; color:#ccc; } div.gray_on_black .top_left, div.gray_on_black .top_right, div.gray_on_black .bottom_left, div.gray_on_black .bottom_right { background-image:url(images/gray_corners_on_black.jpg); } div.light_gray_on_black { position: relative; text-align: left; background-color: #333333; padding:10px 0 0px 0; } div.light_gray_on_black .top_left, div.light_gray_on_black .top_right, div.light_gray_on_black .bottom_left, div.light_gray_on_black .bottom_right { background-image: url(images/light_corners_on_black.jpg); } div.gray_on_gray { position: relative; text-align: left; background-color: #404040; margin:20px; padding:10px; color: #ffffff; font-size: 9pt; line-height: 13pt; } div.gray_on_gray .top_left, div.gray_on_gray .top_right, div.gray_on_gray .bottom_left, div.gray_on_gray .bottom_right { background-image: url(images/gray_corners_on_gray.jpg); } div.white_on_gray { position: relative; text-align: left; background-color: #ffffff; padding:10px 0 10px 0; color: #333333; font-size: 9pt; line-height: 13pt; } div.white_on_gray .top_left, div.white_on_gray .top_right, div.white_on_gray .bottom_left, div.white_on_gray .bottom_right { background-image: url(images/white_corners_on_gray.jpg); } /*******rounded corners containers - new larger corners **********/ .new_top_left { position: absolute; top: 0px; left: 0px; background-position: 0px 0px; } .new_top_right { position: absolute; top: 0px; right: 0px; background-position: 8px 0px; } .new_bottom_left { position: absolute; bottom: 0px; left: 0px; background-position: 0px 8px; } .new_bottom_right { position: absolute; bottom: 0px; right: 0px; background-position: 8px 8px; } .new_top_left, .new_top_right, .new_bottom_left, .new_bottom_right { height: 8px; width: 8px; background-color: transparent; overflow: hidden; } div.new_gray_on_black { position: relative; text-align: left; background-color: #272727; padding:15px; font-size: 10pt; line-height: 15pt; color:#ccc; } div.new_gray_on_black .new_top_left, div.new_gray_on_black .new_top_right, div.new_gray_on_black .new_bottom_left, div.new_gray_on_black .new_bottom_right { background-image:url(images/new_gray_on_black.jpg); } div.new_white_on_black { position: relative; text-align: left; background-color: #ffffff; padding:15px; font-size: 10pt; line-height: 15pt; color:#303030; } div.new_white_on_black .new_top_left, div.new_white_on_black .new_top_right, div.new_white_on_black .new_bottom_left, div.new_white_on_black .new_bottom_right { background-image:url(images/new_white_on_black.jpg); } /*******master**********/ .container tr.odd { background: #000000; width:auto; margin:0; padding:0; vertical-align:top; } .container tr { background: #000000; width:auto; margin:0; padding:0; width:auto; } .container td { padding:0px; width:auto; margin:0; font-weight:normal; width:auto; vertical-align:top; } .container td.price { color:#FFFFFF; font-weight:normal; margin:0; padding:0; vertical-align:top; width:auto; } /*******map**********/ .input_fields{ background: #ffffff; color: #3399cc; border: 0 none; display: inline-block; height: 35px; padding: 4px 1px 1px 5px; width: 258px; font-size: 13pt; } /*******ethiopia**********/ .ethi { background:#000000; width:auto; margin:0; padding:0; vertical-align:middle; } /*******match**********/ .match tr.odd { background: #1d1d1d; width:auto; margin:0; padding:0; vertical-align:top; } .match tr { background: #1d1d1d; width:auto; margin:0; padding:0; width:auto; } .match td { padding:0px; width:auto; margin:0; font-weight:normal; width:auto; vertical-align:top; } .match td.price { color:#FFFFFF; font-weight:normal; margin:0; padding:0; vertical-align:top; width:auto; } #left { background:#000000; float:left; width:250px; height:50px; } #right { background:#000000; float:right; width:110px; height:50px; } #footer { clear:both; vertical-align:middle; } /********about********/ #cell_1 { margin:0 5px 1em 0; padding:16px; float:left; width:300px; background-color:#1d1d1d; } #cell_2 { margin:0 14px 1em 14px; padding:16px; float:left; width:300px; background-color:#1d1d1d; } #cell_3 { margin:0 0 1em 5px; padding:16px; float:left; width:300px; background-color:#1d1d1d; } #h2 { clear: both; background-color: black; } #about_match { margin:5 5 1em 5px; padding:8px; float:left; width:950px; background-color:#1d1d1d; vertical-align:middle; } /**********events*********/ div.box { width:231px; height:193px; background-repeat:no-repeat; position: relative; float:left; } div.text_box { position: absolute; bottom: 15px; left:10px; text-align:left; text-transform:uppercase; color:#999; } div.text_box a { color: #ffffff; } div.text_box a:visited { color: #ffffff; } #left_container { float:left; } #right_container { float:right; } .events_text { font-family:georgia; text-align:left; color:#666666; font-style:italic; line-height:30px; } div.gray_on_gray_button { position: relative; text-align: left; background-color: #404040; padding:10px 10px 10px 10px; width:162px; } div.gray_on_gray_button a { color: #ffffff; } div.gray_on_gray_button .top_left, div.gray_on_gray_button .top_right, div.gray_on_gray_button .bottom_left, div.gray_on_gray_button .bottom_right, div.gray_on_gray .top_left, div.gray_on_gray .top_right, div.gray_on_gray .bottom_left, div.gray_on_gray .bottom_right { background-image: url(../images/gray_corners_on_gray.jpg); } /********videos*********/ #videobox { width: 650px; float:left; } #videoinfo { width: 225px; float:right; font-family:georgia; font-size:13px; font-color:#666; } #resultsbox { width: 650px; float:left; } #menubox { width: 218px; background-color:#333; float:right; } #videomenu { width: 200px; background-color:#333; margin-left:18px; font-size:18px; line-height:30px; } #videomenu a {color:#ffffff;} #videomenu .current {font-family:arial; font-size:12px; background-image:url(../media/videos/images/box.jpg);background-repeat:no-repeat;padding-left:10px;margin-top:6px;} .thumbbox {width:120px; height:145px; color:#b4b4b4; font-family:arial; font-size:11px; font-weight:bold; line-height:14px; margin-right:10px; margin-bottom:20px; float:left; } .catimage {float:left; } .cattitle {float:left; margin-top:5px; font-family: Georgia; font-size: 20px; font-style: normal; line-height: 26px; color: #ffffff;} /********charity ball 2009********/ #container_charityball { margin:0 auto; width:900px; background-color:#000000;} div.cbmain {font-family: Arial; font-size: 12px; font-style: normal; line-height: 18px; font-weight: lighter; font-variant: normal; color: #666666;} div.cbmain a {font-family: Arial; font-size: 12px; font-style: normal; line-height: 18px; font-weight: lighter; font-variant: normal; color: #666666;} div.cbmain a:hover {font-family: Arial; font-size: 12px; font-style: normal; line-height: 18px; font-weight: lighter; font-variant: normal; color: #C00;} /**********fonts*********/ #q_cell { margin:0 0 1em 0; width:50px; padding:0 0 0 0; height:60px; float:left; background-image:url("FAQ/q.jpg"); background-repeat: no-repeat; } #a_cell { margin:0 0 1em 0; width:50px; padding:0 0 0 0; height:60px; float:left; background-image:url("FAQ/a.jpg"); background-repeat: no-repeat; } #text_cell { margin:0 0 1em 0; width:890px; padding:0 0 0 0; float:right; vertical-align:middle; } hr { clear:both; margin:20px 0 20px 0; border:none; width:100%; background-color:#383838; height:1px; } .clear { clear:both; } .typewriter { font-family: Courier; font-size: 14px; line-height:23px; color: #000000; } .body_arial { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; line-height: 15pt; color:#333; } .body_arial_tight { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; line-height: 11pt; color:#333; } .body_all { font-family: Georgia, "Times New Roman", Times, serif; font-size: 13px; font-style: normal; line-height: 24px; font-weight: lighter; font-variant: normal; color: #ffffff; } .body_all_light_gray { font-family: Georgia, "Times New Roman", Times, serif; font-size: 13px; font-style: normal; line-height: 24px; font-weight: lighter; font-variant: normal; color: #999; } .body_white_small { font-family: Georgia, "Times New Roman", Times, serif; font-size: 11px; font-style: normal; line-height: 13px; font-weight: lighter; font-variant: normal; color: #CCCCCC; } .body_all_dark { font-family: Georgia, "Times New Roman", Times, serif; font-size: 13px; font-style: normal; line-height: 24px; font-weight: lighter; font-variant: normal; color: #606060; } .copyright { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #999999; text-transform: none; line-height: 12px; } .body_all_italic_red { font-family: Georgia, "Times New Roman", Times, serif; font-size: 15px; font-style: italic; line-height: 24px; font-weight: lighter; font-variant: normal; color: #990000; } .body_all_black { font-family: Georgia, "Times New Roman", Times, serif; font-size: 13px; font-style: normal; line-height: 24px; font-weight: lighter; font-variant: normal; color: #000000; } .bodysmall { font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 12px; color: #888888; text-transform: uppercase; } .bodysmalldark { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #333333; text-transform: uppercase; } .body_big { font-family: Georgia, "Times New Roman", Times, serif; font-size: 20px; font-style: normal; line-height: 26px; font-weight: normal; font-variant: normal; color: #ffffff; } .body_big_gray_2 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; font-style: normal; line-height: 28px; font-weight: normal; font-variant: normal; color: #656565; } .body_big_gray { font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; font-style: normal; line-height: 28px; font-weight: normal; font-variant: normal; color: #333333; } .body_big_blue { font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; font-style: normal; line-height: 28px; font-weight: normal; font-variant: normal; color: #2e8fbe; } .body_big_padded { font-family: Georgia, "Times New Roman", Times, serif; font-size: 20px; font-style: normal; line-height: 50px; font-weight: normal; font-variant: normal; color: #cc0000; text-align:left; } .body_extra_big_padded { font-family: Georgia, "Times New Roman", Times, serif; font-size: 40px; line-height: 50px; font-weight: normal; font-variant: normal; color: #cc0000; } .body_big_red { font-family: Georgia, "Times New Roman", Times, serif; font-size: 20px; font-style: normal; line-height: 24px; font-weight: normal; font-variant: normal; color: #cc0000; } .h1 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 22px; font-style: normal; line-height: 34px; font-weight: normal; font-variant: normal; color: #cc0000; text-align:left; } .h2 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; font-style: normal; line-height: 28px; font-weight: normal; font-variant: normal; color: #cc0000; text-align:left; } .LARGE_HELV_RED { font-family: "Arial"; font-size: 14px; font-style: normal; line-height: 20px; font-weight: bold; text-transform: uppercase; color: #CC0000; } .MEDIUM_HELV_GRAY { font-family: Arial; font-size: 11px; font-style: normal; line-height: 14px; font-weight: bold; text-transform: uppercase; color: #333333; } .LARGE_HELV_GRAY { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; line-height: 20px; font-weight: bold; text-transform: uppercase; color: #888; } .BIG_HELV_BLUE { font-family: Arial; font-size: 13px; font-style: normal; line-height: 14px; font-weight: bold; text-transform: uppercase; color: #2399ca; } .BIG_HELV_ORANGE { font-family: Arial; font-size: 13px; font-style: normal; line-height: 14px; font-weight: bold; text-transform: uppercase; color: #d58d38; } .BIG_HELV_GRAY { font-family: Arial; font-size: 13px; font-style: normal; line-height: 14px; font-weight: bold; text-transform: uppercase; color: #818181; } .BIG_HELV_BLACK { font-family: Arial; font-size: 13px; font-style: normal; line-height: 14px; font-weight: bold; text-transform: uppercase; color: #000000; } .HUGE_HELV_BLUE { font-family: Arial; font-size: 18px; font-style: normal; line-height: 24px; font-weight: bold; text-transform: uppercase; color: #2399ca; } .HUGE_HELV_ORANGE { font-family: Arial; font-size: 18px; font-style: normal; line-height: 24px; font-weight: bold; text-transform: uppercase; color: #d58d38; } .HUGE_HELV_GRAY { font-family: Arial; font-size: 18px; font-style: normal; line-height: 24px; font-weight: bold; text-transform: uppercase; color: #818181; } .HUGE_HELV_GRAY_PADDED { font-family: Arial; font-size: 26px; font-style: normal; font-weight: bold; text-transform: uppercase; color: #818181; } .BIG_TEXTBOX { font-family: Arial; font-size: 20px; font-style: normal; font-weight: bold; text-transform: uppercase; color: #818181; width:200px; height:30px;} .BIG_ARIAL_GRAY { font-family: Arial; font-size: 18px; font-style: normal; line-height: 14px; color: #2e2e2e; } .EXTRA_LARGE_HELV_RED { font-family: "Helvetica Neue"; font-size: 18px; font-style: normal; line-height: 20px; text-transform: uppercase; color: #CC0000; } .EXTRA_EXTRA_LARGE_HELV_RED { font-family: "Helvetica Neue"; font-size: 24px; font-style: normal; line-height: 48px; text-transform: uppercase; color: #CC0000; } .LARGE_HELV_WHITE { font-family: "Helvetica Neue"; font-size: 14px; font-style: normal; line-height: 16px; font-weight: bold; text-transform: uppercase; color: #fff; } .body_all_black_condensed { font-family: Georgia, "Times New Roman", Times, serif; font-size: 13px; font-style: normal; line-height: 18px; font-weight: lighter; font-variant: normal; color: #000000; } .total_raised { font-family: Arial, Helvetica, sans-serif; font-size: 60px; color: #ffffff; line-height: 70px; } .activeTotal { background-color: #333333; } .body_arial_black { font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-style: normal; line-height: 20px; color: #000000; } .body_big_padded_gray { font-family: Georgia, "Times New Roman", Times, serif; font-size: 20px; font-style: normal; line-height: 50px; font-weight: normal; font-variant: normal; color: #333333; text-align:left; } .body_huge { font-family: Georgia, "Times New Roman", Times, serif; font-size: 30px; font-style: normal; line-height: 50px; font-weight: normal; font-variant: normal; color: #7d7d7d; } .body_big_padded_white { font-family: Georgia, "Times New Roman", Times, serif; font-size: 20px; font-style: normal; line-height: 50px; font-weight: normal; font-variant: normal; color: #ffffff; } .body_arial_white { font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-style: normal; line-height: 20px; color: #ffffff; } .body_all_gray_condensed { font-family: Georgia, "Times New Roman", Times, serif; font-size: 13px; font-style: normal; line-height: 18px; font-weight: lighter; font-variant: normal; color: #666666; } .arial { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; line-height: 18px; font-weight: normal; color: #FFFFFF; } .arial_all_caps { font-family: Arial; font-size: 12px; font-style: normal; text-transform: uppercase; color: #cccccc; } /*Black Header styles*/ #header_logo { display: inline-block; } #beta_logo { margin-top: 22px; } #charity_header { width: 100%; text-align: center; } #charity_header #logo_wrap { width: 100%; text-align: center; background-color: #2e2e2e; } #charity_header #logo_wrap div { width: 920px; margin: 0px auto; text-align: left; } #charity_header #nav_wrap { width: 100%; text-align: center; background-color: #000000; height: 32px; } #charity_header #nav_wrap_right { float: left; height: 32px; background-color: #2e2e2e; width: 315px; position: absolute; right: 0px; } #charity_header #nav { width: 920px; margin: 0px auto; text-align: left; position: relative; height: 32px; } #charity_header #nav_left { list-style: none; background: #000000 url('../header/gray_black_right.jpg') top right no-repeat; display: inline-block; width: 785px; float: left; height: 32px; } #charity_header #nav_left li { float: left; text-align: center; font-size:12px; height: 32px; color:#CCC; line-height: 36px; height: 32px; padding: 4px 0px 0px 0px;} #charity_header #nav_left li a { height: 32px; display: inline-block; font-size:12px; line-height: 36px; padding: 1px 12px 0px 14px; color:#CCC; background: transparent url('../images/header/gray_stripe_black.jpg') top right no-repeat; } #charity_header #nav_left li a.last { background: transparent; height: 32px; } #charity_header #nav_left li a.first{ padding-left: 0px; height: 32px; } #charity_header #nav_right { list-style: none; display: inline-block; float: left; width: 134px; height: 32px; } #charity_header #nav_right li { float: left; height: 32px; } /*White Header styles*/ #header_logo { display: inline-block; } #beta_logo { margin-top: 22px; } #charity_header_white { width: 100%; text-align: center; } #charity_header_white #logo_wrap { width: 100%; text-align: center; background-color: #2e2e2e; } #charity_header_white #logo_wrap div{ width: 920px; margin: 0px auto; text-align: left; } #charity_header_white #nav_wrap { width: 100%; text-align: center; background-color: #ffffff; height: 32px; } #charity_header_white #nav_wrap_right { float: left; height: 32px; background-color: #2e2e2e; width: 50%; position: absolute; right: 0px; } #charity_header_white #nav { width: 920px; margin: 0px auto; text-align: left; position: relative; height: 32px; } #charity_header_white #nav_left { list-style: none; background: #ffffff url('../header/gray_white_right.jpg') top right no-repeat; display: inline-block; width: 785px; float: left; height: 32px; } #charity_header_white #nav_left li { float: left; text-align: center; font-size:12px; height: 32px; color:#454545; line-height: 36px; height: 32px; padding: 4px 0px 0px 0px;} #charity_header_white #nav_left li a{ height: 32px; display: inline-block; font-size:12px; line-height: 36px; padding: 1px 12px 0px 14px; color:#454545; background: transparent url('../images/header/gray_stripe_black.jpg') top right no-repeat; } #charity_header_white #nav_left li a.last { background: transparent; height: 32px; } #charity_header_white #nav_left li a.first{ padding-left: 0px; height: 32px; } #charity_header_white #nav_right { list-style: none; display: inline-block; float: left; width: 134px; height: 32px; } #charity_header_white #nav_right li { float: left; height: 32px; } /*fromthefield subheader styles*/ #fromthefield_header { display: inline-block; } #fromthefield_header #nav { width: 924px; margin: 0px auto; text-align: right; height: 32px; } #fromthefield_header li { float: right; font-size:10px; position: relative;} #fromthefield_header a { display: inline-block; font-size:10px; line-height:36px; padding: 0px 14px 10px 14px; color:#ffffff; text-transform: uppercase; } #fromthefield_header a.first { padding-right: 0px; height: 32px; } #fromthefield_header a.last { padding: 0px 0px 10px 0px; } /*subheader styles*/ #subheaderall { width: 924px; } .image { float: left;} #subheader { display: inline-block;float:right; } #subheaderall hr { margin:0px 0 10px 0; border:none; width:100%; background-color:#383838; height:1px; } #subheader #nav { margin: 0px auto; text-align: left; } #subheader li { float: right; font-size:10px; position: relative;} #subheader a { display: inline-block; font-size:10px; line-height:26px; padding: 0px 14px 3px 14px; color:#FFF; text-transform:uppercase;} #subheader a:hover { color: #09F; } #subheader a.first { padding-left: 0px; height: 32px; float:left;} #subheader a.last { padding: 0px 0px 10px 15px; } #subheader .lasthr { margin: 0px 0px 0 0; } #subheader ul li.current a { font-weight: bold; text-decoration:underline; color: #09F; } #subheaderw { display: inline-block; float:right; } #subheaderw a { display: inline-block; font-size:10px; line-height:26px; padding: 0px 14px 3px 14px; color:#333; text-transform:uppercase;} #subheaderw li { float: right; font-size:10px; position: relative;} #subheaderw ul li.current a { font-weight: bold; text-decoration:underline; color: #09F; } body { text-align: left; font-family: arial; font-size:13px; } * { padding: 0px; margin: 0px; } a, a * { border: 0px none; outline: none; overflow: hidden; } a:visited, a:link, a:active { text-decoration: none; } a:hover { text-decoration: underline; } .clear { clear: both; } hr.clear { clear: both; } .hidden { display: none; } ul li { list-style: none; }