/* #CCCCCC light gray #999999 medium gray #333333 medium-dark gray #201C1C very dark gray #2792BB beautiful blue #15A6D8 crazy blue #B93961 dribbble pink #CE7898 bubble gum */ body {background:white /*url(http://krossinkeuka.org/system/dev/style/img/bodybg.png) center 220px repeat-x fixed*/;} #global {margin:0 auto 10px; overflow:hidden; height:100px; position: relative; width:960px;} #global #kcchlogo {position:absolute; top:-10px; left:80px; z-index:10; height:70px;} #global-nav {list-style:none; margin:0 auto; overflow:hidden; height:100px; width:940px; z-index:0;} #global-nav li {display:inline; float:left; background:#F2F5ED;} #global-nav li#home {} #global-nav li#upcoming-event {} #global-nav li#connect {} #global-nav li#rss {} #global-nav li a {display:inline; float:left;} #container {position:relative;overflow:hidden;} #header {width:300px; float:left;} #home #header {height:190px; width:300px; float:left;} #header #brand {float:left; height:150px; width:290px;} #header #brand a img {height:150px; width:auto; margin-top:30px; margin-left:5px; float:left;} #header #brand img {margin-top:50px; margin-left:6px;} #news {border-left:#CCCCCC solid 1px; border-right:#CCCCCC solid 1px; float:right; background:white; overflow:hidden; height:220px; margin-top:30px; width:638px; position:relative;} #content {margin-top:10px; position:relative; float:right; margin-bottom:20px; height:auto; } #content h1 {font-size:62px;float:left;} #content p {margin-bottom:10px;} #content #article {padding-top:30px;} #content #article h2 {font-size:24px; clear:left; float:none; margin:20px 0 10px;} div.tabContainer div.tab { display: none; background:url(http://krossinkeuka.org/system/dev/style/img/content-bg-green-wave.png) no-repeat 0 300px; min-height:619px;} div.tabContainer div.current { display: block; } #nav {list-style:none; float:right; background:url(http://krossinkeuka.org/system/dev/style/img/nav-bg.png) repeat-x bottom left; border-bottom:1px #15A6D8 solid;border-right:1px #15A6D8 solid; width:639px; margin-top:10px;} #nav li {float:left; display:inline;} #nav li a { float:left; display:inline; width:114px; text-align:center; background:url(http://krossinkeuka.org/system/dev/style/img/nav-li.png) no-repeat left bottom; font-size:16px; height:25px; padding-top:10px; text-decoration:none; font-variant:small-caps; color:#2792BB;} #nav li a:hover {padding-top:11px; height:24px;} #nav li a:active {padding-top:12px; height:23px;} #nav li.current a {background:transparent url(http://krossinkeuka.org/system/dev/style/img/nav-li-current.png) repeat-x bottom left;} #nav li a#contact-tab {width:183px;} #nav li a#help {width:70px;background:url(http://krossinkeuka.org/system/dev/style/img/not-a-spacer.png) no-repeat right bottom;} #nav li.current a#help {width:70px;background:url(http://krossinkeuka.org/system/dev/style/img/not-a-spacer-cur.png) no-repeat right bottom;} #home #content {min-height:540px; margin-top:0; background:white url(http://krossinkeuka.org/system/dev/style/img/content-bg.png) no-repeat top center;border-right:1px solid #15A6D8; border-left:1px solid #15A6D8;width:638px;} #home #content h2 a {text-decoration:none;font-size:66px;color:#201C1C; float:left;} #home #content h2 a:hover {text-decoration:underline;} #home #content h2 {text-decoration:none;font-size:66px;color:#201C1C; float:left;margin-left:10px;} /* pink tagline */ #content h6 {clear:left; color:#B93961; border:1px dotted #B93961; border-left: none; border-right:none; padding:6px 0; text-align:center; font-weight:normal; font-family:Georgia, Serif;} /*pink Quick Details title */ #home #content h5 {float:right; width:330px; margin-top:50px; margin-bottom:10px; color:#B93961; font-family: Georgia, Times, Times New Roman, Serif;} #home #content ul {float:right; clear:right; margin-right:30px; background:url(http://krossinkeuka.org/system/dev/style/img/curlybrace.png) no-repeat left top; height:221px; width:380px; z-index:400; position: relative;} #home #content ul li {margin:0 10px 0 60px; padding:0px 20px; font-size:14px; height:34px;background:rgba(255, 255, 255, .70); text-align:left; line-height:13px; font-family:Georgia, Times New Roman, Serif; font-variant: small-caps;} a#more-info {display:block; text-align: center; font-size:20px;background: rgba(21, 166, 216, .78); color:white; text-decoration: none; padding:12px; position:absolute; right:0; bottom:100px; z-index:1000; width:325px; border:1px transparent solid;} a#more-info:hover {background:rgba(21, 166, 216, 1.0); color:white; border:1px #2792BB solid;} #top-blue-wave {position:absolute; z-index: 100; bottom:0; left:0; width:638px;} /* Home page sections */ /* spectators-home */ #home #content #spectators-home ul {margin:100px auto 0; width:500px; background:none; float:none; padding:0 0 30px; background:rgba(255, 255, 255, .70);} #home #content #spectators-home ul li {text-align: center; margin:0; background:none;} #home #content #spectators-home ul li a {display:block; float:right;} /* sponsors-home */ #sponsors-home { background-position:bottom center; min-height:740px; } /* swimmers-home */ #swimmers-home {overflow:hidden; min-height:619px;} #swimmers-home #swimmer-icon {width:180px; display:block; float:right; margin:0 0 0 0} #floaties-pic {margin:10px 0 0 30px; float:left;} #content #swimmers-home span {clear:both; color:#333333; background:rgba(255, 255, 255, .40); padding:6px; position:absolute; z-index: 300; display:block; right:0; bottom:20px;} #sipanddip {height:100px; margin:20px auto; width:500px;} /* paddlers-home */ #paddlers-home {min-height:619px;} #paddlers-home #paddler-icon {width:130px; display:block; float:right; margin:10px 40px 0 0} #paddlies-pic {margin:10px 0 0 30px; float:left;} /* contact-home */ #home #contact-home {background-image:none;} #home #contact-home h6 {margin-bottom:40px;} #home #contact-home ul {background-image:none; height:221px; width:300px; z-index:400; position: absolute; top:120px; left:350px; } #home #contact-home #kcch-address {margin-top:140px;} #home #contact-home p {z-index:1000; position: relative; margin:5px auto; padding:0px 4px; font-size:14px; height:20px; text-align:center; color:#2792BB; line-height:13px; font-family:Georgia, Times New Roman, Serif; font-variant: small-caps;} #home #contact-home a.big-button {display:block; margin:40px 20px 16px; float:left; width:220px; border:#15A6D8 2px solid; -moz-border-radius:6px; background:black url(http://krossinkeuka.org/system/dev/style/img/big-button-bg.png) repeat-x center; padding:10px; font-size:16px; text-decoration: none; color:#cccccc; height:20px; text-transform: uppercase; text-align: center;} #home #contact-home a.big-button:hover {border-color:#15A6D8; color:#15A6D8; padding-top:11px; padding-bottom:9px;} #home #contact-home a.big-button:active {border-color:#2792BB; color:#2792BB; padding-top:11px; padding-bottom:9px;} /* help-home */ #help-home {height:990px;} #help-home p {background:rgba(255, 255, 255, .70); width:560px; display:block; margin:20px auto; z-index:10;} #help-home #top-blue-wave {z-index: 1; bottom:0; left:0; width:640px;} #committee-footer {height:200px; margin-top:30px; border:solid 20px #2792BB; background:white; padding-bottom:20px; border-bottom:none; width:900px; } #committee-footer #mini-contact-us {float:right; width:380px; height:218px;background-color: rgba(51, 51, 51, .90); background:url(http://krossinkeuka.org/system/dev/style/img/black-noise.png) repeat; border:1px solid #15A6D8; color:#cccccc;margin:0 0 0 20px;} #committee-footer #mini-contact-us a.big-button {display:block; margin:40px 60px 16px 10px; float:left; width:240px; border:#15A6D8 2px solid; -moz-border-radius:6px; background:black url(http://krossinkeuka.org/system/dev/style/img/big-button-bg.png) repeat-x center; padding:10px; font-size:16px; text-decoration: none; color:#cccccc; height:20px; text-transform: uppercase; text-align: center;} #committee-footer #mini-contact-us a.big-button:hover {border-color:#15A6D8; color:#15A6D8; padding-top:11px; padding-bottom:9px;} #committee-footer #mini-contact-us a.big-button:active {border-color:#2792BB; color:#2792BB; padding-top:11px; padding-bottom:9px;} #committee-footer h5 {margin:10px 20px 0; width:300px; float:left;} #committee-footer ul {width:380px; float:left; margin:20px;} #committee-footer ul li {height:26px;clear:both;} #committee-footer ul li a {display:block; float:right; clear:right;} #announcement {height:90px; margin:10px 0 0 20px; float:left; width:240px;} #announcement img {margin-left:0; margin-right:10px; float:left;} #home #announcement img {margin-left:5px; margin-right:10px; float:left;} #home #announcement p {width:240px; float:left; height:22px; display:block; float:left; padding:3px 0 0 0; font-size:14px; font-family: Georgia, Serif; text-decoration:none; border-bottom:#B93961 dotted 1px; color:#B93961;} #aside {background:transparent; position:relative; padding-top:0; clear:left; float:left;} #aside a.big-button {display:block; margin:70px auto 16px; width:240px; border:#15A6D8 2px solid; -moz-border-radius:6px; background:black url(http://krossinkeuka.org/system/dev/style/img/big-button-bg.png) repeat-x center; padding:10px; font-size:16px; text-decoration: none; color:#cccccc; height:20px; text-transform: uppercase; text-align: center;} #aside a.big-button:hover {border-color:#15A6D8; color:#15A6D8; padding-top:11px; padding-bottom:9px;} #aside a.big-button:active {border-color:#2792BB; color:#2792BB; padding-top:11px; padding-bottom:9px;} #simplemodal-overlay {background-color:black;} #simplemodal-container {border:10px solid #cccccc; background-color:white; } #quick-question {height:180px;background:#CCCCCC; width:450px;background:url(http://krossinkeuka.org/system/dev/style/img/question-mark.png) 20px 20px no-repeat; padding:110px 0 0 0;} #quick-question h1 {font-size:28px; margin:0 30px 0 180px;} #quick-question-2 {height:250px;background:#CCCCCC; width:450px;background:url(http://krossinkeuka.org/system/dev/style/img/question-mark.png) 20px 20px no-repeat; padding:110px 0 0 0;} #quick-question-2 h1 a {display:block; margin:5px auto; padding:4px; background:#B93961; color:white; font-size:18px; text-align:center; text-decoration:none;border:3px solid white;} #quick-question-2 h1 a:hover {display:block; margin:5px auto; padding:4px; background:#B93961; color:#333333; font-size:18px; text-align:center; text-decoration:none; border:3px solid #333333;} #quick-question-2 h1 {font-size:28px; margin:0 30px 0 180px;} #quick-question-2 p {text-align:center;} #simplemodal-container a.modalClose {top:10px; right:10px; position:absolute; font-size:12px;} #aside #stickies {display:none;} #aside h3#downloadables-title {display:none;} #aside #downloadables {display:none;} #aside h3 {text-align: center; color:#201C1C; padding-top:12px; } ul#sponsors {padding:12px 0 0 0; overflow: hidden; } ul#sponsors li {display:inline;} ul#sponsors li a {display:block; width:106px; height:106px; background:#ffffff; margin:14px 14px 14px 14px; float:left; border:2px #2792BB solid;} ul#sponsors li a img {display:inline; width:100px; padding:3px; } #footer {height:100px; overflow: hidden; /*background: black;*/ width:100%; border-top:solid 20px #2792BB;} #footer p {display:block; margin:0 auto; width:900px; text-align:center;} .interior #header {height:200px;} .interior #content {margin-top:10px; min-height:600px; background:none;} .interior #content h1 {margin-top:40px; line-height:62px; font-size:66px; margin-bottom:40px;} .interior #content p {clear:left; } .interior #announcement {margin:10px 0 0 0; width:320px; height:109px;float:left; clear:left; } .interior #announcement p {color:#B93961;border-bottom:#B93961 dotted 1px;display:block; padding:3px 0 0 0; font-family: Georgia, Serif;} .interior #nav {float:left; border-right:1px solid #15A6D8;} .interior a#details-tab {width:80px;} .interior a#timeline-tab {width:80px;} .interior a#fundraising-tab {} .interior a#help {} .interior #top-blue-wave {left:-10px;} .interior #aside {} .interior #aside a.big-button {display:none;} .interior #aside ul {background:white;} .interior div.tabContainer div.tab {background:none;} .interior #article {color:#666666; font-size:14px; line-height:22px;} .interior #article h2 {margin-left:0px;} .interior #article h3 {font-size:18px; margin-top:8px; margin-left:20px;} .interior #article h4 {font-size:12px; margin-top:2px; margin-left:40px;} .interior #article p { margin:10px 40px;} .interior #article ul { margin:10px 200px 10px 30px; list-style-type: circle;} .interior #article ul li { margin:10px 0 0 10px; line-height:16px;} .interior #aside #stickies {display:block; background:#2792BB; border:10px solid rgba(250, 250, 250, .10);} .interior #aside #stickies li { text-indent:86px; height:46px; font-size:13px;color:#cccccc;padding-top:25px; font-variant: small-caps; letter-spacing: 1px; font-family: georgia, times new romam, serif;} .interior #aside #stickies li#tee {background: url(http://krossinkeuka.org/system/dev/style/img/aside-stickies.png) no-repeat 10px 0; padding-top:34px; } .interior #aside #stickies li#b-fast {background: url(http://krossinkeuka.org/system/dev/style/img/aside-stickies.png) no-repeat 10px -80px;} .interior #aside #stickies li#steps {background: url(http://krossinkeuka.org/system/dev/style/img/aside-stickies.png) no-repeat 10px -157px;} .interior #aside #stickies li#pay {background: url(http://krossinkeuka.org/system/dev/style/img/aside-stickies.png) no-repeat 10px -230px;} .interior #aside #stickies li#asterisk {background:none; padding:0; text-indent:0; text-align:center;} .interior #aside h3#downloadables-title {display:block; background:white; padding-top:24px;border:10px solid rgba(0, 0, 0, .06); border-bottom:none; margin-top:20px;} .interior #aside #downloadables {display:block; background:white;border:10px solid rgba(0, 0, 0, .06);border-top:none; padding-bottom:40px;} .interior #aside #downloadables li {margin-left:36px; margin-right:20px;height:26px;font-size:14px;padding-top:25px; font-variant: small-caps; letter-spacing: 1px; font-family: georgia, times new romam, serif; line-height:18px;} .interior #aside #downloadables li a { color:#2792BB;} .interior #aside #downloadables li a:hover { color:#15A6D8;} .interior #aside h3 {display:none;} .interior #aside ul#sponsors {display:none;} #reg-box {overflow:hidden; float:right; clear:right; margin:25px 0 0;} #reg-box a.big-button {display:block; margin:0 auto 16px; width:240px; border:#15A6D8 2px solid; -moz-border-radius:6px; background:black url(http://krossinkeuka.org/system/dev/style/img/big-button-bg.png) repeat-x center; padding:10px; font-size:16px; text-decoration: none; color:#cccccc; height:20px; text-transform: uppercase; text-align: center;} #reg-box a.big-button:hover {border-color:#15A6D8; color:#15A6D8; padding-top:11px; padding-bottom:9px;} #reg-box a.big-button:active {border-color:#2792BB; color:#2792BB; padding-top:11px; padding-bottom:9px;} #expand-reg {display: block; clear:right; width:264px; height:118px; margin:10px 0 0; border:#2792BB solid 1px; background:#eeeeee; color:#CCCCCC; font-size:14px; } #expand-reg ul {} #expand-reg ul li {margin:8px 0; width:245px; line-height: 14px; font-size:14px; padding:5px; background: rgba(0, 0, 0, .50); text-align:left; text-indent:12px;} #expand-reg a {display:block; float:right; color:#cccccc; background: #B93961; padding:5px 2px 5px 10px; text-decoration: none; border:1px solid #15A6D8; border-right:none;} #expand-reg a:hover {color:#201C1C; background:#CE7898; border:1px solid #15A6D8; border-right:none;} .interior #content h1#about-sponsorship {font-size:36px;} /* #CCCCCC light gray #999999 medium gray #333333 medium-dark gray #201C1C very dark gray #2792BB beautiful blue #15A6D8 crazy blue #B93961 dribbble pink #CE7898 bubble gum */