/* CSS Document */

/* Universal selectors */


/* Elements selectors */
body 
{
  margin: 0;
  padding: 0;
  background-color: #FFFFFF;
  color:#000000;
  font-family: Arial, Helvetica, Verdana, sans-serif;
}

h1
{
	text-align:center;
}

h1,h2,h3
{
	color:#AE1F23;
}
li
{
	margin-bottom:.2em;
}

address
{
	margin-left:2em;
	font-weight:bold;
}

a img
{
	border:none;
}

dd
{
	margin-bottom:.5em;
}
/* Class, Attribute, and Pseudo Selectors*/

/* css to make the skip navigation link visible to screen 
   reader users and sighted keyboard users */
a.skip_link {
	font-size:.7em; 
	color: #FFFFFF;
	text-decoration: none;
	margin:0;
	padding:0;
	
}
	.skip_link:active, .skip_link:focus {
		color: #000000;
		text-decoration: underline;
		
	}
	
	/* For the links that have icons, hide the span tag text that specifies the liks from visual browsers */
	a.icon span
	{
		left: -5000px;
		position: absolute;
		width: 4000px;
	}
	/* Defines the common properties for all links that have icons - add new ones to the list below */
	a.icon
	{
		padding: 0 20px 0 0;
		margin-right:2px;
		zoom:1;
		/*display:inline-block;  This was added to prevent the wrapping by triggering "haslayout" for IE browsers on this inline element in standards mode*/
	}
	
	/* Links to open in a new window */
	a.new_window:link, a.new_window:visited
	{
		background: transparent url(../images/icons/new_window.gif) no-repeat 100% 0;
	} 
	
	/* Links to External web sites*/
	a.external:link, a.external:visited
	{
		background: transparent url(../images/icons/external_link.gif) no-repeat 100% 0;
	
	}
	
	/* Links to PDF files */
	a.pdf:link, a.pdf:visited
	{
		background: transparent url(../images/icons/pdf.gif) no-repeat 100% 0;
	}
/* TEXT ALIGNMENT */
.align-left
{
	text-align:left;
}

.align-right
{
	text-align:right;
}

.align-center
{ 
	text-align:center;
}
.align-justify
{
	text-align:justify;
}
.style2
{ 
	font-style:italic;
}
.weight1
{
	font-weight:normal;
}

.weight2
{
	font-weight:bold;
}
.red
{
	color:#980E10;
}

.center-aligned
{
	position:static;
	margin-left:auto;
	margin-right:auto;
}

.initial_list
{
	 margin-left:15%;
	 
 }
.clear-both
{ 
	clear:both;
}
.clear-right
{
	clear:right;
}
.clear-left
{
	clear:left;
}

/* Clear floating elements. Slightly enhanced, universal clearfix hack 
	http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack/
	*/
	.clearfix:after 
	{
		 clear: both;
		content: " ";
		display: block;
		font-size: 0;
		height: 0;
		visibility: hidden;
	}
	.clearfix { display: inline-block; }
	/* start commented backslash hack \*/
	* html .clearfix { height: 1%; }
	.clearfix { display: block; } 	/* close commented backslash hack */

.float-right
{
	float:right;
}

.float-left
{
	float:left;
}

.float-none
{
	float:none;
}
.quotes
{
 	width:200px;
 	text-align:left;  
	padding: 0 .5em;
	background-image: url(../images/quoteleft.gif);
	background-position: top left;
	background-repeat: no-repeat;
	margin: .8em 0;
	
}

.quotes blockquote
{
 	padding 0 .5em;
	margin: 2px 1em;
	
}
.quotes p
{
 	font-size:.7em;
	text-align: left;
	text-indent:.5em;
	margin:0 .4em 0 0;
	padding: 2px 11px 6px 0;
	background-image: url(../images/quoteright.gif);
	background-position: right bottom;
	background-repeat: no-repeat;
	
}
.quotes cite
{
	font-size:.6em;
	text-align:center;
	font-style:normal;
	display:block;
	margin-top:4px;
	padding:0;
	
}

.beneficiaries 
{
	margin-right:3em;
	
}

.beneficiaries h3
{
	 margin-bottom:0;
}

.beneficiaries p
{
	margin-top:0;
}
.beneficiaries img
{
	float:left;
	margin:.3em;
	
}

dl.committee dt
{
	margin-top:.6em;

}
dl.committee dd
{
	font-weight: bold;
	margin-bottom:.2em;
	margin-left: 8em;
	padding-top:.2em;
	list-style-type:disc;
	list-style:disc;
	display:list-item;

}

dl.foundry dt
{
	font-weight:bold;
	color:#AE1F23;
}

dl.foundry dd
{
	margin-bottom:1em;
	margin-left:0;
}
.small_font 
{
	font-size:0.8em;
}

/* concert program */
.piece
{
	text-align:left;
	padding-right:1.3em;

}
.composer
{
	text-align:right;
	font-style:italic;

}

.performer
{
	font-weight:bold;
	text-align:center;
	padding-bottom:.7em;
 
}

/* display the list with no bullets */
	ul.no-bullets li, ul li.no-bullets
	{
		list-style-type:none;
		list-style-image:none;
	}
/* ID Selectors */

#wrapper,#header
{
	margin: 0 auto 0 5px; 
	padding: 0 20px;
	width: 1024px;
} 

/*#header
{
	margin:.3em 0;
	padding:0;
	width:100%;
}*/
#nav
{ 
	width:200px;
	float: left;
	margin: 0;
  	padding: 0;
	display:block;
	
}

#theme
{
	width:240px;
	float:right;
	margin: 5px 0;
  	padding: 0;
	text-align:center;
	
}

#page_content
{
	margin: .3em 210px 0 240px;
	padding:.3em 0;
	line-height:1.2em;
	/* the line below was added to fix an IE bug, which is that adjacent to a float gets indented by 3px, 
  	but only for the length of the float. Once the float ends, so does the bug. So to solve the problem
	a non-existing value for the display property does -- inline-block! was added to eliminate the 3px jog.
  display: inline-block; */
}

#page_content p 
{
 margin-right:3em;

	
}
#img_theme
{
	
	border: #BD0018 1px solid;
	margin:0;
	padding:0;
	vertical-align:top;
	
	
}

#cfl_logo
{
	float:left;
	margin:0;
	padding:0;
	border-bottom:#BD0018 1px solid;
	width:100%;
	
}

#logo_img
{
	
	border: #BD0018 1px solid;
	
}
#cfl_logo img, #cfl_logo span
{
	margin-bottom:0;
	padding-bottom:0;
}


#cfl_moto
{
	font-size:1.7em;
	font-weight:bold;
	word-spacing:2px;
	letter-spacing:1px;
	margin-left:2em;
	text-align:left;
	vertical-align:bottom;
	
}



#top_nav 
{
	margin: 0; 
	padding: 0 0;
	float: left;
	width:100%;
	font-weight:bold;
	font-size:13px;
	border: 1px solid #BD0018;
	border-width: 1px 0;
	background-color:#CF1519;
	background-image:url(../images/blockdefault.gif);
	background-position: center center;
	background-repeat: repeat-x;

}

#top_nav li
{
	display:inline;
		
}


#top_nav li a
{
	float: left;
	color: white;
	text-decoration: none;
	border-right: 1px solid white;
	padding: 9px 11px;
	
}

#top_nav li a:hover, #top_nav li .current 
{
	
	background-color:#F7F7F7;
	background-image:url(../images/blockactive.gif);
	background-position: center center;
	background-repeat: repeat-x;
	color: #CF1519;
	border-right: 1px solid #CF1519;
}

#top_nav li:first-child a
{
	border-left: 1px solid #CF1519;
}
#navlist
{
	list-style: none;
	margin: 0; 
	padding: 0;
	background-color:#ECECEC;
	font-weight:bold;
	border: #BD0018 1px solid;
	width: 180px;
	
}

#navlist li
{
	margin: 0;
	text-align: left;
	padding:2px 0 2px 0;
}

#navlist li a
{
	display: block; 
	 padding: 2px 0 2px 8px; 
	 color:#980E10;  /* dark red */
	 text-decoration: none;
	 margin: 0;
}


#navlist li a:hover, #navlist li .current
{
	border-color: #FFFFFF;
	color: #FFFFFF;
	background-color: #CF1519;
}

#sponsor_link
{
	margin-top:1em;
	font-size:.7em;
	text-align:center;
	
}

#sponsor_link img, #sponsor_link a
{
	border:none;
}

/* Contact form */
form#contact_form 	{
margin : 0;
padding : 0;
width:20em;
}

form#contact_form fieldset {
margin : 0;
padding : 1em;
border : 1px solid #BD0018;
}


/* ### Tickets Forms ### */
ul.tickets_list li
{
 /*font-weight:bold;*/
 margin-top:.6em;
 list-style:none;
 padding:.5em;
 border : 1px solid #BD0018;
 width:70%;

}

ul.tickets_list li fieldset legend
{
	margin-bottom:.3em;
	font-weight:bold;
	color:#000000;
}

ul.tickets_list li fieldset
{
	font-weight:normal;
}
ul.tickets_list li fieldset input
{
  margin-left:.4em;
  margin-top:.4em;
}

ul.tickets_list li fieldset input.radiobuttons
{
	margin-left:2em;
	
}
ul.tickets_list li div
{
  margin-top:.4em;
  margin-bottom:.3em;

}


ul.tickets_list li select
{
	margin-top:.5em;
}
	
/* Style the legend, labels and the div containing the submit button. */

form#contact_form legend {
font-weight : bold;
color : #333333;
margin : 0;
padding : 0.5em;
}

form#contact_form label {
display : block;
}
	
#footer
{
	margin:2em;
	font-size:.8em;
	border-top:#BD0018 1px solid;
}
