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

/* global styles */
* {margin: 0; padding: 0}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0; outline: 0; vertical-align: baseline; background: transparent;}

body {font: 0.75em/1.5 "Arial", "Helvetica", sans-serif; background: #fff /*#696988 url(../Img/bgBody.gif) repeat-x left top*/ /*fixed*/; color: #223f84;}

h1, h2, h3, h4, h5, h6 {line-height: 26px; margin: 0; padding: 0 10px; color: #fff;}

h1 {font-size: 160%;}
h2 {font-size: 145%;}
h3 {font-size: 115%;}
h4 {font-size: 110%;}
h5 {font-size: 105%;}
h6 {font-size: 100%;}

ul {list-style: none;}

p {margin-bottom: 1em; text-indent: 0;}

a {text-decoration: none; color: #223f84;}

a:link, a:active, a:visited, a:hover, strong, b {font-weight: bold;}

hr {width: 750px; margin: 20px 0 30px 0; float: left; color: #223f84;}

input {margin: 0; border: none; font-family: "Arial", "Helvetica", sans-serif; background: none; color: #223f84;}
/* global styles */


/* global classes */
.separator { height: 1px; line-height: 1px; clear: both;}
.btnSubmit {width: 70px; font-family: "Arial", "Helvetica", sans-serif; cursor: pointer; color: #223f84;}
/* global classes */


/* main */
#main {width: 982px; margin: 20px auto;}
/* main */


/* header */
#header {width: 962px; height: 103px; padding: 10px; background: url(../Img/bgHeader.png) no-repeat;}
	#header a.imgLogo {width: 254px; height: 102px; float: left; text-indent: -9999px; background: url(../Img/logoGymnik.png) no-repeat;}

	#header fieldset {height: 20px; float: right; border: none;}
	#header a.registration {margin: 0 15px 0 0; float: left; text-decoration: underline;}
		#header fieldset legend {display: none;}
		#header fieldset label {width: 70px; height: 20px; line-height: 20px; margin: 0 5px 0 0; padding: 0; float: left; text-align: right;}
		#header fieldset input {width: 130px; height: 18px; line-height: 18px; margin: 2px 5px 0 0; padding: 0 5px; float: left;}
		#header fieldset input.btnSubmit {width: 70px; margin: 0; padding: 0; text-indent: -9999px; font-weight: bold; background: url(../Img/bgHeaderButton_Off.png); color: #fff;}
/* header */


/* globalNav */
#globalNav {width: 962px; height: 21px; margin: 10px 0 0 0; padding: 11px 10px 10px 10px; background: url(../Img/bgNavGlobal.png) no-repeat;}
	#globalNav ul {height: 20px; font-size: 1.0em; float: left;}
		#globalNav ul li {float: left; display: inline; border-left: solid 1px #fff;}
		#globalNav ul li.first {border: none;}
			#globalNav ul li a {padding: 0 10px; line-height: 20px; font-size: 1.0em; color: #fff;}

	#globalNav fieldset {height: 20px; float: right; border: none;}
		#globalNav fieldset legend {display: none;}
		#globalNav fieldset label {width: 70px; height: 20px; line-height: 20px; margin: 0 5px 0 0; padding: 0; float: left; text-align: right;}
		#globalNav fieldset input {width: 205px; height: 18px; line-height: 18px; margin: 2px 5px 0 0; padding: 0 5px; float: left;}
		#globalNav fieldset input.btnSubmit {width: 70px; margin: 0; padding: 0; font-weight: bold; color: #fff;}		
/* globalNav */


/* content */
#grid {width: 982px; margin: 30px 0 0 0; padding: 0;}

	#leftCol {width: 212px; float: left;}
		#leftCol h2 {width: 192px; height: 26px; float: left; background: url(../Img/bgHeading2.png);}
		#leftCol ul {width: 210px; margin: 0 0 20px 0; float: left; background-color: #fff; border: solid 1px #9fabc5; border-top: none;}
			#leftCol ul li {width: 210px; float: left;}
				#leftCol ul li span {width: 190px; line-height: 200%; padding: 0 10px; float: left; font-weight: bold; cursor: pointer;}
				#leftCol ul li a:link, #leftCol ul li a:active, #leftCol ul li a:visited, #leftCol ul li a:hover {width: 190px; line-height: 200%; padding: 0 10px; float: left;}
				#leftCol ul li a:link, #leftCol ul li a:active,	#leftCol ul li a:visited {background-color: #fff; color: #223f84;}
				#leftCol ul li a:hover, #leftCol ul li a.selected {background-color: #cdd4e1; color: #223f84;}

		#leftCol ul li ul {width: 190px; margin: 0 10px; float: left; background-color: #fff; border: none; display: none;}
			#leftCol ul li ul li {width: 190px; float: left; cursor: pointer;}
				#leftCol ul li ul li a:link, #leftCol ul li ul li a:active, #leftCol ul li ul li a:visited, #leftCol ul li ul li a:hover {width: 170px; line-height: 200%; padding: 0 10px; float: left; font-weight: normal;}
				#leftCol ul li ul li a:link, #leftCol ul li ul li a:active,	#leftCol ul li ul li a:visited {background-color: #fff; color: #223f84;}
				#leftCol ul li ul li a:hover, #leftCol ul li ul li a.selected {background-color: #cdd4e1; color: #223f84;}


	#centerCol {width: 750px; margin: 0 0 0 10px; float: left;}
		#centerCol h1 {width: 720px; height: 26px; float: left; /*background: url(../Img/bgHeading1.png);*/ color: #223f84;}
		#centerCol h2, #centerCol h3, #centerCol h4, #centerCol h5, #centerCol h6 {width: 720px; height: 26px; float: left; color: #223f84;}
		#centerCol h2 {background-color: #cdd4e1; margin-top: 30px;}

		#centerCol p {width: 720px; padding: 10px 10px 0 10px; float: left;}
		#centerCol p.repertoire {padding: 0 10px;}
		#ytPlayerBox {width: 720px; min-height: 26px; padding: 10px; float: left; color: #223f84;}
			#ytPlayerBox table tr td {vertical-align: top;}
			#ytPlayerBox h3 {width: 518px; height: 26px; background: url(../Img/bgHeading3.png) no-repeat; color: #fff;}
			#ytPlayerBox ul { margin: 26px 0 0 10px; float: left;}
			#ytPlayerBox ul li a:link, #ytPlayerBox ul li a:active, #ytPlayerBox ul li a:visited, #ytPlayerBox ul li a:hover {width: 170px; line-height: 200%; padding: 0 10px; float: left;}
			#ytPlayerBox ul li a:link, #ytPlayerBox ul li a:active,	#ytPlayerBox ul li a:visited {background-color: #fff; color: #223f84;}
			#ytPlayerBox ul li a:hover, #ytPlayerBox ul li a.selected {background-color: #cdd4e1; color: #223f84;}

	#rightCol {width: 212px; margin: 0 0 0 10px; float: left;}
		#rightCol h2 {width: 192px; height: 26px; float: left; background: url(../Img/bgHeading2.png);}	
		#rightCol ul {width: 210px; margin: 0 0 20px 0; float: left; background-color: #fff; border: solid 1px #9fabc5; border-top: none;}
			#rightCol ul li {width: 210px; float: left;}
				#rightCol ul li span {width: 190px; line-height: 200%; padding: 0 10px; float: left; font-weight: bold; cursor: pointer;}
				#rightCol ul li a:link, #rightCol ul li a:active, #rightCol ul li a:visited, #rightCol ul li a:hover {width: 190px; line-height: 200%; padding: 0 10px; float: left;}
				#rightCol ul li a:link, #rightCol ul li a:active,	#rightCol ul li a:visited {background-color: #fff; color: #223f84;}
				#rightCol ul li a:hover, #rightCol ul li a.selected {background-color: #cdd4e1; color: #223f84;}

		#rightCol ul li ul {width: 190px; margin: 0 10px; float: left; background-color: #fff; border: none; display: none;}
			#rightCol ul li ul li {width: 190px; float: left; cursor: pointer;}
				#rightCol ul li ul li a:link, #rightCol ul li ul li a:active, #rightCol ul li ul li a:visited, #rightCol ul li ul li a:hover {width: 170px; line-height: 200%; padding: 0 10px; float: left; font-weight: normal;}
				#rightCol ul li ul li a:link, #rightCol ul li ul li a:active, #rightCol ul li ul li a:visited {background-color: #fff; color: #223f84;}
				#rightCol ul li ul li a:hover, #rightCol ul li ul li a.selected {background-color: #cdd4e1; color: #223f84;}

/* content */


/* footer */
	#footer {width: 982px; height: 26px; line-height: 26px; margin: 30px 0 0 0; border-top: solid 1px #223f84; text-align: center; float: none; clear: both;}
/* footer */