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

html {
	margin: 0;
	padding: 0;
	}

body {
	background-repeat: repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size:14px;
	margin-left: 20px;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 10px;
/*	background-image:url(images/background-table.jpg);   */
	background-image:url(images/bkg-water5.jpg);  
}

h1  {
	color:#003300;
	font-size:16px;
	text-align:center; 
	padding-top: 1px;
	padding-left: 25px;
	padding-right:25px;
	font-weight: bold;
	line-height:22px;
}

h2  {
	color: #000099; 
	font-size: 13px;
	font-style:italic;
	text-align:center; 
	line-height:17px;
	padding-top:8px;
	padding-bottom:8px;
	background-image:url(images/bkg-navTop.jpg)
	}
	
h3  {
	color: #006699; font-size: 14px; text-align:center;  
	}
	
p {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

p.p1{ 
color: #006; font-size:18px; padding:14px }

p.p2{ color: #666666; font-size:12px }

p.p3{ 
	color: #009933; 
	font-size:18px;
	text-align:center;
}

p.p4{ 
	color: #0000CC; 
	font-size:13px; 
	text-align:center; 
	line-height:15px; 
	font-weight:600; 
	padding-left:24px; 
	padding-right:24px;
	padding-top: 2px; 
}
p.p5{ 
	color: #FFFF00; 
	font-weight:bold; 
	font-size:15px; 
	text-align: center
}

p.p6{ 
	color: #006666; 
	font-size:13px;
	font-weight: 600;
	padding-left: 26px; 
	padding-right: 26px 
}

.style1 {
	font-size:13px;
	color: #000000;
	font-weight: bold;
}

.style2 { 
	font-size:15px;
	color: #FFFF00;
	font-weight: bold;
}

.style3 { 
	font-size:15px;
	color: #000000;
	font-weight: bold;
	padding-left:0px;
}

.style4 {
	padding-top:40px;
	color: #000000;
}

ul {
	margin-top: -12px;
	margin-bottom:0px;
	}
	
li {
	list-style-type: circle;
	color: #006;
	font-size:16px;
	letter-spacing:1px;
	line-height:1.2em;
	margin-left: 18px;
	margin-right:25px;
	padding-left:6px;
	padding-top: 3px;
	}

a {
	color: #0000CC; 
	font-size:16px; 
	line-height:17px; 
	font-weight:600; 
	padding-top: 2px; 
}

a:link { 
	text-decoration: underline;
	}
	
a:visited { 
	font-weight: bold; 
	text-decoration: none; 
	color: #0000CC;
	}
	
a:hover, a:active { 
	text-decoration: underline; 
	color: #FF0000;
	}
	
td img {display: block;}

#mainText {
	position:absolute;
	left:220px;
	top:125px;
	width:544px;
	height:335px;
	z-index:1;
}

#contactText {
	position:absolute;
	left:220px;
	top:114px;
	width:544px;
	height:276px;
	z-index:1;
}

#customBox  {
	position:absolute;
	left:33px;
	top:310px;
	width:180px;
	height:179px;
	z-index:1;
	text-align: center;
}

#contactBody {
	position:absolute;
	left:250px;
	top:150px;
	width:510px;
	height:169px;
	z-index:3;
	text-align: center;
}

#repertroireList1 {
	position:absolute;
	left:260px;
	top:275px;
	width:263px;
	height:212px;
	padding-top:0px;
	z-index:4;
}

#repertroireList2 {
	position:absolute;
	left:535px;
	top:275px;
	width:259px;
	height:212px;
	padding-top:0px;
	z-index:4;
}

#indexAutoSlideshow {
	position:absolute;
	left:221px;
	top:121px;
	width:510px;
	height:375px;
	z-index:1;
}

#photoGallerySlideshow {
	position:absolute;
	width:645px;
	height:476px;
	z-index:1;
	left: 221px;
	top: 20px;
}