/* CSS Populate.it Default Style */ /* Page size, colour and font */ html {overflow-y: scroll;} body { background-color:#171717; margin:0px; font-family: 'PT Sans', arial, sans-serif; } /* Header Content */ .headerAdmin {position:relative; height:158px; width:100%; background-color:#171717; z-index:50; box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.47); -moz-box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.47);-webkit-box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.47); } .headerAdmin .topBar {position:relative; height:30px; padding-top:3px;} .headerAdmin .topBar .inner {position:relative; margin:0px auto; width:940px;} .headerAdmin .topBar .inner .topLinks {position:relative; text-align:right; float:right; color:#FFFFFF; font-size:12px; padding-top:4px; } .headerAdmin .topBar .inner .topLinks a {color:#FFFFFF; text-decoration:none;} .headerAdmin .topBar .inner .topLinks a:hover {text-decoration:underline} .headerAdmin .topBar .inner .topLinks p {margin:0px;} .headerAdmin .topBar .inner .search {position:relative; float:right; width:400px; height:20px; text-align:right; padding-right:20px; font-family: 'PT Sans', arial, sans-serif;} .headerAdmin .navigation {position:relative; background-image:url(../images/blue_top_bg.jpg); height:113px; background-position:center;} .headerAdmin .navigation .inner {position:relative; margin:0px auto; width:980px;} .header {position:fixed; height:158px; width:100%; background-color:#171717; z-index:50; box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.47); -moz-box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.47);-webkit-box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.47); } @media only screen and (max-device-width: 880px) { /* define mobile specific styles come here */ .header {position:relative; height:158px; width:100%; background-color:#171717; z-index:50; box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.47); -moz-box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.47);-webkit-box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.47); } .header .topBar {position:relative; height:30px; padding-top:3px;} .header .topBar .inner {position:relative; margin:0px auto; width:940px;} .header .topBar .inner .topLinks {position:relative; text-align:right; float:right; color:#FFFFFF; font-size:12px; padding-top:4px; } .header .topBar .inner .topLinks a {color:#FFFFFF; text-decoration:none;} .header .topBar .inner .topLinks a:hover {text-decoration:underline} .header .topBar .inner .topLinks p {margin:0px;} .header .topBar .inner .search {position:relative; float:right; width:400px; height:20px; text-align:right; padding-right:20px; font-family: 'PT Sans', arial, sans-serif;} .header .navigation {position:relative; background-image:url(../images/blue_top_bg.jpg); height:113px; background-position:center;} .header .navigation .inner {position:relative; margin:0px auto; width:980px;} } .header .topBar {position:relative; height:30px; padding-top:3px;} .header .topBar .inner {position:relative; margin:0px auto; width:940px;} .header .topBar .inner .topLinks {position:relative; text-align:right; float:right; color:#FFFFFF; font-size:12px; padding-top:4px; } .header .topBar .inner .topLinks a {color:#FFFFFF; text-decoration:none;} .header .topBar .inner .topLinks a:hover {text-decoration:underline} .header .topBar .inner .topLinks p {margin:0px;} .header .topBar .inner .search {position:relative; float:right; width:400px; height:20px; text-align:right; padding-right:20px; font-family: 'PT Sans', arial, sans-serif;} .header .topBar .inner .search input#topSearchField{ width: 100px; padding: 2px; border: 1px solid #171717; color:#515151; text-align:right; padding-right:20px; background-color:#171717; background-image:url(../images/search_bg.gif); background-position:right; background-repeat:no-repeat; border-radius: 2px; -webkit-transition: 0.2s linear; -moz-transition: 0.2s linear; -o-transition: 0.2s linear; -ms-transition: 0.2s linear; transition: 0.2s linear; font-family: 'PT Sans', arial, sans-serif; } .header .topBar .inner .search input#topSearchField:focus { width: 200px; text-align:left; background-color: #FFFFFF; background-image:url(../images/search_bg_invert.gif); background-position:right; background-repeat:no-repeat; outline: none; -moz-box-shadow: inset 0 0 5px rgba(0,0,0,0.5); -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.5); box-shadow: inset inset 0 0 5px rgba(0,0,0,0.5); font-family: 'PT Sans', arial, sans-serif; } .header .navigation {position:relative; background-image:url(../images/blue_top_bg.jpg); height:113px; background-position:center;} .header .navigation .inner {position:relative; margin:0px auto; width:980px;} a.defaultLogo {position:absolute; display:block; background-image:url(../images/default_logo.gif) ;width:222px; height:138px; left:20px; top:-25px;} a.defaultLogoLessons {position:absolute; display:block; background-image:url(../images/default_logo_lessons.gif) ;width:222px; height:138px; left:20px; top:-25px;} a.defaultLogoMasters {position:absolute; display:block; background-image:url(../images/default_logo_masters.gif) ;width:222px; height:138px; left:20px; top:-25px;} a.defaultLogoWaterpolo {position:absolute; display:block; background-image:url(../images/default_logo_waterpolo.gif) ;width:222px; height:138px; left:20px; top:-25px;} a.defaultLogoDisability {position:absolute; display:block; background-image:url(../images/default_logo_disability.gif) ;width:222px; height:138px; left:20px; top:-25px;} /* Top Padding */ .topMargin {position:relative; height:164px; display:block} .topStripe {position:relative; height:20px; display:block; background-color:#171717;} @media only screen and (max-device-width: 880px) { .topMargin {position:relative; height:164px; display:none} .topStripe {position:relative; height:20px; display:block; background-color:#171717;} } /* Main body */ .testBody {position:relative; background-color:#FFFFFF; background-image:url(../images/white_bg.gif); background-position:center top; background-repeat:no-repeat;} .testBody .inner {position:relative; margin:0px auto; width:980px; } .subBody {position:relative; background-color:#FFFFFF; background-image:url(../images/white_bg.gif),url(../images/topfins_bg.gif) ; background-position:center top, center bottom; background-repeat:no-repeat; font-size:12px; font-family: Arial, Helvetica, sans-serif;} .subBody .inner {position:relative; margin:0px auto; width:940px; padding-top:20px;} .subBody .inner .title {color:#171717; display:block; font-family: Arial, Helvetica, sans-serif; line-height:15px; margin:0px; margin-bottom:0px; margin-top:26px; font-size:27px; font-weight:normal;} .subBody .inner .accountArea {position:relative; width:auto; background-color:#FFFFFF; margin-top:20px; margin-bottom:20px; padding:10px; box-shadow: 0px 7px 8px rgba(0, 0, 0, 0.35);-moz-box-shadow: 0px 7px 8px rgba(0, 0, 0, 0.35);-webkit-box-shadow: 0px 7px 8px rgba(0, 0, 0, 0.35);} .subBody .inner .bottomPadding {position:relative; height:1px} .subBody .innerWide {position:relative; margin:0px auto; width:980px; padding-top:20px;} .subBody .inner .left {position:relative; width:200px; background-color:#FFFFFF; float:left; padding:10px; margin-top:20px; margin-bottom:20px; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.31); -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.31); -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.31);} .subBody .inner .right {position:relative; width:680px; float:right; background-color:#FFFFFF; margin-top:20px; margin-bottom:20px; padding:10px; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.31); -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.31); -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.31); font-size:12px;} /* Primary Navigation */ #topNav {position:absolute; width:960px; left:0px; top:81px; height:32px; z-index:100;} #topNav ul { float:right; width:auto; display:block; margin:0; padding:0 0px 0 0px; padding-left:0px; font-size:14px; font-weight:normal;} #topNav ul li.liOut { float:left; display:inline; list-style:none; margin-right:0px; background-color:#010101; margin-left:2px; border-top-right-radius: 4px; border-top-left-radius: 4px; } #topNav ul li.liOut a {float:left; display:block; height:25px; padding-top:7px; color:#FFFFFF; text-decoration:none; width:100px; text-align:center; } #topNav ul li.liOut a.over {float:left; display:block; height:25px; padding-top:7px; text-decoration:none; width:100px; text-align:center; background-image:url(../images/nav_over.gif); background-position:center bottom; border-top-right-radius: 4px; border-top-left-radius: 4px; } #topNav ul li.liOut a:hover { background-image:url(../images/nav_over.gif); background-position:center bottom; } #topNav ul li.liOut .subNavContainer {display:none; } #topNav ul li a.topnav_5169 {color:#00c5b4} /* Lessons */ #topNav ul li a.topnav_5173 {color:#31c5ff} /* Comp */ #topNav ul li a.topnav_5170 {color:#e41e93} /* Masters */ #topNav ul li a.topnav_5171 {color:#8f9d9d} /* Waterpolo */ #topNav ul li a.topnav_5172 {color:#f38b00} /* Disability */ #topNav ul li.liOver {z-index:2; float:left; display:inline; list-style:none; margin-left:0px; margin-right:0px; margin-right:0px; width:100px; background-color:#010101; margin-left:2px; border-top-right-radius: 4px; border-top-left-radius: 4px; } #topNav ul li.liOver a {z-index:3; float:left; display:block; height:25px; padding-top:7px; text-decoration:none; width:100px; text-align:center; background-image:url(http://www.swimbluefins.org/images/nav_hover.gif) ; background-repeat:no-repeat; border-top-right-radius: 4px; border-top-left-radius: 4px; background-image:url(../images/nav_down.gif); color:#FFFFFF; background-position:center bottom; } #topNav ul li.liOver a:hover { } #topNav ul li.liOver .subNavContainer {display:none;} #topNav ul li.liOver .subNavContainer { position:absolute; display:block; top: 32px; left:0; padding-top:0px; padding-top:20px; padding-bottom:20px; height:auto; width:980px; background-image:url(../images/sub_nav_bg_main.gif); background-color:#000000; background-position:bottom; background-repeat:no-repeat; box-shadow: 0px 6px 18px rgba(0, 0, 0, 0.32);-moz-box-shadow: 0px 6px 18px rgba(0, 0, 0, 0.32);-webkit-box-shadow: 0px 6px 18px rgba(0, 0, 0, 0.32); z-index:10;} #topNav ul li.liOver .subNavContainer .subColumn {position:relative; float:left; width:140px; margin-left:20px; padding-top:1px;} #topNav ul li.liOver .subNavContainer .subColumn a.rootImage {position:relative; width:120px; padding:0px; border:1px solid #3c3c3c; height:120px; background-color:#232323; margin-bottom:10px; display:block; border-top-right-radius: 0px; border-top-left-radius: 0px; padding:10px; } #topNav ul li.liOver .subNavContainer .subColumn a {background-image:none; color:#FFFFFF; font-size:11px; border-bottom:1px solid #3c3c3c; width:130px; height:auto; display:block; padding-top:3px; padding-bottom:3px; padding-left:10px; text-align:left} #topNav ul li.liOver .subNavContainer .subColumn a:hover {color:#CCCCCC;} #topNav ul li.liOver .subNavContainer .subColumn a.over {color:#FFFFFF; background-image:url(../images/sub_nav_highlight.png); background-position:center bottom; background-repeat:no-repeat;} /* Left Nav */ .subBody .inner .left ul {position:relative; margin:0; padding:0 0px 0 0px; padding-left:0px; font-size:13px; font-weight:normal; margin-bottom:0px;} .subBody .inner .left ul li {position:relative;list-style:none; border-bottom:1px solid #FFFFFF } .subBody .inner .left ul li a {background-color:#31c5ff; padding:7px; color:#FFFFFF; display:block; width:auto; text-decoration:none} .subBody .inner .left ul li.over {position:relative;list-style:none;} .subBody .inner .left ul li.over a {background-color:#222222; padding:7px; color:#FFFFFF; display:block;} .subBody .inner .left ul.sub {margin-bottom:0px;} .subBody .inner .left ul.sub li {position:relative;list-style:none; border-bottom:0px solid ; } .subBody .inner .left ul.sub li a {background-color:#2b2b2b; padding:7px; font-size:12px; color:#FFFFFF; display:block; } .subBody .inner .left ul.sub li a.over { background-repeat:no-repeat; background-color:#2b2b2b; text-decoration:underline} .subBody .inner .left ul.subSub {margin-bottom:0px;} .subBody .inner .left ul.subSub li {position:relative;list-style:none; border-bottom:0px solid #4d4c48; background-color:#ff9900 } .subBody .inner .left ul.subSub li a {background-color:#5c5b5b; padding:7px; font-size:12px; color:#FFFFFF; display:block; } .subBody .inner .left ul.subSub li a.over { background-repeat:no-repeat; background-color:#5c5b5b; text-decoration:underline} .subBody .inner .left ul.subSubSub {margin-bottom:0px;} .subBody .inner .left ul.subSubSub li {position:relative;list-style:none; border-bottom:0px solid #4d4c48; background-color:#ff9900 } .subBody .inner .left ul.subSubSub li a {background-color:#868686; padding:7px; font-size:12px; color:#FFFFFF; display:block; } .subBody .inner .left ul.subSubSub li a.over { background-repeat:no-repeat; background-color:#868686; text-decoration:underline} /* Left nav colours */ .subBody .inner .left ul.lessons {position:relative; margin:0; padding:0 0px 0 0px; padding-left:0px; font-size:13px; font-weight:normal; margin-bottom:0px;} .subBody .inner .left ul.lessons li {position:relative;list-style:none; border-bottom:1px solid #FFFFFF } .subBody .inner .left ul.lessons li a {background-color:#00c5b4; padding:7px; color:#FFFFFF; display:block; width:auto; text-decoration:none} .subBody .inner .left ul.lessons li.over {position:relative;list-style:none;} .subBody .inner .left ul.lessons li.over a {background-color:#222222; padding:7px; color:#FFFFFF; display:block;} .subBody .inner .left ul.lessons ul.sub {margin-bottom:0px;} .subBody .inner .left ul.lessons ul.sub li {position:relative;list-style:none; border-bottom:0px solid ; } .subBody .inner .left ul.lessons ul.sub li a {background-color:#2b2b2b; padding:7px; font-size:12px; color:#FFFFFF; display:block; } .subBody .inner .left ul.lessons ul.sub li a.over { background-repeat:no-repeat; background-color:#2b2b2b; text-decoration:underline} .subBody .inner .left ul.lessons ul.subSub {margin-bottom:0px;} .subBody .inner .left ul.lessons ul.subSub li {position:relative;list-style:none; border-bottom:0px solid #4d4c48; background-color:#ff9900 } .subBody .inner .left ul.lessons ul.subSub li a {background-color:#5c5b5b; padding:7px; font-size:12px; color:#FFFFFF; display:block; } .subBody .inner .left ul.lessons ul.subSub li a.over { background-repeat:no-repeat; background-color:#5c5b5b; text-decoration:underline} .subBody .inner .left ul.lessons ul.subSubSub {margin-bottom:0px;} .subBody .inner .left ul.lessons ul.subSubSub li {position:relative;list-style:none; border-bottom:0px solid #4d4c48; background-color:#ff9900 } .subBody .inner .left ul.lessons ul.subSubSub li a {background-color:#868686; padding:7px; font-size:12px; color:#FFFFFF; display:block; } .subBody .inner .left ul.lessons ul.subSubSub li a.over { background-repeat:no-repeat; background-color:#868686; text-decoration:underline} .subBody .inner .left ul.masters {position:relative; margin:0; padding:0 0px 0 0px; padding-left:0px; font-size:13px; font-weight:normal; margin-bottom:0px;} .subBody .inner .left ul.masters li {position:relative;list-style:none; border-bottom:1px solid #FFFFFF } .subBody .inner .left ul.masters li a {background-color:#e41e93; padding:7px; color:#FFFFFF; display:block; width:auto; text-decoration:none} .subBody .inner .left ul.masters li.over {position:relative;list-style:none;} .subBody .inner .left ul.masters li.over a {background-color:#222222; padding:7px; color:#FFFFFF; display:block;} .subBody .inner .left ul.masters ul.sub {margin-bottom:0px;} .subBody .inner .left ul.masters ul.sub li {position:relative;list-style:none; border-bottom:0px solid ; } .subBody .inner .left ul.masters ul.sub li a {background-color:#2b2b2b; padding:7px; font-size:12px; color:#FFFFFF; display:block; } .subBody .inner .left ul.masters ul.sub li a.over { background-repeat:no-repeat; background-color:#2b2b2b; text-decoration:underline} .subBody .inner .left ul.masters ul.subSub {margin-bottom:0px;} .subBody .inner .left ul.masters ul.subSub li {position:relative;list-style:none; border-bottom:0px solid #4d4c48; background-color:#ff9900 } .subBody .inner .left ul.masters ul.subSub li a {background-color:#5c5b5b; padding:7px; font-size:12px; color:#FFFFFF; display:block; } .subBody .inner .left ul.masters ul.subSub li a.over { background-repeat:no-repeat; background-color:#5c5b5b; text-decoration:underline} .subBody .inner .left ul.masters ul.subSubSub {margin-bottom:0px;} .subBody .inner .left ul.masters ul.subSubSub li {position:relative;list-style:none; border-bottom:0px solid #4d4c48; background-color:#ff9900 } .subBody .inner .left ul.masters ul.subSubSub li a {background-color:#868686; padding:7px; font-size:12px; color:#FFFFFF; display:block; } .subBody .inner .left ul.masters ul.subSubSub li a.over { background-repeat:no-repeat; background-color:#868686; text-decoration:underline} .subBody .inner .left ul.waterpolo {position:relative; margin:0; padding:0 0px 0 0px; padding-left:0px; font-size:13px; font-weight:normal; margin-bottom:0px;} .subBody .inner .left ul.waterpolo li {position:relative;list-style:none; border-bottom:1px solid #FFFFFF } .subBody .inner .left ul.waterpolo li a {background-color:#8f9d9d; padding:7px; color:#FFFFFF; display:block; width:auto; text-decoration:none} .subBody .inner .left ul.waterpolo li.over {position:relative;list-style:none;} .subBody .inner .left ul.waterpolo li.over a {background-color:#222222; padding:7px; color:#FFFFFF; display:block;} .subBody .inner .left ul.waterpolo ul.sub {margin-bottom:0px;} .subBody .inner .left ul.waterpolo ul.sub li {position:relative;list-style:none; border-bottom:0px solid ; } .subBody .inner .left ul.waterpolo ul.sub li a {background-color:#2b2b2b; padding:7px; font-size:12px; color:#FFFFFF; display:block; } .subBody .inner .left ul.waterpolo ul.sub li a.over { background-repeat:no-repeat; background-color:#2b2b2b; text-decoration:underline} .subBody .inner .left ul.waterpolo ul.subSub {margin-bottom:0px;} .subBody .inner .left ul.waterpolo ul.subSub li {position:relative;list-style:none; border-bottom:0px solid #4d4c48; background-color:#ff9900 } .subBody .inner .left ul.waterpolo ul.subSub li a {background-color:#5c5b5b; padding:7px; font-size:12px; color:#FFFFFF; display:block; } .subBody .inner .left ul.waterpolo ul.subSub li a.over { background-repeat:no-repeat; background-color:#5c5b5b; text-decoration:underline} .subBody .inner .left ul.waterpolo ul.subSubSub {margin-bottom:0px;} .subBody .inner .left ul.waterpolo ul.subSubSub li {position:relative;list-style:none; border-bottom:0px solid #4d4c48; background-color:#ff9900 } .subBody .inner .left ul.waterpolo ul.subSubSub li a {background-color:#868686; padding:7px; font-size:12px; color:#FFFFFF; display:block; } .subBody .inner .left ul.waterpolo ul.subSubSub li a.over { background-repeat:no-repeat; background-color:#868686; text-decoration:underline} .subBody .inner .left ul.disability {position:relative; margin:0; padding:0 0px 0 0px; padding-left:0px; font-size:13px; font-weight:normal; margin-bottom:0px;} .subBody .inner .left ul.disability li {position:relative;list-style:none; border-bottom:1px solid #FFFFFF } .subBody .inner .left ul.disability li a {background-color:#f38b00; padding:7px; color:#FFFFFF; display:block; width:auto; text-decoration:none} .subBody .inner .left ul.disability li.over {position:relative;list-style:none;} .subBody .inner .left ul.disability li.over a {background-color:#222222; padding:7px; color:#FFFFFF; display:block;} .subBody .inner .left ul.disability ul.sub {margin-bottom:0px;} .subBody .inner .left ul.disability ul.sub li {position:relative;list-style:none; border-bottom:0px solid ; } .subBody .inner .left ul.disability ul.sub li a {background-color:#2b2b2b; padding:7px; font-size:12px; color:#FFFFFF; display:block; } .subBody .inner .left ul.disability ul.sub li a.over { background-repeat:no-repeat; background-color:#2b2b2b; text-decoration:underline} .subBody .inner .left ul.disability ul.subSub {margin-bottom:0px;} .subBody .inner .left ul.disability ul.subSub li {position:relative;list-style:none; border-bottom:0px solid #4d4c48; background-color:#ff9900 } .subBody .inner .left ul.disability ul.subSub li a {background-color:#5c5b5b; padding:7px; font-size:12px; color:#FFFFFF; display:block; } .subBody .inner .left ul.disability ul.subSub li a.over { background-repeat:no-repeat; background-color:#5c5b5b; text-decoration:underline} .subBody .inner .left ul.disability ul.subSubSub {margin-bottom:0px;} .subBody .inner .left ul.disability ul.subSubSub li {position:relative;list-style:none; border-bottom:0px solid #4d4c48; background-color:#ff9900 } .subBody .inner .left ul.disability ul.subSubSub li a {background-color:#868686; padding:7px; font-size:12px; color:#FFFFFF; display:block; } .subBody .inner .left ul.disability ul.subSubSub li a.over { background-repeat:no-repeat; background-color:#868686; text-decoration:underline} /* Blog - Standard Light */ #blogLight { background-color:#FFFFFF; padding:10px 10px 1px 10px; color:#171717} #blogLight .blogLoop {position:relative; padding:10px; background-color:#ebebeb; margin-bottom:10px; font-size:12px; } #blogLight .blogLoop .imageFloat {position:relative; float:left; width:170px;} #blogLight .blogLoop .blogImage {position:relative; float:left; background-color:#FFFFFF; padding:10px; margin-bottom:0px; } #blogLight .blogLoop .blogImage .imageDescription {padding:5px; background-color:#bdbdbd; color:#FFFFFF; border-top:1px solid #FFFFFF} #blogLight .blogLoop .blogTitle {font-family: 'Mr Dafoe', cursive; font-size:22px; padding-left:0px; display:block; padding-bottom:10px; padding-top:8px;} #blogLight .blogLoop .share {position:relative; height:33px; float:right; font-family: Arial, Helvetica, sans-serif; font-size:17px; right:0px; top:0px; width:auto; text-align:right; padding-top:17px; padding-left:15px;} #blogLight .blogLoop .share .shareTitle {padding-right:10px; display:inline;} #blogLight .blogLoop .share .shareTitle strong {font-family: Arial, Helvetica, sans-serif; font-weight:normal;} #blogLight .blogLoop .blogPad {position:relative; height:15px; display:block; } #blogLight .blogLoop .date {position:relative; margin-top:10px; font-size:12px; font-weight:bold;} /* Blog - Full Width Root */ a .blogRoot {position:relative; width:300px; float:left; height:200px; border:0px solid #92656f; margin-left:19px; color:#FFFFFF; font-size:13px; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.44);-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.44);-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.44); background-color:#FFFFFF; margin-bottom:20px; } a .blogRoot .image {position:relative; width:258px; height:258px; border-right:1px solid #FFFFFF; display:block; left:20px; top:20px;} a .blogRoot .text {position:absolute; width:260px; height:160px; margin-left:0px; bottom:0px; background-color:#171717; display:block; padding:20px;} a .blogRoot .text .date {position:relative; display:block; color:#2b0e17; padding-bottom:5px;} a .blogRoot .text h3 {font-family: 'Mr Dafoe', cursive;margin-top:0px; margin-bottom:13px; display:block; color:#FFFFFF; font-size:22px; font-weight:normal; line-height:28px;} a .blogRoot .button {position:absolute; bottom:10px; right:10px; background-image:url(../images/blog_button.jpg); height:20px; width:auto; padding-left:20px; padding-top:5px; padding-right:20px; color:#FFFFFF; text-decoration:none; font-size:12px; border:1px solid #FFFFFF} a .blogRoot .button:hover {border:1px solid #FFFFFF; cursor:pointer} .blogTitle {position:relative; padding-left:20px; padding-bottom:20px;} .blogTitle h1 {font-family: 'Mr Dafoe', cursive;margin-top:0px; margin-bottom:5px; color:#171717; font-size:32px; font-weight:normal;} /* Blog - Alerts */ .blogAlerts {position:relative; background-color:#000000; border-bottom:0px solid #ffffff;} .blogAlerts .inner {position:relative; width:940px; margin:0px auto; padding-top:20px; padding-bottom:15px;} .blogAlerts .inner .left {position:relative; width:630px; float:left} .blogAlerts .inner .right {position:relative; width:200px; float:right; background-color:#009900} .blogAlerts .inner a.alertLoop {position:relative; margin-bottom:7px; height:60px; display:block; background-image:url(../images/alert_red.gif); background-color:#FFFFFF; background-position:bottom; background-repeat:repeat-x; border-radius: 4px; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.41); -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.41); -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.41); padding:10px; border:1px solid #470101} .blogAlerts .inner a.alertLoop:hover {border:1px solid #be0606} .blogAlerts .inner a.alertLoop .image {position:relative; width:60px; height:60px; float:left; display:block; background-image:url(../images/alert_icon.gif) } .blogAlerts .inner a.alertLoop .text {position:relative; float:left; height:60px; color:#FFFFFF; font-size:12px; padding-left:20px;} .blogAlerts .inner a.alertLoop .text h3 {font-weight:normal; margin:0px; margin-bottom:5px; font-size:18px;} .blogAlerts .inner a.alertLoop .date {display:block} /* Blog - News and Twitter */ .blogNews {position:relative; background-color:#FFFFFF; background-image:url(../images/white_bg.gif); background-position:center top; background-repeat:no-repeat;} .blogNews .inner {position:relative; width:940px; margin:0px auto; padding:0px; } .blogNews .inner .socialMedia {position:absolute; right:0px; text-align:right; padding-top:0px;} .blogNews .inner .left {position:relative; float:left; width:600px; padding:0px; } .blogNews .inner .left h4{ margin-top:-10px; font-family: 'Mr Dafoe', cursive; color:#000000; font-size:32px; font-weight:normal; margin-bottom:10px;} .blogNews .inner .right {position:relative; float:right; width:300px;} .blogNews .inner .right h4{margin-top:-10px; font-family: 'Mr Dafoe', cursive; color:#000000; font-size:32px; font-weight:normal; margin-bottom:10px; text-indent:-4000px;} .blogNews .inner .right .tweet {position:relative; background-color:#171717; width:260px; padding:0px 20px 0px 20px; height: 400px; border-radius:4px; border-radius:4px; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.31); -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.31); -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.31); overflow:hidden } .blogNews .inner .right .tweet .twitterTitle {position:relative; height:50px; width:200px; background-image:url(../images/twitter_icon.gif); background-position:left; background-repeat:no-repeat; padding-left:60px; margin-bottom:0px; margin-top:20px; font-size:32px; color:#FFFFFF; font-family: 'Mr Dafoe', cursive; } .blogNews .inner .right .tweet a.follow {position:absolute; display:block; background-color:#31c5ff; padding-top:8px; color:#FFFFFF; padding-left:20px; bottom:0px; left:0px; width:300px; height:30px; text-decoration:none} .blogNews .inner .left .blogNav { position:absolute; bottom:10px; left:7px; height:26px; z-index:2;} .blogNews .inner .left .blogBlockContainer {position:relative; background-color:#171717; width:620px; height: 250px; border-top-left-radius:4px; border-top-right-radius:4px; border-bottom-left-radius:0px; border-bottom-right-radius:0px; overflow: hidden; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.31); -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.31); -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.31);} .blogBlockContainerWide {position:relative; background-color:#232323; background-image:url(../images/grey_tile.gif); width:940px; height: 145px; border-bottom-left-radius:4px; border-bottom-right-radius:4px; overflow: hidden; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.41); -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.41); -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.41); padding-top:5px;} .blogBlockContainerWide .smallBlog {position:relative; padding-top:5px; padding-bottom:10px; padding-left:20px; display:block; color:#FFFFFF; font-size:13px; text-decoration:none; border-bottom:1px solid #3f3f3f;} .blogBlockContainerWide .smallBlog .image {float:left; width:40px; height:40px; background-color:#666666; margin-right:10px; display:block} .blogBlockContainerWide .smallBlog .text {float:left; width:800px; padding-top:6px; display:block} .blogBlockContainerWide .smallBlog .text h3 {position:relative; font-weight:normal; display:inline; margin:0px; font-size:13px;} .blogBlockContainerWide .smallBlog .text .grey {color:#FFFFFF} .blogBlockContainerWide .smallBlog .text a {text-decoration:none; color:#31c5ff} .blogBlockContainerWide .smallBlog .text p {margin:0px; display:inline} .blogBlockContainerWide a.blogAllLink2 {position:absolute; bottom:0px; display:block; left:0px; text-align:center; background-color:#3f3f3f; height:20px; padding-bottom:5px; color:#FFFFFF; width:940px; background-repeat:no-repeat; font-size:13px; padding-top:8px; text-decoration:none;} .blogBlockContainerWide a.blogAllLink2:hover {background-color:#4f4e4e} .blogBlockContainerWide .smallBlog_comp {color:#31c5ff} .blogBlockContainerWide .smallBlog_lessons {color:#00c5b4} .blogBlockContainerWide .smallBlog_masters {color:#e41e93} .blogBlockContainerWide .smallBlog_waterpolo {color:#8f9d9d} .blogBlockContainerWide .smallBlog_disability {color:#f38b00} .blogBlockContainerWide a.smallBlog_comp {color:#31c5ff} .blogBlockContainerWide a.smallBlog_lessons {color:#00c5b4} .blogBlockContainerWide a.smallBlog_masters {color:#e41e93} .blogBlockContainerWide a.smallBlog_waterpolo {color:#8f9d9d} .blogBlockContainerWide a.smallBlog_disability {color:#f38b00} .blogBlockContainerWide .smallBlog .text .read a.smallBlog_comp {color:#31c5ff} .blogBlockContainerWide .smallBlog .text .read a.smallBlog_lessons {color:#00c5b4} .blogBlockContainerWide .smallBlog .text .read a.smallBlog_masters {color:#e41e93} .blogBlockContainerWide .smallBlog .text .read a.smallBlog_waterpolo {color:#8f9d9d} .blogBlockContainerWide .smallBlog .text .read a.smallBlog_disability {color:#f38b00} .blogNews .inner .left .blogBlockContainerSmall {position:relative; background-color:#232323; background-image:url(../images/grey_tile.gif); width:620px; height: 145px; border-bottom-left-radius:4px; border-bottom-right-radius:4px; overflow: hidden; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.41); -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.41); -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.41); padding-top:5px;} .blogNews .inner .left .blogBlockContainerSmall .smallBlog {position:relative; padding-top:8px; padding-bottom:10px; padding-left:20px; display:block; color:#FFFFFF; font-size:13px; text-decoration:none; border-bottom:1px solid #3f3f3f;} .blogNews .inner .left .blogBlockContainerSmall .smallBlog .image {float:left; width:30px; height:30px; background-color:#666666; margin-right:10px; display:block; background-image:url(../images/fins_logo.jpg)} .blogNews .inner .left .blogBlockContainerSmall .smallBlog .text {float:right; width:550px; padding-top:3px; display:block} .blogNews .inner .left .blogBlockContainerSmall .smallBlog .text h3 {position:relative; font-weight:normal; display:inline; margin:0px; font-size:13px;} .blogNews .inner .left .blogBlockContainerSmall .smallBlog .text .grey {color:#FFFFFF} .blogNews .inner .left .blogBlockContainerSmall .smallBlog .text a {text-decoration:none} .blogNews .inner .left .blogBlockContainerSmall a.blogAllLink2 {position:absolute; bottom:0px; display:block; left:0px; text-align:center; background-color:#3f3f3f; height:20px; padding-bottom:5px; color:#FFFFFF; width:620px; background-repeat:no-repeat; font-size:13px; padding-top:8px; text-decoration:none;} .blogNews .inner .left .blogBlockContainerSmall a.blogAllLink2:hover {background-color:#4f4e4e} .blogNews .inner .left .blogBlockContainerSmall .smallBlog_comp {color:#31c5ff} .blogNews .inner .left .blogBlockContainerSmall .smallBlog_lessons {color:#00c5b4} .blogNews .inner .left .blogBlockContainerSmall .smallBlog_masters {color:#e41e93} .blogNews .inner .left .blogBlockContainerSmall .smallBlog_waterpolo {color:#8f9d9d} .blogNews .inner .left .blogBlockContainerSmall .smallBlog_disability {color:#f38b00} .blogNews .inner .left .blogBlockContainerSmall a.smallBlog_comp {color:#31c5ff} .blogNews .inner .left .blogBlockContainerSmall a.smallBlog_lessons {color:#00c5b4} .blogNews .inner .left .blogBlockContainerSmall a.smallBlog_masters {color:#e41e93} .blogNews .inner .left .blogBlockContainerSmall a.smallBlog_waterpolo {color:#8f9d9d} .blogNews .inner .left .blogBlockContainerSmall a.smallBlog_disability {color:#f38b00} .blogNews .inner .left .blogBlockContainerSmall .smallBlog .text .read a.smallBlog_comp {color:#31c5ff} .blogNews .inner .left .blogBlockContainerSmall .smallBlog .text .read a.smallBlog_lessons {color:#00c5b4} .blogNews .inner .left .blogBlockContainerSmall .smallBlog .text .read a.smallBlog_masters {color:#e41e93} .blogNews .inner .left .blogBlockContainerSmall .smallBlog .text .read a.smallBlog_waterpolo {color:#8f9d9d} .blogNews .inner .left .blogBlockContainerSmall .smallBlog .text .read a.smallBlog_disability {color:#f38b00} .blogNews .inner .left a.blogBlock {position:relative; display: block; padding: 10px 30px 0 480px; margin: 0 0 20px 0; font-size:13px; color: #fff; text-decoration: none; height: 250px;} .blogNews .inner .left a.blogBlock .image {position:absolute; width:380px; height:250px; top: 0px; right: 0px;} .blogNews .inner .left a.blogBlock .text {position:absolute; width:205px; height:250px; top: 20px; left: 20px;} .blogNews .inner .left a.blogBlock h3 {color:#31c5ff; margin-bottom:5px; margin-top:0px; font-size:18px; font-weight:normal;} .blogNews .inner .left a.blogBlock .button {position:absolute; bottom:10px; right:10px; background-image:url(../images/blog_button.jpg); height:20px; width:auto; padding-left:20px; padding-top:5px; padding-right:20px; color:#FFFFFF; text-decoration:none; font-size:12px; border:1px solid #FFFFFF} .blogNews .inner .left a.blogBlock:hover .button {border:1px solid #2495c1; cursor:pointer} .blogNews .inner .left .blogNav ul {position:relative; float:left; display:block; margin:0; padding:0; font-size:13px; font-weight:normal; } .blogNews .inner .left .blogNav ul li {position:relative; float:left; display:inline; list-style:none; border-right:0px solid #2c2b2b; margin-right:0px; border-top-right-radius:3px; border-top-left-radius:3px; margin-left:3px; } .blogNews .inner .left .blogNav ul li a {position:relative;float:left; display:block; text-align:center; padding-top:5px; height:19px; width:24px; background-image:url(../images/news_nav_bg.gif); color:#FFF; text-decoration:none; border:1px solid #5d5d5d;} .blogNews .inner .left .blogNav ul li a:hover { color:#FFFFFF; border:1px solid #FFFFFF;} .blogNews .inner .left .blogNav ul li a.over { color:#FFFFFF; border:1px solid #FFFFFF;} /* Blog - News - Colours */ .blogNews .inner .left a.backgroundBlog_all {} .blogNews .inner .left a.backgroundBlog_all .text h3 {color:#31c5ff} .blogNews .inner .left a.backgroundBlog_all .text .readMore {color:#31c5ff} .blogNews .inner .left a.backgroundBlog_all .button {background-image:url(../images/blog_button.jpg);} .blogNews .inner .left .backgroundBlog_all ul li a.over {background-image:url(../images/blog_button.jpg)} .blogNews .inner .right .tweet a.twitter_all {background-image:url(../images/topfins_bg_comp.gif)} .blogNews .inner .left a.backgroundBlog_comp {} .blogNews .inner .left a.backgroundBlog_comp .text h3 {color:#31c5ff} .blogNews .inner .left a.backgroundBlog_comp .text .readMore {color:#31c5ff} .blogNews .inner .left a.backgroundBlog_comp .button {background-image:url(../images/blog_button.jpg);} .blogNews .inner .left .backgroundBlog_comp ul li a.over {background-image:url(../images/blog_button.jpg)} .blogNews .inner .right .tweet a.twitter_comp {background-image:url(../images/topfins_bg_comp.gif)} .blogNews .inner .left a.backgroundBlog_lessons {} .blogNews .inner .left a.backgroundBlog_lessons .text h3 {color:#00c5b4} .blogNews .inner .left a.backgroundBlog_lessons .text .readMore {color:#00c5b4} .blogNews .inner .left a.backgroundBlog_lessons .button {background-image:url(../images/button_bg_lessons.jpg);} .blogNews .inner .left .backgroundBlog_lessons ul li a.over {background-image:url(../images/button_bg_lessons.jpg)} .blogNews .inner .right .tweet a.twitter_lessons {background-image:url(../images/topfins_bg_lessons.gif)} .blogNews .inner .left a.backgroundBlog_masters {} .blogNews .inner .left a.backgroundBlog_masters .text h3 {color:#e41e93} .blogNews .inner .left a.backgroundBlog_masters .text .readMore {color:#e41e93} .blogNews .inner .left a.backgroundBlog_masters .button {background-image:url(../images/button_bg_masters.jpg);} .blogNews .inner .left .backgroundBlog_masters ul li a.over {background-image:url(../images/button_bg_masters.jpg)} .blogNews .inner .right .tweet a.twitter_masters {background-image:url(../images/topfins_bg_masters.gif)} .blogNews .inner .left a.backgroundBlog_waterpolo {} .blogNews .inner .left a.backgroundBlog_waterpolo .text h3 {color:#8f9d9d} .blogNews .inner .left a.backgroundBlog_waterpolo .text .readMore {color:#8f9d9d} .blogNews .inner .left a.backgroundBlog_waterpolo .button {background-image:url(../images/button_bg_waterpolo.jpg);} .blogNews .inner .left .backgroundBlog_waterpolo ul li a.over {background-image:url(../images/button_bg_waterpolo.jpg)} .blogNews .inner .right .tweet a.twitter_waterpolo {background-image:url(../images/topfins_bg_waterpolo.gif)} .blogNews .inner .left a.backgroundBlog_disability {} .blogNews .inner .left a.backgroundBlog_disability .text h3 {color:#f38b00} .blogNews .inner .left a.backgroundBlog_disability .text .readMore {color:#f38b00} .blogNews .inner .left a.backgroundBlog_disability .button {background-image:url(../images/button_bg_disability.jpg);} .blogNews .inner .left .backgroundBlog_disability ul li a.over {background-image:url(../images/button_bg_disability.jpg)} .blogNews .inner .right .tweet a.twitter_disability {background-image:url(../images/topfins_bg_disability.gif)} /* Blog - News Full Width */ .blogNews {position:relative; background-color:#FFFFFF; background-image:url(../images/white_bg.gif); background-position:center top; background-repeat:no-repeat;} .blogNews .inner {position:relative; width:940px; margin:0px auto; padding-top:20px; padding-bottom:20px;} .blogNews .inner h4{ margin-top:-10px;font-family: 'Mr Dafoe', cursive; color:#000000; font-size:32px; font-weight:normal; margin-bottom:10px;} .blogNews .inner .blogNav { position:absolute; bottom:30px; left:7px; height:26px; z-index:2;} .blogNews .inner .blogBlockContainer {position:relative; background-color:#171717; width:940px; height: 250px; border-top-left-radius:4px; border-top-right-radius:4px; overflow: hidden; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.91); -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.91); -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.91);} .blogNews .inner a.blogBlock {position:relative; display: block; padding: 10px 30px 0 480px; margin: 0 0 20px 0; font-size:13px; color: #fff; text-decoration: none; height: 250px;} .blogNews .inner a.blogBlock .image {position:absolute; width:380px; height:250px; top: 0px; right: 0px;} .blogNews .inner a.blogBlock .text {position:absolute; width:520px; height:250px; top: 20px; left: 20px;} .blogNews .inner a.blogBlock h3 {color:#31c5ff; margin-bottom:5px; margin-top:0px; font-size:18px; font-weight:normal;} .blogNews .inner a.blogBlock .button {position:absolute; bottom:10px; right:10px; background-image:url(../images/blog_button.jpg); height:20px; width:auto; padding-left:20px; padding-top:5px; padding-right:20px; color:#FFFFFF; text-decoration:none; font-size:12px; border:1px solid #FFFFFF} .blogNews .inner a.blogBlock:hover .button {border:1px solid #2495c1; cursor:pointer} .blogNews .inner .blogNav ul {position:relative; float:left; display:block; margin:0; padding:0; font-size:13px; font-weight:normal; } .blogNews .inner .blogNav ul li {position:relative; float:left; display:inline; list-style:none; border-right:0px solid #2c2b2b; margin-right:0px; border-top-right-radius:3px; border-top-left-radius:3px; margin-left:3px; } .blogNews .inner .blogNav ul li a {position:relative;float:left; display:block; text-align:center; padding-top:5px; height:19px; width:24px; background-image:url(../images/news_nav_bg.gif); color:#FFF; text-decoration:none; border:1px solid #5d5d5d;} .blogNews .inner .blogNav ul li a:hover { color:#FFFFFF; border:1px solid #FFFFFF;} .blogNews .inner .blogNav ul li a.over { color:#FFFFFF; border:1px solid #FFFFFF;} /* Blog - News - Colours */ .blogNews .inner a.backgroundBlog_all {} .blogNews .inner a.backgroundBlog_all .text h3 {color:#31c5ff} .blogNews .inner a.backgroundBlog_all .text .readMore {color:#31c5ff} .blogNews .inner a.backgroundBlog_all .button {background-image:url(../images/blog_button.jpg);} .blogNews .inner .backgroundBlog_all ul li a.over {background-image:url(../images/blog_button.jpg)} .blogNews .inner a.backgroundBlog_comp {} .blogNews .inner a.backgroundBlog_comp .text h3 {color:#31c5ff} .blogNews .inner a.backgroundBlog_comp .text .readMore {color:#31c5ff} .blogNews .inner a.backgroundBlog_comp .button {background-image:url(../images/blog_button.jpg);} .blogNews .inner .backgroundBlog_comp ul li a.over {background-image:url(../images/blog_button.jpg)} .blogNews .inner a.backgroundBlog_lessons {} .blogNews .inner a.backgroundBlog_lessons .text h3 {color:#00c5b4} .blogNews .inner a.backgroundBlog_lessons .text .readMore {color:#00c5b4} .blogNews .inner a.backgroundBlog_lessons .button {background-image:url(../images/button_bg_lessons.jpg);} .blogNews .inner .backgroundBlog_lessons ul li a.over {background-image:url(../images/button_bg_lessons.jpg)} .blogNews .inner a.backgroundBlog_masters {} .blogNews .inner a.backgroundBlog_masters .text h3 {color:#e41e93} .blogNews .inner a.backgroundBlog_masters .text .readMore {color:#e41e93} .blogNews .inner a.backgroundBlog_masters .button {background-image:url(../images/button_bg_masters.jpg);} .blogNews .inner .backgroundBlog_masters ul li a.over {background-image:url(../images/button_bg_masters.jpg)} .blogNews .inner a.backgroundBlog_waterpolo {} .blogNews .inner a.backgroundBlog_waterpolo .text h3 {color:#8f9d9d} .blogNews .inner a.backgroundBlog_waterpolo .text .readMore {color:#8f9d9d} .blogNews .inner a.backgroundBlog_waterpolo .button {background-image:url(../images/button_bg_waterpolo.jpg);} .blogNews .inner .backgroundBlog_waterpolo ul li a.over {background-image:url(../images/button_bg_waterpolo.jpg)} .blogNews .inner a.backgroundBlog_disability {} .blogNews .inner a.backgroundBlog_disability .text h3 {color:#f38b00} .blogNews .inner a.backgroundBlog_disability .text .readMore {color:#f38b00} .blogNews .inner a.backgroundBlog_disability .button {background-image:url(../images/button_bg_disability.jpg);} .blogNews .inner .backgroundBlog_disability ul li a.over {background-image:url(../images/button_bg_disability.jpg)} /* Blog - Generic */ .blogGeneric {position:relative; background-image:url(../images/grey_tile.gif) ; color:#FFFFFF; height:390px;} .blogGeneric .inner {position:relative; width:940px; margin:0px auto; padding:20px; padding-top:10px; } .blogGeneric .inner h4{ margin-top:0px; font-family: 'Mr Dafoe', cursive; color:#FFFFFF; font-size:32px; font-weight:normal; margin-bottom:10px;} .blogGeneric .inner .fin {position:absolute; left:-180px; top:0px; background-image:url(../images/fin_small.gif); width:444px; height:390px;} .blogGeneric .inner .blogNav {background-color:#171717; height:40px; position:relative; border-top-right-radius:3px; border-top-left-radius:3px; padding-top:2px; padding-left:2px;} .blogGeneric .inner .blogBlockContainer {position:relative; background-image:url(../images/grey_tile.gif); padding: 10px; height: 210px; border-bottom-right-radius:3px; border-bottom-left-radius:3px; overflow: hidden; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.91); -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.91); -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.91);} .blogGeneric .inner a.blogBlock {position:relative; display: block; padding: 10px 30px 0 480px; margin: 0 0 20px 0; font-size:13px; color: #fff; text-decoration: none; height: 200px;} .blogGeneric .inner a.blogBlock .image {position:absolute; width:440px; height:190px; top: 0; left: 0; background-color:#232323; padding:10px; border:1px solid #3c3c3c} .blogGeneric .inner a.blogBlock .image .description {padding-top:8px; color:#818080; font-size:11px;} .blogGeneric .inner a.blogBlock h3 {color:#31c5ff; margin-bottom:15px; margin-top:5px; font-size:20px; font-weight:normal;} .blogGeneric .inner a.blogBlock .button {position:absolute; bottom:10px; right:10px; background-image:url(../images/blog_button.jpg); height:20px; width:auto; padding-left:20px; padding-top:5px; padding-right:20px; color:#FFFFFF; text-decoration:none; font-size:12px; border:1px solid #FFFFFF} .blogGeneric .inner a.blogBlock:hover .button {border:1px solid #FFFFFF; cursor:pointer} .blogGeneric .inner .blogNav ul {position:relative; float:left; display:block; margin:0; padding:0; font-size:13px; font-weight:normal; } .blogGeneric .inner .blogNav ul li {position:relative; float:left; display:inline; list-style:none; border-right:0px solid #2c2b2b; margin-right:0px; border-top-right-radius:3px; border-top-left-radius:3px; } .blogGeneric .inner .blogNav ul li a {position:relative;float:left; display:block; height:30px; padding: 10px 30px 0 30px; text-decoration:none; border-right:0px solid #424242; border-top-right-radius:3px; border-top-left-radius:3px;} .blogGeneric .inner .blogNav ul li a:hover { background-image:url(../images/generic_hover.gif); background-position:center bottom;} .blogGeneric .inner .blogNav ul li a.over {background-image:url(../images/grey_tile.gif)} .blogGeneric .inner .blogNav ul li.generic_2613 a{color:#00c5b4} /* Lessons */ .blogGeneric .inner .blogNav ul li.generic_2614 a{color:#31c5ff} /* Comp */ .blogGeneric .inner .blogNav ul li.generic_2615 a{color:#e41e93} /* Masters */ .blogGeneric .inner .blogNav ul li.generic_2616 a{color:#8f9d9d} /* Waterpolo */ .blogGeneric .inner .blogNav ul li.generic_2617 a{color:#f38b00} /* Disability */ .blogGeneric .inner a.generic_2613 {} .blogGeneric .inner a.generic_2613 .button {background-image:url(../images/button_bg_lessons.jpg);} .blogGeneric .inner a.generic_2613 h3 {color:#00c5b4;} .blogGeneric .inner a.generic_2614 {} .blogGeneric .inner a.generic_2614 .button {background-image:url(../images/blog_button.jpg);} .blogGeneric .inner a.generic_2614 h3 {color:#31c5ff;} .blogGeneric .inner a.generic_2615 {} .blogGeneric .inner a.generic_2615 .button {background-image:url(../images/button_bg_masters.jpg);} .blogGeneric .inner a.generic_2615 h3 {color:#e41e93;} .blogGeneric .inner a.generic_2616 {} .blogGeneric .inner a.generic_2616 .button {background-image:url(../images/button_bg_waterpolo.jpg);} .blogGeneric .inner a.generic_2616 h3 {color:#8f9d9d;} .blogGeneric .inner a.generic_2617 {} .blogGeneric .inner a.generic_2617 .button {background-image:url(../images/button_bg_disability.jpg);} .blogGeneric .inner a.generic_2617 h3 {color:#f38b00;} /* Blog - Top Fins */ .blogTopfins {position:relative; background-image:url(../images/topfins_bg.gif); background-color:#FFFFFF; background-position:center bottom; background-repeat:no-repeat;} .blogTopfins .innerWide {position:relative; width:950px; margin:0px auto; padding-bottom:20px; padding-left:20px; padding-right:20px; padding-top:10px;} .blogTopfins .innerWide .socialMedia {position:absolute; right:20px; text-align:right; padding-top:10px;} .blogTopfins .innerWide h4 { margin-top:0px; font-family: 'Mr Dafoe', cursive; margin-bottom:0px; color:#171717; font-size:32px; font-weight:normal; margin-left:0px; margin-bottom:5px;} .blogTopfins .innerWide .blogInnerContainer {position: relative; margin: 0 auto; height: 238px; overflow: hidden; } .blogTopfins .innerWide .blogInnerSlider {position:absolute; width: 3000px; top: 5px; left: 0; padding-left:5px;} .blogTopfins .innerWide a.article {position:relative; display: block; width:460px; float:left; height:220px; margin-right:19px; background-color:#2a7be0; background-image:url(../images/topfins_bg_comp.gif); background-position:top; background-repeat:repeat-x; color:#FFFFFF; font-size:13px; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.91); -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.91); -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.91);} .blogTopfins .innerWide a.article .image {position:relative; float:left; width:230px; height:220px; border-right:1px solid #FFFFFF} .blogTopfins .innerWide a.article .text {position:relative; float:right; width:190px; margin-left:0px; padding:10px; padding-right:20px;} .blogTopfins .innerWide a.article .text .date {position:relative; display:block; color:#2b0e17; padding-bottom:5px;} .blogTopfins .innerWide a.article .text h3 { margin-top:0px; margin-bottom:5px; margin-top:5px; color:#31c5ff; font-size:20px; font-weight:normal;} .blogTopfins .innerWide a.article .button {position:absolute; bottom:10px; right:10px; background-image:url(../images/blog_button.jpg); height:20px; width:auto; padding-left:20px; padding-top:5px; padding-right:20px; color:#FFFFFF; text-decoration:none; font-size:12px; border:1px solid #FFFFFF} .blogTopfins .innerWide a.article .button:hover {border:1px solid #2495c1; cursor:pointer} .blogTopfins .innerWide a.article:hover {} .blogTopfins .innerWide a.article .newFlag {position:absolute; display: block; right:-7px; top:-5px; background-image:url(../images/new_flag.png); width:68px; height:67px; z-index:15} a.toolArrowLeft {position:absolute; width:11px; height:19px; background-image:url(../images/blog_slide_left.gif) ;left:0; bottom:130px;} a.toolArrowRight {position:absolute; width:11px; height:19px; background-image:url(../images/blog_slide_right.gif) ; right:0px; bottom:130px;} /* Blog - topfins - Colours */ .blogTopfins .innerWide a.backgroundBlog_comp {background-image:url(../images/topfins_bg_comp.gif); background-position:top; background-repeat:repeat-x;} .blogTopfins .innerWide a.backgroundBlog_comp .newFlag {position:absolute; display: block; right:-7px; top:-5px; background-image:url(../images/new_flag_comp.png); width:68px; height:67px; z-index:15} .blogTopfins .innerWide a.backgroundBlog_comp .text h3 {color:#31c5ff} .blogTopfins .innerWide a.backgroundBlog_comp .button {background-image:url(../images/blog_button.jpg);} a.toolArrowLeft_comp {position:absolute; width:11px; height:19px; background-image:url(../images/blog_slide_left_comp.gif) ;left:0; bottom:130px;} a.toolArrowRight_comp {position:absolute; width:11px; height:19px; background-image:url(../images/blog_slide_right_comp.gif) ; right:0px; bottom:130px;} a.toolArrowLeft_all {position:absolute; width:11px; height:19px; background-image:url(../images/blog_slide_left_comp.gif) ;left:0; bottom:130px;} a.toolArrowRight_all {position:absolute; width:11px; height:19px; background-image:url(../images/blog_slide_right_comp.gif) ; right:0px; bottom:130px;} .blogTopfins .innerWide a.backgroundBlog_lessons {background-image:url(../images/topfins_bg_lessons.gif); background-position:top; background-repeat:repeat-x;} .blogTopfins .innerWide a.backgroundBlog_lessons .newFlag {position:absolute; display: block; right:-7px; top:-5px; background-image:url(../images/new_flag_lessons.png); width:68px; height:67px; z-index:15} .blogTopfins .innerWide a.backgroundBlog_lessons .text h3 {color:#00c5b4} .blogTopfins .innerWide a.backgroundBlog_lessons .button {background-image:url(../images/button_bg_lessons.jpg);} a.toolArrowLeft_lessons {position:absolute; width:11px; height:19px; background-image:url(../images/blog_slide_left_lessons.gif) ;left:0; bottom:130px;} a.toolArrowRight_lessons {position:absolute; width:11px; height:19px; background-image:url(../images/blog_slide_right_lessons.gif) ; right:0px; bottom:130px;} .blogTopfins .innerWide a.backgroundBlog_masters {background-image:url(../images/topfins_bg_masters.gif); background-position:top; background-repeat:repeat-x;} .blogTopfins .innerWide a.backgroundBlog_masters .newFlag {position:absolute; display: block; right:-7px; top:-5px; background-image:url(../images/new_flag_masters.png); width:68px; height:67px; z-index:15} .blogTopfins .innerWide a.backgroundBlog_masters .text h3 {color:#e41e93} .blogTopfins .innerWide a.backgroundBlog_masters .button {background-image:url(../images/button_bg_masters.jpg);} a.toolArrowLeft_masters {position:absolute; width:11px; height:19px; background-image:url(../images/blog_slide_left_masters.gif) ;left:0; bottom:130px;} a.toolArrowRight_masters {position:absolute; width:11px; height:19px; background-image:url(../images/blog_slide_right_masters.gif) ; right:0px; bottom:130px;} .blogTopfins .innerWide a.backgroundBlog_waterpolo {background-image:url(../images/topfins_bg_waterpolo.gif); background-position:top; background-repeat:repeat-x;} .blogTopfins .innerWide a.backgroundBlog_waterpolo .newFlag {position:absolute; display: block; right:-7px; top:-5px; background-image:url(../images/new_flag_waterpolo.png); width:68px; height:67px; z-index:15} .blogTopfins .innerWide a.backgroundBlog_waterpolo .text h3 {color:#8f9d9d} .blogTopfins .innerWide a.backgroundBlog_waterpolo .button {background-image:url(../images/button_bg_waterpolo.jpg);} a.toolArrowLeft_waterpolo {position:absolute; width:11px; height:19px; background-image:url(../images/blog_slide_left_waterpolo.gif) ;left:0; bottom:130px;} a.toolArrowRight_waterpolo {position:absolute; width:11px; height:19px; background-image:url(../images/blog_slide_right_waterpolo.gif) ; right:0px; bottom:130px;} .blogTopfins .innerWide a.backgroundBlog_disability {background-image:url(../images/topfins_bg_disability.gif); background-position:top; background-repeat:repeat-x;} .blogTopfins .innerWide a.backgroundBlog_disability .newFlag {position:absolute; display: block; right:-7px; top:-5px; background-image:url(../images/new_flag_disability.png); width:68px; height:67px; z-index:15} .blogTopfins .innerWide a.backgroundBlog_disability .text h3 {color:#f38b00} .blogTopfins .innerWide a.backgroundBlog_disability .button {background-image:url(../images/button_bg_disability.jpg);} a.toolArrowLeft_disability {position:absolute; width:11px; height:19px; background-image:url(../images/blog_slide_left_disability.gif) ;left:0; bottom:130px;} a.toolArrowRight_disability {position:absolute; width:11px; height:19px; background-image:url(../images/blog_slide_right_disability.gif) ; right:0px; bottom:130px;} a.toolArrowLeft_comp {position:absolute; width:11px; height:19px; background-image:url(../images/blog_slide_left_comp.gif) ;left:0; bottom:130px;} a.toolArrowRight_comp {position:absolute; width:11px; height:19px; background-image:url(../images/blog_slide_right_comp.gif) ; right:0px; bottom:130px;} /* Blog - Health */ .blogHealth {position:relative; background-color:#000000; background-image:url(../images/health_bg.gif); background-repeat:no-repeat; background-position:center bottom;} .blogHealth .inner {position:relative; width:980px; margin:0px auto; padding-bottom:20px; padding-top:10px;} .blogHealth .inner h4 { margin-top:0px; font-family: 'Mr Dafoe', cursive; margin-bottom:5px; color:#FFFFFF; font-size:32px; font-weight:normal; margin-left:20px; margin-bottom:10px;} .blogHealth .blogEnd { height:40px; border-bottom:0px solid #ffffff; background-image:url(http://www.swimbluefins.org/images/dark_blog_bg.jpg);} .blogHealth .blogEnd .inner {position:relative; width:980px; margin:0px auto; padding:0px; padding-top:10px; padding-right:24px;} .blogHealth .inner a .article {position:relative; width:460px; float:left; height:160px; border:1px solid #121212; margin-left:19px; background-color:#b0b0b0; color:#FFFFFF; font-size:13px; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.91); -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.91); -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.91); } .blogHealth .inner a .article .newFlag {position:absolute; right:-7px; top:-5px; background-image:url(../images/new_flag.png); width:68px; height:67px; z-index:15} .blogHealth .inner a .article .artPad {position:relative; width:438px; height:140px; border:0px solid #232222; padding:10px; display:block;} .blogHealth .inner a .article .artPad .image {position:relative; float:left; width:118px; height:118px; border:10px solid #232323;} .blogHealth .inner a .article .artPad .text {position:relative; float:left; width:250px; margin-left:20px; padding-top:5px;} .blogHealth .inner a .article .artPad .text .date {position:relative; display:block; color:#2b0e17; padding-bottom:5px;} .blogHealth .inner a .article .artPad .text h3 { font-family: Arial, Helvetica, sans-serif; margin-top:0px; margin-bottom:5px; color:#; font-size:19px; font-weight:normal;} .blogHealth .inner a .article .artPad .button {position:absolute; bottom:10px; right:9px; background-image:url(../images/blog_button.jpg); height:20px; width:auto; padding-left:20px; padding-top:5px; padding-right:20px; color:#FFFFFF; text-decoration:none; font-size:12px; border:1px solid #FFFFFF} .blogHealth .inner a .article .artPad .button:hover {border:1px solid #FFFFFF; cursor:pointer} .blogHealth .inner a .article:hover {border:1px solid #4b4a4a;} /* Blog - Health - Colours */ .blogHealth .inner a .backgroundBlog_comp {background-image:url(../images/health_article_bg.gif);} .blogHealth .inner a .backgroundBlog_comp .artPad .text h3 {color:#FFFFFF} .blogHealth .inner a .backgroundBlog_comp .artPad .button { background-image:url(../images/blog_button.jpg);} .blogHealth .inner a .backgroundBlog_comp .artPad .button:hover {border:1px solid #FFFFFF; cursor:pointer} .blogHealth .inner a .backgroundBlog_comp .newFlag {position:absolute; right:-7px; top:-5px; background-image:url(../images/new_flag_comp.png); width:68px; height:67px; z-index:15} .blogHealth .inner a .backgroundBlog_lessons {background-image:url(../images/health_article_bg.gif);} .blogHealth .inner a .backgroundBlog_lessons .artPad .text h3 {color:#FFFFFF} .blogHealth .inner a .backgroundBlog_lessons .artPad .button {background-image:url(../images/button_bg_lessons.jpg);} .blogHealth .inner a .backgroundBlog_lessons .artPad .button:hover {border:1px solid #FFFFFF; cursor:pointer} .blogHealth .inner a .backgroundBlog_lessons .newFlag {position:absolute; right:-7px; top:-5px; background-image:url(../images/new_flag_lessons.png); width:68px; height:67px; z-index:15} .blogHealth .inner a .backgroundBlog_masters {background-image:url(../images/health_article_bg.gif);} .blogHealth .inner a .backgroundBlog_masters .artPad .text h3 {color:#FFFFFF} .blogHealth .inner a .backgroundBlog_masters .artPad .button {background-image:url(../images/button_bg_masters.jpg);} .blogHealth .inner a .backgroundBlog_masters .artPad .button:hover {border:1px solid #FFFFFF; cursor:pointer} .blogHealth .inner a .backgroundBlog_masters .newFlag {position:absolute; right:-7px; top:-5px; background-image:url(../images/new_flag_masters.png); width:68px; height:67px; z-index:15} .blogHealth .inner a .backgroundBlog_waterpolo {background-image:url(../images/health_article_bg.gif);} .blogHealth .inner a .backgroundBlog_waterpolo .artPad .text h3 {color:#FFFFFF} .blogHealth .inner a .backgroundBlog_waterpolo .artPad .button {background-image:url(../images/button_bg_waterpolo.jpg);} .blogHealth .inner a .backgroundBlog_waterpolo .artPad .button:hover {border:1px solid #FFFFFF; cursor:pointer} .blogHealth .inner a .backgroundBlog_waterpolo .newFlag {position:absolute; right:-7px; top:-5px; background-image:url(../images/new_flag_waterpolo.png); width:68px; height:67px; z-index:15} .blogHealth .inner a .backgroundBlog_disability {background-image:url(../images/health_article_bg.gif);} .blogHealth .inner a .backgroundBlog_disability .artPad .text h3 {color:#FFFFFF} .blogHealth .inner a .backgroundBlog_disability .artPad .button {background-image:url(../images/button_bg_disability.jpg);} .blogHealth .inner a .backgroundBlog_disability .artPad .button:hover {border:1px solid #FFFFFF; cursor:pointer} .blogHealth .inner a .backgroundBlog_disability .newFlag {position:absolute; right:-7px; top:-5px; background-image:url(../images/new_flag_disability.png); width:68px; height:67px; z-index:15} /* Blog Main Page */ .subBody .innerPad {position:relative; width:940px; margin:0px auto; padding-top:20px; padding-bottom:30px; padding-left:20px; padding-right:20px; font-size:12px; color:#a18e91; } .subBody .innerPad h1 {color:#171717; font-family: 'Mr Dafoe', cursive; margin:0px; margin-bottom:15px; margin-top:5px; font-size:32px; font-weight:normal;} .subBody .inner h1 {color:#171717; font-family: 'Mr Dafoe', cursive; margin:0px; margin-bottom:15px; margin-top:0px; font-size:32px; font-weight:normal;} .subBody .inner h2 {color:#171717; margin:0px; margin-bottom:15px; margin-top:0px; font-size:22px; font-weight:normal;} .subBody .inner h3 {color:#171717; margin:0px; margin-bottom:15px; margin-top:0px; font-size:18px; font-weight:normal;} .subBody .inner h4 {color:#171717; margin:0px; margin-bottom:15px; margin-top:0px; font-size:14px; font-weight:normal;} .subBody .inner .blogTopContent {position:relative; padding-top:15px; padding-bottom:0px;} .subBody .inner .blogTopContent .blogLeft {position:relative; float:left; width:200px;} .subBody .inner .blogTopContent .blogLeft .title {color:#171717; display:block; font-family: 'Mr Dafoe', cursive; line-height:32px; margin:0px; margin-bottom:0px; margin-top:26px; font-size:32px; font-weight:normal;} .subBody .inner .blogTopContent .blogRight {position:relative; float:right; width:700px; text-align:right;} .subBody .inner .blogTopContent .blogRight .breadcrumbContainer {position:relative; top:-10px;} .subBody .inner .right .blogPageTitle {position:relative; padding-left:60px; padding-top:25px; padding-right:20px; padding-bottom:20px;} .subBody .inner .right .blogPageTitle h1 {color:#b70020; font-family: Arial, Helvetica, sans-serif; margin:0px; margin-bottom:15px; margin-top:5px; font-size:27px; font-weight:normal;} .subBody .inner .right .blogPageContent {position:relative; padding:10px; background-color:#ebebeb; font-size:12px;} .subBody .inner .right .blogPageContent h3 {color:#666666; font-family: Arial, Helvetica, sans-serif; margin:0px; margin-bottom:15px; margin-top:5px; font-size:18px; font-weight:normal;} .subBody .inner .right .blogPageImage {position:relative; width:680px; height:371px; background-repeat:no-repeat; background-image:url(../images/blog_image_bg_comp.gif);} .subBody .inner .right .image_comp {background-image:url(../images/blog_image_bg_comp.gif);} .subBody .inner .right .image_lessons {background-image:url(../images/blog_image_bg_lessons.gif);} .subBody .inner .right .image_masters {background-image:url(../images/blog_image_bg_masters.gif);} .subBody .inner .right .image_waterpolo {background-image:url(../images/blog_image_bg_waterpolo.gif);} .subBody .inner .right .image_disability {background-image:url(../images/blog_image_bg_disability.gif);} .subBody .inner .right .blogPageImage .image {position:absolute; top:29px; left:210px; width: 260px; height:260px; overflow: hidden; } .subBody .inner .right .blogPageImage .image .imageSlider {position:absolute; height: 260px; width: 5000px; top: 0; left: 0;} .subBody .inner .right .blogPageImage .title {position:absolute; height: 50px; width: 280px; top:282px; right: 200px; color: #fff; font-size: 13px; text-align:center; color:#333333;} .subBody .inner .right .blogPageImage .shareThis {position:absolute; top:80px; right:170px;} a.blogLeftSlide {position:absolute; background-image:url(../images/blog_slide_left_waterpolo.gif); width:11px; height:20px; left:160px; top:170px; display:block;} a.blogRightSlide {position:absolute; background-image:url(../images/blog_slide_right_waterpolo.gif); width:11px; height:20px; left:510px; top:170px; display:block;} /* Slider */ /* Slider */ #slides {position:relative; overflow: hidden; height:auto; background-color:#171717; padding: 0px 0 20px 0} #slidesInner {position: relative; margin: 0 auto; width: 1002px; height: 335px; } #slidesClip {position:relative; overflow: hidden; height:auto; height: 335px; } #homeSlideContainer {position:relative; width: 1002px; height:389px; background-color:#171717; } #homeSlideContainer #homeSlideButtons {position: absolute; bottom: 30px; left:15px; height: 10px; width: 250px; text-align: left;} #homeSlideContainer #homeSlideButtons ul {clear:left;float:left;list-style:none; margin:0; padding:0; position:relative;} #homeSlideContainer #homeSlideCoverLeft {position:absolute; left: -1011px; top: 0; width: 1005px; height: 333px; background: #171717; zoom: 1; filter: alpha(opacity=70); opacity: 0.7;} #homeSlideContainer #homeSlideCoverRight {position:absolute; right: -1011px; top: 0x; width: 1005px; height: 333px; background: #171717;zoom: 1; filter: alpha(opacity=70); opacity: 0.7;} #homeSlideContainer #homeSlideInner {position: absolute; top: 0; left: -1002px; width: 11000px} #homeSlideContainer #homeSlideInner .homeSlider {position: relative; float:left; width:980px; height: 330px; overflow: hidden; border:1px solid #171717; margin-left:10px; margin-right:10px;} #homeSlideContainer #homeSlideInner .homeSlider .text {position:absolute; width:900px; height:300px; top:40px; left:40px; color:#FFFFFF; font-family: 'Mr Dafoe', cursive; font-size:30px; line-height:35px;} #homeSlideContainer #homeSlideInner .homeSlider .text p {margin-top:0px;} #homeSlideContainer #homeSlideInner .homeSlider .text strong {font-size:25px; line-height:35px; font-weight:normal} #homeSlideContainer #homeSlideInner .homeSlider .text .title {position:absolute; font-family: 'PT Sans', arial, sans-serif; bottom:7px; left:-30px; font-size:14px; height:40px; } #homeSlideContainer #homeSlideInner .homeSlider .text .title .innerTitle {padding-top:3px; padding-left:10px; padding-right:10px; margin:0px; background-color:#0d49b5; border:1px solid #989898; height:20px; line-height:19px; text-transform:uppercase;} #homeSlideContainer #homeSlideInner .homeSlider .text .title .innerTitle p {margin:0px;} #slidesInnerButtons {position: absolute; margin: 0 auto; width: 200px; z-index:1; height: 20px; bottom:17px; right:20px; padding: 20px 0 0 0} #slidesInnerButtons .homeButtonContainer {position:relative;} #slidesInnerButtons .homeButtonContainer ul {margin: 0 auto; padding: 0; list-style:none; width: auto; display: table; float:right; border-top:1px solid #8d8d8d; border-bottom:1px solid #8d8d8d; border-right:1px solid #8d8d8d} #slidesInnerButtons .homeButtonContainer ul li {position:relative; padding: 0; margin: 0; display: inline; float: left; border-left:1px solid #8d8d8d;} #slidesInnerButtons .homeButtonContainer ul li a {position:relative; display: block; width: 10px; height: 25px; background-color:#202122; padding: 0 0px 0 0px; } #slidesInnerButtons .homeButtonContainer ul li a:hover {background-position: bottom; background-color:#0338a6} #slidesInnerButtons .homeButtonContainer ul li a.over {background-position: bottom; background-color:#297ade} /* Footer */ .links {position: relative; background-color:#FFFFFF; border-bottom:0px solid #FFFFFF; } .links .inner {position:relative; width:980px; margin:0px auto;} .links .inner a.linkGallery {position:relative; float:left; width:140px; text-align:center; margin-left:20px; margin-top:20px; margin-bottom:20px; height:130px; display:block;} .linksTop {position:relative; background-color:#171717;} .linksTop .inner {padding:10px; width:940px; margin:0px auto; font-size:11px; color:#FFFFFF} .linksTop .inner p {margin:0px; margin-top:2px;} .linksTop .inner a {color:#018cf3; text-decoration:none;} .sponsors {position: relative; background-image:url(../images/grey_tile.gif); border-bottom:0px solid #FFFFFF; } .sponsors .inner {position:relative; width:980px; margin:0px auto; height:210px;} .sponsors .inner a.sponsorGallery {position:relative; float:left; width:140px; margin-left:20px; height:200px; display:block; text-align:center; color:#828282; text-decoration:none; font-size:10px;} .sponsors .inner a.sponsorGallery .image {position:relative; background-color:#FFFFFF; padding:20px; width:100px; } .sponsors .inner a.sponsorGallery .title {position:relative; padding-top:10px; display:block; padding-bottom:5px;} .sponsors .inner a.sponsorGallery .description {position:relative; padding-top:5px; display:block; padding-bottom:10px;} .footer {position:relative; background-color:#2d7ee1; background-image:url(../images/footer_bg.gif); background-position:center top; background-color:#2a7de1; background-repeat:no-repeat; border-bottom:1px solid #FFFFFF;} .footer .inner {position:relative; width:940px; margin:0px auto; height:auto;} .footer .inner .break {position:relative; height:50px; width:940px;} .footer .inner .floatContainer {position:relative; padding-bottom:20px; height:auto;} .footer .inner .floatContainer .footerLogo {position:relative; float:left; background-image:url(../images/footer_logo.gif); width:221px; height:124px; display:block; top:20px;} .footer .inner .floatContainer .strapline {position:relative; float:right; right:0px; width:630px; top:89px; font-size:33px; height:30px; color:#31c5ff; font-family: 'Mr Dafoe', cursive;} .footer .inner .footerMap {position:relative; height:auto; width:940px; padding-bottom:20px;} .footer .inner .footerMap .column {position:relative; float:left; width:155px;} .footer .inner .footerMap .column a.root {color:#FFFFFF; font-size:16px; margin-bottom:10px; display:block; text-decoration:none} .footer .inner .footerMap .column a.sub {color:#FFFFFF; font-size:12px; margin-bottom:4px; display:block; text-decoration:none} .footer .inner .copyright {position:relative; height:auto; width:940px; padding-top:10px; padding-bottom:10px; font-size:10px; color:#171717} .legal {position:relative; background-color:#171717;} .legal .inner {position:relative; width:940px; margin:0px auto; font-size:12px; color:#31c5ff; text-align:left; padding-top:4px; padding-bottom:4px;} .legal .inner a {color:#5c5c5c; text-decoration:none} .legal .inner a.blue {color:#31c5ff; text-decoration:none} /* Breadcrumb Style */ ul#breadcrumb {display:block; float:right; height:25px; font-size:11px; font-weight:normal; text-decoration:none; list-style:none; margin:0; padding: 0; padding-left:20px; margin-top:0px;} ul#breadcrumb li {float:left; display:inline; color:#333; font-size:11px; margin:0; padding:0} ul#breadcrumb li a {color:#000000; font-size:11px; text-decoration:none} ul#breadcrumb li a:hover {color:#31c5ff; font-size:11px; text-decoration:none} ul#breadcrumb li a.home { } ul#breadcrumb li a.home:hover {background-position: bottom;} /* Contact Page */ #contactLeft {position:relative; display:block ; float: left; width:300px; margin: 0 20px 0 0; padding-top:40px; font-size: 12px; color:#a18e91; } #contactLeft h3 { margin-top:0px; font-family: 'Mr Dafoe', cursive; margin-bottom:30px; color:#31c5ff; font-size:20px; font-weight:normal; line-height:20px;} #contactLeft strong {color:#31c5ff; font-size:14px; font-weight:normal; margin-bottom:15px;} #contactMap {position:relative; display:block ; float: left; border:1px solid #b3b3b3; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.50); -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.50); -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.50);margin-bottom:50px; margin-top:40px; } #contactMapInner {display:block; width:344px; height: 344px; border:3px solid #fff; background: #eee; } #contactRight {position:relative; display:block ; float: left; width:200px; margin: 0 0 0 55px; padding-top:40px; font-size: 14px; color } #contactRight strong {color:#31c5ff; font-size:14px; font-weight:normal; } /* Left Static Social */ #leftStaticSocial {position:fixed; left:0px; top:240px; width:41px; height:193px; padding:0px; padding-top:10px; padding-bottom:8px; background-color:#2c2c2c;box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.98); -moz-box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.98); -webkit-box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.98); z-index:100; -moz-border-top-right-radius: 3px; border-top-right-radius: 3px; -moz-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px;} #leftStaticSocial .divide {position:relative; height:2px; margin-top:7px; margin-bottom:7px; background-image:url(http://www.swimbluefins.org/images/social_divide.gif)} @media only screen and (max-device-width: 480px) { #leftStaticSocial {display:none;} } a.staticPin {position:relative; background-image:url(../images/static_pin.gif); width:25px; height:25px; display:block; left:8px; } a.staticTwitter {position:relative; background-image:url(../images/static_twitter.gif); width:25px; height:25px; display:block; left:8px; } a.staticFacebook {position:relative; background-image:url(../images/static_facebook.gif); width:25px; height:25px; display:block; left:8px; } a.staticGoogle {position:relative; background-image:url(../images/static_google.gif); width:25px; height:25px; display:block; left:8px; } .st_sharethis_custom {position:relative; background-image:url(../images/static_sharethis.gif); width:25px; height:25px; display:block; left:8px; cursor:pointer; text-indent:-6000px; } a.staticLinked {position:relative; background-image:url(../images/static_linked.gif); width:25px; height:25px; display:block; left:8px; } .cornerShadow {position:relative; background-image:url(../images/corner_shadow.png); height:21px; width:300px; background-position:left bottom;} iframe {position:relative; } iframe table { font-family: verdana,arial,sans-serif; font-size:11px; color:#333333; border-width: 1px; border-color: #666666; border-collapse: collapse; } iframe table th { border-width: 1px; padding: 8px; border-style: solid; border-color: #666666; background-color: #dedede; } iframe table td { border-width: 1px; padding: 8px; border-style: solid; border-color: #666666; background-color: #ffffff; } a.searchLoop {position:relative; background-color:#bab0b1; border-bottom:1px solid #FFFFFF; display:block; padding:15px; color:#FFFFFF; text-decoration:none; background-image:url(http://www.swimbluefins.org/images/search_bg_loop.gif); background-position:right center; background-repeat:no-repeat;} a.searchLoop strong {font-size:16px; font-weight:normal; padding-bottom:2px; display:block} a.searchLoopAlt {position:relative; background-color:#8d8485; border-bottom:1px solid #FFFFFF; display:block; padding:15px; color:#FFFFFF; text-decoration:none; background-image:url(http://www.swimbluefins.org/images/search_bg_loop_alt.gif); background-position:right center; background-repeat:no-repeat;} a.searchLoopAlt strong {font-size:16px; font-weight:normal; padding-bottom:2px; display:block} /* Site wide */ .clear {clear:both} .errorText {color:#FF0000} a {color:#31c5ff} .homeSub {position:relative; background-color:#000000;} .homeSub .subNavContainer { position:relative; margin:0px auto; display:block; left:0; padding-top:0px; padding-top:20px; padding-bottom:20px; height:auto; width:980px; background-image:url(../images/sub_nav_bg_main.gif); background-color:#000000; background-position:bottom; background-repeat:no-repeat; box-shadow: 0px 6px 18px rgba(0, 0, 0, 0.32);-moz-box-shadow: 0px 6px 18px rgba(0, 0, 0, 0.32);-webkit-box-shadow: 0px 6px 18px rgba(0, 0, 0, 0.32); z-index:10; margin:0px auto;} .homeSub .subNavContainer .subColumn {position:relative; float:left; width:140px; margin-left:20px; padding-top:1px;} .homeSub .subNavContainer .subColumn a.rootImage {position:relative; width:120px; padding:0px; border:1px solid #3c3c3c; height:120px; background-color:#232323; margin-bottom:10px; display:block; border-top-right-radius: 0px; border-top-left-radius: 0px; padding:10px; } .homeSub .subNavContainer .subColumn a {background-image:none; color:#FFFFFF; font-size:11px; border-bottom:1px solid #3c3c3c; width:130px; height:auto; display:block; padding-top:3px; padding-bottom:3px; padding-left:10px; text-align:left; text-decoration:none} .homeSub .subNavContainer .subColumn a:hover {color:#CCCCCC;} .homeSub .subNavContainer .subColumn a.over {color:#FFFFFF; background-image:url(../images/sub_nav_highlight.png); background-position:center bottom; background-repeat:no-repeat;}