/* Default style sheet */

/* Colour Scheme:

Navy: #000083
Dk Grey: #555
Green: #336633
Lt Blue: #009EB6

*/
 
body {
	background: #FFF; 
	margin: 0;
	padding: 0;
	top: 0;
	left: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	}
	.BodyStyle { /* use this class to set body background colour so that it does not interfere with the WYSIWYG editor */
		color: #000;
		background: #FFF url(../../Images/bg.jpg) repeat-x left top;
		}

img, form { /* removes all default formatting on images and forms */
	margin: 0;
	padding: 0;
	border: 0;
	}

input, textarea, select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	}

.Clear { clear: both; } /* clears all floats; apply to empty divs */

#Container {
	width: 974px;
	margin: 0 auto 10px;
	background: #FFF url(../../Images/body_bg.jpg) repeat-y left top;
	}

.normal { /* default style for WYSIWYG */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000083;}

.greentext { /* style for WYSIWYG */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #336633;}
	
.greenheader { /* style for WYSIWYG */
			font-size:15px;
			font-weight: normal;
			color: #336633;
			}

/* --- Header --- */
#PrintHeader { display: none; }
#Header {
	height: 303px;
	width: 974px;
	padding: 0 7px;
	background: url(../../Images/header_bg.gif) no-repeat left top
	}
	#Header .Title {
		/* background: url(../../Images/header/image_01.jpg) no-repeat left top; */
		width: 960px;
		height: 240px;
		}
		#Header .Title a {
			position: absolute;
			z-index: 6;
			display: block;
			top: 22px;
			margin-left: 40px;
			width: 220px;
			height: 100px;
			}
		#Header .Title a span { 
			margin: 0;
			margin-left: -9999px; 
			}
	#Header .Search { /* Search area */
		position: absolute;
		z-index: 7;
		top: 212px;
		margin: 0 0 0 682px;
		border-collapse: collapse;
		}
		#Header .Search td {
			padding: 0;
			vertical-align: middle;
			}
			#Header .Search input.SearchInput {
				border: 1px solid #999;
				width: 150px;
				line-height: 18px;
				padding: 1px 2px 3px;
				margin: 0 5px;
				}
	


/* --- Menu --- */
#Menu { margin-top: 3px; }
	#Menu ul {
		margin: 0;
		padding: 0;
		list-style: none;
		}
		#Menu li {
			float: left;
			}
			#Menu li a { 
				display: block;
				height: 60px; 
				}
			#Menu li a span { margin-left: -9999px; }
			
			/* Menu graphics */
			#Menu li.About a {
				background: url(../../Images/menu_about.gif) no-repeat left top;
				width: 84px;
				}
			#Menu li.On a {
				background: url(../../Images/menu_whatson.gif) no-repeat left top;
				width: 79px;
				}
			#Menu li.Notices a {
				background: url(../../Images/menu_notices.gif) no-repeat left top;
				width: 100px;
				}
			#Menu li.Council a {
				background: url(../../Images/menu_council.gif) no-repeat left top;
				width: 92px;
				}
			#Menu li.Services a {
				background: url(../../Images/menu_services.gif) no-repeat left top;
				width: 84px;
				}
			#Menu li.Photos a {
				background: url(../../Images/menu_photos.gif) no-repeat left top;
				width: 85px;
				}
			#Menu li.Forms a {
				background: url(../../Images/menu_forms.gif) no-repeat left top;
				width: 127px;
				}
			#Menu li.Comm a {
				background: url(../../Images/menu_community.gif) no-repeat left top;
				width: 133px;
				}
			#Menu li.Bus a {
				background: url(../../Images/menu_business.gif) no-repeat left top;
				width: 122px;
				}
			#Menu li.Links a {
				background: url(../../Images/menu_links.gif) no-repeat left top;
				width: 54px;
				}
				#Menu li a:hover { background-position: left bottom; }



/* --- Footer --- */
#Footer { 
	background: #d6d6d6 url(../../Images/footer_bg.jpg) repeat-x left top;
	height: 140px;
	margin: 10px 7px 0;
	color: #555;
	}
	#Footer .Crest {
		margin: 0 95px 0 70px;
		float: left;
		}
	#Footer .Links {
		line-height: 12px;
		padding-top: 40px;
		}
	#Footer .Copyright {
		line-height: 13px;
		font-size: 11px;
		padding-top: 22px;
		}
	#Footer a:link { color: #000083; text-decoration: underline; }
	#Footer a:visited { color: #000083; text-decoration: underline; }
	#Footer a:hover { color: #336633; text-decoration: underline; }
	#Footer a:active { color: #336633; text-decoration: underline; }
	
#FooterBottom {
	background: url(../../Images/footer_bottom.jpg) no-repeat left top;
	height: 7px;
	}
#RkdLink {
	width: 960px;
	margin: -12px auto 10px;
	font-size: 10px;
	}
	#RkdLink a:link { color: #777; text-decoration: none; }
	#RkdLink a:visited { color: #777; text-decoration: none; }
	#RkdLink a:hover { color: #000083; text-decoration: none; }
	#RkdLink a:active { color: #000083; text-decoration: none; }
	
	
/* --- Content Area --- */
#Body {
	padding: 18px;
	color: #000083;
	line-height: 18px;
	}
	#Body a { font-weight: bold; }
	#Body a:link { color: #009EB6; text-decoration: underline; }
	#Body a:visited { color: #009EB6; text-decoration: underline; }
	#Body a:hover { color: #555; text-decoration: underline; }
	#Body a:active { color: #555; text-decoration: underline; }
	
	/* Submenu */
	#Submenu { 
		float: left;
		background: url(../../Images/submenu_bg.jpg) no-repeat left top;
		width: /*230px*/ 206px;
		padding: 7px 12px;
		min-height: 300px;
		}
		#Submenu h2, #Feature h2, #Notices h2 { margin: 0; }
		#Submenu h2, #Content h2 {
			padding-top: 5px;
			font-family: Arial, Helvetica, sans-serif;
			font-size:18px;
			font-weight: normal;
			color: #336633;
			letter-spacing: -1px;
			}
		#Submenu p {
			font-size: 11px;
			color: #333;
			}
		#Submenu ul { 
			list-style: url(../../Images/bullet.gif);
			margin-top: 10px;
			margin-left: 22px;
			padding-left: 0;
			}
			#Submenu li {
				line-height: 15px;
				padding-bottom: 5px;
				margin-left: 0;
				padding-left: 0;
				}
				#Submenu li ul { margin-top: 5px; }
				#Submenu li li { font-size: 11px; }
			#Body #Submenu li a:link { color: #000083; text-decoration: underline; }
			#Body #Submenu li a:visited { color: #000083; text-decoration: underline; }
			#Body #Submenu li a:hover { color: #009EB6; text-decoration: underline; }
			#Body #Submenu li a:active { color: #009EB6; text-decoration: underline; }
			
	/* General Content area */
	#Content {
		float: left;
		background: url(../../Images/content_bg.jpg) no-repeat left top;
		margin-left: 16px;
		width: /*692px*/ 668px;
		padding: 7px 12px;
		}
		#Body #Content a { font-weight: bold; }
		#Content h1 { 
			margin: 0;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 22px;
			font-weight: normal;
			letter-spacing: -1px;
			padding-top: 5px;
			}
		#Content h3 {
			/*font-family: Arial, Helvetica, sans-serif;*/
			font-size:15px;
			font-weight: normal;
			color: #336633;
			/*letter-spacing: -1px;*/
			}
		#Content h1 strong, #Content h2 strong, #Content h3 strong { font-weight: normal; }
		
		#Content #Feature, #Content #Notices { /* Feature and Notices boxes on homepage */
			float: left;
			background: url(../../Images/feature_bg.jpg) no-repeat left top;
			width: /*338px*/ 296px;
			padding: 7px 30px 7px 12px;
			margin-top: 25px;
			}
		#Content #Feature { 
			margin-right: 16px;
			margin-left: -12px;
			}
			#Content #Feature p { margin-top: 10px; }
			#Content #Feature img, #Content img.ProfileImg {
				border: 1px solid #000083;
				margin: 5px 10px 5px 0;
				float: left;
				}
				#Content #Feature h2 img {
					margin: 0;
					border: none;
					float: none;
					}
		#Content ul li {
			list-style: url(../../Images/bullet_list.gif);
			color: #555;
			}
		#Content #Notices {
			margin-right: -12px;
			}
			#Content #Notices ul, ul.WhatsOn {
				margin: 10px 0 0 20px;
				padding: 0;
				list-style: none;
				}
				#Content #Notices li, ul.WhatsOn li {
					line-height: 15px;
					padding-bottom: 10px;
					font-size: 11px;
					color: #545454;
					}
					#Content #Notices li a, ul.WhatsOn li a { font-size: 12px; }
					#Content #Notices li a:link, #Content ul.WhatsOn li a:link { color: #000083; text-decoration: underline; }
					#Content #Notices li a:visited, #Content ul.WhatsOn li a:visited { color: #000083; text-decoration: underline; }
					#Content #Notices li a:hover, #Content ul.WhatsOn li a:hover { color: #009EB6; text-decoration: underline; }
					#Content #Notices li a:active, #Content ul.WhatsOn li a:active { color: #009EB6; text-decoration: underline; }
		
		.Back { font-size: 11px; }
			#Content .Back a { font-weight: normal; }
			#Content .Back a:link { color: #336633; text-decoration: underline; }
			#Content .Back a:visited { color: #336633; text-decoration: underline; }
			#Content .Back a:hover { color: #555; text-decoration: underline; }
			#Content .Back a:active { color: #555; text-decoration: underline; }
		
		hr {
			background: #999;
			color: #999;
			width: 100%;
			height: 2px;
			border: none;
			}
		
		.Date {
			color: #545454;
			font-size: 11px;
			}
			
		.Note {
			color: #336633;
			font-style: italic;
			}
		.NoteError {
			color: #CC0000;
			font-style: italic;
		}
		.AgendaArchives {
			text-align: right;
			margin-bottom: 5px;
			}
		.TableStyle, .Gallery {
			width: 100%;
			border-collapse: separate;
			border-spacing: 1px;
			border: 1px solid #CCC;
			background: #FFF;
			}
		.DocsSearch, .FormTable {
			border-collapse: separate;
			border-spacing: 1px;
			margin: 0;
			}
			.TableStyle th, .TableStyle td, .FormTable td, .FormTable th { padding: 2px 4px; }
			.TableStyle th {
				background: #008944 url(../../Images/th_bg.gif) repeat-x left bottom;
				color: #FFF;
				}
			.FormTable th {
				text-align: right;
				vertical-align: top;
				width: 120px;
				}
			#AgendaTable td, .Gallery td { text-align: center; }
			.DocsSearch td { vertical-align: middle; }
			.Gallery td {
				vertical-align: top;
				padding: 15px 10px;
				}
				.Gallery td img { border: 1px solid #000083; }
		
		.TextHighlight {
			border: 1px solid #CCC;
			background: #E3EED9;
			width: 550px;
			margin: 5px auto;
			padding: 20px;
			}
			.TextHighlight p { margin-top: 0; }
		.Sitemap { 
			width: 100%;
			border-collapse: collapse;
			border: 0;
			margin: 10px 0;
			}
			.Sitemap td { width: 50%; vertical-align: top; }
				.Sitemap h2 { margin-bottom: 0; }
					#Body #Content .Sitemap h2 a { font-weight: normal; }
					#Content .Sitemap h2 a:link { color: #336633; }
					#Content .Sitemap h2 a:visited { color: #336633; }
					#Content .Sitemap h2 a:hover { color: #000083; }
					#Content .Sitemap h2 a:active { color: #000083; }
				.Sitemap p { margin-top: 0; }
					#Body #Content .Sitemap p a { font-weight: normal; }
					#Content .Sitemap p a:link { color: #000083; }
					#Content .Sitemap p a:visited { color: #000083; }
					#Content .Sitemap p a:hover { color: #555; }
					#Content .Sitemap p a:active { color: #555; }
					
/*===What's On Update -- Gianni Feb 2010===*/

td {
	border-bottom: 1px solid #ebebeb;
	padding: 10px 0 10px 5px;
}

.date {font-size: 11px; width:95px;}

.datealt {background: #ebebeb;}

/* Calendar Icon Update -- Kevin Jun 2010 */

.calendar {margin-left: 22px; padding-top: 10px;}