.forfamilies { background-color:rgb(148,31,35);color:white; }
	.comedy { background-color:rgb(222,31,97);color:white; }
	.dance { background-color:rgb(27,166,187);color:white; }
	.film { background-color:rgb(66,173,75);color:white; }
	.music { background-color:rgb(222,180,8);color:white; }
	.spokenword { background-color:rgb(234,125,111);color:white; }
	.streettheatre { background-color:rgb(168,183,65);color:white; }
	.theatre { background-color:rgb(37,31,80);color:white; }
	.visualarts { background-color:rgb(224,170,206);color:white; }
	.otherevents { background-color:rgb(20,72,36);color:white; }

	#for {}
	#com {}
	#dan {}
	#fil {}
	#mus {}
	#vis {}
	#spo {}
	#str {}
	#the {}
	#oth {}



p.indent1
{
margin-left: 20px; 
}
p.indent2
{
margin-left: 40px; 
}
	body
	{
		margin: 0;
		padding: 0;
		font: 85% arial, hevetica, sans-serif;
		text-align: center;
		background-color: #333;
	}
	
	a:link { color: #B52C07; }
	a:visited { color: #600; }

	

	
	h1
	{
		color: #F08828;
		font-size: 2em; 
	}
	h2
	{
		font-size: 1.5em; 
	}
	.hometitle
	{
		color: #F08828;
		font-size: 2.8em;
		font-weight:bold;
	}
	h2.alt {
		color:  #F08828;
	}
	
	
	
	#container
	{
		margin: 1em auto;
		width: 940px; 
		text-align: left;
		background-color: #fff;
		border: 1px solid #676767;
	}
	
	#header
	{
		height: 247px;
		background-image: url(banner.jpg);
		background-color: black;
		background-repeat: no-repeat;
		background-position: 0 0;
		position: relative;
	}
	

	#mainnav
	{
		background-color: #6d6d6d;
		color: #fff;
		padding: 2px 0;
	}
	#mainnav a { text-decoration: none; }
	#mainnav a:link { color: #000; }
	#mainnav a:visited { color: #000; }
	#mainnav a:hover
	{ 
		text-decoration: none;
		color: #fff;
		background-color: #272900;
	}
	#mainnav ul
	{
		margin: 5px;
		padding: 0;
		list-style-type: none;
		font-size: 130%;
	}

	#footnav
	{
		clear : both;
		background-color: #6d6d6d;
		color: #fff;
		padding: 2px 0;
		display : none;
	}
	#footnav a { text-decoration: none; }
	#footnav a:link { color: #000; }
	#footnav a:visited { color: #000; }
	#footnav a:hover
	{ 
		text-decoration: none;
		color: #fff;
		background-color: #272900;
	}
	#footnav ul
	{
		margin: 5px;
		padding: 0;
		list-style-type: none;  
		font-size: 130%;
	}


	.skipmenu
	{
		position: absolute; 
		left: -1000em; 
		width: 20em;
	}

	#subnav
	{
		float: right;
		color: #fff;
		padding: 2px 0;
		margin-bottom: 22px;
	}
	#subnav ul
	{
		margin: 0 0 0 20px;
		padding: 0;
		list-style-type: none;
		border-left: 1px solid #C4C769;
	}
	
	#subnav li
	{
		display: inline;
		padding: 0 5px;
		border-right: 1px solid #C4C769;
	}

	#mtopall { display:inline; padding: 7px; }	
	#mtopHome { display:inline; padding: 7px; }
	#mtopProgramme { display:inline; padding: 7px; }
	#mtopEntrants { display:inline; padding: 7px; }
	#mtopAbout { display:inline; padding: 7px; }
	#mtopPress { display:inline; padding: 7px; }
	#mtopDiscuss { display:inline; padding: 7px; }
	#mtopGallery { display:inline; padding: 7px; }
	#mtopLinks { display:inline; padding: 7px; }
	#mtopContact { display:inline; padding: 7px; }
	#mtopArchive { display:inline; padding: 7px; }
	#mtopLogin { display:inline; padding: 7px; }
	#mtopMore { display:none; padding: 7px; }

	#mbotHome { display:inline; padding:7px; }
	#mbotProgramme { display:inline; padding:7px; }
	#mbotEntrants { display:inline; padding:7px; }
	#mbotAbout { display:inline; padding:7px; }
	#mbotPress { display:inline; padding:7px; }
	#mbotDiscuss { display:inline; padding:7px; }
	#mbotGallery { display:inline; padding:7px; }
	#mbotLinks { display:inline; padding:7px; }
	#mbotContact { display:inline; padding:7px; }
	#mbotArchive { display:inline; padding:7px; }
	#mbotLogin { display:inline; padding:7px; }

	#menu
	{
		float: right;
		width: 29%;
		border-left: 1px solid #C5C877;
		padding-left: 15px;
		padding-right: 15px;
	}
	
	#menu ul
	{
		margin-left: 0;
		padding-left: 0;
		list-style-type: none;
		line-height: 165%;
	}
	
	#contents { float:left; width:65%; margin: 0 0 40px 20px; }

	#contents ul
	{
		margin-left: 15px;
		padding-left: 0;
		line-height: 165%;
	}
	#justcontents { margin: 0 20px 40px 20px; }
	#justcontents ul
	{
		margin-left: 15px;
		padding-left: 0;
		line-height: 165%;
	}

	#contentsarchive
	{ 
		float:left; 
		width:470px; 
		margin: 0 0 40px 20px;
	}
	#contentsarchive ul
	{
		margin-left: 15px;
		padding-left: 0;
		line-height: 165%;
	}
	#menuarchive
	{
		float:right; 
		width: 425px; 
		margin-top: 10px; 
		margin-right: 10px; 
		margin-left: 10px;
	}

	#contentstwitter
	{ 
		float:left; 
		width:650px; 
		margin: 0 0 40px 20px;
	}
	#contentstwitter ul
	{
		margin-left: 15px;
		padding-left: 0;
		line-height: 165%;
	}
	#menutwitter
	{
		float:right; 
		width: 250px; 
		margin-top: 10px; 
		margin-right: 10px; 
		margin-left: 10px;
	}
        #twitlink
        {		
		display: none;
		float: right;
		color: #4AA705;
		font-weight: bold;
		font-size: 1.1em;
		text-decoration: underline;
		vertical-align:text-top;
		margin: 0px;
		margin-right: 10px;
        }
	#twitlink a:link { color: #4AA705; }
	#twitlink a:visited { color: #4AA705; }


        .youtube1
	{
		width:425px;
		height:400px;   
	}

        .youtubewide
	{
		width:425px;
		height:300px;   
	}

        .smallyoutube1
	{
		width:220px;
		height:150px;   
	}

        .smallyoutubewide
	{
		width:200px;
		height:120px;   
	}

	.mheading
	{
		font-size: 1.4em;
		font-weight: bold; 
		margin: 0px;
		padding: 0px;
		margin-top:10px;
		color: #F08828;
	}


	div.float { float: left; margin: 10px 10px 10px 10px; }
  	div.float p { text-align: center; }
	div.spacer {  clear: both; }

	.imagefloat
	{
		float: right;
		padding: 2px;
		margin: 0 0 10px 10px;
		border: 0;
		max-width: 400px;
	}

	.youtube2
	{
		width: 270px;
		height: 250px;
		padding: 2px;
		margin: 0 0 5px 5px;
		border: 0;
		text-align: center;
	}

	.youtube3
	{
		width: 280px;
		height: 190px;
		margin: 0 0 0 0;
		border: 0;
		text-align: center;
	}

	.progcover
	{
		display:inline-block;
		padding:2px;
		margin:3px;
		border-style:solid;
		border-width:1px;
		border-color:#F08828;
	}

	.textfloat
	{
		float: right;
		padding: 2px;
		margin: 0 0 10px 10px;
		border: 0;
	}

	
	.botnav ul
	{
		list-style-type: none;
		text-align: center;
		margin: 1em 1em;
		padding: 0;
		font-size: 95%;
	}
	
	.botnav li
	{
		display: inline;
		padding: 0 0 0 7px;
	}
	
	#footer
	{
		clear: both;
		color: #fff;
		background-color: #F08828;
		text-align: right;
		padding: 5px;
		font-size: 90%;
	}

   @media only screen and (max-device-width : 597px), (orientation:portrait)
   {

	div.float { margin: 5px 5px 5px 5px; display:block; }

	#header
	{
		height: 85px;
		background-image: url(banner320.jpg);  
		background-color: #F68026;
	}

	#container
	{
		margin: 0.5em auto;
		width: 100%; 
		text-align: left;
		background-color: #fff;
		border: 1px solid #676767;
	}

	#contents 
	{
		float:none;
		width:95%;
		margin-top : 0px;
		margin-left : 10px;
		margin-bottom : 0px;
		margin-right : 10px;
		padding: 0px;
	}

	#justcontents { margin: 0 5px 10px 5px; }

	#menu 
	{
		float:none;
		width:95%;
		margin-top : 0px;
		margin-left : 5px;
		margin-bottom : 0px;
		margin-right : 5px;
		padding: 0px;
		border-left:none;
	}

	#mainnav
	{
		background-color: #6d6d6d;
		color: #fff;
		padding: 2px 0;
	}
	#mainnav ul
	{
		margin: 5px;
		padding: 0;
		list-style-type: none; 
		font-size: 120%;
	}
	#footnav
	{
		clear : both;
		background-color: #6d6d6d;
		color: #fff;
		padding: 2px 0;
		display : block;
	}
	#footnav ul
	{
		margin: 5px;
		padding: 0;
		list-style-type: none;  
		font-size: 120%;
	}


	#mtopall { display:inline-block; margin: 0; }
	#mtopHome { display:inline-block; margin: 0; }
	#mtopProgramme { display:inline-block; margin: 0; }
	#mtopEntrants { display:none; margin: 0; }
	#mtopAbout { display:inline-block; margin: 0; }
	#mtopPress { display:none; margin: 0; }
	#mtopDiscuss { display:none; margin: 0; }
	#mtopGallery { display:none; margin: 0; }
	#mtopLinks { display:none; margin: 0; }
	#mtopContact { display:none; margin: 0; }
	#mtopArchive { display:none; margin: 0; }
	#mtopLogin { display:inline-block; margin: 0; }
	#mtopMore { display:inline-block; font-size:95%; float:right; font-weight:bold; font-style:italic; margin: 0; }


	#mtopall { padding:1px; padding-left: 5px; }
	#mtopHome { padding:1px; padding-left: 5px; }
	#mtopProgramme { padding:1px; padding-left: 5px; }
	#mtopEntrants { padding:1px; padding-left: 5px; }
	#mtopAbout { padding:1px; padding-left: 5px; }
	#mtopPress { padding:1px; padding-left: 5px; }
	#mtopDiscuss { padding:1px; padding-left: 5px; }
	#mtopGallery { padding:1px; padding-left: 5px; }
	#mtopLinks { padding:1px; padding-left: 5px; }
	#mtopContact { padding:1px; padding-left: 5px; }
	#mtopArchive { padding:1px; padding-left: 5px; }
	#mtopLogin { padding:1px; padding-left: 5px; }
	#mtopMore { padding:1px; padding-left: 5px; }

	#mbotHome { display:inline-block; margin: 0; }
	#mbotProgramme { display:inline-block; margin: 0; }
	#mbotEntrants { display:inline-block; margin: 0; }
	#mbotAbout { display:inline-block; margin: 0; }
	#mbotPress { display:inline-block; margin: 0; }
	#mbotDiscuss { display:inline-block; margin: 0; }
	#mbotGallery { display:inline-block; margin: 0; }
	#mbotLinks { display:inline-block; margin: 0; }
	#mbotContact { display:inline-block; margin: 0; }
	#mbotArchive { display:inline-block; margin: 0; }
	#mbotLogin { display:inline-block; margin: 0; }

	#mbotHome { padding:1px; padding-left: 5px; }
	#mbotProgramme { padding:1px; padding-left: 5px; }
	#mbotEntrants { padding:1px; padding-left: 5px; }
	#mbotAbout { padding:1px; padding-left: 5px; }
	#mbotPress { padding:1px; padding-left: 5px; }
	#mbotDiscuss { padding:1px; padding-left: 5px; }
	#mbotGallery { padding:1px; padding-left: 5px; }
	#mbotLinks { padding:1px; padding-left: 5px; }
	#mbotContact { padding:1px; padding-left: 5px; }
	#mbotArchive { padding:1px; padding-left: 5px; }
	#mbotLogin { padding:1px; padding-left: 5px; }

	#contentsarchive
	{ 
		float:none; 
		width:95%; 
		margin-top : 0px;
		margin-left : 10px;
		margin-bottom : 0px;
		margin-right : 10px;
		padding: 0px;
	}

	#menuarchive
	{
		float:none;
		text-align: center;
		width:95%;
		margin-top : 0px;
		margin-left : 5px;
		margin-bottom : 0px;
		margin-right : 5px;
		padding: 0px;
		border-left:none;
	}


	#contentstwitter
	{ 
		float:none; 
		width:97%; 
		margin-top : 0px;
		margin-left : 10px;
		margin-bottom : 0px;
		margin-right : 10px;
		padding: 0px;
	}

	#menutwitter
	{
		float:none;
		text-align: center;
		width:97%;
		margin-top : 0px;
		margin-left : 5px;
		margin-bottom : 5px;
		margin-right : 5px;
		padding: 0px;
		border-left:none;
	}

        #twitlink
        {		
		display: inline;
	}

	.youtube1 
	{ 
		width:270px;
		height:250px;   
	}
	.youtubewide 
	{ 
		width:270px;
		height:190px;   
	}

	.imagefloat
	{
		max-width:300px;
		float: right;
		padding: 2px;
		margin: 0 0 10px 10px;
		border: 0;
	}
	.youtube2
	{
		float: none;
		width:300px;
		height:280px;   
		padding: 2px;
		margin: 0 0 5px 5px;
		border: 0;
	}
	.youtube3
	{
		float: none;
		width:300px;
		height:250px;   
		padding: 2px;
		margin: 0 0 5px 5px;
		border: 0;
	}


	.forfamilies { display:inline-block; }
	.comedy { display:inline-block; }
	.dance { display:inline-block; }
	.film { display:inline-block; }
	.music { display:inline-block; }
	.spokenword { display:inline-block; }
	.streettheatre { display:inline-block; }
	.theatre { display:inline-block; }
	.visualarts { display:inline-block; }
	.otherevents { display:inline-block; }

	#for { display:inline-block; margin-bottom:2px; white-space:nowrap; width:9em; }
	#com { display:inline-block; margin-bottom:2px; white-space:nowrap; width:9em; }
	#dan { display:inline-block; margin-bottom:2px; white-space:nowrap; width:9em; }
	#fil { display:inline-block; margin-bottom:2px; white-space:nowrap; width:9em; }
	#mus { display:inline-block; margin-bottom:2px; white-space:nowrap; width:9em; }
	#vis { display:inline-block; margin-bottom:2px; white-space:nowrap; width:9em; }
	#spo { display:inline-block; margin-bottom:2px; white-space:nowrap; width:9em; }
	#str { display:inline-block; margin-bottom:2px; white-space:nowrap; width:9em; }
	#the { display:inline-block; margin-bottom:2px; white-space:nowrap; width:9em; }
	#oth { display:inline-block; margin-bottom:2px; white-space:nowrap; width:9em; }

	h1 { font-size: 1.5em; }
	h2 { font-size: 1.2em; }
	.hometitle { font-size: 1.5em; }


   }

   @media only screen and (device-width : 320px)
   {
	#mainnav ul { font-size: 100%; }

	#header
	{
		height: 85px;
		background-image: url(banner320.jpg);
		background-color: #F68026;
	}


	.imagefloat
	{
		max-width:180px;
		float: right;
		padding: 2px;
		margin: 0 0 10px 10px;
		border: 0;
	}

	#menuarchive
	{
		float:none;
		text-align:center; 
		width: 310px; 
		margin-top: 10px;
		margin-right: 4px; 
		margin-left: 4px;
	}

   }

   @media only screen and (min-device-width: 320px) and (max-device-width: 480px) 
   {
	#header
	{
		height: 85px;
		background-image: url(banner320.jpg);
		background-color: #F68026;
	}
   }

   @media only screen and (min-device-width: 768px) and (orientation:portrait)
   {

	#header
	{
		height: 202px;
		background-image: url(banner768.jpg);  
		background-color: #F68026;
	}
   }

   @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation:landscape)
   {

	#header
	{
		height: 126px;
		background-image: url(banner480.jpg);  
		background-color: #F68026;
	}
   }

   @media only screen and (device-width: 384px)
   {
	#header { height: 101px; background-image: url(banner384.jpg);  }
   }