@charset "UTF-8";
/* CSS Document */

#logo {
	background:url('/images/layout/logo.gif');
	height:56px;
	width:270px;
}

#logo a {
	height:56px;
	width:270px;
}

#content div.content-swim {
	padding:0 0 20px 0;
	line-height:18px;
	width:980px;
}

.swim-story {
	width:660px;
	background:url('/images/usa-swimming/news/homepage-schmitt.jpg') top left no-repeat;
}
.swim-story .feel-heat {
	/*margin: 137px 10px 0 435px;*/
	margin-top:-46px;
}

div.swim-story div.gradient, div.whitebox div.gradient {
	height:50px;
	background: -moz-linear-gradient(rgba(0, 0, 0, 0) 100%, rgba(0, 0, 0, .5) 0%); /* mozilla */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(100%, rgba(0, 0, 0, 0)), color-stop(0%, rgba(0, 0, 0, .5))); /* webkit */
	background: linear-gradient(0deg, rgba(0, 0, 0, 0) 100%, rgba(0, 0, 0, .5) 0%);
}

div.swim-story div.story {
	/*margin-top:249px;*/ /* USE WHEN THE TOP IMAGE IS NOT A LINK */
	padding:15px 15px 15px 15px;
	background: #FFFFFF; /* old browsers, or ie */
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 20%); /* mozilla */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, .5)), color-stop(20%, rgba(255, 255, 255, 1))); /* webkit */
	background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 20%);
}

div.swim-story div.story h1 {
	color:rgb(5, 75, 140);
	font-size:36px !important;
	line-height:36px !important;
	font-weight:bold;
	margin:0 0 10px 0 !important;
	text-shadow: 0px 3px 7px rgba(255, 255, 255, 1);
}

div.swim-story div.story h2 {
	color:rgb(5, 75, 140);
	font-size:20px !important;
	font-weight:normal;
	margin:0 0 15px 0 !important;
	text-shadow: 0px 2px 3px rgba(255, 255, 255, 1);
}

div.swim-story div.story p {
	color:rgb(120, 120, 120);
	font-size:14px;
	line-height:20px;
	margin:0 0 16px 0;
}

div.swim-left-col {
	float:right;
	height:300px;
	width:320px;
	background: url('/images/usa-swimming/bg-flag.jpg') top left no-repeat;
}

div.swim-left-col div.whitebox {
	-moz-border-radius: 10px;
	border-radius: 10px;
	width:250px;
	height:220px;
	background:#FFF;
	margin:20px 0 0 20px;
	position:absolute;
	padding:15px;
}

div.swim-left-col div.whitebox h2 {
	width:232px;
	height:57px;
	background:url('/images/usa-swimming/header-mutual-usaswim.jpg') top left no-repeat;
}

div.swim-left-col div.whitebox h2 span {
	visibility:hidden;
}

div.swim-left-col div.whitebox p {
	margin-bottom:15px;
}

img.swimmer {
	float:right;
	margin-left:25px;
	margin-top:-12px;
	margin-right:-20px;
}

div.swimmerimg {
	float:right;
	margin-left:25px;
	margin-top:-12px;
	margin-right:-20px;
	width:311px;
	min-height:632px;
}

div.swimmerimg div.pull-quote {
	width:295px !important;
	margin-top:575px !important;
}

div.swimmerimg div.pull-quote p {
	border-top:0px !important;
	padding-top:10px !important;
}

div.swimmerimg div.pull-quote span {
	font-size:16px !important;
}

#header {
	padding-top:14px !important;
}

li.jcarousel-item {
	margin-bottom:0 !important;
	padding-bottom:0 !important;
	background:none !important;
	padding-left:0 !important;
	height:75px;
}

div.newscarousel {
	/* float:right; */
	/* margin-top:310px; */
	/* margin-right:5px; */
	width:300px;

    position: absolute;
    top: 310px;
    right: 5px;
}

div.newscarousel ul.jcarousel li span {
	width:210px;
	float:right;
	margin:0;
	margin-top:10px;
	font-size:12px;
	line-height:18px;
	font-weight:bold;
	position:relative;
	z-index:10;
}

div.newscarousel ul.jcarousel li.odd {
	background:#FBFBFE !important;
}

div.newscarousel ul.jcarousel li img {
	z-index:10;
	position:relative;
}

.jcarousel-skin-tango .jcarousel-container-vertical, .jcarousel-clip-vertical,  .jcarousel-skin-tango {
	height:225px !important;
}

.jcarousel-skin-tango .jcarousel-container-vertical a {
	display:block;
	position:absolute;
	height:75px;
	width:298px;
	z-index:0;
}

.jcarousel-skin-tango .jcarousel-container-vertical a:hover {
	background:rgba(218,218,218,.25);
}

.sigcard {
	padding-top:30px;
	height:120px;
	width:300px;
}

.sigcard img {
	float:left;
	margin-right:20px;
	margin-top:-30px;
}

p.wallpaper {
	height:110px;
}

p.wallpaper span {
	display:block;
	margin-left:140px;
	margin-top:-70px;
}

div.screensaver {
	
}

/*///// Navigation /////*/
#nav { height:50px; margin-top:15px; background:transparent url("/images/layout/nav/nav-usa-swimming.jpg") top left no-repeat; background-position:0px -150px; }
#nav ul {  }
#nav ul li { display:block; float:left; }
#nav ul li a { height:0; padding-top:50px; float:left; overflow:hidden; border:none; background:transparent url("/images/layout/nav/nav-usa-swimming.jpg") 0 0 no-repeat; }

#nav ul li#nav_swim_home a { width:61px; }
#nav ul li#nav_swim_home a:hover { background-position:0 -50px; }
#nav ul li#nav_swim_home a:active { background-position:0 -100px; }
#nav ul li#nav_swim_home.on a { background-position:0 -100px; }

#nav ul li#nav_swim_swimmers a { width:176px; background-position:-62px 0; }
#nav ul li#nav_swim_swimmers a:hover { background-position:-62px -50px; }
#nav ul li#nav_swim_swimmers a:active { background-position:-62px -100px; }
#nav ul li#nav_swim_swimmers.on a { background-position:-62px -100px; }

#nav ul li#nav_swim_clips a { width:116px; background-position:-238px 0; }
#nav ul li#nav_swim_clips a:hover { background-position:-238px -50px; }
#nav ul li#nav_swim_clips a:active { background-position:-238px -100px; }
#nav ul li#nav_swim_clips.on a { background-position:-238px -100px; }

#nav ul li#nav_breakout_swim_clinic a { width:202px; background-position:-354px 0; }
#nav ul li#nav_breakout_swim_clinic a:hover { background-position:-354px -50px; }
#nav ul li#nav_breakout_swim_clinic a:active { background-position:-354px -100px; }
#nav ul li#nav_breakout_swim_clinic.on a { background-position:-354px -100px; }

#nav ul li#nav_duel_in_the_pool a { width:147px; background-position:-556px 0; }
#nav ul li#nav_duel_in_the_pool a:hover { background-position:-556px -50px; }
#nav ul li#nav_duel_in_the_pool a:active { background-position:-556px -100px; }
#nav ul li#nav_duel_in_the_pool.on a { background-position:-556px -100px; }

#nav ul li#nav_aha_moment a { width:127px; background-position:-501px 0; }
#nav ul li#nav_aha_moment a:hover { background-position:-501px -50px; }
#nav ul li#nav_aha_moment a:active { background-position:-501px -100px; }
#nav ul li#nav_aha_moment.on a { background-position:-501px -100px; }

#nav ul li#nav_swim_downloads a { width:119px; background-position:-703px 0; }
#nav ul li#nav_swim_downloads a:hover { background-position:-703px -50px; }
#nav ul li#nav_swim_downloads a:active { background-position:-703px -100px; }
#nav ul li#nav_swim_downloads.on a { background-position:-703px -100px; }

#nav ul li#nav_swim_links a { width:86px; background-position:-822px 0; }
#nav ul li#nav_swim_links a:hover { background-position:-822px -50px; }
#nav ul li#nav_swim_links a:active { background-position:-822px -100px; }
#nav ul li#nav_swim_links.on a { background-position:-822px -100px; }

/*
#nav ul li#nav_swim_glossary a { width:112px; background-position:-511px 0; }
#nav ul li#nav_swim_glossary a:hover { background-position:-511px -50px; }
#nav ul li#nav_swim_glossary a:active { background-position:-511px -100px; }
#nav ul li#nav_swim_glossary.on a { background-position:-511px -100px; }
#nav ul li#nav_swim_breakout a { width:212px; background-position:-709px 0; }
#nav ul li#nav_swim_breakout a:hover { background-position:-709px -50px; }
#nav ul li#nav_swim_breakout a:active { background-position:-709px -100px; }
#nav ul li#nav_swim_breakout.on a { background-position:-709px -100px; }
*/

#nav ul li.on a { cursor:pointer }
#nav ul li.on a.selected { cursor:default; }


#nav ul li#nav_account { float:right; padding:0 14px 0 0; }
#nav ul li#nav_account a { display:block; height:30px; padding:20px 0 0 19px; font-size:12px; color:#FFF; background:transparent url("/images/icons/lock-white.png") 0 18px no-repeat; border:none; }
#nav ul li#nav_account a:hover { text-decoration:underline; }

#title-bar {
	background:url('/images/usa-swimming/titlebar-shade-gradient.jpg') top right no-repeat !important;
}

img.duellogo {
	width:400px;
	height:277px;
	float:right;
	margin:0 0 40px 40px;
}

div.pull-quote span {
	text-align:left !important;
}

img.photo {
	float:right;
	margin-right:-50px;
	margin-left:20px;
	-webkit-box-shadow: 0px 3px 5px #999;
	-moz-box-shadow: 0px 3px 5px #999;
	box-shadow: 0px 3px 5px #999;
}


.story .float{
	float:left;
	margin-right:20px;
}