@charset "utf-8";
/* CSS Document */
/* color palette Cervasa Corona from Colour Lovers*/
/*body*/

article, header,footer, nav, section, aside { display:block; } 

html {
	height:100%;
}

body {
	background: #FFF;
	margin:auto;
	padding: 10px 0 10px 0;
	font: normal 12px Verdana, Geneva, sans-serif;
	font-color: #333;
	height:100%;
	}
/*content */
#content  {
	position:relative;
/*	background-color:#ffeb91; /* #defaf1;*/
	width:965px;
	margin:0 auto auto auto;
	padding:0 0 20px 0;
	height:100%;
}
header, h1,#footer,footer, #left_sidebar, #right_sidebar, #centre_panel, #centre_panel_programme, #update {
	background-color:#ffeb91;
}
	
/* header */
/*contains navigation*/
#left_sidebar {
	position:absolute;
	left:0;
	top:0;
	margin:0;
	width: 195px;
	height: auto;
	padding:18px 5px 18px 0px;
	overflow:visible;
	border-color:#0FF;
	border-width:3px double;
	border-radius:12px;
	z-index:3;
}

header {
	position:absolute;
	left: 210px;
	top: 0;
	width: 775px;
	padding: 0;
	color: #142185;
	border-color:#0FF;
	border-width:3px double;
	border-radius:12px;
	z-index: 1;
}
/*news update container*/
#update  {
	position:absolute;
	left:0px;
	top:373px;
	margin: 2px 0 0 0;
	width: 195px;
	height: 415px;
	padding:18px 5px 2px 0px;
	line-height:130%;
	border-color:#0FF;
	border-width:3px double;
	border-radius:12px;
}

#update h4 {
	width: 180px;
	padding: 0 0 0 15px;
}
#update .bigred{
	width: 180px;
	padding:0 0 0 15px;
}
	
/*main information container*/
#centre_panel {
	position:absolute;
	left: 210px;
	top: 80px;
	width:520px;
	height: 720px;
	padding:10px 15px 0 20px;
	line-height:120%;
	border-color:#0FF;
	border-width:3px double;
	border-radius:12px;
	z-index:2;
}
/* main info container, wider so also uses the space of sidebar_panel*/
#centre_panel_programme {
	position:absolute;
	left: 210px;
	top: 80px;
	width:745px;
	padding: 0 20px 0 10px;
	height:auto;/*now sizes to fit text. If less than 730 then javascript sets to 730 so bottom aligns with bottom of update container*/
	color:#142185;
	line-height:120%;
	border-color:#0FF;
	border-width:3px double;
	border-radius:12px;
	z-index:2;
}

/*contains the montage*/
#right_sidebar  {
	position:relative;
	top:80px;
	left: 775px;
	width:210px;
	height:730px;
	padding:0;
	border-color:#0FF;
	border-radius:12px;
	overflow:hidden;
	z-index:1;
}

/*inner container for montage*/
#picplace {
	position:absolute;
	top:0;
	padding:0;
	overflow:hidden;
}
/*'hidden right sidebar for Centre_panel_programme pages, footer aligns below this*/
#right_sidebar_programme  {
	position:relative;
	top:2px;
	left: 775px;
	width:195px;
	padding:0;
	border:0
	overflow:hidden;
	z-index:10;
}
footer {
	clear:both;
	position: relative;
	top: 87px;
	width: 985px;
	height: 25px;
	text-align:right;
	padding:7px 0 6px 0;
	margin: 0 0 5px 0;
	border-color:#0FF;
	border-width:3px double;
	border-radius:12px;
}
/* classes for programme page*/
.web, .artiste, .date  {
	font-size:105%;
	font-family:Verdana, Geneva, sans-serif;
	color:#142185;
	font-weight:bold;
}
.date  {
	position:relative;
	left:5px;
	color:#142185;
}

.artiste  {
	position:absolute;
	left: 80px;
	color:#142185;
}

.web  {
	position:absolute;
	left: 525px;
	font-size:100%;
	font-weight:normal;
	text-align:right;
	color:#142185;
}
/* class for long artiste urls in programme page*/
.web2 {
	position:absolute;
	left: 500px;
	font-size:95%;
	font-weight:normal;
	text-align:right;
	color:#142185;
}
	
	
a.web {
	text-align:right;
}
p.web  {
	text-align:right;
}
/*artiste info class for programme page*/
.blurb  {
	position:relative;
	left: 68px;
	color:#6f7bd9;
	line-height:130%;
	width:680px;
}
.entry {
}

/*navigation menu */

nav {
	width:180px; 
	margin: 5px 10px 5px 10px;
	font-size:12px;
	z-index: 3;
	}

 
/*Main nav Menu*/
#navigation ul {
	margin:0px; 
	padding:0px; 
	list-style: none;
	}
	
#navigation ul li {
	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	color: #142185;
	display: block;
	background:url(menu_blue.gif) no-repeat;
	padding: 8px 0 0 10px;
	text-decoration:none;
}
#navigation ul li:hover {
	color:#142185; 
	position:relative;
	background:url(menu_blue.gif) 0 -32px no-repeat;
	padding: 8px 0 0 10px;
	text-decoration:none;
	}
 
/*Sub nav Menu*/
#navigation ul ul {
	display:none; 
	position:absolute; 
	left:75px; 
	top:5px; 
	}
#navigation ul li:hover ul {
	display:block;
	background:url(menu_blue.gif)no-repeat;
	color: #142185;
	text-decoration:none;
}
 
#navigation ul ul li { 
	width:180px; 
	float:left; 
	border:none;
	text-decoration:none;
	}
#navigation ul ul li:hover {
	text-decoration:none;}
 
#navigation li:hover ul li ul {
	display:none;
	}
 
#navigation ul ul li ul {
	text-decoration:none;
	}
#navigation ul ul li:hover ul {
	display:block;
	color:#142185;
	background:url(menu_blue.gif) 0 -32px no-repeat;
	padding: 8px 0 0 10px;
	text-decoration:none;
	}
#navigation li a {
	text-decoration:none;
	color:#142185;
}
/*text classes*/
h1{
	width:745px;
	top:-12px;
	padding:5px 0 5px 20px;
	font: 24px Verdana, Geneva, sans-serif;
	font-weight:700;
	color: #142185; 	
	border-color:#0FF;
	border-width:3px double;
	border-radius:12px;
	z-index: 1;
}

h2 {
	color: #142185;	
	line-height:130%;
}

p {
	color: #6f7bd9;
}
h4 {
	width:740px;
	font-size:120%;
	font-weight:bold;
	color: #142185;
}
h5 {
	font-size:105%;
	font-family:Verdana, Geneva, sans-serif;
	color:#142185;
	font-weight:bold;
}
.red {
	font-size: 100%;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:normal;
	line-height:inherit;
	color:#F00;

}
.bigred {
	font-size: 120%;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
	color:#F00;

}

	
.invisitext  {
	color: #ffeb91;
}

.info  {
	color:#6f7bd9;
	text-align:center;
}
.column_one  {
	position:relative;
	left:70px;
	text-decoration:none;
}
.column_two {
	position:absolute;
		left:300px;
}
a {
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
.session_column1  {
	position:relative;
	left:15px;
	text-decoration:none;
}
.session_column2  {
	position:relative;
	left:50px;
	text-decoration:none;

}
#last_up {
position: absolute;
left: 10px;
}
#copy {
	position: absolute;
	right:10px;
}
.americano {
	text-align:center;
font-size:20px;
font-weight:300;
}

.centralText {
	position: relative;
	left:25px;
	width: 700px;
	text-align:center;
	font-size:12px;
}
.amCentralText {
	position: relative;
	left:25px;
	width: 470px;
	text-align:center;
	font-size:12px;
}	
	
p.attention {
	font-weight: bold;
}

.quote {
	position: relative;
	left:25px;
	font-size:12px;
	font-style:italic;
}
.quoteAttr {
	position: absolute;
	left: 470px;
}