/*-----------------global stuff--------------------------------*/

body {
  font-family: Arial, Verdana, "Lucida Grande", sans-serif; font-size: 14px; 
	text-align: center; margin: 20px;background-color: #d5d6d7;  } 
	/* this is the bread-n-butter font settings */

#page { width: 940px; margin: auto; text-align: left;} 
   
table { margin: 0; padding:0; border-spacing:0;} /* clean tables */

#header { background:#660000 url(./pix/header_bg.jpg) repeat;
	
	 position:relative;height: 100px;
	font-family: Arial, Verdana, "Lucida Grande", sans-serif; 
	 width: 940px;  color:White;float: center; }
	/* this div wraps the page head with the title etc. */

#logo {text-align: left;padding: 0px 0px 0px 60px;}

/*----------------language option-------------*/

a.nav { font-size: 13px;color: #CC6633;text-decoration : none; margin-right:10px;}
a.navs { font-size: 13px;color: #fff;text-decoration : none;margin-right:10px; }
a.nav:hover { font-size: 13px;color : #fff;text-decoration : none;}


#language {float:right;padding:20px 10px 0px 0px}

/*-------------------------------------*/

#tail { background: #660000 url(./pix/tail_bg.jpg) repeat; color: White; height: 50px; 
	width: 940px;  position: relative; }

#bgmusic {margin:5px 20px 10px 853px;}
body#red {background: #990000;}     
body#gallery {background: #990000;} 

#content { background: #990000; color: White;  margin-bottom: 0;padding: 10px 0px 10px 0px; 
		 height:440px; width:900px; position: relative; }

#cdContent { background: #990000; color: White;  margin-bottom: 0;padding: 10px 0px 10px 0px; 
				 height:440px; width:400px; position: relative;text-align:justify; }

#newsContent { background: #660000; color: White;  margin-bottom: 0;padding: 10px 0px 10px 0px; 
								 height:440px; width:400px; position: relative;text-align:justify; }

#news {margin-left:20px}

#mainText {text-align:justify;}

iframe#pixFrame {height:440px; width:850px;}
iframe#concertsFrame {height:455px; width:900px;}
iframe#newsFrame  {height:440px; width:700px;}      

a.pageLink {font-size : 15px; color : #CC6633;text-decoration: underline;}
a.downloadLink {font-size : 13px; color : #CC6633;text-decoration: underline;margin-right:10px;}
a.links {font-size : 15px; color : #fff;text-decoration: underline;}

/*------------------navBar-------------------------*/
table.navBar {width: 100%;}
td.navTd {background-color:#CC6633; border: 1px solid #d5d6d7;text-align:center}

a.navLink {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 13px;
	color : #000000;
	font-style : normal;
	line-height : 17px;
	font-weight : normal;
	text-decoration : none;
}

a.navLink:hover {
	font-family :  Verdana, Arial, Helvetica, sans-serif;
	font-size : 13px;
	color : #660000;
	font-style : normal;
	line-height : 17px;
	font-weight : normal;
	text-decoration : none;
}

/*---------------rounded corners-----------------------------*/
b.cn { position: absolute; height: 10px; width: 10px; margin: 0; padding: 0; 
	background: url(./pix/gray.png) no-repeat; line-height: 1px; 
	font-size: 1px; clear: both; } /* a corner */
b.tl { top: -1px; left: -1px; background-position: top left; } /* top left corner */
b.tr { top: -1px; right: -1px; background-position: top right; } /* top right corner */
b.bl { bottom: -1px; left: -1px; background-position: bottom left; } /* bottom left corner */
b.br { bottom: -1px; right: -1px; background-position: bottom right; } /* bottom right corner */



/* these filters are necessary for correct display in MSIE */
* html b.bl { bottom:-2px }
* html b.br { bottom:-2px }
* html b.cn { background-image: url(./pix/gray.gif); }

#pageTitle {font-size : 25px; color:#CC6633;text-align:center;margin-bottom:20px}


/*-----------pictures---------------------------*/
#picture {	visibility: hidden;}
#fadein {
	visibility: hidden;
}
.picMiddle{text-align: center;}
.picLeft {float:left}
.picRight {float:right;padding:10px}  

.bioImg{width:500px}

/*---------------downloads-----------------------*/

#downloads {font-size : 120%;line-height:30px;}

#leftBox {margin-left:100px;margin-top:50px;float:left;width:250px;text-align: left;line-height:30px;font-size : 13px;}
#rightBox {margin-top:50px;float:left;width:250px;text-align: left;line-height:30px;font-size : 13px;}

/*---------------news-----------------------*/

.newsBox {width:580px;height:auto;background-color:#660000;font-size: 100%;margin:20px 0px, 60px, 0px;padding:15px}
.newsTitle {font-size: 150%;}
.newsText {font-size: 100%;border-top: 1px solid gray;padding: 10px 0px 10px 0px;}    

.newsImgBox {text-align:center;padding-left:10px;border-bottom: 1px solid gray;width:550px;height:250px;}
.newsImg {width:250px;margin:10px;}       


/*lyrics */
#lyricsBox {margin:20px 0px 0px 15px;}
#lyricsHeader {font-family:'verdana';font-size:16px;}
#songLinksBox {float:left;width:120px;}
#songText {float:left;width:650px;}  

/*-----------------gallery---------------------*/    
.img-shadow {
  float:left;
  background: url(http://www.mipages.org/pix/shadow/shadowAlpha.png) no-repeat bottom right !important;
  background: url(http://www.mipages.org/pix/shadow/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }

.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
  }   

#picturesContent {width:800px;}
.galleryThumbnail {width: 360px;}   
.pictureBox {width: 370px;float: left;margin: 0px 10px 30px 10px; }
.pictureTitle {text-align: center;}
.pictureComment {text-align: center;font-size:11px;font-style:italic}