body 
{
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	font-size: small;
	background-color: #fff;
}

#wrapper 
{
	position: relative;
	width: 100%;
	background-color: #8C267D;
}


#pagecontainer 
{
	text-align: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 100%;
	background-color: #fff;
}

/*////////////////////////////
	HEADER AREA
////////////////////////////*/

#header 
{
	width: 100%;
	height: 171px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}


#header1
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
	height: 171px;
	
}

#headerphoto
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 70%;
	height: 171px;
	float: right;
	
}

#phototext
{
	font-family: arial, helvetica, sans serif;
	margin: 0px 0px 0px 0px;
	padding: 60px 0px 0px 0px;
	color: #333;

}

#headermap
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 25%;
	height: 171px;
	float: left;
}

/*///////////////////////////////////////////////////
	SIDE RIGHT PANEL
//////////////////////////////////////////////////*/

#rightpanelwrapper
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #fff;
	width: 190px;
	float: right;
	height: auto;
}

#searchwrapper
{
 	width: 190px;
	height: 40px;
	background-color: #fff;
}


/*////////////////////////////
	QUICK LINKS
////////////////////////////*/
#quicklinkswrapper
{
 	width: 188px;
	height: auto;
	background-color: #fff;
	border: 1px solid #CC0000;
}

.quicklinkstext
{
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 10px 10px;
}

#quicklinkstitle
{
 	width: 188px;
	height: auto;
	background-color: #CC0000;
	text-align: center;
}
			
.title
{
 	color: #fff;
	font-size: small;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding: 2px 2px 2px 2px;
}
		
/*////////////////////////////
	EVENTS
////////////////////////////*/


#eventswrapper
{
 	width: 188px;
	height: auto;
	background-color: #fff;
	border: 1px solid #CD3B02;
}

.eventstext
{
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 10px;
}

#eventstitle
{
 	width: 188px;
	height: auto;
	background-color: #CD3B02;
	text-align: center;
}

/*////////////////////////////
	NEWS 
////////////////////////////*/


#newswrapper
{
 	width: 188px;
	height: auto;
	background-color: #fff;
	border: 1px solid #007E00;
}

.newstext
{
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 5px 10px;
}

#newstitle
{
 	width: 188px;
	height: auto;
	background-color: #007E00;
	text-align: center;
}

		
/*////////////////////////////
	SIDE MENU AREA
////////////////////////////*/

#menuwrapper
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #fff;
	width: auto;
	float: left;
	height: 100%;
}

#menu
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #CC0000;
	width: 160px;
	height: auto;
}
/*
.innermenu
{
	font-family: arial, helvetica, sans serif;
	color: #fff;
	margin: 0px 0px 0px 0px;
	padding: 50px 20px 0px 10px;
	font-size: 90%;
}
			
.innermenu p
{
	margin: 0px 0px 0px 0px;
	padding: 8px 0px 8px 0px;
	line-height: 80%;
	border-bottom: 1px dashed #fff;
}
*/			
			
#menu a
{
	color: #fff; 
	text-decoration: none;
}

#menu a:hover
{
	color: #E4F8C1;
	text-decoration: none;
}

/*////////////////////////////
	COUNCIL LOGOS AREA
////////////////////////////*/			
			
#councillogos
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #fff;
	width: 158px;
	height: auto;
	text-align: center;
	border: 1px solid #0066CC;
}

.counciltext
{
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 10px 10px;
	text-align: center;
}

#counciltitle
{
 	width: 158px;
	height: auto;
	background-color: #0066CC;
}
			
/*////////////////////////////
	WEATHER BOX AREA
////////////////////////////*/			
#weather
{
	margin: 0px 0px 4px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #fff;
	width: 158px;
	height: auto;
	border: 1px solid #333;
}
.weathertext
{
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 10px 10px;
	text-align: center;
}
		
#weathertitle
{
 	width: 158px;
	height: auto;
	background-color: #333;
	text-align: center;
}
		
/*////////////////////////////
	TRAVEL BOX AREA
////////////////////////////*/			
.travel
{
	margin: 0px 0px 4px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #fff;
	width: 158px;
	height: 26px;
	border: 1px solid #0066CC;
}

.travel2
{
	margin: 0px 0px 4px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #fff;
	width: 158px;
	height: 26px;
	border: 1px solid #CC0000;
}

.traveltextwrapper
{
		margin: 0px 0px 0px 0px;
	    padding: 0px 0px 0px 0px;
		width: 122px;
		height: 26px;
		float: left;
}

.traveltext
{
		margin: 0px 0px 0px 0px;
	    padding: 5px 5px 5px 10px;
}

.travelpic
{
 		width: 36px;
		height: 26px;
        float: left;
}

.buttonsearch
{
	font-family: arial, helvetica, sans serif;
	font-size: x-small;
	font-weight: bold;
	height: 23px;
	
	
}			
			
/*////////////////////////////
	CONTENT AREA
////////////////////////////*/

#pagecontent
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
	height: 100%;
}

#content
{
	font-family: arial, helvetica, sans serif;
	font-size: small;
	color: #333;
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 0px 10px;
	background-color: #fff;
	min-height: 400px;
	max-height: 100%;
	float: left;
}
			
* html #content 
{
	height: 400px;
}
			
			
.innercontent
{
	margin: 0px 0px 0px 0px;
	padding: 0px 210px 0px 170px;
	width: auto;
}
		
		
/*////////////////////////////
	FOOTER & COPYRIGHT
////////////////////////////*/

#footerwrapper 
{
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #fff;
	height: auto;
	float: left;
}

#footer1 
{
	width: 100%;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	height: 72px;
	border-top: 1px solid #666;
}
					
.textfooter1 
{
	font-family: arial, helvetica, sans serif;
	text-align: left;
	font-size: x-small;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 10px;
	color: #333;
}
					

/*////////////////////////////
	HEADINGS
////////////////////////////*/

h1
{
	font-family: arial, helvetica, sans serif;
	font-size: large;
	font-weight: bold;
}

h2
{
	font-family: arial, helvetica, sans serif;
	color: #000;
	font-size: small;
	font-weight: bold;
}

/*////////////////////////////
	LINKS
////////////////////////////*/
a
{
	color: #CC0000; /*red */
	text-decoration: underline;
}

a:visited
{
    	color: #CC0000; /* red */
	text-decoration: underline;
}

a:hover
{
    	color: #CC0000;  /* red */
	text-decoration: none;
}


.small
{ 
	font-size: xx-small;
	
}

img
{ 
	border: none;
}


/*///////////////////////////////
  New code to be added
  *page layout designs*
///////////////////////////*/


hr
{
	width: 98%;
}

.right
{
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
	margin-right: 2em;
	border: 1px solid #000; 
}




/*///////////////////
COLOURS
//////////////////*/
.darkgreen
{
 color: #007E00;
}

.darkorange
{
 color: #CD3B02;
}

.blue
{
 color: #3366CC;
}

.purple1
{
 color: #9900CC;
}

.darkblue
{
 color: #0000CC;
}

.darkpurple
{
 color: #660099;
}

.maroon
{
 color: #72042B;
}

/*///////////////////
PERCENTAGE WIDTHS
//////////////////*/
.98percent
{
	width: 98%;
}

.20percent
{
	width: 20%;
}

.80percent
{
	width: 80%;
}

.orangeblock
{
	display: block;
	min-width: 90%;
	max-width: 100%
	_width: 98%;
	background-color: #CD3B02; /* orange - events*/
	font-weight: bold;
	font-size: small;
	color: #fff;
	padding: 4px;
	margin: 0px 0px 2px 0px;
}

.greenblock
{
	display: block;
	min-width: 90%;
	max-width: 100%
	_width: 98%;
	background-color: #007E00; /* green - news */
	font-weight: bold;
	font-size: small;
	color: #fff;
	padding: 4px;
	margin: 0px 0px 2px 0px;
}

.blueblock
{
	display: block;
	min-width: 90%;
	max-width: 100%
	_width: 98%;
	background-color: #3366CC; /* blue -useful links */
	font-weight: bold;
	font-size: small;
	color: #fff;
	padding: 4px;
	margin: 0px 0px 2px 0px;
}

.purple1block
{
	display: block;
	min-width: 90%;
	max-width: 100%
	_width: 98%;
	background-color: #9900CC; /* purple1 - people */
	font-weight: bold;
	font-size: small;
	color: #fff;
	padding: 4px;
	margin: 0px 0px 2px 0px;
}

.darkblueblock
{
	display: block;
	min-width: 90%;
	max-width: 100%
	_width: 98%;
	background-color: #0000CC; /* darkblue - meetings */
	font-weight: bold;
	font-size: small;
	color: #fff;
	padding: 4px;
	margin: 0px 0px 2px 0px;
}

.darkpurpleblock
{
	display: block;
	min-width: 90%;
	max-width: 100%
	_width: 98%;
	background-color: #660099; /* darkblue - meetings */
	font-weight: bold;
	font-size: small;
	color: #fff;
	padding: 4px;
	margin: 0px 0px 2px 0px;
}

.maroonblock
{
	display: block;
	min-width: 90%;
	max-width: 100%
	_width: 98%;
	background-color: #72042B; /* maroon - reports policies */
	font-weight: bold;
	font-size: small;
	color: #fff;
	padding: 4px;
	margin: 0px 0px 2px 0px;
}

/*///////////////////
ORANGE  (EVENTS)
//////////////////*/

td.orangetitle 
{
	color: #fff;
	font-size: medium;
	font-weight: bold;
	background-color: #CD3B02;
}

#orangeborder
{
	border-collapse: collapse;
}	

#orangeborder td 
{
	border: 1px solid #CD3B02;
	margin: 0px 0px 0px 0px;
	padding: 5px 5px 5px 5px;
}

/*///////////////////
GREEN  (NEWS)
//////////////////*/
td.greentitle 
{
	color: #fff;
	font-size: medium;
	font-weight: bold;
	background-color: #007E00;
}

#greenborder{
	border-collapse: collapse;
}	

	#greenborder td {
	border: 1px solid #007E00;
	margin: 0px 0px 0px 0px;
	padding: 5px 5px 5px 5px;
}

/*///////////////////
GMAP 
//////////////////*/

#infowin
{
	font-size: 80%;
}

.bold
{
	font-weight: bold;
	color: #FF6600;
}

.border
{
	border: 1px solid #000;
}


/*///////////////////
IMG BORDER ON AMENITIES PAGE 
//////////////////*/


.imgborder
{
	border: 1px solid #000; 
}

#s1
{
	font-size: small;
}


/*//// CALENDAR //////*/


#cal
{
	text-align:center;
}

#Uc_right1_Uc_calendar1_calEvents
{
	background-color: #000;
}


.myCalendarStyle
{
	width:140px;
	height:auto;
	font-size: xx-small;
	font-family: Verdana;
	border: 1px solid #CD3B02;
	background-color: #FFF;
	color: transparent; 
	/* padding: 2px 2px 2px 2px; */
}

.TodayDayStyle
{
	background-color: #D6D6D6;
	color: #000000;
	border: 2px solid #000;
}

.SelectorStyle
{
	background-color: #EEF8DA;
}

.NextPrevStyle
{
	font-Size: xx-small;
	font-weight:bold;
	color: White;
	width:10px;
}

.DayHeaderStyle
{
	/* Height: 1px; */
	Color: Black; 
	background-color: #EEF8DA;
}

.SelectedDayStyle
{
	font-weight:bold;
	color: White;
	background-color: #EEF8DA;
}

.TitleStyle
{
 font-size: xx-small; 
 font-weight:bold;
 color: White; 
 background-color: #D63C04;
}

.WeekendDayStyle
{
  background-color: #EEF8DA;
}

.OtherMonthDayStyle
{
  color: #000;
  background-color: #EFEFEF;
}

.EventStyle
{ 
  background-color:#f8b7a1;
  border: 2px solid #CD3B02;
  font-weight:bold;
}

.MeetingStyle
{
  background-color: #ccccff;
  border: 2px solid #0000CC;
  color:White !important; 
  font-weight:bold;   
}

.DayStyle
{
   /*color: #000; */
   background-color: White;
}


#map
{
min-width: 95%;
max-width: 95%;
height: 450px;
_width: 98%;
_height: 450px;
}





/*///////////////////////
HOMEPAGE INNER CONTENT
///////////////////////*/


#hometextwrapper
	{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: auto;
	height: auto;
	background-color: #000;
	}
			
.hometextarea
	{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #fff;
	float: left;
	}

#hometoppicture
	{
	float: right;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	width: 240px;
	height: auto;
	background-color: #666;
	}


#homecontentwrapper
	{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: auto;
	height: auto;
	background-color: #000;
	}




.homeleftarea
	{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #666;
	float: left;
	}



#hometextwrapper2
	{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: auto;
	}


/*/////////////////////////////////////////
right column boxes include... 
next meeting...Amenities....Council Structure
///////////////////////////////////////////*/


#rightcolumnwrapper
	{
    width: 40%;
	height: auto;
	float: right;
	}

* html #rightcolumnwrapper 
	{
	width: auto;
	}

#nextnewsmeetingwrapper
	{
 	width: 100%;
	height: auto;
	background-color: #fff;
	border: 1px solid #0000CC;
	background-image: url(images/pic_calendar2.gif);
	background-position: top right;
	background-repeat: no-repeat;
	}

* html #nextnewsmeetingwrapper 
	{
	width: 40%;
	}


#nextnewsmeetingtitle
	{
 	width: auto;
	height: auto;
	background-color: #0000CC;
	text-align: left;
	}
		
		
#amenitieswrapper
	{
 	width: 100%;
	height: auto;
	background-color: #fff;
	border: 1px solid #660099;
	}

* html #amenitieswrapper 
	{
	width: 40%;
	}


#amenitiestitle
	{
	width: auto;
	height: auto;
	background-color: #660099;
	text-align: left;
	}
		
#councilwrapper
	{
 	width: 100%;
	height: auto;
	background-color: #fff;
	border: 1px solid #007171;
	}

* html #councilwrapper
	{
	width: 40%;
	}


#counciltitle2
	{
	width: auto;
	height: auto;
	background-color: #007171;
	text-align: left;
	}
		

/*////////////////////////////////
left column boxes include... 
People...Useful Contacts
////////////////////////////////*/


#leftcolumnwrapper
	{
	width: 55%;
	height: auto;
	margin: 0px 0px 0px 0px;
	float: left;
	}

* html #leftcolumnwrapper
	{
	width: 55%;
	}
			


#peoplewrapper
	{
 	width: auto;
	min-height: 120px;
	height: auto;
	background-color: #fff;
	border: 1px solid #9900CC;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}

* html #peoplewrapper
	{
	height: 120px;
	}

#peopletitle
	{
 	width: auto;
	height: auto;
	background-color: #9900CC;
	text-align: left;
	}
		
#usefulcontactswrapper
	{
 	width: auto;
	height: auto;
	background-color: #fff;
	border: 1px solid #3366CC;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-image: url(images/pic_phone.gif);
	background-position: top right;
	background-repeat: no-repeat;
	}

#usefulcontactstitle
	{
 	width: auto;
	height: auto;
	background-color: #3366CC;
	text-align: left;
	}


/*////////////////////////////////
common elements in all homepage
content boxes
////////////////////////////////*/

.text
	{
	width: auto;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 10px 10px;
	}
		
.title2
{
 	color: #fff;
	font-size: small;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding: 2px 10px 2px 10px;
}

label.enquiry
{
	width: 160px;
	float: left;
}