html { height: 100%; margin-bottom: 1px; }
.clearfix { display: block; }
.clear2 { clear: both; }
.clearfix:after { content: "."; display: block; height: 0pt; clear: both; visibility: hidden; }
* html .clearfix { height: 1%; }
* html .ieclass { margin-top: -1em; }
a:active, a:focus{ outline:none; }
:first-child + html .ieclass { margin-top: -1em; }

/*MAIN SELECTORS*/
body { margin: 0pt; padding: 0pt; background-color: black; color: rgb(102, 102, 102); text-align: center; font-family: Arial,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 13px; font-size-adjust: none; font-stretch: normal; line-height: 14px; }
h1 { margin: 0pt; padding: 45px 0 5px; color: #369; font-size: 24px; font-weight: normal; line-height: normal; }
h2 { margin: 0pt; padding: 25px 0 5px; color: #369; font-size: 14px; font-weight: normal; line-height: normal; }
h3 { font-size: 16px; text-decoration: underline; line-height: normal; }
h4 { font-size: 13px; text-decoration: underline; font-weight: bold; line-height: normal; padding: 0 0 15px 0; }
h6 { margin: 0; padding: 10px 0 5px; color: #369; font-size: 12px; font-weight: normal; line-height: normal; }
p { padding: 10px 0 10px; }
a, #layout #columns a { color: #369; text-decoration: underline; }
a:hover, #copyright a:hover, #layout #columns a:hover { text-decoration: underline; }
ul { margin: 0 0 5px; padding: 0pt; list-style-type: none; list-style-image: none; list-style-position: outside; }
li.source, #home li.source, #leftcol li.source, #home #leftcol li.source { background-image: none; color: rgb(153, 153, 153); padding-left: 0pt; padding-top: 5px; }

.green { color: #409800; } /* ligheter: #9abe44 */
.black { color: #000000; }
.blue { color: #369; }
.orange { color: #ff8a00; }
.red { color:#CC0033; }

/* header underline */
.hblue { border-bottom: solid 3px #20548e; }
.hgreen { border-bottom: solid 3px #9abe44; }
.hgrey { border-bottom: solid 3px #c6c6c6; }
.horange { border-bottom: solid 3px #ff8a00; }

/*	blocking style (old) */
.dblue { border-top: solid 3px #20548e;  border-bottom: solid 1px #20548e; background: #e3f0fe; }
.dgreen { border-top: solid 3px #9abe44;  border-bottom: solid 1px #9abe44; background: #f3ffd5; }
.dorange { border-top: solid 3px #ff8a00;  border-bottom: solid 1px #ff8a00; background: #ffe9d0; }

/*	preferred blocking style */
.dblue2 {background: #84bfff; padding: 1px 10px; margin-bottom: 10px; }
.dgreen2 {background: #9abe44; padding: 1px 10px; margin-bottom: 10px; }
.dorange2 {background: #ff8a00; padding: 1px 10px; margin-bottom: 10px; }

/*	user for right column */
.dorange3 { border-top: solid 1px #ff8a00;  border-bottom: solid 1px #ff8a00; background: #ffe9d0; margin-bottom: 10px; }

.idgrey { border-top: solid 3px #c6c6c6;  border-bottom: solid 1px #c6c6c6; background: #E6E6E6; }
.idgrey2 { background: #c6c6c6; margin-bottom: 10px; }

/* indent (old style) */
.iblue { border-top: solid 1px #20548e;  border-bottom: solid 1px #20548e; background: #e3f0fe; }
.igreen { border-top: solid 1px #9abe44;  border-bottom: solid 1px #9abe44; background: #f3ffd5; }
.igrey { border-top: solid 1px #c6c6c6;  border-bottom: solid 1px #c6c6c6; background: #E6E6E6; }
.iorange { border-top: solid 1px #ff8a00;  border-bottom: solid 1px #ff8a00; background: #ffe9d0; }


/* IDs */
#home #layout #content #leftcol {}
/*	#home ul, #home #leftcol ul { margin: 0pt; }*/

#layout { border: 0pt none ; margin: 0pt auto; padding: 0pt; color: rgb(255, 255, 255); position: relative; text-align: left; width: 780px ! important; }
#content { border: 0pt none ; margin: 0pt auto; padding: 10px 10px 0pt; background: rgb(255, 255, 255) url(../content-top-bg.gif) no-repeat scroll left top; clear: both; color: #000000; position: relative; text-align: left; width: 760px ! important; }
#tagline { margin: 0pt; padding: 5px 0pt; float: left; }
#banner { padding: 10px 10px 0 10px; background: transparent url(../banner-bg.gif) no-repeat scroll left bottom; margin-bottom: 0px; width: 740px ! important; }


/*NAVIGATION*/
/* Make Background Green for Current Page */
#home #jsddm .home, #about #jsddm .about, #groups #jsddm .groups, #coaching #jsddm .coaching, #youth #jsddm .youth, #adults #jsddm .adults, #contact #jsddm .contact { background:#9ABE44; }

#jsddm
{	margin: 0;
	padding: 0;
	}
	
	#jsddm li
	{	float: left;
		list-style: none;
		background: #20548E;
		width: auto;
		position: relative;
		z-index: 96;}

	#jsddm li a
	{	display: block;
		padding: 10px 22px 5px;
		text-decoration: none;
		border-right: 1px solid white;
		font: 13px Arial;
		font-weight: bold;
		color: #EAFFED;
		white-space: nowrap;}

	#jsddm li a:hover
	{	background: #9ABE44; width: auto; }
		
		#jsddm li ul
		{	margin: 0;
			padding: 0;
			position: absolute;
			visibility: hidden;
			border-top: 1px solid white;
			z-index: 97;}
		
		#jsddm li ul li
		{	float: none;
			position: relative;
			display: inline;
			width: auto;
			padding: 0;
			z-index: 98;}
		
		#jsddm li ul li a
		{	width: auto;
			position: relative;
			background: #20548E;
			font-size: 11px;
			font-weight: normal;
/*			background: #333333;*/
			border-right: none;
			z-index: 99;}
		
		#jsddm li ul li a:hover
		{	
			background: #9ABE44;
/*			background: #666666;*/
			z-index: 100;
			}
			
		#movie { z-index: 1; }

#subnav {
	position: relative;
	width: 739px;
	height: 30px;
	background: #9ABE44;
	background: #20548E;  
	border-top: #FFFFFF solid 1px;
	z-index: 0;
}

#columns { background: rgb(250, 250, 250) url(../columns-middle.gif) repeat-y scroll left top; width: 760px; }

/*ONE Column Page*/
	#onecol { padding: 0pt 10px; background-color: rgb(250, 250, 250); float: left; width: 730px ! important; } 

/*LEFT Column*/
	#contactform { padding: 10px 5px 10px 15px; border: #369 solid 1px; background: #FFFFFF; }
	#leftcol { padding: 0pt 10px; background-color: rgb(250, 250, 250); float: left; margin-right: 10px; width: 480px ! important; }
	#layout #columns #leftcol .indent { padding: 5px 5px 5px 5px; line-height: 110%; color: #000000;} /* used to be #666 */
	#layout a, #copyright a { color: rgb(255, 255, 255); text-decoration: none; }

/*GREEN Icon for Lists*/
	#content #columns #leftcol ul li, .details ul li { background: url(../images/icon_tick.png) no-repeat top left; margin: 5px 0 0 5px; padding-left: 20px; padding-bottom: 5px; }
	#coaching #content #columns #widecol ul li, .details ul li { background: url(../images/icon_tick.png) no-repeat top left; margin: 5px 0 0 5px; padding-left: 20px; padding-bottom: 5px; }


/*RIGHT Column*/
	#widecol { position: relative; padding: 0pt 10px; background-color: rgb(250, 250, 250); float: left; width: 230px ! important; }
	#recent_news { background: no-repeat url(../images/recent_tl2.jpg); width: 230px; height: 120px; padding: 40px 0 0; }
	#widecol #recent_news p { font-style: italic; font-size:9px; }
	.testimonial { font-size: 13px; padding: 0 0 5px; }
	.togglecontent { font-size: 12px; padding: 0 0 10px; }
	.togglecontent p { padding:10px 10px 0; text-align: justify; }
	.togglecontent .togglehead { line-height: normal; margin: 0; padding: 5px 0 10px; text-align: left; font-style: italic; }
	.togglecontent b { font-size: 12px; color: #336699; cursor: pointer; }
/*	.togglebody { padding: 15px 0 0; }
	.togglebody p { padding: 10px 10px 0; }*/
	#widecol .togglehead { padding: 10px 10px 0; }
	#widecol .togglecontent b { padding: 10px; }

	.tiptxt { 
		display:none; 
		font-size:13px; 
		height:30px; 
		width:160px; 
		padding:15px 5px 5px 5px; 
		color:#fff;   
		background-color:#333; 
		border:1px solid #666;
		text-align: center;  
	}

	/* the overlayed element */ 
	.simple_overlay { 
		 
		/* must be initially hidden */ 
		display:none; 
		 
		/* place overlay on top of other elements */ 
		z-index:10000; 
		 
		/* styling */ 
		background-color:#333; 
		
		width: 675px;
		min-height:200px; 
		border:1px solid #666;
		padding: 25px;
		text-align: center;
		
		/* CSS3 styling for latest browsers */ 
		-moz-box-shadow:0 0 90px 5px #000; 
		-webkit-box-shadow: 0 0 90px #000;     
	} 
	 
	/* close button positioned on upper right corner */ 
	.simple_overlay .close { 
		background-image:url(../images/close.png); 
		position:absolute; 
		right:-15px; 
		top:-15px; 
		cursor:pointer; 
		height:35px; 
		width:35px; 
	}
	
	/* styling for elements inside overlay */ 
	.details { 
		font-size: 12px;
		color:#fff;
		width: 675px;
		padding: 25px 0 25px 0;
		text-align: left;
	}

	.details img {float: right; padding: 0 0 25px 25px; }

#bottom { background: rgb(250, 250, 250) url(../columns-bottom.gif) no-repeat scroll left bottom; clear: both; width: 760px; }
#footer { border: 0pt none ; margin: 0pt auto; padding: 0pt; background: rgb(255, 255, 255) url(../content-bottom-bg.gif) no-repeat scroll left bottom; clear: both; color: rgb(102, 102, 102); height: 11px; position: relative; text-align: left; width: 780px ! important; }
#breon { position: absolute; top: -254px; right: 0; }


#leftcol ul li, #widecol ul li { background: transparent url(../accept.png) no-repeat scroll 0pt 0px; padding-left: 20px; padding-bottom: 5px; }
#widecol #faqQL { padding-top: 22px; }
#widecol #faqQL li { text-indent: 0; padding: 10px 0 0 5px; margin: 0; list-style: none; }
#widecol h2, #widecol h6 { padding: 30px 0 10px; }

#footnews {
background:url("../images/f_news.gif") no-repeat #000000;
color:#FFFFFF;
float:right;
margin:20px 0 20px 0px;
min-height:185px;
padding:0 0 0 50px;
text-align:left;
width:345px !important;
position: relative;
}
#footcontact {
/*background:url("../images/f_contact.gif") no-repeat #000000;*/
color:#FFFFFF;
float:right;
margin:0;
min-height:185px;
padding:0 0 50px 0;
text-align:left;
width:345px !important;
position: relative;
}
#footcalendar { margin: 20px 0; position: relative; padding: 0 0 0 50px; background: url("../images/f_calendar.gif") no-repeat #000; float: left; width: 300px ! important; min-height: 185px; }
#mc_embed_signup { margin: 0 0 0 45px; position: relative; padding: 0 0 50px 50px; background: url("../images/f_newsletter.gif") no-repeat #000; float: left; width: 230px ! important; min-height: 185px; }
#wow {
	color: #CCCCCC;
	text-align: left;
	font-style: none;
	font-size: 11px;
	line-height:120%;
	color: #FFF;}
#wow #wowsub {color: #FFFFFF; font-size: 16px; line-height:300%;}

#copyright { font-size: 10pt; border: 0pt none ; margin: 0px auto; padding: 0pt 0pt 0px; color: #c0c0c0; position: relative; text-align: right; width: 780px ! important; }

#footcalendar p, #footnews p {font:Arial, Helvetica, sans-serif; font-size:14px; color:#FFFFFF; line-height:150%; padding:0;}
#footcalendar a, #footnews a {color:#3f8ad2; text-decoration:underline; line-height: 120%;}
#footcalendar ul, #footnews ul, #footcontact ul {padding:0 0 5px 25px;}
#footcalendar .calicon {background:url(../images/ficon_calendar.gif) no-repeat scroll 190px 0px transparent; width:230px; min-height:77px; padding: 25px 0 0 50px;}
.rssicon {background:url(../images/ficon_rss.gif) no-repeat scroll 241px 0px transparent; width:340px; min-height:51px; padding-left:25px;}
.phoneicon {background:url(../images/ficon_phone.gif) no-repeat scroll 241px 48px transparent; width:241px; min-height:101px; }

#footcontact p {font:Arial, Helvetica, sans-serif; font-size:14px; color:#FFFFFF; line-height:100%; padding:0;}
#footcontact a {color:#3f8ad2; text-decoration:underline; line-height: 100%;}


/*	Slider CSS */	

#mainimg {
	width: 739px;
	height: 196px;
	margin-left: 10px;
/*	padding-top: 30px;
	background: #9ABE44;*/
}

#greenspan {
	width: 739px;
	height: 5px;
	margin-left: 10px;
	background: #9ABE44;
/*	padding-top: 30px;
	background: #9ABE44;*/
}

#s3slider { 
   width: 739px; /* important to be same as image width */ 
   height: 196px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
   z-index: 5;
}

#s3sliderContent {
   width: 739px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
   position: absolute; /* important */
/*   left: 0;*/
   font: 18px Arial, Helvetica, sans-serif bold;
   padding: 10px 0px;
   text-align: center;
   width: 739px;
   background-color: #FFF;
   filter: alpha(opacity=80); /* here you can set the opacity of box with text */
   -moz-opacity: 0.8; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.8; /* here you can set the opacity of box with text */
   opacity: 0.8	; /* here you can set the opacity of box with text */
   color: #000;
   display: none; /* important */
/*   bottom: 0;*/

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image 
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.top {
	top: 0;
	left: 0;
}
.bottom {
	bottom: 0;
    left: 0;
}
.left {
	top: 0;
    left: 0;
	width: 125px !important;
	height: 136px;
}
.right {
	top: 0;
	right: 0;
	width: 135px !important;
	height: 136px;
}

.clear {
   clear: both;
}

.s3sliderImage h2 { margin: 0; padding: 0 5px 0; color: #ff8a00; font-size: 16px; font-weight: normal; line-height: normal; }
.s3sliderImage .left { padding-top: 100px;}
.s3sliderImage .right { padding-top: 50px;}
.s3sliderImage .bottom { padding: 25px 0;}

/*SUB-NAVIGATION*/
/*	#layout .solidblockmenu .submenu { 
		background:#FFFFFF;
		border: 0;
		color:#006599;
		font-size: 12px;
		line-height: 90% ;
		}
	#layout .solidblockmenu .submenu a {
		background:#FFFFFF;
		color:#006599;
		padding: 13px 9px 1px 0;
		width: auto;
		margin: 0 0 4px 0; 
		}
	#layout .solidblockmenu .submenu a:visited {
		background:#FFFFFF;
		color:#006599;
		}
	#layout .solidblockmenu .submenu a:hover {
		background:#FFFFFF;
		color: #9ABE44; }
	#layout .solidblockmenu .submenu #sm {
		float: left;
		padding: 0 2px 0 7px;
		background: #FFFFFF;
		border: 1px solid white;
		}*/

/*	.solidblockmenu ul { margin: 0; border-style: solid; border-color: rgb(255, 255, 255); border-width: 1px 0px; padding: 0; background: #006599; font-family: Arial; font-style: normal; font-variant: normal; font-weight: bold; font-size: 13px; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none; width: auto; }
	.solidblockmenu li { min-width: 77px; text-align: center; }
	.solidblockmenu li a { padding: 9px 0 5px 0; margin: 0 0 4px 0; float: left; color: white; text-decoration: none; background: #006599 url('block.gif') top left no-repeat; width: 77px;}
	.solidblockmenu li a:visited { color: white; }
	.solidblockmenu li a:hover, .solidblockmenu li a.current { background: transparent url('block.gif') no-repeat top right; color: white; }
	/*Fix for nav menu right side 1px overflow*/
/*	.solidblockmenu li a#contact { margin-right: -1px; }*/