/*
Theme Name: WLSL
Theme URI: http://worldslargestswimminglesson.com/
Description: Custom Wordpress Theme Development by Cener Social Media
Version: 1.0
Author: Justin Cener
Author URI: http://justincener.com/
Tags: wlsl
*/

* {margin: 0; padding: 0;}
img {border: 0;}

hr {background-color: #f68a32; color: #f68a32; height:3px;}

body {font-family: arial;}

.formtitle100 {color: #13539d;}
..gfield_checkbox li {float: left; margin-right: 10px;}

#header {background: url(images/headerbg.jpg) repeat-x; height: 85px; border-bottom: 2px solid #999;/*shadow*/}

#navwrap {margin: auto; width: 960px;}
/*old nav
#navwrap {margin: auto; width: 960px;}
#nav {list-style-type: none; padding-top: 50px; margin-left: 107px;}
#nav li {display: inline;}
#nav li a {font-size: 16px; color: #fff; margin-right: 26px; text-decoration: none;}
*/
/* remove the list style */
	#nav {list-style-type: none; padding-top: 19px; margin-left: 60px;}
	
		/* make the LI display inline */
		/* it's position relative so that position absolute */
		/* can be used in submenu */
		#nav li {
			float:left; 
			display:block; 
			position:relative;
			z-index:500; 
		}
		
		/* this is the parent menu */
		#nav li a {font-size: 16px; color: #fff; margin-right: 22px; text-decoration: none;}

		#nav li a:hover {
			color:#fff;
		}
	
		/* you can make a different style for default selected value */
		#nav a.selected {
			color:#f00;
		}
	
		/* submenu, it's hidden by default */
		#nav ul {
			position:absolute; 
			left:0; 
			display:none; 
			margin:0 0 0 -1px; 
			padding:0; 
			list-style:none;
		}
		
		#nav ul li {
			width:180px; 
			float:left; 
			border-bottom:1px solid #fff;
			background-color: orange;
		}
		
		/* display block will make the link fill the whole area of LI */
		#nav ul a {
			display:block;  
			height:15px;
			padding: 8px 5px; 
			color:#fff;
		}
		
		#nav ul a:hover {
			text-decoration:underline;	
		}

		/* fix ie6 small issue */
		/* we should always avoid using hack like this */
		/* should put it into separate file*/


#headline {background: url(images/headlinebg.jpg) repeat-x; height: 267px;}
#headlinewrap {margin: auto; width: 960px;}
#line1 {float: left; width: 300px; margin-right: 5px; margin-left: 44px;}
/* #line2 {float: left; width: 335px; margin-right: 5px;}
#line2 h1 {text-indent: -9999px; background: url(images/line2h1.jpg) no-repeat; height: 233px; margin-top:24px;} */
#line3 {/* float:right; */ /* margin-top:5px; */ width:720px; /* margin-right: 5px; */ /* margin-left:95px; */}
#slider-wrap {/* border:1px solid #cccccc; padding:9px; */	background: #f2f2f2; overflow:hidden; width:960px; position:relative; float:left;}
#slider {position:relative;}
#slider ul li {list-style:none;	width:960px; height:267px; overflow:hidden;	position:relative;}

#middle {background: #f68a33 url(images/middlebg.jpg) repeat-x; height: 85px; border-top: 2px solid #999;/*shadow*/ border-bottom: 2px solid #999999;/*shadow*/}
#middlewrap {margin:2px auto 0; width: 960px;}
#buttons {float: left; width: 960px; margin-right: 15px; margin-top: 16px;}
#countdown {float: right; /* width: 380px; */ margin-right: 60px; width: 264px;}
#countdownholder {margin-left: -73px;}

#content {/* background: #ffffff url(images/contentbg.jpg) repeat-x; */ margin-bottom: 10px;}
#contentwrap {margin: auto; width: 960px; padding-top:10px;}
#contentwrap_home {margin: auto; width: 960px;}
/* #content1 {float: left; width: 310px; margin-right: 15px;}
#content2 {float: left; width: 310px; margin-right: 10px;} */
#home-col1 {float: left; width: 610px; margin-right: 10px; margin-top: 15px;}
#content3 {float: right; width: 310px; margin-right:24px; /* margin-right: 10px; */}
/* #content1 h2 {text-indent: -9999px; background: url(images/recordh2.jpg) no-repeat; height: 100px;}
#content2 h2 {text-indent: -9999px; background: url(images/teachh2.jpg) no-repeat; height: 100px;} */
#home-col1 h2 {text-indent: -9999px; background: url(images/home_header.jpg) no-repeat; height: 100px;} /*was .jpg*/
#content3 h2 {text-indent: -9999px; background: url(images/col3h2.jpg) no-repeat; height: 100px;}
#content1 p, #content2 p, #content3 p {margin-top: 10px; text-align:justify; line-height: 150%;}
#home-col1 p {line-height: 120%;}
#rowdy-info p {margin-top: -12px; line-height: 115%; text-align: justify; margin-left:8px;}

#sponsorbar {margin: auto; width: 960px; /* padding-left:116px; */ padding-bottom: 45px;}
#sp {float: left; margin-right: 5px;}

#footer {background: #13539d; height: 30px;}
#footwrap {margin: auto; width: 960px; color: #ffffff; font-size: 12px;}
/* #footwrap img {margin-top: 10px;} */
#footlinks {float: left; width: 300px; margin-top: 5px;}
#footinfo {float: right; text-align: right; width: 450px; margin-top:13px;}
#footinfo a {color: #ffffff; text-decoration: none;}

#heading {background: url(images/headingbg.jpg) repeat-x; height: 110px;}
#headwrap {margin: auto; width: 960px;}
#headtitle {float: left;}
#headtitle h1 {color: #13539d; font-size:45px; margin-top:27px;}
#headlogo {float: right; margin-top: 0px;}

#long-content {float: left; width: 610px;}
/* #long-title {background: url(images/longheading_3.jpg) no-repeat; height: 108px;}
#long-title2 {background: url(images/longheading_2.jpg) no-repeat; height: 108px;}
#long-title3 {background: url(images/longheading_3.jpg) no-repeat; height: 108px;} */
#long-title {background: url(images/longheading_3.png) no-repeat; height: 108px;}
#long-title2 {background: url(images/longheading_3.png) no-repeat; height: 108px;}
#long-title3 {background: url(images/longheading_3.png) no-repeat; height: 108px;}
#long-title  h2, #long-title2 h2, #long-title3 h2 {font-size: 22px; padding:32px 0 0 114px; color: #a6ce39;/* color: #13539d; */}
#cat-title {font-size: 22px; color: #13539d;}
#long-text p {line-height: 150%; margin-bottom:10px;}
#content-sidebar {float: right; width: 330px;}
#content-sidebar h2 {font-size: 22px; color: #13539d; margin-left:89px;}
#sub-nav {margin: 10px 0;}
#sub-nav ul {list-style-type: none;}
/* #sub-nav li {float: left; margin-right: 10px;} */
#sub-nav li a{color: #13539D; text-decoration: none;}

#rowdy {width: 610px; background: #13539D url(images/rowdybox.jpg) no-repeat; height:184px; margin-top:10px; }
#rowdy-info {float: left; width: 280px; margin-right: 8px; margin-top: 20px; padding-left:7px; color: #fff;}
#rowdy-pic {float: right; width: 308px; padding-top:7px; /* border: 6px double #999; */}

#safety-hold {margin-top: 10px;}
#safety {float: left; width: 600px; margin-right: 10px; margin-bottom: 10px;}
#safety-icon {float:left; margin-right:5px; margin-top:10px; width:32px;}
#safety-text span {color: #0b4484;}

#pres-hold {margin-top: 10px;}
#pres {width: 600px; margin-right: 10px; margin-bottom: 15px;}
#pres-icon {margin-right:5px; margin-top:10px;}

#regform p {margin-bottom: 10px;}
form p {margin-bottom: 10px;}

#date {float: left; width: 203px; margin-right: 20px; margin-bottom: 10px;}
#date-item {float: left; width: 350px;}

.otherbutton {
	clear: both;
	position:relative;
	display:block;
	height: 64px;
	width: 411px;
	background:url(images/teach3.png) no-repeat;
	background-position:0 0;
	cursor: pointer;
}	
.otherbutton span.hover {
	position: absolute;
	display: block;
	height: 63px;
	width: 411px;
	background: url(images/teach3.png) no-repeat;
	background-position: bottom;
}
.otherbutton2 {
	clear: both;
	position:relative;
	display:block;
	height: 64px;
	width: 411px;
	background:url(images/learn3.png) no-repeat;
	background-position:0 0;
	cursor: pointer;
}	
.otherbutton2 span.hover {
	position: absolute;
	display: block;
	height: 63px;
	width: 411px;
	background: url(images/learn3.png) no-repeat;
	background-position: bottom;
}

.children {margin-left: 20px;}


#learnfield fieldset{
			padding:10px;
			background-color:#ddd;
			border:1px solid #ccc;
		}
		#learnfield label{
			float:none;
			clear:both;
			display:block;
			width:auto;
			margin-top:8px;
			text-align:left;
			font-weight:bold;
			position:relative;
		}
		.field-group{
			float:none;
			margin:3px 0 15px 0;
			padding:5px;
			border-style:solid;
			background:-moz-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, .25));
			background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0, rgba(255, 255, 255, 0)),color-stop(1, rgba(255, 255, 255, .25)));
			filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#3fffffff');
			-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#3fffffff')";
			background-color:#f68a32;
		}
		.field-group input{
			display:block;
			margin:0;
			padding:5px;
			border:0;
			background:none;
			width:98%;
		}
		.radiogroup input,.phonearea input,.addressfield input,.datefield input,.groups input{
			width:auto;
		}
		.field-group label{
			clear:none;
		}
		.field-group textarea{
			background:none;
			border:none;
			width:525px;
			height:150px;
			margin:0;
			overflow:auto;
		}
		.field-help{
			display:none;
			font-weight:normal;
			position:static;
			float:none;
			clear:both;
			margin:5px -5px -5px -5px;
			width:auto;
			padding:8px 10px;
			line-height:16px;
			font-size:12px;
			-moz-border-radius:0;
			border-radius:0;
			-webkit-border-radius:0;
		}
		.field-help .help{
			min-height:16px;
			text-decoration:none;
		}
		.field-group .feedback br{
			display:none;
		}
		.field-group .feedback div{
			margin:0 !important;
			padding:0 !important;
		}
		.indicates-required{
			text-align:right;
		}
		.indicates-required span{
			font-size:150%;
			font-weight:bold;
		}
		#learnfield label .asterisk{
			/* position:absolute;
			top:36px;
			right:10px; */
			font-size:30px;
		}
		.error,.errorText{
			margin:5px 0 0 0;
			padding:5px 10px;
		}
		.formstatus{
			margin-bottom:10px;
		}
		.alert{
			background:#e4f3d4;
			border:2px solid #5ca000;
			font-size:14px;
			color:#5ca000;
			margin:10px 0;
			padding:10px;
		}
		.alert a{
			color:#5ca000;
			text-decoration:underline;
		}
		.datefield,.phonefield-us{
			padding:5px;
		}
		.datefield input,.phonefield-us input{
			display:inline;
			width:60px;
			margin:0 2px;
			letter-spacing:1px;
			text-align:center;
			padding:5px 0 2px 0;
		}
		.phonefield-us .phonearea input,.phonefield-us .phonedetail1 input{
			width:40px;
		}
		.datefield .monthfield input,.datefield .dayfield input{
			width:30px;
		}
		.datefield label,.phonefield-us label{
			display:none;
		}
		ul.interestgroup_field{
			display:block;
			padding:5px;
			margin:0;
		}
		ul.interestgroup_field li,.interestgroup_row{
			display:block;
			margin:0;
			padding:0;
			list-style:none;
		}
		ul.interestgroup_field input{
			display:inline !important;
			width:auto !important;
		}
		ul.interestgroup_field label{
			display:inline;
			padding:0 30px 0 3px;
			font-weight:normal;
		}
		#learnfield select{
			margin:5px;
		}
		ul.unsub-options{
			display:block;
		}
		ul.unsub-options li{
			display:block;
			padding-bottom:5px;
		}
		ul.unsub-options li label{
			display:inline;
			padding-left:5px;
		}
		ul.unsub-options li textarea{
			display:block;
			padding:5px;
			background:#fff;
			border:1px solid #ccc;
			margin:5px 0;
			width:350px;
			height:100px;
		}
		.addressfield span{
			display:block;
			height:34px;
		}
		.addressfield input{
			float:right;
			width:56%;
			margin:0 9% 0 0;
			padding:8px 0 2px 0;
		}
		.addressfield label{
			float:left;
			font-weight:normal;
			text-align:right;
			width:33%;
		}
		.addressfield .countryfield{
			display:block;
			height:45px;
			position:relative;
		}
		.addressfield .countryfield select{
			margin:0;
			position:absolute;
			top:10px;
			left:35%;
		}
		.captcha{
			float:left;
			width:340px;
			height:150px;
		}
		#archive-list{
			display:block;
			margin:15px 0;
			padding:0;
		}
		#archive-list li{
			display:block;
			list-style:none;
			margin:0;
			padding:6px 10px;
		}
		#archive-list li.odd{
			background:#eee;
		}
		.button,.button-small{
			display:inline-block;
			width:auto;
			white-space:nowrap;
			height:32px;
			margin:5px 5px 0 0;
			padding:0 22px;
			text-decoration:none;
			text-align:center;
			font-weight:bold;
			font-style:normal;
			font-size:15px;
			line-height:32px;
			cursor:pointer;
			border:0;
			-moz-border-radius:4px;
			border-radius:4px;
			-webkit-border-radius:4px;
			vertical-align:top;
		}
		.button-small{
			float:none;
			display:inline-block;
			height:auto;
			line-height:18px !important;
			padding:2px 15px !important;
			font-size:11px !important;
		}
		.rounded6{
			-moz-border-radius:6px;
			border-radius:6px;
			-webkit-border-radius:6px;
		}
		.poweredWrapper{
			padding:20px 0;
			width:560px;
			margin:0 auto;
		}
		.poweredBy{
			display:block;
		}
		span.or{
			display:inline-block;
			height:32px;
			line-height:32px;
			padding:0 5px;
			margin:5px 5px 0 0;
		}
		.clear{
			clear:both;
		}
		.tpl-image-content{
			padding-left:0px;
		}
		.profile-list{
			display:block;
			margin:0;
			padding:0;
			list-style:none;
			border-top:1px solid #eee;
		}
		.profile-list li{
			display:block;
			margin:0;
			padding:5px 0;
			border-bottom:1px solid #eee;
		}
		
		.wrapper{
			background-color:none;
		}
		.container{
			background-color:#FFFFFF;
			padding:20px;
			color:#13539D;
			font-size:45;
		}
		.container{
			line-height:150%;
			font-family:Helvetica;
			font-size:45;
			color:#13539D;
			background-color:#FFFFFF;
		}
		a:link,a:active,a:visited,a{
			color:#13539D;
		}
		.button:link,.button:active,.button:visited,.button,.button-small:link,.button-small:active,.button-small:visited,.button-small{
			background-color:#f68a32;
			color:#ffffff;
		}
		.button:hover,.button-small:hover{
			background-color:#1e5781;
			color:#ffffff;
		}
		#learnfield label{
			line-height:150%;
			font-family:Helvetica;
			font-size:14px;
			color:#333333;
			text-align: center;
		}
		.field-group{
			background-color:#f68a32;
			border-width:2px;
			border-color:#d0d0d0;
			width: 300px;
		}
		.datefield input,.phonefield-us input,.addressfield input{
			border-bottom-width:1px;
			border-bottom-style:solid;
			border-color:#999999;
		}
		.field-group input{
			font-family:Helvetica;
			font-size:16px;
			color:#333333;
		}
		.asterisk{
			color:#cc6600;
		}
		.field-help{
			background-color:#dcdcdc;
			color:#000;
		}
		.error,.errorText{
			font-size:12px;
			color:#6b0505;
			background-color:#f4bfbf;
		}
		
a .slidecontrol {}

/* #newnews ul {list-style-type: none;} */
#newnews ul li a {color: #ef6c01;}
#newnews ul li a strong {color: #0d4c8d;}
#newnews ul li {margin: 0 10px;}

#lang {float: right; width: 160px; margin-right: 10px; margin-top: 6px;}

.b_submit {height: 75px; width: 195px; font-size: 18px !important; margin-bottom: 20px;}
#field_1_12, #field_1_40 {display: none;}

#jc2015ul li {margin-bottom: 8px;}
li {list-style-position: outside;}