/* @override http:// http://www.thenationstriathlon.com/assets/site/main.css http://www.nationstri.com/assets/site/main.css http://nationstri.com/assets/site/main.css */ /*------------------------------------------------------------------------------------- [Master Stylesheet] Project: The Nation's Triathlon Version: 1.0 Created by: Chase Design Inc. ------------------------------------------------------ [Table of Contents] 1. Main 2. Header 3. Menu 4. Content 5. Footer 6. Menu Listing ------------------------------------------------------ [fonts] headers: Arial, Helvetica, sans-serif; [Colors] red: #a71d22; blue: #0b4e82; --------------------------------------------------------------------------------------*/ /* ==================== MAIN ==================== */ /* Universal --------- */ body { background:#0b4f83 url(../images/bg-1350x1005c.jpg) no-repeat center 38px; margin:0px; padding:0 0 30px 0; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#333333; } p { margin:0px; padding:8px 0; line-height:1.2em; } img { border:0px; text-decoration:none; } ul { list-style: none; margin:0px; padding:0px;} h1, h2, h3, h4, h5 { margin:0px; } h1 { background:url(../images/hdr-bg_612x55.jpg) no-repeat 0 0; height:41px; padding:14px 0 0 65px; font-size:17px; font-weight:100; text-transform:uppercase; color:#0b4e82; } h2 { font-weight:100; color:#a71d22; font-size:18px; } h3 { font-weight:100; color:#666666; font-size:16px; } h4 { font-weight:700; color:#0b4e82; font-size:16px; padding:10px 0 5px 0; } a { text-decoration:none; color:#a71d22; } a:hover { text-decoration:underline; } blockquote { margin:0px; padding:10px 10px; font-style:italic; color:#0b4e82; font-size:16px; line-height:1.3em; width:500px; margin:0 auto; } ol { margin:0px; padding:5px 20px 20px 40px; } ol li { padding:5px 0; } hr { border:none; border-top:1px dotted #b2b2b2; border-bottom-color:#FFFFFF; height:1px; } sup { font-size:.5em;} .clear { clear:left; font-size:0px; line-height:0px; height:0px; } .center { text-align:center; padding:5px 0; } /* Elements --------- */ ul.dates { padding:0 0 20px 0; } ul.dates li { padding:10px; background-color:#eee; border:2px solid #FFFFFF; font-weight:700; } ul.dates li span { display:block; font-weight:100; } ul.lists { padding:10px 20px; list-style:disc; } ul.lists li { padding:3px 0; } /**/ table.schedule tr { vertical-align:top; } table.schedule tr.alt td { background-color:#fff; } table.schedule th { text-align:left; padding:30px 0 10px 0; font-size:16px; } table.schedule td { padding:8px 10px; background-color:#eee; border:1px solid #FFFFFF; } table.schedule td.time { width:70px; font-weight:700; color:#0b4e82; } /**/ p.caption { background-color:#eeeeee; border:1px dotted #999999; font-size:12px; margin:0px; padding:10px; margin:15px 0 10px 15px; width:250px; float:right; } /**/ .lnk-email { background-repeat:no-repeat; padding:0 0 0 25px; color:#666666; text-transform:uppercase; background-image:url(../images/icon-email_16x12.gif); background-position:2px 6px; padding-top:5px; padding-bottom:5px; display:block; } .lnk-phone { background-repeat:no-repeat; padding:0 0 0 25px; color:#666666; text-transform:uppercase; background-image:url(../images/icon-phone_16x16.gif); background-position:2px 5px; padding-top:5px; padding-bottom:5px; display:block; } /**/ #contactForm div#captchaimage { padding:10px 0 10px 150px; } /* Body formating --------- */ #main { width:950px; margin:0 auto; background-color:#FFFFFF; background-image:url(../images/bg-main_950x100.gif); background-repeat:repeat-y; } #lftCol { width:612px; float:left; } #rtCol { width:307px; float:left; padding:0px 15px 0 16px; } #rtCol div.box { border:1px solid #FFFFFF; background-color:#FFFFFF; margin:15px 0 30px 0; } #rtCol div.box h3 { display:none; } /* ==================== HEADER ==================== */ /* Top --------- */ .top { width:950px; height:189px; margin:0 auto } #header { background:url(../images/bg-redbar_100x38.gif) repeat-x 0 0; } #logo { position:relative; right:17px; width:359px; float:left; background:none; height:auto; padding:0px; } .top-right { width:591px; text-align: left; float: right; color: #fff; font-size: 11px;} .top-right div.inviteFriend { color:#FFFFFF; text-transform:uppercase; font-size:12px; position:relative; bottom:5px; } .top-right div.inviteFriend a { position:relative; top:10px; margin-left:10px; } #header div.top div.top-right div.facebook { padding-right: 25px; padding-top: 15px; width: 75px; margin-right: 0; margin-top: 0; margin-left: auto;} #header div.top div.top-right div.facebook a img { position: relative; top: 5px;} /* ==================== NAVIGATIONS ==================== */ /* set up dropdown --------- */ #cssdropdown, #cssdropdown ul { list-style: none; } #cssdropdown li { float: left; position: relative; z-index:100;} .subuls{ display: none; position: absolute; top: 52px; margin:0px; margin-left:20px; padding:0px; background-color:#FFFFFF; border: 1px solid #c3c3c3; border-top-color:#FFFFFF; } .subuls li{ } .subuls li a{ text-decoration: none; display:block; } .subuls li a:hover{ background-color:#eeeeee; color:#000000; } #cssdropdown li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */ top: auto; left: auto; } #cssdropdown li:hover ul, li.over ul { /* lists nested under hovered list items */ display: block; } /* roll overs --------- */ #nav { width:950px; height:52px; margin:0 auto;} #nav ul { margin:0px; padding:0px; list-style:none; } #nav ul li { margin:0px; padding:0px; float:left; } #nav ul li a { display:block; text-decoration:none; height:52px; background-image:url(../images/menu-950x156.gif); background-repeat:no-repeat; } #nav ul li a span { display:none; } #nav ul li.menuRegistration a.inactive { background-position:0 0; width:149px; } #nav ul li.menuCourse a.inactive { background-position:-149px 0; width:100px; } #nav ul li.menuEvent a.inactive { background-position:-249px 0; width:129px; } #nav ul li.menuResults a.inactive { background-position:-378px 0; width:98px; } #nav ul li.menuSponsors a.inactive { background-position:-476px 0; width:121px; } #nav ul li.menuVolunteers a.inactive { background-position:-597px 0; width:133px; } #nav ul li.menuSpectators a.inactive { background-position:-730px 0; width:134px; } #nav ul li.menuPress a.inactive { background-position:-864px 0; width:86px; } /**/ #nav ul li.menuRegistration a.inactive:hover { background-position:0 -52px; } #nav ul li.menuCourse a.inactive:hover { background-position:-149px -52px; } #nav ul li.menuEvent a.inactive:hover { background-position:-249px -52px; } #nav ul li.menuResults a.inactive:hover { background-position:-378px -52px; } #nav ul li.menuSponsors a.inactive:hover { background-position:-476px -52px; } #nav ul li.menuVolunteers a.inactive:hover { background-position:-597px -52px; } #nav ul li.menuSpectators a.inactive:hover { background-position:-730px -52px; } #nav ul li.menuPress a.inactive:hover { background-position:-864px -52px; } /**/ #nav ul li.menuRegistration a.active { background-position:0 -104px; width:149px; } #nav ul li.menuCourse a.active { background-position:-149px -104px; width:100px; } #nav ul li.menuEvent a.active { background-position:-249px -104px; width:129px; } #nav ul li.menuResults a.active { background-position:-378px -104px; width:98px; } #nav ul li.menuSponsors a.active { background-position:-476px -104px; width:121px; } #nav ul li.menuVolunteers a.active { background-position:-597px -104px; width:133px; } #nav ul li.menuSpectators a.active { background-position:-730px -104px; width:134px; } #nav ul li.menuPress a.active { background-position:-864px -104px; width:86px; } /* dropdowns --------- */ #nav ul li ul.subuls li a { padding:4px 20px 0 17px; height:19px; font-weight:700; font-size:12px; text-transform:uppercase; color:#999999; background-image:none; } #nav ul li ul.subuls li a:hover { color:#0b4e82; } /**/ #nav ul li ul li { float:none; } #nav ul li ul#ulRegistration li a { width: /*260*/330px; } #nav ul li ul#ulCourse li a { width:160px; } #nav ul li ul#ulEvent li a { width:220px; } #nav ul li ul#ulResults li a { width:140px; } #nav ul li ul#ulSponsors li a { width:150px; } #nav ul li ul#ulVolunteers li a { width:90px; } #nav ul li ul#ulSpectators li a { width:150px; } #nav ul li ul#ulPress li a { width:110px; } /* ==================== LEFT COLUMN ==================== */ /* set up dropdown --------- */ #lftCol div.col-main { width:321px; float:left; padding:20px; } #lftCol div.col-main-content { padding-bottom:0px; } #lftCol div.col-sub { width:221px; float:left; background-image:url(../images/bg-subcontent_70x170.jpg); background-repeat:no-repeat; padding:15px; } #lftCol div.col-sub h3 { border-bottom:1px dotted #b2b2b2; padding-bottom:10px; } #lftCol div.col-sub h3.quote { font-size:13px; } #lftCol div.col-sub blockquote { width:190px; } #lftCol div.col-sub table { width:100%; } #lftCol div.col-sub table tr { vertical-align:top; } #lftCol div.col-sub table tr td { color:#666666; font-size:12px; border-bottom:1px dotted #b2b2b2; padding:12px 0; } #lftCol div.col-sub table tr td a, #lftCol div.col-sub table tr td span { color:#0b4e82; font-size:13px; } #lftCol div.col-sub table tr td.date { padding-right:10px; } #lftCol div.col-sub div.more { text-align:right; padding:10px 0; } #lftCol div.col-sub div.more a { color:#666666; font-size:12px; } /**/ #lftCol div.sponsors-home { text-align:center; padding:15px 0; } /* ==================== RIGHT COLUMN BOXES ==================== */ #rtCol div.rt-btn { line-height:0px; font-size:0px; } /* Galleries --------- */ #rtCol div.photoGallery { background-image:url(../images/rt-photogallery_305x30.gif); background-repeat:no-repeat; padding:40px 0 0 0; } #rtCol div.photoGallery div.pgImg { text-align:center; } #rtCol div.webGallery { background-image:url(../images/rt-webisodes_305x30.gif); background-repeat:no-repeat; padding:40px 0 0 0; } #rtCol div.gallery div.thb-list { padding:5px 9px 3px 8px; width:84px; float:left; border-right:1px dotted #CCCCCC; } #rtCol div.gallery div.thb-list a { font-size:12px; color:#0b4e82; } #rtCol div.gallery div.thb-list img { border:3px solid #cccccc; display:block; margin-bottom:5px; } #rtCol div.gallery div.last { border:none; } #rtCol div.gallery div.more { border-top:1px dotted #CCCCCC; text-align:right; width:289px; margin:12px auto 0 auto; padding:8px 0; } #rtCol div.gallery div.more a { font-size:12px; color:#a71d22; } /* Resources --------- */ #rtCol div.resources { background-image:url(../images/rt-resources_305x30.gif); background-repeat:no-repeat; padding:40px 0 0 0; } #rtCol div.resources ul { padding:0 10px; } #rtCol div.resources ul li { padding:15px 0; } #rtCol div.resources ul li a { color:#a71d22; font-size:17px; } #rtCol div.resources ul li a.lnk { background-repeat:no-repeat; padding:10px 0 10px 55px; } a.lnkWeather { background-image:url(../images/icon-weather_46x39.gif); background-position:0 0; } a.lnkCalc { background-image:url(../images/icon-calculator_34x33.gif); background-position:2px 3px; } a.lnkCongressional { background-image:url(../images/icon-capital_32x41.gif); background-position:3px 0; } a.lnkDC { background-image:url(../images/icon-destDC_46x35.gif); background-position:2px 0; } a.lnkUSAT { background-image:url(../images/icon-usat_46x35.gif); background-position:0px 2px; } a.lnkFacebook { background-image:url(../images/icon-facebook_46x35.gif); background-position:0px 0px; } a.lnkDcTri { background-image:url(../images/icon-dctri_46x36.gif); background-position:0px 0px; } a.lnkTNT { background-image:url(../images/icon-tnt_46x35.gif); background-position:0px 0px; } a.lnkBike { background-image:url(../images/icon-bike_46x35.gif); background-position:0px 0px; } /* Ambassadors --------- */ #rtCol div.ambassSchedule { background-image:url(../images/rt-ambassador_305x30.gif); background-repeat:no-repeat; padding:40px 0 0 0 !important; } #rtCol div.ambassSchedule tr td { font-size:12px; padding:3px; } #rtCol div.ambassSchedule tr.alt td { background-color:#EEE; } #rtCol div.ambassSchedule strong { display:block; } #rtCol div.ambassSchedule tr th { color:#a71d22; text-align:left; font-size:13px; padding:3px; } /* Info Box --------- */ #rtCol div.rt-info { background-image:url(../images/rt-boxShadow_305x30.jpg); background-repeat:no-repeat; background-position:0 0; padding:22px 17px; color:#666666; } #rtCol div.rt-info b { text-transform:uppercase; color:#0b4e82; font-weight:100; } /**/ .rt-info div { font-size:13px; padding:10px 0; } .rt-info div b { padding-bottom:5px; display:block; } /* ==================== FOOTER ==================== */ #footer { background:url(../images/bg-footer_950x20.jpg) no-repeat 0 0; width:950px; margin:0 auto; padding:20px 0 0 0; color:#86a8c2; } #footer a { text-transform:uppercase; color:#86a8c2; font-size:12px; margin-right:15px; } #footer div { font-size:11px; padding:15px 0 5px 0; } #footer div.siteCredit { padding:0 0 15px 0; } #footer div.siteCredit a { text-decoration:underline; text-transform:none; } /* ==================== CONTENT PAGES ==================== */ /* Flash and preview --------- */ #hdr { height:108px; border-bottom:1px solid #FFFFFF; line-height:0px; font-size:0px; background:#FFFFFF url(../images/hdr-bg_100x7.gif) repeat-x bottom; padding-bottom:7px; } #subnav { background:#a41f25 url(../images/subnav-stretch_50x44.gif) repeat 0 0; border-bottom:1px solid #FFFFFF; } #subnav ul { padding:0 0 0 15px;} #subnav ul li { float:left; background:url(../images/subnav-div_2x44.gif) no-repeat right; padding:0 2px 0 0; height:44px; } #subnav ul li a { color:#FFFFFF; display:block; height:29px; padding:15px 10px 0 10px; } #subnav ul li a.active { background:#FFFFFF url(../images/subnav-active_20x44.gif) repeat-x 0 0; color:#0b4e82; font-weight:700; text-decoration:underline; } /**/ .content { padding:10px 20px; } /**/ .img-float { float:left; margin:0 10px 10px 0; } /**/ .book { text-align:center; padding:5px 0 15px 0; } .book div { background-color:#EEE; border:1px solid #DDD; width:280px; padding:10px; margin-bottom: 0; margin-top: 0;} .book div strong { display:block; background-color:#FFFFFF; padding:10px; text-align:center; border:1px solid #DDD; font-size:24px; margin:5px 0 10px 0; } /**/ .coupon { float:left; width:166px; padding:5px 15px 10px 0; } /* ==================== HOME ==================== */ /* Flash and preview --------- */ .flash-home { width:613px; float:left; border-bottom:1px solid #FFFFFF; line-height:0px; font-size:0px; } .preview-home { width:337px; height: /*239*/318px; padding: /*79px*/ 0 0; float:left; background:url(../images/bg-preview4_337x318.jpg) no-repeat 0 0; text-align:center; border-bottom:1px solid #FFFFFF; } /* home styles --------- */ #main div.lft-home { background:url(../images/home-middle1_612x106.jpg) no-repeat; padding-top:106px; } #main div.rt-home { background-image:url(../images/home-middle2_338x169.jpg); background-repeat:no-repeat; padding-top:91px; } /**/ h1.alt { background-image:url(../images/hdr-bg2_612x55.jpg); } /**/ .content-home p { margin-top:0px; padding-top:5px; } .content-home p a { color:#0B4E82; text-decoration:underline; } .content-home div.updates { border-top:1px dotted #999999; width:572px; padding:15px 0; } .content-home div.updates-top { border:none; } .content-home div.updates div.image { width:140px; float:left; text-align:center; } .content-home div.updates div.info { width:432px; float:left; } .content-home div.updates div.info h2 { font-size:14px; } .content-home div.updates div.info p { margin:0px; padding:0px; } .content-home div.updates div.info div.more { text-align:right; padding:10px 0 0 0; } .content-home div.updates div.info div.more a { font-size:12px; text-decoration:underline; color:#0B4E82; background:url(../images/icon-arrow-4x7.gif) no-repeat 0 3px; padding-left:10px; } #main div.preview-home p { text-align: justify; width: 282px; font-size: 12px; margin-right: auto; margin-left: auto; color: #fff; padding: 5px 0;} /* ==================== COURSE ==================== */ /* Map --------- */ .map { padding:20px 0; text-align:center; } .map img { border:2px solid #000000; text-align:center; } .smMap { float:left; border:2px solid #000000; margin:10px 10px 10px 0; } /* Overview --------- */ .couType { width:170px; float:left; text-align:center; padding:9px; font-size:13px; background-color:#eeeeee; border:1px solid #FFFFFF; } .couType img.btn { border:2px solid #000000; } .couType p { text-align:left; height:200px; } /* Directions OL --------- */ div#directions { height:200px; overflow:auto; position:relative; bottom:10px; background-color:#eeeeee; border:2px solid #ccc; border-right:none; } div#directions ol { margin: 0; padding:5px 0 5px 40px; font-size:12px; } div#directions ol li { border-bottom:1px dotted #b2b2b2; } /* Orville's CSS --------- */ .emailImg-1 { background:url(/assets/images/logo-umuc-stor-208x114.gif) no-repeat 0 0; padding:30px 0 0 215px; height:116px;} p.note { padding: 0px;margin: 0px;font-size: 11px; color: gray;} #contactForm-oe { padding:10px 0; } #contactForm-oe table { width:500px; margin:0 auto 10px auto; } #contactForm-oe table tr { vertical-align:top; } #contactForm-oe table tr td { padding:5px; } #contactForm-oe table tr td input, #contactForm-oe table tr td textarea { border:1px solid #CCCCCC; padding:6px; width:300px } #contactForm-oe table tr td textarea { height:300px; } #contactForm-oe table tr td label { display:block; text-align:right; color:#0B4E82; padding-top:5px; } #contactForm-oe div { text-align:center; padding:10px 0 10px 20px; } #contactForm2 table tr td label { display:inline; text-align:right; color:#0B4E82; padding-top:5px; padding-left:20px;} #contactForm2 h2 {text-align: left; border-bottom:1px dotted #B2B2B2; color:#0B4E82; font-size:16px; font-weight:700; margin-bottom:10px; padding:10px 0 5px;} #contactForm2 h3 {text-align: left; font-size:16px; font-weight:700; margin-bottom:10px; padding:10px 0 5px;} #directions {background-color:#EEEEEE;border-color:#CCCCCC -moz-use-text-color #CCCCCC #CCCCCC;border-style:solid none solid solid;border-width:2px medium 2px 2px;bottom:10px;height:150px;overflow:auto;position:relative;} #directions p{text-align:left; padding-right:10px;} .umuc-stats {background-image:url(/assets/images/rt-umucStats_305x30.gif);background-repeat:no-repeat;padding:40px 0 0;} .row1 {background-color:#eeeeee;} .umuc-stats td {padding: 10px;} .umuc-stats table {padding: 10px;} .cell-1 {text-align:right;} .cell-2 {text-align:left; color:#A71D22; font-weight:900;} #contactForm2 table tr td label input {width:auto; border:none;} #contactForm table.storiesForm tr td div.error { padding:0px; text-align:left; } #success { background:#0B4E82; border:1px solid #013d6b; padding:10px; font-weight:700; color:#FFFFFF; margin:10px 0; } /* ==================== PHOTO GALLERY ==================== */ /* Root Gallery --------- */ .galleryBtn img { margin:0 12px 10px 0; } .galleryBtn img.alt { margin-right:0px; } /**/ .flickr { padding:2px; border:1px solid #ccc; } /* ==================== REGISTRATION/COURSE ==================== */ /* Overview --------- */ .regType { width:170px; float:left; text-align:center; padding:9px; font-size:13px; background-color:#eeeeee; border:1px solid #FFFFFF; } .regType img.btn { border:2px solid #000000; } .regType p { text-align:left; } /* ==================== PRESS ==================== */ /* News Listings --------- */ .news { border-bottom:1px dotted #b2b2b2; padding:10px 0; } .news div.newsDate { width:70px; float:left; } .news div.newsInfo { width:495px; float:left; } .news div.newsInfo a { font-size:16px; color:#0b4e82; } .news div.newsInfo p { margin:0px; padding:5px 0; } /* ==================== RESULTS ==================== */ /* results overview --------- */ .resultStats{ width:200px; float:right; padding:0 0 0 20px; margin:0px; background-color:#EEEEEE; border:1px dotted #999999; font-size:12px; margin:10px 0pt 10px 15px; padding:10px; } .resultStats dt { border-bottom:1px dotted #B2B2B2; padding:5px 0; color:#666666; font-size:16px; font-weight:100; } .resultStats dd { padding:5px 0 5px 15px; margin:0px; } /* ==================== CONTACT US ==================== */ /* Contact area --------- */ .emailImg { background:url(../images/icon-email_163x146.jpg) no-repeat 0 0; padding:30px 0 0 190px; height:116px; } #contactForm { padding:10px 0; } #contactForm table { width:375px; margin:0 0 10px 0; } #contactForm table tr { vertical-align:top; } #contactForm table tr td { padding:5px; } #contactForm table tr td input, #contactForm table tr td textarea { border:1px solid #CCCCCC; padding:6px; width:15em; } #contactForm table tr td textarea { height:70px; } #contactForm table tr td label { display:block; text-align:right; color:#0B4E82; padding-top:5px; width:220px; } #contactForm div { text-align:center; padding:10px 0 10px 20px; } span.k_required { display:block; font-size:0.8em; } label.k_required { font-weight:700; } /**/ .error { color:#990000; display:none; } /**/ #contactForm #contactForm2 { text-align:left; margin:0px; padding:0px; } #contactForm2 h2 { border-bottom:1px dotted #B2B2B2; color:#0B4E82; font-size:16px; font-weight:700; margin-bottom:10px; padding:10px 0pt 5px; } #contactForm #contactForm2 table { width:90%; margin:15px 0; } #contactForm #contactForm2 table th { padding:0 0 10px 0; } #contactForm #contactForm2 table td { text-align:right; width:50%; } #contactForm #contactForm2 table tr td input { border:0px; padding:0px; width:auto; } #contactForm #contactForm2 table td label { display:inline; } /* ==================== PHOTO VIEWER ==================== */ /* Contact area --------- */ #photoViewer { border:1px solid #CCCCCC; padding:2px; text-align:center; width:566px; height:377px; overflow:hidden; } #photoThumbs { padding:15px 0; } #photoThumbs a { border:1px solid #CCC; padding:1px; display:block; float:left; width:86px; height:59px; margin:0 6px 6px 0; } #photoThumbs a:hover { border-color:#A71D22; } /**/ .photoPaginator { border-top:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; padding:10px 0; text-align:right; height:20px; } .photoPaginator ul { float:right; } .photoPaginator ul li { float:left; padding:0 0 0 4px; } .photoPaginator ul li a { padding:4px 8px; color:#666666; } .photoPaginator ul li a:hover { color:#333333; } .photoPaginator ul li a#lnk-next { background-image:url(../images/icon-arrows_7x34.gif); background-repeat:no-repeat; background-position:right 8px; padding-right:15px; position:relative; bottom:5px; } .photoPaginator ul li a#lnk-prev { background-image:url(../images/icon-arrows_7x34.gif); background-repeat:no-repeat; background-position:left -17px; padding-left:15px; position:relative; bottom:5px; } .photoPaginator ul li a.active { background-color:#0B4E82; color:#FFFFFF; } /**/ .alert { text-align:center; padding:20px; background-color:#eee; font-size:24px; font-weight:700; } /* ==================== SPONSORS ==================== */ /* sponsor --------- */ #row {text-align: center;} #row img {margin: 21px 5px 0 5px;} /* video --------- */ .video-sponsor { width:612px; height:557px; padding:88px 0 0 0; float:left; background:url(../images/bg-sponsor-video-612x557.gif) no-repeat 0 0; text-align:center; border-bottom:1px solid #FFFFFF; } /* sponsor update --------- */ .hdr-mid { border-bottom:2px solid #0b4f83; text-align:center; } .hdr-mid span { position:relative; top:15px; background-color:#FFFFFF; color:#0b4f83; padding:0 10px; text-transform:uppercase; font-size:24px; } /**/ .spon-hl { width:200px; float:left; padding-right:15px; text-align:right; } .spon-info { width:341px; float:left; padding-left:15px; border-left:1px solid #CCC; } /**/ .spon-hl div { text-align:center; padding-bottom:15px; } .spon-hl div a { font-weight:700; color:#0b4f83; } .spon-hl i { color:#666666; } /**/ .spon-info h3 { color:#0b4f83; font-size:18px; font-weight:700; padding-bottom:0px; } .spon-info strong { color:#0b4f83; display:block; } /* ==================== AMBASSADORS ==================== */ #rtCol div.box.rt-info table { font-size: 11px; width: 273px;} #rtCol div.box.rt-info table td{ padding: 4px;} #rtCol div.box.rt-info table th{ color: #a51e20; padding-bottom: 5px; font-size: 13px;} #rtCol div.box.rt-info table tr.alt td{ background-color: #e6e6e6;} #rtCol div.box.rt-info table tbody tr td.t1 { width: 47px;} #rtCol div.box.rt-info table tbody tr td.t2 { width: 111px;} /* thumbnails --------- */ div.ambassadorThumbs a { margin:0 4px 6px 0 !important; } /* listing --------- */ .ambass { padding:10px 0; } .ambass div.ambassPic { width:88px; float:left; border:1px solid #CCCCCC; padding:2px; } .ambass div.ambassProfile { width:455px; float:left; padding-left:10px; } .ambass div.ambassProfile strong { color:#0b4e82; } .ambass div.ambassProfile p { padding-top:3px; } #rtCol div.box.email-resend p { font-size: 12px; line-height: 16px; font-weight: normal; color: #a71d22; font-style: normal; padding: 5px 10px;} #rtCol div.box.email-resend div.k_reSendEmail form div.inputGroup label.k_required.k_text { } #rtCol div.box.email-resend h4 { padding-left: 10px; padding-bottom: 0;} #rtCol div.box.email-resend div.k_reSendEmail form div.inputGroup label.k_required.k_text { font-weight: normal; font-style: normal; font-size: 12px; margin: 0;} #rtCol div.box.email-resend div.k_reSendEmail form div.k_buttonBlock button.k_button { margin-top: 0; } #rtCol div.box.email-resend div.k_reSendEmail form div.inputGroup div.inputGroup { width: 185px;} #rtCol div.box.email-resend div.k_reSendEmail { margin-right: auto; margin-left: auto; border-style: none;} #rtCol div.box.email-resend div.k_reSendEmail form span.k_instruction { display: none;} #rtCol div.box.email-resend div.k_reSendEmail { padding: 0;} /* results page fix --------- */ body#online-results {background:none;} #online-results h1 {background:none; font-weight:500; padding-left:0;} /* regpage fix --------- */ #lftCol div.col-main.col-main-content ul, #lftCol div.col-sub ul { list-style-type: disc; padding-left: 20px;} #lftCol div.col-main.col-main-content ul li, #lftCol div.col-sub ul li { margin-top: 8px;} #lftCol div.col-main.col-main-content ul li ul, #lftCol div.col-sub ul li ul { list-style-type: circle;} /* regpage fix --------- */ div.ultimate-package { margin-top: 8px; margin-bottom: 8px; padding: 9px;} div.ultimate-package table { margin: 8px auto;} div.ultimate-package ul { list-style-type: disc; padding-left: 40px;} div.ultimate-package ul li { padding-top: 3px; padding-bottom: 3px;} /* New Top Nav --------- */ span#topnav { float: left; width: 244px; padding-top: 12px; margin-right: 20px;} span#topnav a { color: #fff; font-size: 11px;} div.countdown { width: 250px; size: 12px; text-align: center; right: 20px; float: left; color: #fff; font-weight: bold; font-size: 12px; position: relative; display: inline; margin-top: 131px; height: 19px;} #topnav a.twitter { padding-left: 21px; background: url(../images/topnav-twitter-17x16.jpg) no-repeat left;} #topnav a.facebook { background: url(../images/topnav-facebook-16x17.jpg) no-repeat left; padding-left: 21px;} .top-right form { margin: 0; padding: 0; width: 321px; display: inline; background-color: #d162ff;} .top-right form input { background-color:#93b9d8!important; border:2px solid #106baf!important; font-size: 9px; font-weight:700; color:#FFFFFF; padding: 4px; width: 150px; margin-right: 2px; height: 10px; position: relative; margin-top: 8px; display: inline; float: left;} .top-right form input.btn { border:none!important; padding:0px; width: 34px; height: 26px; margin-left: 4px; margin-top: 5px;} .top-right form label { margin-right: 1px; font-weight: bold; display: inline; width: 108px; float: left; margin-top: 12px;} table.travel-tbl { width: 550px; margin-right: auto; margin-left: auto;} table.travel-tbl td { vertical-align: top; padding-bottom: 5px;} table.travel-tbl tbody tr td h3 { font-weight: bold; color: #0b4e8d; padding-top: 13px;} #lftCol div.content table.tnt-ov tbody tr td { padding-right: 5px; vertical-align: top;} #lftCol div.content table.tnt-ov tbody tr td p { padding-right: 20px; padding-left: 8px;} #lftCol div.content table.tnt-ov tbody tr td ul { padding-left: 20px; padding-bottom: 6px;} #lftCol div.content table.tnt-ov tbody tr td ul li { padding-bottom: 8px; list-style-type: disc; padding-right: 20px;} #lftCol div.content table.tnt-ov tbody tr td h2 { padding-left: 8px;} #rtCol div.military { background-color: #fff; padding: 1px;} #rtCol div.military h2 { padding-left: 20px; padding-top: 8px;} #rtCol div.military p { padding-left: 20px; font-size: 12px; padding-bottom: 8px;} #lftCol div.content table.tnt-ov { width: 529px;} #lftCol div.content table.tnt-ov tbody tr td.strk { border-right: 1px solid #b3b3b3;}