/* CSS Document */

body, html{
text-align:center;
margin:0px;
padding:0px;
height:102%; /* fix height to 100% for IE */
max-height:102%; /* fix height for other browsers */
}

body{
background-color:#B0070A; /*burgundy*/
}

a{
color:#B0070A;
text-decoration:none;
}

a:hover{
color:#B0070A;
text-decoration:underline;
}

#wrapper{
width: 784px;
margin: 0px auto;
text-align:center;
background-image:url(images/content_bg.jpg);
background-repeat:repeat-y;
}

#header{
background-image:url(images/banner_text.jpg);
background-repeat: no-repeat;
width: 784px;
height: 180px;
}

#nav{
	/*background-image:url(images/nav_bg.jpg);*/
	background-image:url(images/tabbed_bg.gif);
	background-repeat:no-repeat;
	width: 784px;
	height: 42px;
	padding: 0px 0px 0px 69px;

}

/*CONTENT AREA STYLES */

#content{
width: 754px;
padding: 10px 10px 20px 20px;
margin: 0px;
overflow: auto; 
/*float: left;*/
position:relative;
clear:both;

background-image:url(images/content_bg.jpg);
background-repeat:repeat-y;
text-align:left;
}

#content_taize{
width: 754px;
padding: 10px 10px 20px 20px;
margin: 0px;
overflow:auto; 
/*float: left;*/
position:relative;
clear:both;
z-index:2;
background-image:url(images/bg_taize.jpg);
background-repeat:repeat-y;
text-align:left;
}

/*
#content p{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-align:left;
padding-left:50px;
padding-right:80px;
}

#content h1{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:20px;
color: #B0070A;
font-weight:normal;
}
*/

#quick_links{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color: #B0070A;
float: right;
padding-top: 35px;
padding-right:160px;
}

#quick_links a{
text-decoration:underline;
color: #B0070A;
}

#quick_links a:hover{
text-decoration:underline;
color: #FF0A13;
}



#left_col{ /*Use this DIV for left side items such as text, photos, etc.*/
width: 162px;
float: left;
padding: 10px 10px 10px 10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
height:inherit; /* fix height to 100% for IE */
max-height: 100%; /* fix height for other browsers */
text-align: left;
display: inline;
position: relative;
}

.taize_content{
color: #FFFFFF;
}

#right_col{
float:left;
display:inline;
position: relative;
width: 490px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}

#right_col_taize{
background-image:url(images/candle_bg.jpg);
background-repeat:no-repeat;
background-color:#000000;
background-position:bottom;
width: 490px;
float:left;
display:inline;
position: relative;
}

#right_col p{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-align:left;
}

#right_col_taize p{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-align:left;
color: #FFFFFF;
}

#right_col h1{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:20px;
color: #B0070A;
font-weight:normal;
}

#right_col h2{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color: #B0070A;
font-weight:bold;
font-style:italic;
}

#right_col_taize h2{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color: #fff;
font-weight:bold;
font-style:italic;
margin:0px;
padding-top:5px;
}

#right_col h3{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color: #B0070A;
font-style:italic;
}

#right_col h3 a{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color: #B0070A;
font-style:italic;
text-decoration:none;
}


#right_col h3 a:hover{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color: #B0070A;
font-style:italic;
text-decoration:underline;
}


#events_box{
background-color:#FFFFFF;
border:1px solid #B0070A;
width: 140px;
height: 400px;
float: left;
padding-top:10px;
padding-left:10px;
padding-right: 10px;
overflow:scroll;
text-align:left;
}

#events_box_title{
background-image:url(images/event_box_hdr.jpg);
background-repeat:no-repeat;
height: 23px;
width: 162px;
}

#events_box ul {
  margin: 0;
  padding: 0;
  margin-left:10px;
  }

#events_box li {
  padding-left:3px;
  }
  
#events_box .title{
	font-size: 11px;
	font-weight:bold;
	text-decoration:underline;
}

#events_box .subtitle{
	font-size: 10px;
	font-weight:bold;
}

.caption{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-align:center;
padding-top:0px;
padding-bottom:5px;
padding-right:3px;
padding-left:3px;
}

/*Taize page music player */

#player{
width: 220px;
height: 100px;
float: right;
padding:35px 0px;
}

/*Footer area with drop shadow*/

#footer{
background-image: url(images/footer_60px.jpg);
background-repeat: none;
margin-top:10px;
height: 60px;
font-size:11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
padding-top:0px;
padding-bottom:0px;
text-align:center;
width: 700px;
padding-left:20px;
padding-right:64px;
}