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

html {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 13px;}

body {
text-align: center;
margin: 0;
padding: 0;
background: url(../images/celtic_bg.gif) repeat fixed;}

#welcome {
margin-top: 50px;}

#welcome a img {
border: none;}

#container {
width: 1000px;
margin: 0 auto 0 auto;
background-image: url(../images/container_bg.png);
background-repeat: repeat-y;
text-align: left;}

#box_main {
width: 900px;
margin: 0 50px 0 50px;}

#logo {
height: 100px;
margin: 0;
font-size: 36px;
text-align: left;
background-image: url(../images/banner_bg.gif);
background-repeat: no-repeat;}

.no {
display: none;}

#topNaviBg {
height: 35px;
background-image: url(../images/navigationBg.jpg);
background-repeat: no-repeat;}

#topNavi {
width:100%;
font-size:11px;
font-weight: bold;
line-height:normal;}

#topNavi ul {
margin:0;
padding:10px 10px 0 300px;
list-style:none;}

#topNavi ul li {
float:left;
background-image: url(../images/tab_left.png);
background-repeat: no-repeat;
background-position: left top;
margin:0;
padding:0 1px 0 10px;}

#topNavi #current {
background-image: url(../images/tab_left_current.png);}
  
#topNavi ul li a {
display:block;
background-image: url(../images/tab_right.png);
background-repeat: no-repeat;
background-position: right top;
padding:5px 21px 4px 8px;
color: #ffffff;
text-decoration: none;}

#topNavi #current a {
background-image: url(../images/tab_right_current.png);}
	
#topNavi ul li a span.onThePage {
color: #ffffff;
font-weight: bold;
background-color: #78123c;}

#topNavi ul li a:hover {
color: #FFCCCC;}

#topNavi #current a:hover {
color: #ffffff;}

#flashHeader {
height: 280px;
background-color: #CCCCCC;}

#header_media {
height: 280px;
background-image: url(../images/media.jpg);
background-repeat: no-repeat;}

#header_gallery {
height: 280px;
background-image: url(../images/gallery.jpg);
background-repeat: no-repeat;}

#header_contact {
height: 280px;
background-image: url(../images/contact.jpg);
background-repeat: no-repeat;}

#separator {
height: 35px;
background-image: url(../images/separator.jpg);
background-repeat: no-repeat;}

#leftCol_2cols {
width: 630px;
float: left;
margin: 0;
padding: 0;}

#leftCol_1col {
width: 100%;
margin: 0;
pading: 0;
text-align: left;}

#rightCol {
width: 255px;
float: left;
padding: 10px 0 10px 10px;
border-left: #CCCCCC thin dotted;}

#featuredVideo {
width: 250px;
height: 260px;
padding-top: 40px;
background-image: url(../images/f_video_bg.png);
background-repeat: no-repeat;
text-align: center;}

#featuredVideo p {
margin: 10px 0 0 0;
padding: 0;
font-style: italic;
color: #666666;
font-size: 11px;}

#featuredVideo a {
color: #78123c;
font-style: normal;
font-size: 11px;}

#featuredAudio {
width: 250px;
height: 100px;
padding-top: 40px;
background-image:url(../images/f_audio_bg.png);
background-repeat: no-repeat;
text-align: center;}

#featuredAudio p {
margin: 0;
padding: 0;
font-style: italic;
color: #666666;}

#featuredAudio a {
color: #78123c;
font-style: normal;
font-size: 11px;}

#pedagogical{
width: 250px;
height: 100px;
padding-top: 20px;}

#pedagogical a img {
border: none;}

#story_bio, #story_repetoire, #story_schedule, #story_media, #story_gallery, #story_contact {
clear: left;
padding: 0 20px 0 35px;
margin: 0 0 20px 0;}

#story_bio h2 {
margin: 0;
height: 50px;
color: #78123c;
background-image: url(../images/title_biography.gif);
background-repeat: no-repeat;}

#footer {
clear: both;
height: 20px;
margin: 0;
padding: 0;
background-color: #000000;}

#bottomInfo {
color: #ffffff;
font-size: 11px;
text-align: center;
padding-top: 3px;}

#bottomInfo a {
color: #ffffff;}


/*---- Repertoire page styling ----*/

#story_repetoire h2 {
margin: 0;
height: 50px;
color: #78123c;
background-image: url(../images/title_repetoire.gif);
background-repeat: no-repeat;}

#repertoireList {
width: 815px;
margin-left: 50px;
background-image:url(../images/repertoire_bg.png););
background-position: right bottom;
background-repeat: no-repeat;}

#repertoireList h3 {
margin: 30px 0 5px 0;
font-style: italic;
font-size: 16px;}

#repertoireList p {
padding-right: 90px;}

#operaTbl {
width: 730px;
border-collapse: collapse;
border-color: #E4E4E4;
border-width: 2px;
border-style: dashed;}

#operaTbl tr.colorRow, #concertTbl tr.colorRow, #recitalTbl tr.colorRow {
background-color: #E6E6E6;}

.composer {
font-weight: bold;}

#concertTbl, #recitalTbl {
width: 480px;
border-collapse: collapse;
border-collapse: collapse;
border-color: #E4E4E4;
border-width: 2px;
border-style: dashed;}


/*---- Schedule page styling ----*/

#story_schedule h2 {
margin: 0;
height: 50px;
color: #78123c;
background-image: url(../images/title_schedule.gif);
background-repeat: no-repeat;}

#story_schedule h3 {
font-size: 16px;
text-decoration: underline;}

#story_schedule .date {
margin-bottom: 0;
font-weight: bold;}

#story_schedule p {
margin-top: 5px;}


/*---- Media Page styling ----*/

#container_media {
width: 1000px;
margin: 0 auto 0 auto;
padding: 0;
background-image: url(../images/containerMedia_bg.png);
background-repeat: repeat-y;
text-align: left;}

#leftCol_media {
width: 860px;
margin: 0;
padding: 50px 20px 0 20px;
background-image: url(../images/media_bg.jpg);
background-repeat: no-repeat;
background-position: bottom right;
min-height: 690px;}

#videoPlayer {
width: 400px;
height: 540px;
float: left;
background-image: url(../images/video_player_bg.jpg);
background-repeat: no-repeat;
padding: 40px 0 0 20px;
margin: 0;
color: #ffffff;}

#audioPlayer {
float: left;
width: 410px;
height: 290px;
background-image: url(../images/audio_player_bg.jpg);
background-repeat: no-repeat;
padding: 50px 0 0 20px;
color: #ffffff;}

#story_media {
background-color: #FF9966;
padding: 0;}


/*---- Gallery page styling ----*/

#containerGallery {
width: 1000px;
margin: 0 auto 0 auto;
padding: 0;
background-image: url(../images/containerMedia_bg.png);
background-repeat: repeat-y;
text-align: left;}

#leftCol_gallery {
width: 860px;
margin: 0;
padding: 50px 20px 0 20px;
min-height: 650px;}

#story_gallery h2 {
margin: 0;
height: 45px;
color: #78123c;
background-image: url(../images/title_gallery.gif);
background-repeat: no-repeat;}

#story_contact h2 {
margin: 0;
height: 45px;
color: #78123c;
background-image: url(../images/title_contact.gif);
background-repeat: no-repeat;}

#story_about p, #story_repetoire p, #story_media p {
line-height: 1.8em;
margin: 0 0 5px 0;
text-align: justify;}

.sb_content {
margin-bottom: 15px;}



/*---- Contact Page ----*/

#leftCol_contact {
width: 860px;
margin: 0;
padding: 0 20px 0 20px;
background-image: url(../images/contact_bg.jpg);
background-repeat: no-repeat;
background-position: bottom right;
min-height: 690px;}

#story_contact {}

#leftSide {
background-color: transparent;
padding: 20px 0 0 25px;}

#contactTbl {}

#contactTbl th {
font-weight: bold;}


#contactForm fieldset {
border: 1px solid #78123c;
width: 490px;}

#contactForm fieldset legend {}

#pedagogical2 {
padding: 0 0 0 15px;}

#pedagogical2 a img {
border: none;}