@charset "utf-8";
/* CSS Document */

body {
	background-color: #FFFFFF;
	color: #34869D;
	font-size: 76%;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
}
h3 {
	font-size: 0.9em;
	font-weight: normal;
	line-height: 1em;
}
h1 {
	font-size: 0.7em;
	line-height: 1.8em;
	margin: 0 0 1.2em 0;
	font-style: italic;
}


p, .default {
	font-size: 0.75em;
	line-height: 1.85em;
	margin: 0 0 1.2em 0;
}
.default {
	margin: 0;
}
p td {
	font-size: 0.75em;
	line-height: 1.85em;
}
caption {
	font-size: 1em;
	font-weight: normal;
	line-height: 1.2em;
	text-align: left;
	padding-bottom: 0.6em;
}
ul {
	padding: 0;
	margin: 0;
}
ul li {
	padding: 0;
	margin: 0;
}
a:link, a:visited, a:active {
	color: 00AEEF;
	text-decoration: none;
}
a:hover, a.selected {
	color: #F4754B;
}
a img {
	border: 3px solid #FFFFFF;
}
a:hover img, a.selected img {
	border: 3px solid #F4754B;
}



/***********************************/


#interface {
	width: 950px;
}

#logo {
	text-align: right;
	padding-bottom: 20px;
}
#logo a img {
	border-style: none;
	border: 0px none;
}

#menu {
	width: 125px;
	float: left;
	text-align:right;
	padding-top: 23px;
}

#menu ul.level1 {
	height: 330px;
	border-left: solid 1px #44A8C6;
	padding: 0;
	margin: 0;
	padding-right:15px;
}
#menu ul.level1 li {
	list-style: none;
	padding: 8px 0 8px 0;
	margin: 0;
}
#menu ul.level1 li a, #menu ul.level1 li a:link, #menu ul.level1 li a.selected {
	color: #34869D;
	font-size: 1.05em;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}
#menu ul.level1 li a:hover, #menu ul.level1 li a.selected {
	color: #F4754B;
}
#menu ul.level1 li a.selected {
	font-weight: bold;
}

#menu ul.level2 {
	padding: 0;
	margin: 0;
}
#menu ul.level2 li {
	list-style-image: none;
	padding: 4px 0 4px 0;
	margin: 0;
	line-height: 0.7em;
}
#menu ul.level2 li.selected {
	list-style-image: url(img/arrow.gif);
	padding: 0px 0 0px 0;
	margin: 0;
}
#menu ul.level2 li img.arrow {
	display: none;
}
#menu ul.level2 li a, #menu ul.level2 li a:link, #menu ul.level2 li a.selected {
	color: #34869D;
	font-size: 0.8em;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}
#menu ul.level2 li a:hover, #menu ul.level2 li a.selected {
	/*background: url(img/arrow.gif) -4px 4px no-repeat;*/
	color: #34869D;
}


#layout {
	width: 825px;
	float: right;
	text-align:left;
}

#footer {
	color: #A0A0A0;
	font-size: 0.7em;
	text-align: right;
	padding: 1em 19px 0 135px;
	clear: both;
}


/***********************************/

#content_container {
	border: solid 0 #44A8C6;
	border-width: 0 1px 0 1px;
}

.content {
	padding: 9px 15px 12px 30px;
	overflow: auto;
	overflow-x: hidden;
	/* TODO: CROSS FIX FOX&IE */
}

.content .block {
}

#homeContent {
	/*height: 372px;*/
	/*height: 402px;*/
	height: 376px;
	padding: 1px 0 0 6px;

}

#welcomeContent {
	overflow: hidden;
}
#welcomeContent .block {
	float: left;
}
#welcomeContent #block1 {
	width: 230px;
}
#welcomeContent #block2 {
	width: 230px;
	margin-left: 20px;
}
#welcomeContent #block3 {
	width: 240px;
	margin-left:30px;
}

#classesWhatWeTeach1Content {
}
#classesWhatWeTeach1Content p {
	line-height: 1.7em;
}
#classesWhatWeTeach1Content .block {
	float: left;
	width: 0;
	margin-left: 0;
}
#classesWhatWeTeach1Content #block1 {
	width: 240px;
}
#classesWhatWeTeach1Content #block2 {
	width: 230px;
	margin-left: 20px;
}
#classesWhatWeTeach1Content #block3 {
	width: 240px;
	margin-left: 25px;
}

#classesWhatWeTeach2Content {
}
#classesWhatWeTeach2Content p {
	line-height: 1.65em;
}
#classesWhatWeTeach2Content .block {
	float: left;
}
#classesWhatWeTeach2Content #block1 {
	width: 240px;
}
#classesWhatWeTeach2Content #block2 {
	width: 230px;
	margin-left: 20px;
}
#classesWhatWeTeach2Content #block3 {
	width: 230px;
	margin-left: 10px;
}

#classesStages1Content {
}
#classesStages1Content p {
	line-height: 1.65em;
}
#classesStages1Content .block {
	float: left;
}
#classesStages1Content #block1 {
	width: 230px;
}
#classesStages1Content #block2 {
	width: 230px;
	margin-left: 20px;
}
#classesStages1Content #block3 {
	width: 240px;
	margin-left: 30px;
}

#classesStages2Content {
}
#classesStages2Content p {
	line-height: 1.65em;
}
#classesStages2Content .block {
	float: left;
}
#classesStages2Content #block1 {
	width: 220px;
}
#classesStages2Content #block2 {
	width: 230px;
	margin-left: 20px;
}
#classesStages2Content #block3 {
	width: 240px;
	margin-left: 30px;
}

#classesStages3Content {
}
#classesStages3Content p {
	line-height: 1.65em;
}
#classesStages3Content .block {
	float: left;
}
#classesStages3Content #block1 {
	width: 230px;
}
#classesStages3Content #block2 {
	width: 250px;
	margin-left: 20px;
}
#classesStages3Content #block3 {
	width: 240px;
	margin-left: 15px;
}

#classesPoolsContent {
}
#classesPoolsContent p {
	line-height: 1.65em;
}
#classesPoolsContent .block {
	float: left;
}
#classesPoolsContent #block1 {
	width: 230px;
	margin-bottom: 0.6em;
}
#classesPoolsContent #block2 {
	width: 230px;
	margin-left: 20px;
	margin-bottom: 0.6em;
}
#classesPoolsContent #block3 {
	float: right;
	width: 250px;
	/*margin-left:30px;*/
	margin-right:15px;
}

#classesPoolsLocationsContent {
	height: 377px;
	padding-top: 0;
	padding-bottom: 0;
}
#classesPoolsLocationsContent .block {
	float: left;
}
#classesPoolsLocationsContent #block1 {
	width: 250px;
	padding-top: 9px;
}
#classesPoolsLocationsContent #block1 ul {
	margin-left: 1.2em;
}
#classesPoolsLocationsContent #block1 ul li {
	padding: 0.6em 0 0.6em 0.6em;
}
#classesPoolsLocationsContent #block2 {
	width: 353px;
	margin-left: 160px;
}

#teachersContent {
}
#teachersContent p {
	line-height: 1.7em;
}
#teachersContent .block {
	float: left;
}
#teachersContent #block1 {
	width: 235px;
}
#teachersContent #block2 {
	width: 215px;
	margin-left: 20px;
}
#teachersContent #block3 {
	width: 250px;
	margin-left:25px;
}

#contactContent {
}
#contactContent .block {
	margin-top: 0.9em;
}
#contactContent #block1 {
	float: left;
}
#contactContent #block2 {
	float: right;
	padding-top: 0.2em;
	padding-right: 30px;
}
#contactContent table.contact td {
	font-size: 0.8em;
	line-height: 1.4em;
	padding-top: 0.3em;
}
#contactContent table.contact td.label {
	font-style: italic;
	padding-right: 1.4em;
	padding-top: 0.3em;
}

#galleryContent {
}
#galleryContent .block {
	float: left;
}
#galleryContent #block1 {
	width: 372px;
}
#galleryContent #block2 {
	width: 372px;
}

#galleryPhotosContent {
	height: 402px;
	padding: 1px 10px 0 15px;
}
#galleryPhotosContent .block {
}
#galleryPhotosContent #block1 {
	float: left;
	width: 458px;
	height: 390px;
	overflow: auto;
}
#galleryPhotosContent #block2 {
	float: left;
	padding: 7px;
}
#galleryPhotosContent div.thumb {
	border: 3px solid #FFFFFF;
}
#galleryPhotosContent div.thumb:hover, #galleryPhotosPage div.thumbSelected {
	border: 3px solid #F4754B;
}

#galleryVideosContent {
	
	padding-top: 6px;
}
#galleryVideosContent .block {
}
#galleryVideosContent #block1 {
	float: left;
	/*width: 458px;
	height: 390px;
	overflow: auto;*/
}
#galleryVideosContent #block1 ul li {
	list-style-type: none;
	padding: 1px 0 2px 0;
}
#galleryVideosContent #block1 ul li a img {
	margin-right: 2em;
}
#galleryVideosContent #block2 {
	float: right;
	padding: 3px 24px 0 0;
}


/***********************************/


p.first {
	margin-top: 0;
}
p.last {
	margin-bottom: 0;
}
a.link, a.link:link, a.link:visited, a.link:active {
	font-size: 0.75em;
	font-style: italic;
}
p a.link, p a.link:link, p a.link:visited, p a.link:active {
	font-size: 1em;
}
a.pageLink, a.pageLink:link, a.pageLink:visited, a.pageLink:active {
	font-size: 0.75em;
	font-style: normal;
}
a.textLink, a.textLink:link, a.textLink:visited, a.textLink:active, a.textLink:hover {
	color: #34869D;
}
.clear, .spacer {
	visibility: hidden;
	overflow: hidden;
	width: 1px;
	height: 1px;
}
.clear {
	clear:both;
}