/*Written by Martin Sandhu 30 January 2007*/



/* Basic elements */


html,body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	color: #000;
	background-color: #fff;
	margin: 0;
	padding: 0;f
	text-align:center;
}

	
	*{margin:0;padding:0;}

	.hideFromCSSBrowsers {display: none;}
	
img	{
	border:none;
}

.imageLeft	{
	float:left;
	margin:0px 10px 5px 0;
	border-bottom: 1px solid #666666;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	border-top: 1px solid #666666;


}

.imageRight	{
	float:right;
	margin:0 0px 5px 10px;
	border-bottom: 1px solid #666666;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	border-top: 1px solid #666666;


}

.listStyle ul	{
	list-style-type:square;
	font:1.0em Arial, Helvetica, sans-serif;

}

.list {
	font:1.2em Arial, Helvetica, sans-serif;
	list-style-type:none;
}

.listSmall {
	font:0.9em Arial, Helvetica, sans-serif;
	list-style-type:none;
}
	
	
/**  Font Styles   **/

h2
{
	font-family: Arial, Helvetica, sans-serif;color:#000000;
	font-size:2em;
	margin-bottom:10px;
	margin-top:10px;
}

h3	{
	font-family: Arial, Helvetica, sans-serif;color:#6c330b;
	font-size:1.6em;
	font-weight:bold;
	margin-bottom:5px;
	text-align:left;
}


.homeTitle	{
	font-family: Arial, Helvetica, sans-serif;color:#000000;
	font-size:3em;
	margin-bottom:10px;
	margin-top:10px;
	
}


.mainTitle	{
	font-family: Arial, Helvetica, sans-serif;color:#000000;
	font-size:2em;
	margin-bottom:10px;
	margin-top:10px;
	
}

p	{
	font-family: Arial, Helvetica, sans-serif;color:#000000;
	font-size:1.2em;
	margin-bottom:5px;
}

.formHeadings	{
	font-family: Arial, Helvetica, sans-serif;color:#000000;
	font-size:1.2em;
	font-weight:bold;
	margin-bottom:5px;
	text-align:left;
}


.subHeading	{
	font-family: Arial, Helvetica, sans-serif;color:#6c330b;
	font-size:1.6em;
	font-weight:bold;
	margin-bottom:5px;
	text-align:left;
}

.blackSubHeading	{
	font-family: Arial, Helvetica, sans-serif;color:#000;
	font-size:1.4em;
	font-weight:bold;
	margin-bottom:5px;
	text-align:left;
}

.whiteSubHeading	{
	font-family: Arial, Helvetica, sans-serif;color:#fff;
	font-size:1.4em;
	font-weight:bold;
	margin-bottom:5px;
	text-align:left;
}

.eventHeadline	{
	font-family: Arial, Helvetica, sans-serif;color:#000;
	font-size:1.4em;
	font-weight:500;
	text-align:left;
}


.date	{
	font-family: Arial, Helvetica, sans-serif;color:#000;
	font-size:1.0em;
	text-align:left;
}

#partners	{
	text-align:center;
}




#maincontainer {
	margin: 0px auto;
	text-align: left;
	width: 1000px;
	background:#fff;
}


/**  Header Styles  **/

#header	{
	float:left;
	width:1000px;
}

#topNavigation  a	{
	font-family: 1.2em Arial, Helvetica, sans-serif;
	color:#000000;
	text-decoration:none;
}


#topNavigation  a:hover {
	font-family: 1.2em Arial, Helvetica, sans-serif;
	color:#ed6a0e;
	text-decoration:none;
}


#logo	{
	float:left;
	width:50%;
}

#topNavigation	{
	float:right;
	width:50%;
	text-align:right;
	margin-top:20px;
}


/**  Navigation and Banner Styles  **/

#navigationAndBanner	{
	width:1000px;
	margin-top:10px;
	margin-bottom:0px;

}

#menu	{
	float:left;
	width:318px;
	margin-right:0px;
}

#menu img {
	margin-bottom:2px; 
}

#roatatingBanner	{
	float:right;
}


/** Middle Section  **/

#middleSection	{
	float:left;
	width:1000px;
}


/**  Content  **/

#content	{
	float:left;
	width:677px;
	font:1.2em Arial, Helvetica, sans-serif;
	color:#000000;
}

#content  a	{
	font-family: 1.2em Arial, Helvetica, sans-serif;
	color:#000000;
	text-decoration:none;
}


#content  a:hover {
	font-family: 1.2em Arial, Helvetica, sans-serif;
	color:#ed6a0e;
	text-decoration:none;
}




#topContent	{
	text-align:justify;	
}



/** Search Box  **/



#searchBoxes	{
	margin-top:25px;
	

}

#searchBoxes ul	{
	list-style-type:none;

}

.specialForm tr td {
	padding-bottom:15px;
}

#searchContent	{
	border-bottom: 1px solid #666666;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	border-top: 1px solid #666666;
	height:240px;
	margin:0px 0 0 0;
	padding:0;
	width:671px;
}

#contenttabs img	{
	margin:0;
	padding:0;
}

#content2 li 	{
	float:left;
	list-style-type:none;
	
}


#content1 li ,  #content3 li,  #searchAccommodation li, #searchFood li	{
	float:left;
	width:33%;
	list-style-type:none;
	
}


#content1 li img, #content2 li img, #content3 li img,  #searchAccommodation li img, #searchFood li img	{
	float:left;
	width:16px;
	text-align:right;
	margin-right:10px;
	list-style-type:none;

}

#content1 ul{
	margin-top:15px;
	margin-left:60px;
}


#content2 ul, #searchAccommodation	ul{
	margin-top:15px;
	margin-left:50px;
}

#content3 ul, #searchFood ul	{
	margin-top:15px;
	margin-left:100px;
}


#content1	ul li ,  #content3	ul li	{
	float:left;
	width:33%;

}

#content2	ul li, #searchAccommodation	ul li 	{

	float:left;
	width:19%;

}

#content1 ul li a , #content2 ul li a , #content3 ul li a, #searchAccommodation	ul li a	, #searchFood	ul li a	{
	font-family: Arial, Helvetica, sans-serif;
	font-size:1.2em;
	color:#000000;
	text-decoration:underline;
	float:left;
	width:75%;

}


#content1 ul li a:hover , #content2 ul li a:hover , #content3 ul li a:hover, #searchAccommodation	ul li a:hover, #searchFood	ul li a:hover	{
	font-family: Arial, Helvetica, sans-serif;font-size:1.2em;
	color:#ed6a0e;
	text-decoration:underline;	
	float:left;
	width:75%;
}


.searchBox	{
	padding:10px 0px 10px 10px;
	
}

.searchImage	{
	float:left;
	width:30%;
}


.searchForm		{
	float:right;
	width:445px;
}



.searchForm td	{
	font-family: Arial, Helvetica, sans-serif;
	font-size:1.0em;
	color:#000000;
	padding:0px 10px 0px 0;
	text-align:justify;
}




/**  Bottom Boxes  **/

#bottomBoxes {
	float:left;
	width:675px;
	margin-top:10px;
}


.toolkit	{
	float:left;
	border-bottom: 1px solid #666666;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	border-top: 1px solid #666666;
	width:334px;
	height:265px;
}


.toolkitBox		{

	float:left;
	width:35%;
	margin:25px 10px 0 15px;
	height:60px;
}


.toolkitImage	{
	float:left;
	width:35px;
}


.toolkitLink	{
	float:right;
	width:45%;
}

.contact	{
	float:right;
	border-bottom: 1px solid #666666;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	border-top: 1px solid #666666;
	width:327px;
	height:265px;
}


.contact p	{
	font-family: Arial, Helvetica, sans-serif;font-size:1.2em;
	padding:8px 0 0px 8px;
}

.contact a	{
	font-family: Arial, Helvetica, sans-serif;font-size:1.0em;
	color:#000000;
	text-decoration:underline;

}


.contact a:hover	{
	font-family: Arial, Helvetica, sans-serif;font-size:1.0em;
	color:#ed6a0e;
	text-decoration:underline;	
}


/** Rightcol  **/

#salesCol	{
	float:right;
	width:300px;
	margin:15px 0 0 0;
	padding:0;
}

#topCol	{
	float:right;
	width:300px; 
	height: 250px; 
	margin-top:1px;

}


#sale1	{
	padding:0px 0 0px 0;
	height: 250px; 
	width:300px;
}

#sale2, #map	{
	padding:0px;
	width:295px;
	border-bottom: 1px solid #666666;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	border-top: 1px solid #666666;
	height: 247px; 
}

#downloadsHeader img	{
	width:300px;
	float:right;
	margin-top:10px;

}

#downloads	{
	float:right;
	background: #ED6A0E;
	width:300px; 
	height: 250px; 
	padding: 0px; 
	margin:0 0 0px 0;
	padding-bottom: 30px;   
	_padding-bottom: 3px; 
}

#downloads ul	{
	margin-left:30px;
	margin-top:20px;
}

#downloads ul li	{
	margin:0 13px 20px 0;
	vertical-align:middle;
	list-style-type:square;
	color:#FFFFFF;
}



#downloads ul li a {
	font-family: Arial, Helvetica, sans-serif;font-size:1.2em;
	color:#fff;
	text-decoration:none;
	
}

#downloads ul li a:hover {
	font-family: Arial, Helvetica, sans-serif;font-size:1.2em;
	color:#fff;
	text-decoration:underline;

}

#upcomingEvents	{
	padding:15px 0 0 15px;
}

#upcomingEvents  a	{
	font-family: 1.2em Arial, Helvetica, sans-serif;
	color:#000000;
	text-decoration:none;
}


#upcomingEvents  a:hover {
	font-family: 1.2em Arial, Helvetica, sans-serif;
	color:#ed6a0e;
	text-decoration:none;
}




/** Footer  **/

#footer	{
	clear:both;
	width:999px;
	margin-top:20px;
	border-top: 2px solid #666666;
	padding-top:10px;
	padding-bottom:10px;

}

#footer a	{
	font-family: Arial, Helvetica, sans-serif;
	font-size:1.2em;
	color:#000000;
	text-decoration:none;
}


#footer a:hover	{
	font-family: Arial, Helvetica, sans-serif;
	font-size:1.2em;
	color:#ed6a0e;
	text-decoration:none;
}


#webSiteBuiltBy	{
	float:left;
	width:30%;
}

#copyright	{
	float:right;
	width:50%;
	text-align:right;
}


/** Accomadation Pages  **/

#topSearch	{
	width:677px;
	float:left;

}

#topSearch	ul li, .result	ul li 	{
	vertical-align:middle;
	list-style-type:none;
}

#leftSearch	{
	float:left;
	width:60%;
	margin:0 0 10px 0;
}

#leftSearch li a, li a:hover	{
	font:1.1em Arial, Helvetica, sans-serif;
	text-decoration:underline;
	}

#leftSearchSearch	{
	float:left;
	width:45%;
	margin:0 0 10px 0;
}

#leftSearchSearch2	{
	float:left;
	margin:0 0 10px 0;
}

#leftSearch ul li	{
	list-style:none;
	float:left;
	margin-right:10px;
}

#rightSearch	{
	float:right;
	width:45%;
	text-align:right;
	margin-top:50px;
}

#searchAccommodation	{
	float:left;
	border-bottom: 1px solid #666666;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	border-top: 1px solid #666666;
	height:230px;
	margin:0px 0 0 0;
	padding:0px 0 0px 0;
	width:671px;

	
}


#searchFood	{
	float:left;
	border-bottom: 1px solid #666666;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	border-top: 1px solid #666666;
	height:230px;
	margin:0px 0 0 0;
	padding:0px 0 0px 0;
	width:671px;

	
}

.result	{
	float:left;
	width:677px;
	margin:10px 0 15px 0;
	border-bottom: 1px solid #666666;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	border-top: 1px solid #666666;
	padding:0;
}

.resultHeader	{
	background:#ED6A0E;
	height:25px;
}

.accomName	{
	font:1.2em Arial, Helvetica, sans-serif;
	float:left;
	color:#FFFFFF;
	font-weight:bold;
	padding:5px;
}

.location	{
	font:1.2em Arial, Helvetica, sans-serif;
	float:right;
	color:#FFFFFF;
	font-weight:bold;
	padding:5px;

}


.resultDisplay	{
	float:left;
	width:677px;
}

.resultImage	{	
	float:left;
	width:45%;
	text-align:center;


}

.resultImage img	{
	margin:10px 0px 10px 0;
	border-bottom: 1px solid #666666;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	border-top: 1px solid #666666;

}

.resultInformation	{
	font:1.2em Arial, Helvetica, sans-serif;
	color:#000000;
	float:right;
	width:45%;
	text-align:right;
	padding:10px 8px 0 0;
}

.noResultsFound	p {
	font:1.0em Arial, Helvetica, sans-serif;
	color:#000000;
}


.noResultsFound a {
	font-family: Arial, Helvetica, sans-serif;
	font-size:1.0em;
	color:#000000;
	text-decoration:none;
}

.noResultsFound a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size:1.0em;
	color:#ed6a0e;
	text-decoration:none;
}


.resultDisplayFood	{
	float:left;
	width:677px;
	margin-bottom:10px;
}

.resultFoodAddress	{	
	float:left;
	width:45%;
	text-align:justify;
	margin:10px 0 10px 3px;


}


/** Result Accom Page  **/

#results p{
	font:1.0em Arial, Helvetica, sans-serif;
	color:#000000;
}

#acc_table ul li	{
	list-style-type:none;

}
#topAccom	{
	width:677px;
	float:left;
	margin:0 0 25px 0;

}
	{
	width:677px;
	float:left;

}


#resultAddr	{
	float:right;
	width:35%;
	text-align:right;
	margin-top:13px;
	font:1.4em Arial, Helvetica, sans-serif;
	color:#000000;
	font-weight:bold;
}


#mainResultImage	{
	float:left;
	width:60%;
}

#mainResultImage img	{	
	border-bottom: 1px solid #666666;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	border-top: 1px solid #666666;
}

#resultClassfication	{
	float:right;
	width:35%;
	text-align:right;
	font:1.2em Arial, Helvetica, sans-serif;
	color:#000000;
	margin:10px 0 0 0;

}

#resultRoomRates	{
	float:right;
	width:35%;
	text-align:right;
	font:1.2em Arial, Helvetica, sans-serif;
	color:#000000;
	margin:10px 0 0 0;

}

#resultsCont	{
	clear:both;
	float:left;
	margin-top:25px;
}


#otherFac	{
	float:right;
	width:45%;
	margin-top:10px;

}

#otherFac ul, #resultsFac	ul {
	list-style:none;
	font:1.2em Arial, Helvetica, sans-serif;
	color:#000000;

}


#resultsFac	{
	float:left;
	width:45%;
	margin-top:10px;
}

#resultImages	{
	float:left;
	width:677px;
	text-align:center;
	margin:25px 0 0 0;
}

#resultImages img, #resultsSmallImages img	{
	border-bottom: 1px solid #666666;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	border-top: 1px solid #666666;
	margin:0 5px 0 0px;
}


/** Food Pages  **/

#foodDesc	{
	float:left;
	width:677px;
	text-align:justify;
	font:1.2em Arial, Helvetica, sans-serif;
	color:#000000;
	margin:10px 0 0 0;

}


/** Town Council Styles  **/

#councilInformation	{
	float:left;
	width:677px;
	border-bottom: 1px solid #666666;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	border-top: 1px solid #666666;
	 
	margin:0;

}

#councilInformation img	{
	border-bottom: 1px solid #666666;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	border-top: 1px solid #666666;
}

#councilAddress	{
	float:left;
	width:45%;
	text-align:center;
	padding:15px 5px 5px 5px;


}

#mayor	{
	float:right;
	width:45%;
	text-align:center;
	padding:15px 5px 5px 5px;


}

#councilListHeader	{
	float:left;
	width:677px;
	background:#ed6a0e;
	margin:0;
	padding:0;
}

#councilListHeaderLeft	{
	float:left;
	width:45%;
	font:1.2em Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-weight:bold;
	padding:5px;

}

#councilListHeaderRight{
	float:right;
	width:45%;
	font:1.2em Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-weight:bold;
	padding:5px 5px 0 0;
}

.councilFurtherInformation	{
	float:left;
	width:677px;
	margin-top:25px;
	margin-bottom:25px;
	text-align:center;
	 
	border:0px solid red;
}

.councilFurtherInformationBottom	{
	float:left;
	width:677px;
	margin-top:25px;
	margin-bottom:25px;
	text-align:left;
}


#councilList	{
	float:left;
	width:677px;
	margin-top:25px;
	border-bottom: 1px solid #666666;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	border-top: 1px solid #666666;

}

#councilListLeft	{
	float:left;
	width:45%;
	padding:0px 5px 5px 5px;

}

#councilListRight	{
	float:right;
	width:45%;
	padding:0px 5px 5px 5px;

}

.councilerBox	{
	float:left;
	width:100%;
	margin:10px 0 10px 0;
	clear:both;
}

.councilerInformation	{
	font:1.2em Arial, Helvetica, sans-serif;
	color:#000000;
	width:55%;
	float:left;
	margin-left:25px;

}

.ward	{
	font:1.2em Arial, Helvetica, sans-serif;
	color:#000000;
	float:left;
	width:50px;

}


.councilerInformation a, #councilInformation a {
	font-family: Arial, Helvetica, sans-serif;
	font-size:1.0em;
	color:#ed6a0e;
	text-decoration:none;
}

.councilerInformation a:hover, #councilInformation a:hover {
	font-family: Arial, Helvetica, sans-serif;font-size:1.0em;
	color:#ed6a0e;
	text-decoration:underline;
}


/** EVENTS & DIARY  **/

#eventDiary	{
	float:left;
	width:677px;
	border-bottom: 1px solid #666666;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	border-top: 1px solid #666666;
	font: 1.2em Arial, Helvetica, sans-serif;
	color:#000000;


 
}

#eventDiary	a	{
	color:#000;
	text-decoration:none;
}

#eventDiary	a:hover	{
	color:#000;
	text-decoration:underline;
}



#eventDiaryHeader	{
	font: 1.2em Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-weight:bold;
	float:left;
	width:667px;
	background:#ed6a0e;
	padding:5px;
}

#eventDiaryLink {
	font-size:0.8em;
	color:#FFFFFF;
	font-weight:bold;
	float:right;
	width:45%;
	background:#ed6a0e;
	margin:0;
	padding:0px;
	text-align:right;

}

#eventDiaryLink	a	{
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
}

#eventDiaryLink	a:hover	{
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:underline;
}

#eventDiaryTitle {
	color:#FFFFFF;
	font-weight:bold;
	float:left;
	width:45%;
	background:#ed6a0e;
	margin:0;
	padding:0px;

}




.eventDiaryContent	{
	float:left;
	width:667px;
	clear:both;
	padding:5px 0 5px 0;
}

.eventDiaryDate	{
	float:left;
	width:30%;
	padding:5px;
	text-align:left;

}

.eventDiaryEvent	{
	float:left;
	width:30%;
	padding:5px;
	text-align:left;

}

.eventDiarySummary	{
	float:right;
	width:35%;
	padding:5px 0 5px 0;
	text-align:right;

}


/** BOOKING FORMS **/

#booking	{
	float:left;
	width:85%;
	border: solid 1px #ED6A0E;
	color:#FFFFFF;
	padding:5px;
	margin-top:20px;
	font-weight:bold;
	}
	
#booking	a	{
	font:1.6em Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-weight:bold;

	}
	
#booking	a:hover	{
	font:1.6em Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-weight:bold;
	
	}



.bookingForm	{
	font: 1.2em Arial, Helvetica, sans-serif;
	color:#000000;
}


.bookingForm tr td {
	padding:5px 0 5px 0;
}


/** Places of Interest **/


.places	{
	width:677px;
	float:left;
}


.attraction	{
	float:left;
	width:320px;
	margin-right:15px;
	margin-bottom:10px;
	height:200px;
	border-bottom: 1px solid #666666;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	border-top: 1px solid #666666;

}


.attractionHeader	{
	font: 1.2em Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-weight:bold;
	width:310px;
	background:#ed6a0e;
	margin:0;
	padding:5px;
}


.attractionImage	{
	float:left;
	width:50%;
	text-align:center;
	margin:10px 0 10px 0;
}


.attractionInformation	{
	float:right;
	width:45%;
	text-align:right;
	margin-top:10px;
	padding-right:10px;
}


/** Orange Boxes  **/


#orangeBoxes	{
	float:left;
	width:300px;
	margin-top:10px;

}

#orangeBoxes img	{
	margin-bottom:5px;
	}


.orangeBox	{
	border: 3px solid #ED6A0E;
	padding: 8px;
	float:left;
	width:280px;
	text-align:center;
	margin:5px 0px 0px 0;
	font:1.4em Arial, Helvetica, sans-serif;
	color:#000000;


}


.orangeBox a	{
	font:1.4em Arial, Helvetica, sans-serif;
	color:#000000;
	text-decoration:none;
}


.orangeBox a:hover	{
	font:1.4em Arial, Helvetica, sans-serif;
	color:#000000;
	text-decoration:underline;
}

#powerLink {text-decoration:underline; color:#ed6a0e; font-weight:bold;}