/* global resets */ ul, ol, p, h1, h2, h3, h4, h5, h6 { margin:0; padding:0; } body { margin:0; padding:0; } /* NON-Changeable */ html, body {height:100%; text-align:left;} #pagewrap {min-height:100%;} #wrap {position:relative;min-height:100%;} #innerpagewrap {width:100%;z-index:2;} #sec, #pri, #ter {overflow:visible;position:relative;} #inner {float:left;margin:0 -1px 0 0;width:100%;z-index:5;} #pri {float:right;margin:0 0 0 -1px;width:100%;z-index:3;} #ter {float:left;margin-right:1px;z-index:1;} #sec {float:right;margin-left:1px;z-index:4;} #ftwrap {clear:both;} #ft {position:relative;} /* Col variants */ body#onecol #sec, body#onecol #ter, body#twocol-left #ter, body#twocol-right #sec {display:none;} body#onecol #inner, body#twocol-right #pri {margin:0;} body#onecol #innerwrap, body#onecol #outer {padding-right:0;} body#twocol-right #innerpagewrap, body#twocol-right #outer {padding-left:0;} /* Clearfix */ #innerpagewrap:after, #outer:after {content:".";display:block;height:0;clear:both;visibility:hidden;} #errorMsg, .error { width:98%; padding:25px; text-align:left; font-weight:bold; color:#FF0000; } #marathonform th, td { vertical-align:middle !important; } /* If your browser made it this far, it's a winner! */ /* First, let's import our basics - you should never need to edit these, so they're in separate files */ /*@import 'donotedit/basereset.css'; @import 'donotedit/structure.css';*/ /* These are optional, and should be imported on a project-by-project basis. (Un)comment as necessary */ /* @import 'donotedit/grids.css'; */ /* Subdivides columns into a grid layout */ /* @import 'donotedit/forms.css'; */ /* Table-less forms */ /* @import 'donotedit/sifr.css'; */ /* sIFR-specific styles */ /* END optional imports */ /* END import */ /* A handy pixel to percent font conversion */ /* 10px / 77% 11px / 85% 12px / 92% 13px / 100% 14px / 107% 15px / 114% 16px / 122% 17px / 129% 18px / 136% 19px / 144% 20px / 152% 21px / 159% 22px / 167% 23px / 174% 24px / 182% 25px / 189% 26px / 197% */ /* +++ VERY IMPORTANT+++ The default font for these templates is 13px Arial, set on the element (in basereset.css). NEVER set a font-size or font-family on the element. ALWAYS override using a child of , with the pixel-equivalent percentage value for the font size, as documented above. EG: #wrap {font-family:Verdana,Arial,Helvetica,sans-serif;} would set everything within #wrap to Verdana. It is better to set font-sizes on elements rather than containers. */ /* General fonts */ #pagewrap, #ftwrap {font-family:Arial, Helvetica, sans-serif; color: #333;} h1 {font-size:167%; font-weight:bold;} h2 {font-size:107%; font-weight:bold;} h3 {font-size:107%;} h4 {font-size:107%;} h5 {font-size:107%;} h6 {font-size:107%;} p, li, dt, dd, th, td, address, blockquote, pre, input, textarea, select {font-size:92%;} p p, p li, p dt, p dd, p th, p td, p address, p blockquote, p pre, p input, p textarea, p select, li p, li li, li dt, li dd, li th, li td, li address, li blockquote, li pre, li input, li textarea, li select, dt p, dt li, dt dt, dt dd, dt th, dt td, dt address, dt blockquote, dt pre, dt input, dt textarea, dt select, dd p, dd li, dd dt, dd dd, dd th, dd td, dd address, dd blockquote, dd pre, dd input, dd textarea, dd select, th p, th li, th dt, th dd, th th, th td, th address, th blockquote, th pre, th input, th textarea, th select, td p, td li, td dt, td dd, td th, td td, td address, td blockquote, td pre, td input, td textarea, td select, address p, address li, address dt, address dd, address th, address td, address address, address blockquote, address pre, address input, address textarea, address select, blockquote p, blockquote li, blockquote dt, blockquote dd, blockquote th, blockquote td, blockquote address, blockquote blockquote, blockquote pre, blockquote input, blockquote textarea, blockquote select, pre p, pre li, pre dt, pre dd, pre th, pre td, pre address, pre blockquote, pre pre, pre input, pre textarea, pre select, input p, input li, input dt, input dd, input th, input td, input address, input blockquote, input pre, input input, input textarea, input select, textarea p, textarea li, textarea dt, textarea dd, textarea th, textarea td, textarea address, textarea blockquote, textarea pre, textarea input, textarea textarea, textarea select, select p, select li, select dt, select dd, select th, select td, select address, select blockquote, select pre, select input, select textarea, select select {font-size:100%;} strong,b {font-weight:bold;} em,i {font-style:italic;} /* END General fonts */ /* Widths/Heights */ #pagewrap, #ftwrap { /* overall page width */ width:957px; /* plus 6px for border equals to a total of 963px wide */ margin:0 auto; } #onecol #outer { padding-left:0px; /* width of left column */ padding-right:0px; /* width of right column */ } #sec { margin-left:-200px; /* same as #outer padding-left */ width:200px; /* same as #outer padding-left */ } #ter { margin-right:-270px; /* same as #outer padding-right */ width:270px; /* same as #outer padding-right */ } /* 100% page height */ #ftwrap {margin-top:-25px;} /* Negative of total height of all fts */ #outer {padding:25px;min-height: 300px;} /* END 100% page height */ /* END Widths/Heights */ /* Visual Column Structure */ body#threecol #pagewrap, body#twocol-left #pagewrap, body#twocol-right #pagewrap, body#onecol #pagewrap { background: #fff; border: 3px solid #8996a0; /*margin-top:10px;*/ } /* END Visual Column Structure */ /* Theme */ html { color:#333; } body { /* Sets the bg of the palm trees */ background:#fff; color:#333; background:url(../images/body_bg.jpg) repeat-x 0 0; } td, th {vertical-align:top;} th { font-weight: bold; font-size: 110%; padding-bottom: 10px; padding-top:5px; } a { color: #fc0f0e; text-decoration: underline; } .pad {padding:30px;} /* column padding */ .homecolpad {padding:30px 20px 30px 25px;} /* homepage column padding */ .smcolpad {padding:0px 20px 30px 25px;} /* secondary right column padding */ .toppad { padding-top:10px; } .btmpad { padding-bottom: 10px; } #ter .smcolpad { border-left: 1px solid #dadada; margin-top: 50px; } .bold { font-weight: bold; } .floatleft { float: left; } img.floatleft { padding-right: 10px; } .floatright { float: right; } img.floatright { padding-left: 10px; } /* END masthead, logo, and navigation section at the top */ #masthead { color:#fff; background:url(../images/masthead-logo.jpg) no-repeat 0 0; height:75px; } #logo a { display:block; width:325px; height:75px; text-indent:-9999px; outline:none; } /* Globalslinks */ #toplinks { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 85%; color: #333; } #toplinks ul { position:absolute; right:70px; top:30px; } #toplinks li { display:inline; } #toplinks li a { display:block; float:left; border-right:1px solid #666; margin-right:15px; padding-right:15px; color:#666; text-decoration:none; } #toplinks li.last a { border-right:0; margin-right:0; padding-right:0; } /* END Globalslinks */ /* Top Navigation */ #nav { background:#fff; color:#fff; width: 620px; height:38px; } #nav ul { background:url(../images/bg_nav.gif) no-repeat 0 0; height:38px; z-index: 1001; } #nav li { float:left; } #nav a { outline:none; display:block; text-indent:-9999px; height:38px; background:url(../images/bg_nav.gif) no-repeat 0 0; } #navhome a { width:90px; background-position:0 0; } #navrun a { width:91px; background-position:-90px 0; } #navsupport a { width:91px; background-position:-181px 0; } #navsponsor a { width:91px; background-position:-272px 0; } #navabout a { width:91px; background-position:-363px 0; } #navmedia a { width:143px; background-position:-454px 0; } #navhome a:hover, body.homepage #navhome a { background-position:0 -38px; } #navrun a:hover, body.runpage #navrun a { background-position:-90px -38px; } #navsupport a:hover, body.supportpage #navsupport a { background-position:-181px -38px; } #navsponsor a:hover, body.sponsorpage #navsponsor a { background-position:-272px -38px; } #navabout a:hover, body.aboutpage #navabout a { background-position:-363px -38px; } #navmedia a:hover, body.mediapage #navmedia a { background-position:-454px -38px; } #nav li ul { position:absolute; width:160px; left:-999em; height:auto; border:1px solid #ccc; } #nav li:hover ul, #nav li.sfhover ul {left:auto;} /* Works with script to pull hover actions for IE6 */ #nav li ul li a { border-top:1px solid #ccc; text-decoration:none; background-image:none; background-color:#dadada; color:#333; text-indent:0; height:auto; width:155px; display:block; padding:5px 0 5px 5px; } #nav li ul li a:hover { display:block; background:#ccc; } #nav li li a:hover { background: #ccc; color: #333; } #countdown { /* Countdown clock */ position:absolute; top:68px; right:30px; color: #666; text-align: right; font-weight: bold; font-size: 85%; } /* END Top Navigation */ /* //////////// END masthead, logo, and navigation section at the top //////////// */ #xml { border-top: 1px solid #8996a0; border-bottom: 1px solid #8996a0; padding: 0px; margin: 0px; height: 217px; /* height set to remove extra padding in the browsers */ } #banner { border-top: 1px solid #8996a0; border-bottom: 1px solid #8996a0; padding: 0px; margin: 0px; height: 217px; /* height set to remove extra padding in the browsers */ } /* Left Navigation */ #left-nav { margin: 45px 0px 0px 0px; float: left; width: 190px; } #left-nav li { font-size:92%; display:inline; } #left-nav a { text-decoration: none; color: #666; } #left-nav a { padding: 5px 0px 5px 20px; border-bottom: 1px solid #e9e9e9; font-weight: 500; display: block; } #left-nav a:hover { text-decoration: none; color: #666; background: #e4f0fa; border-bottom: 1px solid #78afb3; display: block; } /* END Left Navigation */ /* Breadcrumbs */ #breadcrumbs { color: #78afb3; padding: 15px 25px 0px 20px; } #breadcrumbs li { display:inline; color: #78afb3; background: url(../images/arrow_bc.gif) no-repeat 2px; padding-left: 15px; text-transform: capitalize; } #breadcrumbs li a { display:block; margin-right:15px; padding-right:0px; text-decoration:none; color:#78afb3; text-transform: capitalize; } #breadcrumbs li.first { background: none; padding-left: 0px; } #breadcrumbs li.last { color:#333; } /* END Breadcrumbs */ #homecontent { margin-top: 25px; padding: 0px 40px 0px 25px; border-right: 1px solid #dadada; } #homecontent .homeheader { width: 620px; padding-bottom: 10px; float: left; clear: right; } #homecontent h1 { float: left; } #marathontime { font-size: 114%; color: #666; float: right; font-weight:bold; padding-top: 8px; } .homecta { float: left; color: #666; width: 203px; padding-bottom: 20px; } .homecta h2 { padding-bottom: 10px; color: #171925; } .homebox { width:300px; border:2px solid #ccc; margin-top: 20px; padding: 10px; background: #dadada; } .homecta li, #maincontent li, #homecontent li { list-style: disc; margin-left: 25px; line-height: 1.5em; } #maincontent ul { padding-bottom: 15px; } #maincontent p { padding-bottom: 15px; } .homecta img { border: 1px solid #f985ae; margin-bottom: 10px; } #maincontent { margin-top: 15px; padding: 0px 15px 0px 20px; } #maincontent h1 { padding-bottom: 10px; margin-left: 0px; padding-left: 0px; } #maincontent .sitemap { padding-left: 10px; padding-bottom: 2px; margin-bottom: 0px; } .pink { color: #FF80C0; } .centered { text-align: center; } .italic { font-style:italic; } .btmgreyborder { border-bottom: 1px solid #ccc; margin-bottom: 10px; width: 325px; margin-left: 70px; margin-top:0px; padding-top:0px; } #maincontent ol li { list-style-type:decimal; margin-left: 25px; } .prodimg { float: left; padding-right: 10px; width: 160px; } .prodesc { float:right; width: 280px; } .prodsize { margin-bottom: 15px; } .moreprodinfo { float:left; width: 150px; text-align: center; } #maincontent .biocontainer { margin-bottom: 10px; } #maincontent .biocontainer h1 { padding-bottom: 0px; } #maincontent .biocontainer p { padding-bottom: 0px; margin-bottom: 0px; } /* ///////////// Right Column ////////////// */ /* Ribbon flash */ .flash { background:#fff; padding:0; margin:0; } .flash img { display:block; } /* END Ribbon flash */ #logocont { width: 224px; padding-bottom: 10px; padding-top: 10px; } #logoleft { float: left; width: 124px; } #logoright { float: right; width: 100px; } #testimonials { padding-top: 15px; border-top: 1px solid #dadada; } #testimonials img.testimonialpic { float: left; clear: left; padding-right: 10px; } #testimonials p.testname { font-style: italic; } #testimonials a.tags { color: #6d6c6c; text-decoration: none; } #testimonials a.tags img { vertical-align: middle; } .maingalleryimg { float: left; padding-right: 15px; } /* ///////////// END Right Column ////////////// */ /* Forms */ .form-1 fieldset, .form-2 fieldset { border:1px solid #ccc; } .form-1 label { width:120px; } .form-1 fieldset fieldset label { width:79px; } .form-1 input { width:150px; font-size:92%; } .form-1 textarea, .form-2 textarea { width:300px; font-size:92%; } .form-1 legend, .form-1 select, .form-1 a, .form-1 p { font-size:92%; } .form-1 p input { font-size:92%; } .pollRadio { width: 20px; } .pollButton { width: 75px; margin-top: 10px; } .pollAnswerBlock { padding-top:10px; } .pollQuestion { font-weight: bold; } /* END Forms */ /* Bottom Navigation */ #btmnavigation { width: 880px; border-top: 1px solid #dadada; margin-left: 25px; margin-bottom: 50px; } #btmnavigation img { border-width:0; } #btmnavigation h2 { margin:0; padding:0; } .btmnavcont { float: left; width: 175px; text-align: center; margin-top: 20px; border-right: 1px solid #dadada; } .btmnavcontlast { float: left; width: 176px; text-align: center; margin-top: 20px; } .btmnavcontlast p, .btmnavcont p { padding: 0px; margin:0; } /* END Bottom Navigation */ #ft { color:#666; } #ft p { font-size:85%; padding:30px 0px 20px 0px; } /* END Theme */ /* Search Box from Jacksonville */ .cbFormLabel { color: #333; font-size: 13px; font-family: Arial; font-style: normal; font-weight: bold; } .cbFormLabelError { color: #2a497d; font-size: 12px; font-family: Verdana; font-style: normal; font-weight: bold; } .cbFormError { color: #ff0000; font-size: 12px; font-family: Verdana; font-style: normal; font-weight: bold; text-align: left; vertical-align: middle; margin-left: 5px; } .cbFormTable { border-color: #000000; border-width: 2px; border-style: solid; border-collapse: collapse; } .cbFormTableRow { background-color: #FFFFFF; padding: 7px; } .cbFormTableRow:hover { background-color: #f2f5f9; } .cbFormTableEvenRow { background-color: #FFFFFF; } .cbFormTableEvenRow:hover { background-color: #f2f5f9; } .cbFormLabelCell { text-align: left; vertical-align: top; width: auto; padding: 5px 10px 5px 10px; white-space: normal; } .cbFormTextField { color: #000000; font-size: 12px; font-family: Verdana; font-style: normal; font-weight: normal; } .cbFormTextArea { color: #000000; font-size: 12px; font-family: Verdana; font-style: normal; font-weight: normal; } .cbFormPassword { color: #000000; font-size: 12px; font-family: Verdana; font-style: normal; font-weight: normal; padding: 1px 1px 1px 1px; } .cbFormFieldCell { text-align: left; vertical-align: top; padding: 5px 10px 5px 10px; white-space: nowrap; } .cbFormDataCell { text-align: left; vertical-align: top; width: auto; padding: 5px 10px; white-space: normal; } .cbHTMLBlockContainer { text-align: left; vertical-align: top; padding: 5px 10px; } .cbFormNestedTable { height:100%; border-collapse:collapse; padding: 0px; border: none; } .cbFormNestedTableContainer { text-align: left; vertical-align: top; padding: 0px; } .cbFormLabelRequired { color: #2a497d; font-size: 12px; font-family: Verdana; font-style: normal; font-weight: bold; } .cbFormRequiredMarker { color: #FF0000; font-size: 12px; font-family: Verdana; margin-left: 2px; } .cbFormData { color: #000000; font-size: 12px; font-family: Verdana; font-style: normal; font-weight: normal; } .cbFormCalendar { padding-left:5px; } .cbFormSelect { color: #000000; font-size: 12px; font-family: Verdana; font-style: normal; font-weight: normal; } .cbFormFile { color: #000000; font-size: 12px; font-family: Verdana; font-style: normal; font-weight: normal; } .cbFormErrorMarker { margin-right:5px; } .cbFormDataLink { color: #0000ff; font-size: 12px; font-family: Verdana; font-style: normal; font-weight: normal; text-decoration: underline; } .cbFormDataLink:hover { color: #0000ff; font-size: 12px; font-family: Verdana; font-style: normal; font-weight: normal; text-decoration: none; } .cbSubmitButton { color: #ffffff; font-size: 13px; font-family: Arial; font-style: normal; font-weight: bold; text-align: center; vertical-align: middle; background-color: #333; width: auto; height: auto; margin: 0 3px; } .cbSubmitButton_hover { color: #FFFFFF; font-size: 13px; font-family: Arial; font-style: normal; font-weight: bold; text-align: center; vertical-align: middle; border-style:solid; border-width: 1px; border-color: #333; background-color: #333; width: auto; height: auto; margin: 0 3px; } .cbSubmitButtonContainer { padding: 5px 0px; text-align: center; vertical-align: middle; border-color: #000000; border-width: 2px; border-style: solid; background-color: #FF80C0; } /* END Search Box from Jacksonville */ /* Clearfix */ .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } /* END Clearfix */ span.required { color: #cc0000; } #FundraiserNavWpr { font-family:Arial, Verdana, Helvetica, sans-serif; font-size: 14px; color: #666; text-transform:uppercase; } #FundraiserNavWpr ul { position:absolute; left:0; top:10px; height:14px; line-height:14px; } #FundraiserNavWpr li { display:inline; } #FundraiserNavWpr li a { display:block; float:left; border-right:1px solid #666; margin-right:8px; padding-right:8px; color:#666; text-decoration:none; } #FundraiserNavWpr li.last a { border-right:0; margin-right:0; padding-right:0; } #PageEditorContent, #ModuleContent { clear:both; } #ContentInnerWpr { background:#FFF; position:relative; padding:30px 0 0 0; min-height:595px; height: auto !important; height:595px; } .ToolbarPluginWrapper { clear:both; position:absolute; top:0; right:5px; }