﻿*{ margin: 0; padding: 0; border: 0; list-style: none;}
a { color: #000000;}

body {
	font-family: Arial;	
	 font-size: 12px; 
}


.outterDiv{ margin: auto; width: 936px; }
	.headerDiv{ height: 140px;  margin-bottom: 6px;}
		.logoDiv{ width: 177px; float: left;}
		.searchDiv{ width: 268px; float: right; height: 124px; margin-top: 5px; }
		
		.eventHighlightDiv{ position: relative; width: 460px; height: 124px; margin-top: 5px; float: left; margin-left: 13px; border: 6px solid #586057;}
			.siteHightlightContent{ color: #ffffff; width: 250px; position: absolute; bottom: 5px; right: 5px; padding: 5px; 
				background-image: url(/img/banner_bg.png); background-repeat: repeat; background-position: top right;
			}
			.siteHightlightContent a {color: #ffffff; font-weight: bold; text-decoration: none;}
			.siteHightlightContent a:hover{ text-decoration: underline;}
	
	.menuDiv{ width: 112px; float: left; font-size: 13px; }
		.menuDiv ul li a { text-decoration: none; color: #000000; }
		.menuDiv ul li.active a {color: #ffffff; font-weight: bold;}
		.menuDiv ul li span{ border: 1px solid #000000; display: block;padding: 3px; margin: 0 0 6px 0;}
		.menuDiv ul li a{ display: block; padding:0; margin: 0;}
		.menuDiv ul li ul li{ border: 0; display: inline; }
		.menuDiv ul li.active ul li a{ color: #000000; font-weight: normal;padding: 0 0 6px 6px; }
		.menuDiv ul li.active ul li.active a{ font-weight: bold;}
		
	.contentDiv{ width: 816px; float: right;}
		.singlecol{width: 816px; }
		
		.twoColsEven{ width: 816px; float: left;}
			.twoColsEven .colone{ width: 405px; float: left; }
			.twoColsEven .coltwo{ width: 405px; float: right; margin: 0 0px 0 0px;}
		
		.twoColOdd{ width: 816px; }
			.twoColOdd .colone{ width: 542px; float: left; margin: 0 6px 0 0;}
				.twoColOdd .colone .twoColsEven{ width: 542px; float: left; }
					.twoColOdd .colone .twoColsEven .colone{ width: 268px; float: left; }
					.twoColOdd .colone .twoColsEven .coltwo{ width: 268px; float: right; margin: 0 0px 0 0px;}
			.twoColOdd .coltwo{ width: 268px; float: right; }
		
		
		.threeCol{ width: 816px; }
			.threeCol .colone{ width: 268px;float: left; }
			.threeCol .coltwo{ width: 268px;float: left; margin: 0 6px 0 6px;}
			.threeCol .colthree{ width: 268px;float: left; }
			
		

	.divFooter{ margin: auto; width: 936px; padding-top: 12px; color: #a7a9ac; clear: both;}
	.innerFooter { border-top: 2px solid #000000; padding: 0px 0 0 0; font-size: 10px;}
	.divFooter a{ color: #a7a9ac; text-decoration: none;}
		.divFooter .left{ float: left; margin: 15px 0 0 0;}
		.divFooter .right{ float: right; }			
	.clearme{ clear: both;}


	

/*template styles*/
.SearchTitle { font-size: 18px; font-weight: bold; color: #000000; margin-bottom: 6px; }
.searchDiv ul li { margin-bottom: 6px;}
.searchDiv ul li select { width: 256px; border: 1px solid #000000;}

.searchArea { position: relative; height: 50px;  }
.menuSearch { border: 1px solid #000000; width: 90px; height: 20px; padding: 2px 0 0 4px; position: absolute; top: 15px; left: 0;}
.menuSearchButton { position: absolute; top: 15px; right: 0;}


.blackbar { height: 24px; background-color: Black;}
.marginTop { padding-top: 6px;}	
.marginBottom { padding-bottom: 6px;}	
.marginRound{ padding: 6px;}
.smallGap{ margin: 6px 0 6px 0;}

.active{ font-weight: bold;}
	
/* homepage styles */
.majorHomeFeature{ width: 530px; height: 240px; background: no-repeat;border: 6px solid #586057; margin-top: 6px;}	
.majorHomeFeature p {line-height: 16px; margin-bottom: 6px;}
.majorHomeFeature a{text-decoration: none;}
.majorHomeFeature a:hover{text-decoration: underline;}

.minorHomeFeature{border: 6px solid #586057; margin-top: 6px; height: 240px;}
.minorHomeFeature .header{border-bottom: 6px solid #586057; background-color: #000000; height: 24px;}
.minorHomeFeature .minorHomeFeatureHeadline{ padding: 0 0 0 6px; color: #ffffff; font-size: 18px; font-weight: bold;}
.minorHomeFeature .image{border-bottom: 6px solid #586057;}
.minorHomeFeature .contentContainer{height: 90px; padding: 0; margin: -4px 0 0 0;}
.minorHomeFeature .content{ padding: 6px;}
.minorHomeFeature .eventDate	{ color:#586057; text-decoration: none; }


/*artist style*/
.artistFeature{border: 6px solid #586057; margin: 6px 6px 0 0; width: 255px; height: 250px; float: left;}
.artistFeatureEnd{border: 6px solid #586057; margin: 6px 0px 0 0; width: 255px; height: 250px; float: left;}
.artistFeature .header, .artistFeatureEnd .header{border-bottom: 6px solid #586057; background-color: #000000; height: 24px;}
.artistFeature .header a, .artistFeatureEnd .header a{color: #ffffff; text-decoration: none;padding: 0 0 0 6px; color: #ffffff; font-size: 18px;}
.artistFeature .artistFeatureHeadline, .artistFeatureEnd .artistFeatureHeadline{ padding: 0 0 0 6px; color: #ffffff; font-size: 18px; font-weight: bold;}
.artistFeature .image, .artistFeatureEnd .image{border-bottom: 6px solid #586057;}
.artistFeature .contentContainer, .artistFeatureEnd .contentContainer{height: 90px; padding: 0; margin: -4px 0 0 0;}
.artistFeature .content, .artistFeatureEnd .content{ padding: 6px;}
.artistFeature .content .eventDate, .artistFeatureEnd .content .eventDate{ color: #586057;}


/* event highlight styles */	
.eventHighlight{border: 6px solid #586057;  margin-top: 6px; width: 256px;}
.eventHighlightList{border: 6px solid #586057;  margin: 6px 6px; width: 256px;}
.eventHighlight .header, .eventHighlightList .header{border-bottom: 6px solid #586057; background-color: #000000; height: 24px;}
.eventHighlight .eventHightlightHeadline, .eventHighlightList .eventHightlightHeadline{ padding: 0 0 0 6px; color: #ffffff; font-size: 18px; font-weight: bold;}
.eventHighlight .eventHightlightHeadline a, .eventHighlightList .eventHightlightHeadline a{ color: #ffffff; text-decoration: none;}
.eventHighlight .image, .eventHighlightList .image{border-bottom: 6px solid #586057;}
.eventHighlight .contentContainer, .eventHighlightList .contentContainer{height: 84px; padding: 0; margin: -4px 0 0 0;}
.eventHighlight .content, .eventHighlightList .content{ padding: 6px;}
.eventHighlight .content .eventDate, .eventHighlightList .content .eventDate{ color: #586057;}
.eventHighlight .content a, .eventHighlightList .content a { text-decoration: none;}
.eventHighlight .content ul li, .eventHighlightList .content ul li{ padding: 3px 0 3px 0;}


/* whats on styles */	
.whatsonSmall{border: 6px solid #586057;  margin-top: 6px; width: 256px;}
.whatsonSmall .contentContainer{height: 108px; padding: 0; margin:0 0 0 0;}
.whatsonSmall .contentNoMargin p {padding: 6px 6px 0px 6px;}
.whatsonSmall .content{ padding: 6px;}
.whatsonSmall .content .eventDate{ color: #586057;}
.whatsonSmall .content ul li{ padding: 3px 0 3px 0;}
.whatsonSmall a { text-decoration: none;}
.whatsonSmall a:hover { text-decoration: underline;}

.whatsonBig{border: 6px solid #586057;  margin-top: 6px; width: 256px; height: 234px;}
.whatsonBig .contentContainer{height: 234px; padding: 0; margin: 0 0 0 0;}
.whatsonBig .contentNoMargin p {padding: 6px 6px 0px 6px;}
.whatsonBig .content{ padding: 6px;}
.whatsonBig .content .eventDate{ color: #586057;}
.whatsonBig .content ul li{ padding: 3px 0 3px 0;}
.whatsonBig a {text-decoration: none;}
.whatsonBig a:hover {text-decoration: underline;}

/*Information homepage*/
.twoColOddBigRight{ width: 813px; margin-bottom: 6px;}
			.twoColOddBigRight .colone{ width: 321px; float: left; margin: 0 6px 0 0;}
			.twoColOddBigRight .coltwo{ width: 486px; float: right; }

.infoBlock { border: 6px solid #586057; width: 134px; float: left; margin-right: 6px; padding: 6px;}
.infoBlockEnd { border: 6px solid #586057; width: 133px; float: left; padding: 6px;}
.infoBlock h3, .infoBlockEnd h3{ font-size: 17px; font-weight: bold; padding: 0 0 6px 0;}
.infoBlock .contentContainer, .infoBlockEnd .contentContainer {height: 100px; margin-bottom: 6px;}
	
/*news*/
.latestSummary{  width: 393px; float: left; height: 148px; margin: 0 6px 6px 0; border: 6px solid #586057;}
.latestSummaryEnd{  width: 393px; float: left; height: 148px; margin: 0 0px 6px 0; border: 6px solid #586057;}
	.latestSummary img, .latestSummaryEnd img { float: left; margin: 0 6px 0 0;}
	.latestSummary h3, .latestSummaryEnd h3{ font-size: 16px; margin-top: 0px; width: 230px;}
	.latestSummary h4, .latestSummaryEnd h4{ font-size: 13px;}
	.latestSummary a, .latestSummaryEnd a{ text-decoration: none;}

/*comps*/
.competition { width: 256px; padding: 6px; }
.comptextbox { border: 1px solid #000000; width: 140px; height: 20px; padding: 2px 0 0 4px; background-color: #d7d9d3;}
.compSubmit {border: 1px solid #000000;  padding: 2px 0 0 4px; background-color: #d7d9d3; margin-top: 12px;}
.answerList { list-style: none; line-height: 24px;}

.rssFeed{  float: right; width: 230px; color: #ffffff;}
.rssFeed a{ color: #ffffff; text-decoration: none;}
.rssFeed span{ float: left; margin: 5px 0 0 0;}
.rssFeed img{ margin: 2px 6px 0 0; float: right;}


/*Cal view*/
.calItem{ margin-bottom: 12px; float: left; width: 542px; }
	.calItem .time{ float: left;width: 80px; margin-right: 10px; text-align: right; color: #686868; font-weight: bold; }
		.calItem .time .start{ font-size: 18px;}
	.calItem .item{float: left; width: 432px; float: left;}
	.calItem .content{margin: 0px 6px 0 10px; float: left; width: 310px;}
		.calItem .content .title a{ color: #ec008c; text-decoration: none;}
		.calItem .content .summary{}

.eventBody{ padding: 0 30px 0 30px; }
/*Cal view venue*/
.outterVenue{background: #00aef0 url(/img/menu/stageblocktop.gif) no-repeat top right; padding: 40px 0 0 0; width: 265px;}
.innerVenue{background:  url(/img/menu/stageblockbottom.gif) no-repeat bottom right; padding: 0 0 40px 0;}
	.innerVenue .content{color: #ffffff; margin: 6px;}
	.innerVenue .content a{color: #ffffff; text-decoration: none; }
	.innerVenue .content a:hover{color: #ffffff; text-decoration: underline; }


/*
	colours
		Homepage
		whatson
		information
		take part
		do the dance
		contact us
		latest news
		register
*/

.green { color: #bcd631; }
.greenBG span { background-color: #bcd631; }
.pink { color: #ec008c; }
.pinkBG span { background-color: #ec008c; }
.blue { color: #00aeef; }
.blueBG span { background-color: #00aeef; }
.yellow { color: #fcb116; }
.yellowBG span { background-color: #fcb116; }
.rasberry { color: #8c0052; }
.rasberryBG span { background-color: #8c0052; }
.lavendar { color: #006991; }
.lavendarBG span { background-color: #006991; }
.lime, .lime a { color: #8aa023; }
.limeBG span { background-color: #8aa023; }
.lightBlue { color: #86abbc;}
.lightBlueBG span { background-color: #86abbc;}

/* Freeform Page content */
h1		
{
	font-size: 160%;
	font-weight: normal;
	margin: 0 0 15px 0;
	color: #000000;
}
h2{ font-size: 22px;}

h3						{ font-size:140%; }
.freeform				{ }
.freeform p				{ line-height: 16px; margin-bottom: 6px;}
.freeform img.left		{ margin:0 15px 15px 0; border:none; float:left; }
.freeform img.right		{ margin:0 0 15px 15px; border:none; float:right; }
.freeform H3			{ font-size:140%; }


/* Freeform Navigation elements */

.breadcrumb				{ margin: 4px 0 0 6px; color: #ffffff; }
.breadcrumb A			{ text-decoration:none; color: #ffffff; }
.breadcrumb A:hover		{ text-decoration:underline; }

.pageTOC				{ margin-bottom:30px; border-left:1px solid black; }
.pageTOC H4				{ font-weight: normal; font-size:130%; margin:0 0 5px 0; padding-left:15px; color: Black; }
.pageTOC UL				{ list-style-type:none; margin:0; padding:0; }
.pageTOC UL LI			{ margin-bottom:3px; padding-left:15px; padding-top:1px; font-size: 95%; }
.pageTOC UL LI A		{ text-decoration: none; color:black; }
.pageTOC UL LI.active	{ margin-left:3px; padding-left:12px; background-image:url(/img/arrow.gif); background-position:left 4px; background-repeat:no-repeat;  }

.mediaTOC				{ margin-bottom:30px; border-left:1px solid white; }
.mediaTOC H4			{ font-weight: normal; font-size:130%; margin:0 0 5px 0; padding-left:15px; }
.mediaTOC UL			{ list-style-type:none; margin:0; padding:0; }
.mediaTOC UL LI			{ margin-bottom:3px; padding-left:15px; padding-top:1px; font-size:90%; }
.mediaTOC UL LI A		{ text-decoration: none; }

.relationTOC			{ margin-bottom:30px; border-left:1px solid white; }
.relationTOC H4			{ font-weight: normal; font-size:130%; margin:0 0 5px 0; padding-left:15px; }
.relationTOC UL			{ list-style-type:none; margin:0; padding:0; }
.relationTOC UL LI		{ margin-bottom:3px; padding-left:15px; padding-top:1px; font-size:90%; }
.relationTOC UL LI A	{ text-decoration: none; }

.pagingControls			{ padding-bottom:15px; }
.pagingControls A		{ color:Black; text-decoration: none; }
.pagingControls .tostart
						{ padding-left:18px; background-image:url(/img/paging/black/first.gif); background-position:left; background-repeat:no-repeat; padding-right:5px; }
.pagingControls .prev5
						{ padding-left:18px; background-image:url(/img/paging/black/prev.gif); background-position:left; background-repeat:no-repeat; padding-right:5px; }
.pagingControls .next5
						{ padding-right:18px; background-image:url(/img/paging/black/next.gif); background-position:right; background-repeat:no-repeat; padding-left:5px; }
.pagingControls .toend
						{ padding-right:18px; background-image:url(/img/paging/black/last.gif); background-position:right; background-repeat:no-repeat; padding-left:5px; }
.pagingControls .pagerItem
						{ font-size:100%; padding-right:5px;}
.pagingControls .pagerItemCurrent
						{ font-weight: bold; color:#D975BF; }
						
/* Forms */
fieldset.form			{ border:0;  float: left; padding: 6px;}
fieldset.form legend	{ display:none; }
fieldset.form UL		{ list-style: none; margin:0; }
fieldset.form LI		{ clear:both; }
.validation 
						{ font-weight:bold; padding-bottom:15px; }
.validation UL			{ padding-left:15px; }
.validation UL LI		{ list-style-type:circle ; margin-left:15px; padding-left:15px; }
fieldset.form H3		{ font-size:130%; font-weight:normal; padding-top:10px; margin-bottom:5px; }
fieldset.form UL LI.text INPUT,
fieldset.form UL LI.text SELECT,
fieldset.form UL LI.text TEXTAREA
						{ margin-top: 5px; border: 1px solid #000000; }
fieldset.form UL LI.text TEXTAREA
						{ font-family:Arial, Sans-Serif; width: 250px; }
fieldset.form UL LI.text label
						{ display:block; width:100px; margin-right: 15px; margin-top:8px; float:left; text-align:left;}
fieldset.form UL LI.text span.static
						{ display:block; float:left; width: 250px; margin-top:8px; font-weight:bold; }
fieldset.form UL LI div.info
						{ margin-left: 0;}
fieldset.form UL LI div.submit
						{ margin-left: 115px; margin-top: 12px;}
fieldset.form UL LI.checkboxes INPUT
						{ margin-left:10px; margin-top: 0px; margin-right: 15px; float:left; clear:left; }
fieldset.form UL LI.checkboxes label
						{ display:block; float:left; width: 281px; padding-top:3px;  }
fieldset.form UL LI.checkboxes h3
						{ margin-left:0px; width: 300px;}

/* Search Results */
.searchResults			{ margin-bottom: 15px; }
.searchResults LI		{ margin-bottom: 15px;}
.searchResults LI A		{ text-decoration: none; font-weight:bold; }
.searchResults LI A:hover
						{ text-decoration: underline; }
.searchResults LI .type	{ font-size:80%; }
.searchResults LI .summary
						{ }