/* CSS Document */

html, body {
background: #ececec url('images/background.gif'); 
background-repeat: repeat-x; 
color: #333; 
font-family: Arial, Helvetica, sans-serif; 
line-height: 1.3em;
font-weight: normal; 
font-size: 0.9em; 
margin: 0;
}

a { text-decoration: underline;  }
a:link { color: #333; font-family: arial, helvetica, sans-serif; }
a:visited { color: #333; font-family: arial, helvetica, sans-serif; }
a:hover { text-decoration: underline; font-family: arial, helvetica, sans-serif; }
a:active { color: #333; font-family: arial, helvetica, sans-serif;  }
.breadcrumb { font-size: 0.8em; color: #333; margin: 0px; padding-left: 22px; border-bottom: 1px solid #ececec; background: url(./images/home.gif) no-repeat 0 0;}

#header {
    float:right;
    width:100%;
    font-size:93%;
    line-height:normal;
	margin-top: 5px;
	background-color: #fff;
	border-bottom: 1px solid #ececec;

    }
	
#header ul {
    margin:0;
    padding:0;
    list-style:none;
    }
  
#header li {
    float: right;
    margin-left: 1px;
    padding:0;
		background-color: #ececec;

}
	
   
#header a {
    display:block;
    padding:2px 15px;
	text-decoration: none;
}

#header #current {
	background-color: #ccccff;
}

/*#header #current a {
	border-top: 5px solid #ccc;
}
*/

#header li a:hover {
	background-color: #ccc;
}	

h1,h2,h3, {
margin-bottom: 0px;
padding-bottom: 0px;
}


h1 { 
color:#fff; 
background-color: #ff5c00;
font-size: 130%; 
font-weight: bold;
letter-spacing: 2px;
word-spacing: 2px;
padding-top: 1px;
padding-left: 15px;
padding-bottom: 1px;
margin-left: 10px;
margin-right: 0;
border-bottom: 0px solid #ccc;
}

h2 { 
color: #ff5c00; 
font-size: 130%; 
font-weight: bold;
letter-spacing: 2px;
padding-bottom: 5px;
border-bottom: 1px solid #ccc;
}

h3 {
color: #333;
font-size: 100%;
font-weight: bold;
padding-left: 5px;
}

h1.festival { 
color:#666; 
background-color: #fff;
font-size: 160%; 
font-weight: bold;
letter-spacing: 2px;
word-spacing: 2px;
padding-top: 5px;
padding-left: 5px;
padding-bottom: 10px;
margin-left: 0;
margin-right: 0;
border-bottom: 1px dotted #999;
}

h2.festival {
background: #ececec; 
color: #208198; 
font-size: 140%; 
font-weight: bold;
letter-spacing: 2px;
word-spacing: 2px;
padding-top: 5px;
padding-left: 25px;
padding-bottom: 10px;
margin: 0;
}


h3.festival { 
color:#333; 
font-size: 110%; 
font-weight: bold;
letter-spacing: 2px;
word-spacing: 2px;
padding-top: 5px;
padding-left: 5px;
padding-bottom: 10px;
margin: 0;
border-bottom: 1px dotted #999;
}


div#social { 
background: #fff; 
	float: left;
	padding: 10px;
	margin-right: 5px;
	margin-top: 0;
	width: 100%;
height: 23px
border: 1px solid #fff;
}

#container {
width: 850px; 
margin: auto;
background-color:#ececec; 
min-height:100%; 
height:auto;
border-left: 20px solid #ececec;
border-right: 20px solid #ececec;
}

#inner-container {
background: #ccc; 
width: 900px; 
margin: auto;
background-color:#fff; 
min-height:100%; 
height:auto;
}

#outer-container {
width: 920px; 
margin: auto;
background-color: #ececec; 
min-height:100%; 
height:auto;
}

#branding { 
width: 100%; 
padding: 0; 
}

#button {
	float:left;
	width: 12.2em;
	/*border-right: 1px solid #ccc;*/
	padding: 0;
	margin-bottom: 0;
	background-color: #ececec;
}

#button ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}
		
#button li {
	border-bottom: 1px solid #ececec;
	margin: 0;
}

#button li a {
	display: block;
	padding: 4px 4px 4px 0.5em;
	border-left: 5px solid #ccc;
	border-right: 1px solid #ececec;
	background-color: #fff;
	color: #333;
	text-decoration: none;
}

	/*html>body #button li a {
		width: auto;
		}
*/

#button li a:hover {
	border-left: 5px solid #ccc;
	border-right: 5px solid #ccc;
	background-color: #ececec;
	color: #333;
	text-decoration: underline;
}

#button #current {
	border-left: 5px solid #ccc;
	border-right: 5px solid #ccc;
	background-color: #ececec;
		padding: 4px 4px 4px 0.5em;
	color: #333;
}


#timetext {
color: #999;
font-size: 0.9em;
text-align: right;
padding-right: 5px;
padding-top: 5px;

}

#blockquote { 
	background: #ffffcc;
	border:1px solid #ddd;
	padding: 1em 1em 0.5em 1em;
	font-size: 1em;
	font-style: italic;
	margin: 1em 0 1em 2em; 
	width: 90%;
	position: relative;
}

#programme { 
	/*background: #ececec url(./images/altlogoblue.gif) repeat ;}*/
      -moz-border-radius: 1em;
	background: #208198;
	border:1px solid #eoe0e0;
	padding: 1em 1em 0.5em 1em;
	color: #fff;
	font-size: 1em;
	margin: 1em 1em 1em 2em; 
	width: 90%;
	position: relative;
}

#programme h2 { 
	color: #fff;
	
}


#programme_alt { 
	/*background: #ececec url(./images/altlogoblue.gif) repeat ;}*/
      -moz-border-radius: 1em;
	background: #deeead;
	border:1px solid #e0e0e0;
	padding: 1em 1em 0.5em 1em;
	color: #333;
	font-size: 1em;
	margin: 1em 0 1em 2em; 
	width: 90%;
	position: relative;
}

#programme_alt h2 { 
	color: #5ea036;
	
}


#festival { 
	background: #fff ;
      -moz-border-radius: 1em;
	border:1px dotted #208198;
	padding: 1em 1em 0.5em 1em;
	color: #666;
	font-size: 1em;
	margin: 1em 1em 1em 2em; 
	width: 90%;
	position: relative;
}


#captions {
float:right;
width: 700px;
margin-right: 15px;

}

#captions_alt {
float:left;
width: 410px;
margin-left: 85px;
margin-bottom: 25px;
padding: 0;
}

#captions_alt p {
float: left;
color: #333;
font-size: 0.9em;
font-weight: bold;
padding: 10px;

}

#captions_alt img {
text-align: center;
border: 5px solid #fff;

}

#captions_small {
width: 250px;
margin-left: 25px;
margin-bottom: 25px;
padding: 0;
}

#captions_small p {
float: left;
color: #333;
font-size: 0.9em;
padding: 10px;

}

#captions_small img {
float:right;
border: 5px solid #fff;

}


#notice { 
	background: #fff;
	border: 1px solid #ccc;
	padding: 1em 1em 1em 1em;
	font-size: 1em;
	margin-top: 20px;
	width: 65%;
}

h2.notice	{
color: #666;
border: 0px;
}


#content {
margin: 0 0 0 12em; 
padding: 0.5em 1em 1em 1em;
text-align: justify; 
color: #666666; 
line-height: 1.6em; 
background: #fff; 
}

#full-content {
 
padding: 0.5em 1em 1em 1em;
text-align: justify; 
color: #666666; 
line-height: 1.6em; 
background: #fff; 
}

#maincontent {
margin: 0 0 0 12em; 
padding: 0.5em 1em 1em 1em;
text-align: justify; 
color: #666666; 
line-height: 1.6em; 
background: #fff; 
}

p * {margin: 0; padding: 0; } 

div#content p img {
	float: right;
	margin-left: 20px;
	margin-bottom: 1.125em;
	display: inline;
	clear: right;
}

div#full-content p img {
	float: right;
	margin-left: 20px;
	margin-top: 10px;
	margin-bottom: 100px;
	display: inline;
	clear: right;
	border: 5px solid #ccc;
}


div#projects p img {
	float: right;
	text-align: center;
	border: 5px solid #ccc;
	margin-left: 20px;
	margin-bottom: 1.125em;
	display: inline;
	clear: right;
}

/*dividers*/
.hr { margin: 0; padding-top: 4px; border-bottom: 1px dotted #ccc; }


ul.normal  { 
font-size: 100%;
line-height: 30px;
font-weight: normal;
}

ul.bullet { list-style-image: url(images/square_bullet.gif);  }

/*-- GALLERY PAGE --------------------*/
.galleryMainArea {position: relative; float: left; display: inline; width: 430px; height: 100%; text-align: center; padding: 10px; background-color: #fff;}
.galleryNavigation {position: relative; float: left; display: inline; width: 150px; height: 100%; background-color: #fff; padding: 0;}

.galleryNavigationColumn1 {position: relative; float: left; display: inline; width: 60px; margin: 0 10px 0 0; padding: 10px;}
	.galleryNavigationColumn1 img {border: 0; margin: 0;}
	.galleryNavigationColumn1 a {border: 5px solid #ccc; padding: 0; margin: 0 0 10px 0; display: block;}
	.galleryNavigationColumn1 a:visited {border: 5px solid #ccc; padding: 0; margin: 0 0 10px 0; display: block;}
	.galleryNavigationColumn1 a:hover {border: 5px solid #ffffff; padding: 0; margin: 0 0 10px 0; display: block;}
.galleryNavigationColumn2 {position: relative; float: right; display: inline; width: 60px; margin: 0; padding: 0;}
	.galleryNavigationColumn2 img {border: 0; margin: 0;}
	.galleryNavigationColumn2 a {border: 5px solid #ccc; padding: 0; margin: 0 0 10px 0; display: block;}
	.galleryNavigationColumn2 a:visited {border: 5px solid #ccc; padding: 0; margin: 0 0 10px 0; display: block;}
	.galleryNavigationColumn2 a:hover {border: 5px solid #fff; padding: 0; margin: 0 0 10px 0; display: block;}

div.offers {
	padding: 0px 10px 0 10px;
	margin: 1em 0 1em 0;
}

div.offers h2 {
	font-size: 1em;
	line-height: normal;
	font-weight: bold;
	padding: 0;
}

body.home div.offers {
	margin: 0;
}
div.jobs {
    border: 1px solid #ccc;
	background: #ececec;
}

.advert {
width: 200px;
height: 100px;
float: right;
margin-left: 20px;
margin-right: 0;
margin-top: 20px;
border: solid 1px #99cc00;
background: #ecf5cf;
}

div.advert p  {
margin-top: 5px;
padding: 5px;
}

div.advert img {
padding-right: 1px;
}

div.advert h2 {
font-size: 1em;
color: #fff;
text-align: center;
background-color: #99cc00;
margin: 0;
}


.leftnav {
width: 150px;
height: 220px;
float: left;
margin: 10px;
border: solid 1px #495921;
}

div.leftnav ul  {
list-style-type: none;
margin-top: 0px;
padding: 5px;
}

div.leftnav ul, li  {
margin: 0;
padding: 0;
}

div.leftnav img {
padding: 5px;
}

div.leftnav h2 {
font-size: 1em;
color: #fff;
background-color: #495921;
margin: 0;
padding-left: 5px;
}

h2.date { 
color: #434f5e; 
background-color: #fff;
font-size: 110%; 
letter-spacing: 2px;
padding-left: 5px;
}

#footer {
clear: both;
background: #fff; 
font-family: Arial, Helvetica, sans-serif;
width: 100%; 
text-align:center; 
padding-bottom: 0.5em; 
font-size: 0.85em;
line-height: 20px; 
}



div#news { 
	background-color: #eee;
	border: 1px solid #999;
	padding: 1em 1em 1em 1em;
	font-size: 1em;
	margin-top: 20px;
	width: 95%;
}


div#news p  {
	color: #333;
}

h2.news	{
color: #666;
border: 0px;
}


div#altnews { 
	background-color: #fff;
	float: right;
	border: 1px dotted #999;
	padding: 10px;
	margin-left: 10px;
	margin-right: 10px;
	font-size: 1em;
	margin-top: 20px;
	width: 27%;
}


div#altnews p  {
	color: #333;
}

div#altnews img  {
	border: 5px solid #e0e0e0;
}

h2.altnews	{
color: #1f97a6;
border-bottom: 1px dotted #666;
}

#whatson {
border: 5px solid #ddd;
margin: 10px;
background:#fff;
}

.cea { color: #333; padding-right: 10px; float: right; }
.web { color: #333; padding-left: 10px; float: left; }
.privacy { color: #333; padding-left: 40px; float: left; }
.copy { color: #fff; padding-right: 5px; }
.green { float: left; background-color: #99cc00; }
.brown { float: left; background-color: #D89E0E; }
.dbrown { float: left; background-color: #C56937; }
.blue { float: left; background-color: #79ABF2; }

.jars { float: right; background-image: url('images/jars.jpg'); background-repeat: no-repeat; width: 160px; height: 215px; margin: 10px 0px 5px 10px; }
.poetry { color: #999; }
.arts { font-weight: bold; font-style: italic; }
.indent { padding-left: 40px; font-weight: bold; }
.title { font-weight: bold; color: #666; padding-top: 20px;  }
.caption { float: left; width: 300px; margin: 80px 25px 0 0; font-family: Arial, Helvetica, sans-serif; font-size: 90%; color: #495921; line-height: 1.6em; padding-left: 30px; }
.address { padding-left: 20px; }