@import url(http://fonts.googleapis.com/css?family=Rosarivo:400,400italic|Oxygen);

/* RESET */
	*			{ margin:0; padding:0; text-decoration:none;}

/* COLORS */
	.black		{ color:#333034; }
	.white 		{ color:#fefefe; }
	.red 		{ color:#f83626; }
	.shade		{ color:#fff0ec; }
	.shaded		{ background-color:#fff0ec; }
	.gray		{ color:#7d6967; }
	.pink		{ color:#fe776c; }
	.shade2		{ background-color:#fff0ec; }
	
	
/* TEXT-STYLE */
	p, span, div, h1, h2, h3, h4, h5		{ font-family:Oxygen; }
	h1, h2, h3, h4, h5	{ text-transform:uppercase; font-weight:400; font-size:16px; font-style:normal; margin:0 0 6 0; }
	h1				{ padding:2 12; color:#f83626; font-weight:400; letter-spacing:0.03em; border-bottom:dotted 1px #f83626; }
	h2				{ color:#fefefe; background:#fe776c; padding:2px 6px; margin-bottom:12px; font-weight:bold; margin-left:-12px; margin-right:-12px;}
	.h2fix			{ margin-left:6px; }
	h3				{ color:#333034; font-size:14px;} 
	h4				{ color:#f83626; } 
	h5				{ background:#333034; color:#fefefe; padding:2px 6px; margin-bottom:0px; }
	p				{ font-size:15px; color:#333034; margin:6px 0px 12px 6px; text-align:left; }
	a 				{ text-decoration:none; color:#f83626; font-family:Rosarivo; font-style:italic;  }
	img				{ margin-bottom:18px; margin-top:0px; }
	.grid3 a 			{ border-bottom:0px;}
	.grid3 img			{ border-bottom:0px; margin-bottom:10px;}
	.paddingfix		{ margin-top:24px; }
	ul	{ list-style-type: none; padding: 0px; margin: 0px; }
	li	{ height:42px; padding:6px 0 6px 12px; border-bottom:solid 2px #efefef;}
	#header a 		{ border:0; }
	.foot			{ font-family:Rosarivo; color:#fefefe; text-align:center; font-size:11px; letter-spacing:0.03em; }
	.foot a 			{ color:#f83626; }
	
	
	.spotlight		{ border:solid 1px #fe776c; margin:0 0 24px 0; }
	.center			{ text-align:center; }
	.right	{ text-align:right; }
	.serif			{ font-family:Rosarivo; font-style:italic; }
	.bold			{ font-weight:bold; }
	
	.list 			{ text-transform:uppercase; margin:0; padding:0; font-size:10px; letter-spacing:0.1em;  }
	
	li:hover			{ background:#fff0ec; }
	.grid4 p 		{ padding:0 5px; }
	a .grid4:hover	{ background:#fff0ec; }

	
/* LAY-OUT */
	body		{ background:#d3d3d3 url('images/background.png') bottom center no-repeat fixed; min-height:100%; }
	#wrapper	{ min-height:600px; width:780px; background:#fefefe; margin:40px auto 70px auto; box-shadow: 0px 0px 10px #7d6967; z-index:0; }
	#header		{ height:80px; width:740px; padding:20px; background:url('images/header.png') }
	#header img	{ float:right; margin:10px; }
	#header img#header2	{ float:left; margin:-20px; }	
	#menu		{ height:40px; width:840px; position:absolute; margin-left:-30px;}
		.button  { 
			height:18px; 
			width:110px;
			padding:5px 0;
			text-align:center;
			background:url('images/button.png') center top;
			color:#fefefe;
			font-style:normal;
			font-size:14px;
			}
		.button:hover 	{ background:url('images/button.png') bottom center; opacity:0.5;}
		.first			{ width:30px; height:18px; padding:5px 0; float:left; margin-top:7px; background:url('images/button.png') right top; text-align:center; }
		.second			{ float:left; margin-right:2px; }
		#select			{  background:none; font-weight:bold; color:#333034; margin-top:0; } 
		.third			{ float:left; margin-right:0px; width:109px; }
		.last 			{ width:30px; height:14px; padding:7px 0; float:right; margin-top:7px; margin-left:-1px; background:url('images/button.png') left top; text-align:center;}
	#main		{ width:756px; min-height:300px; padding:24px 12px; margin-top:20px; }
		.grid1 	{ width:52px; float:left; }
		.grid2 	{ width:116px; float:left; } /* marginalia */
		.grid3 	{ width:180px; float:left; }
		.grid4 	{ width:244px; float:left; } /* spotlight */
		.grid5 	{ width:308px; float:left; }
		.grid6 	{ width:372px; float:left; }
		.grid7 	{ width:436px; float:left; }
		.grid8 	{ width:500px; float:left; } /* double spotlight */
		.grid9 	{ width:564px; float:left; }
		.grid10 	{ width:628px; float:left; } /* text-body */
		.grid11	{ width:692px; float:left; } /* text */
		.grid12 	{ width:756px; float:left; margin-top:-5px; margin-bottom:5px; }
		.spacer	{ margin-left:12px; }
		.divider	{ height:12px; }
	#footer		{ width:400px; height:20px; padding:20px 0; position:fixed; bottom:10px; left:50%; margin-left:-200px; text-align:center; z-index:-1; float:left;}
	
/* AGENDA NOV 2013 */
	div.agenda div.linkto { width:128px; font-size:12px; float:right; }
	div.agenda div.grid1 { width:98px; }
	div.agenda div.grid10 { margin-bottom:6px; }
	div.agenda div { border:0 }
	div.agenda h1, h2, p { font-size:16px; margin:0; padding:0;}
	div.agenda h1 { margin-bottom:6px; padding-left:12px; margin-left:-12px; background-color:#333034; border:0; color:#fefefe; width:152px; font-weight:bold; }
	div.agenda h4 { margin-bottom:6px; padding-left:12px;  margin-left:-12px; background-color:#333034; border:0; color:#fefefe; font-weight:bold; }
	div.agenda h2 { color:#7d6967; background-color:#fefefe; font-weight:normal; }
	div.agenda h3 { font-family:Rosarivo, serif; color:#f83626; }
	div.agenda p.details { font-family:Rosarivo; font-style:italic; margin-left:18px; }

/* REPERTOIRE NOV 2013 */
	div.repertoire div.grid2 { width:136px; }
	div.repertoire div.grid5 { width:298px; }