/*** 11.29.2005 by taylor macdonald for host interactive ***/ /* globals ---------------------- */ * {padding:0 0px; margin:0 0px;} h1, h2, h3, h4, h5, h6, ul, ol, li, pre, blockquote, label, fieldset, address {margin:0 0px; padding: 0 0px;} body {background: #9498AC url(img/bg_xy.png) repeat top left; font: normal 10px Verdana, Helvetica, sans-serif; } h1 {font: 240% normal Arial, sans-serif; color: #FF9B0B; text-transform: uppercase; color: #0EAC15; letter-spacing: -2px; font-weight: bold; border-bottom: 1px solid #d4d4d4; margin: 0 0 0.3em 0; padding: 0; } h2 {font: 200% normal Arial, sans-serif; color: #FF9B0B; letter-spacing: -1px; } h2 span.d {display: block; font: normal 10px Tahoma, sans-serif; letter-spacing: 0; text-transform: uppercase; color: #a4a4a4; } h3 {text-transform: uppercase; letter-spacing: -1px; font: normal 16px Arial, sans-serif; font-weight: bold; } h3.a {color: #FF9C0F; } /* other divs ------------------- */ #main {background: transparent url(img/bg_x.png) repeat-x top left; width: 100%; height: 632px; } #content {width: 786px; margin: 0 auto; padding: 1em 0; } /* hdr -------------------------- */ #hdr {margin: 0; padding: 0; width: 100%; height: 90px; background: #FF9B0B url(img/hdr_bgx.gif) repeat-x top left; display: block; } #hdr .lf {float: left; width:12px; } #hdr .rf {float: right; width: 774px; } #hdr .rf span.lf {float: left; width: 762px; height: 90px; background: transparent url(img/hdr_rbg_static.gif) no-repeat top right; } #hdr .rf span.rf {float: right; width: 12px; } #hdr .rf span.lf img {position: relative; top: 2em; left: 0;} #subHdr {display: block; background: #a3a3a3; border: 3px solid #fff; border-bottom: 1px solid #666; width: 780px; height: 20px;} #subHdr ul {list-style-type: none; margin: 0; padding: 0; position: relative; top: 0.3em; } #subHdr li {display: block; float: left; margin: 0; padding: 0; font: normal 110% Tahoma, sans-serif;} #subHdr li a {text-decoration: none; margin: 0 1em 0 1em; color: #fff; } #subHdr li a:hover {color: #ffff00; } #subHdr ul.home {text-transform: none; float: left; } #subHdr ul.channels {text-transform: uppercase; float: right;} /* promo content ** index ------- */ #promo {background: #fff; border: 3px solid #fff; clear: both; height: 215px; } #promo .lf {float: left; width: 529px; display: block; } #promo .rf {float: right; text-align: right; width: 251px; height: 215px; background: #fff url(img/spotlight_bg.gif) no-repeat top left; display: block; } #promo .rf a {text-decoration: none; color: #5159BA; padding-right: 0.4em; } #promo .rf a:hover {text-decoration: underline; } #promo .rf img {padding-right: 1em;} #promo .rf span {font-size: 110%; position: relative; top: 6.2em; right: 1em; display: block; padding-left: 3em; } /* 3 areas ** index ------------- */ #idx-areas {border: 3px solid #fff; border-top: none; padding-bottom: 8px; } #idx-areas h3 {margin: 0.3em 0 0 0.7em; color: #A9CBF1; } #idx-areas .lf div.ftr-bg {background: transparent url(img/idx-areas_ftr.gif) no-repeat bottom right; display: table-cell; padding: 0 0 1em 0;} #idx-areas .rf div.ftr-bg {background: transparent url(img/idx-areas_ftr.gif) no-repeat bottom right; display: table-cell; padding: 0 0 1em 0;} #idx-areas .lf {float: left; background: #3E47B2 url(/img/idx-areas_bg-x.gif) repeat-x top left; width: 258px; display: table-cell; } #idx-areas .rf {float: right; width: 519px; } #idx-areas .rf div {background: #3E47B2 url(/img/idx-areas_bg-x.gif) repeat-x top left; } #idx-areas .rf div.lf {float: left; width: 258px; display: table-cell; } #idx-areas .rf div.rf {float: right; width: 258px; display: table-cell; } #idx-areas img.hdr {margin: 0.6em; } #idx-areas img.hr {margin: 0.6em 0 0.6em 0;} #idx-areas img.more {float: right; border: none; } #idx-areas p {display: block; padding: 0.4em 1em 0 1em; border-top: 0.3em solid #232CA0; height: 87%; font-size: 110%; color: #fff; line-height: 14px; } #idx-areas p span {display: block; height: 100px;} #idx-areas p a {color: #AAC3FF; text-decoration: none; } #idx-areas p a:hover {text-decoration: underline;} #idx-areas p img {margin: 0 0 0 0.5em; } #idx-areas p.a {background: transparent url(/img/idx-pa_bg.gif) no-repeat top left; } #idx-areas p.b {background: transparent url(/img/idx-pb_bg.gif) no-repeat top left; } #idx-areas p.c {background: transparent url(/img/idx-pc_bg.gif) no-repeat top left; } /* sub areas ** index ----------- */ #sub-tr {border-bottom: 3px solid #fff; } #idx-sub {clear:both; display: table; border: 3px solid #fff; border-bottom: none; } #idx-sub .lf {float: left; width: 519px; display: table-cell; background: #7F7F7F url(/img/idx-sub-lf_bg-x.gif) repeat-x top left; color: #fff; } #idx-sub .lf p {background: transparent url(/img/idx-sub_bg.gif) no-repeat top right; padding: 1em 0 0 0; height: 250px;} #idx-sub .lf h3 {margin: 0.3em 0 0 0.7em; color: #eee; } #idx-sub .lf p span {display: block; width: 55%; padding: 0 1em 3em 1em; } #idx-sub .lf img.hdr {margin: 1em; } #idx-sub .rf {float: right; display: table-cell; width: 261px; } #idx-sub .rf h3.a {margin: 1em 0 0 0.7em; } #idx-sub .rf img.hdr {margin: 1em 1em 0.3em 1em; } #idx-sub .rf ul.forums {list-style-type: none; margin: 0 0 0.3em 0; padding: 0; border-top: 1px solid #d4d4d4; width: 257px; position: relative; left: 3px; } #idx-sub .rf ul.forums span {display: block; color: #000076; width: 100%; text-align: right; } #idx-sub .rf li.q {display: block; background: #ECECEC; padding: 1em;} #idx-sub .rf li.a {display: block; padding: 1em;} #idx-sub img.ftr-lf {float: left; position: relative; left: -3px; top: 3px; } #idx-sub img.ftr-rf {float: right; position: relative; right: -264px; top: 3px; } #idx-sub img.more {position: relative; top: 3em; border: none; } /* interior1 ----------- */ #int-rf {float: right; width: 520px; border: 3px solid #fff;} #int-rf div.sub {background: #3D45B0 url(/img/int1-sub_bgx.gif) repeat-x top left; } #int-rf div.sub p {padding: 1em; color: #FFF; font-size: 110%; } #int-rf div.sub p img.tmb {float: right; border: 2px solid #666CBD; margin: 0 0 1em 1em;} #int-rf div.sub img.hr {margin: 0 0 0 3em; } #int-rf div.sub h3 {display: block; background-color: #6C73C3; padding: 0.3em 0.3em 0 0.3em; color: #A9CBF1; } #int-rf div.sub ul {list-style-type: none; padding: 1em; } #int-rf div.sub li {display: inline; margin-right: 1em; } #int-rf div.sub li a {color: #AAC3FF; text-decoration: none; margin-right: 0.4em; } #int-rf div.sub li a:hover {text-decoration: underline; } #int-rf img.promo {border-bottom: 3px solid #fff; } #int-lf {float: left; width: 250px; border: 5px solid #fff; position: relative; left: 1px; } #int-lf span {display: block; margin: 0 0 1em 0; padding: 0 0 0.2em 0; } #int-lf span.hdr {border-bottom: 1px #d4d4d4 solid; padding-left: 0.4em;} #int-lf span img.hdr {margin-top: 2em; } #int-lf span.video {border-style: none; } #int-lf p.on {background: #ececec url(/img/int1-lf_ftr-ec.gif) no-repeat bottom left; margin: 0.4em 0 0 0; padding: 1em; border-top: 1px solid #d4d4d4; } #int-lf p.on span {display: block; border-style: none; margin: 0 0 1em 0; padding: 0; } #int-lf p.on span a {display: block; color: #3A42AF; text-decoration: none;} #int-lf p.on span a.sub {margin: 0px 0px 0px 15px;} #int-lf p.on span a.current {font-weight: bold;} #int-lf p.on span a:hover {text-decoration: underline; } #int-lf p.on img {border: none; } #int-lf ul {margin: 0; padding: 0; border: none; position: relative; left: -0.4em; top: -10px; } #int-lf img.hdr {margin-top: 1em; padding: 0 0 0.4em 0; border: none; } /* interior2 ----------- */ #int-hdr {border:3px solid #fff; background: #3E46B1; height: 56px; } #int-hdr .sub {clear: both; height: 23px; background: #3E46B1 url(/img/int2-hdr_bgx.gif) repeat-x top left; } #int-hdr ul.ch {float: left; margin: 0; padding:0; position: relative; top: 12px; left: 12px; } #int-hdr li {display: inline; } #int-hdr li a {text-transform: uppercase; letter-spacing: -1px; font: normal 16px Arial, sans-serif; font-weight: bold; color: #A9CBF1; margin-right: 1em; text-decoration: none; } #int-hdr li a:hover {color: #fff;} #int-hdr li a img {border-style: none; position: relative; top: -3px; left: 5px;} #int-hdr .tools {float: right; background: #EDEDF7; width: 450px; height: 31px; border-top: 3px #3E46B1 solid; border-right: 3px #3E46B1 solid; } #tools {float: right; list-style-type: none; color:#909090; } #tools li {display: inline; position: relative; top: -5.2em; right: 3em; margin-right: 1em; } #tools li img {position: relative; top: 1px; } #tools a {color: #909090; text-decoration: none; } #tools a:hover {text-decoration: underline; } #st {margin: 0.9em 5px 0 255px; padding: 1em; border-top: 1px solid #d4d4d4; } #st p {margin-top: 1em; line-height: 14px;} #st ol {margin: 1em; list-style-type: decimal;} #st ol li {color: #000000; margin-left: 1em;} #st-ftr {clear: both; background: #eee; display: block; padding-bottom: 1em; border: 3px solid #fff;} #st-ftr h3 {color: #3E46B1;} #st-ftr .lf {float: left; width: 47%; border: 3px solid #fff; border-top: none; border-bottom: none; display: block; padding: 1em; margin-right: 1em;} #st-ftr .rf {border-bottom: none; padding: 1em; } #st-ftr ul {list-style-type: none; } #st-ftr li {} #st-ftr li a {text-decoration: none; color: #000066; } #st-ftr li a:hover {text-decoration: underline; color: #000066; } /* find a coach ---------- */ #find h3 {color: #3E47B2; margin: 0.3em 0 0 0.7em; } #find span {border-top: 1px solid #d4d4d4; width: 100%; margin: 0; padding: 0; } #find ul {list-style-type: none; margin: 0 1em 0.3em 1em; padding: 1em 0 0 0; } #find li {display: inline; } #find li label {position: relative; top: -0.3em; margin: 0 0.4em 0 0;} #find li input {margin: 0 0.3em 0 0; padding: 0; } #find li.tr {margin: 0; padding: 0; display: block; } #find li.tr input {height: 17px; border: 1px solid #C0C0C0; } #find li.tr input.btn {border: 1px solid #C0C0C0; background: #fff url(/img/search_bg.gif) no-repeat top left; width: 56px; height: 19px; font: normal 100% Verdana, sans-serif; color: #838383; cursor: pointer; } #find li.tr input.btn:hover {border: 1px solid #A4A4A4; } /* ftr ---------- */ #ftr {color: #fff; padding: 0.3em; margin: 0 1em 0 1em; } #ftr a {color: #fff; text-decoration: none; } #ftr a:hover {text-decoration: underline; } #ftr .lf {width: 75%; float: left; } #ftr .rf {width: 20%; float: right; text-align: right; } #ftr-int {background-color: #fff; } #ftr-int .lf {float: left; } #ftr-int .rf {float: right; }