/* every page - layout *****************************************/
body {background-image: url(bgblue.gif); 
	  background-repeat: repeat;
	  font-family:Arial, Helvetica, sans-serif;
	font-size:small;
}

#container {
	border: 1px solid #000000;
	margin-right: auto; 
	margin-left: auto;
	background-color:#FFFFFF;
	height:auto;
	width: 750px;
	overflow: hidden;
}


#crest {width:100px;
		height:136px;
		float:left;}

#top {
	margin-right: auto; margin-left: auto;

	background-color:#ffffff;
	background: url(waves2.png) no-repeat right bottom;

	height: auto; /* ie5win fudge begins */
	}
html>body #top {
	height: 136px; /* ie5win fudge ends */
	width: 750px
	}
#where {width: 716px;
		height: 25px;
		line-height: 25px;
		padding: 0px 17px;
		border-right: none;
		border-top: 1px solid #000000;
		border-bottom: 1px  solid #000000;
		border-left: none;
		background:#6699CC;
		font-size: 120%;
		vertical-align: middle;
		display: block;
}

#access { display:block;
		float: right;
		height: 25px;
	
}

#left {
	top: 120px;
	left: 0px;
	margin: 20px 0px 0px 0px;
	background: #FFFFFF;
	width: 150px; /* ie5win fudge begins */
	}
html>body #left {
	width: 159px; /* ie5win fudge ends */
	height: auto
	}

#right {
	position:static;
	top: 120px;
	right: 0px; /* Opera5.02 will show a space 
	at right when there is no scroll bar */
	float:right;
	border-left: #000000 1px solid;
	background: #ffffff;
	padding:10px
	}
html>body #right {
	width: 580px; /* ie5win fudge ends */
	height: inherit;
	}
	
	
#right1 {
	position:static;
	top: 120px;
	right: 0px; /* Opera5.02 will show a space 
	at right when there is no scroll bar */
	float:right;
	border: 1px solid #000000;
	background: #ffffff;
	padding:5px
	}
html>body #right {
	width: 569px; /* ie5win fudge ends */
	height:auto;
	}
	
#imageright{ float: right;
			width: 182px;
			height:auto;
			margin-left: 5px;
}	

#imagerightbloom{ float: right;
			width: 120px;
			height:auto;
			margin-left: 5px;
}	

#imgborder { margin-bottom: 1px;
}
	
#title {margin-left:auto;
		margin-right:auto;
}

#bar {bottom: 0px;
	  left: 0px;
}


hr {color:#0099CC;
	background-color:#0099CC;

}

.logo { float:right;
		vertical-align: text-bottom;
}

#townforce {float:left;
}

#imgtf {float: left; 
		vertical-align:text-top;
		margin-right: 10px;
}
#imgtfright {float: right; 
		vertical-align:text-top;
		margin-left: 10px;
}

#tfcontainer {
			width: 95%;
			height: auto;
			margin-top: 10px;
			margin-bottom: 10px;
			margin-left:auto;
			margin-right:auto;
}

#tfcontainer1 {width: 95%;
			height: 150px;
			margin-top: 20px;
			margin-left:auto;
			margin-right:auto;
}

#tftextcon {width: 95%;
			height: auto;
			margin-top: 20px;
			margin-left:auto;
			margin-right:auto;
}

#sponsorcon {width: 460px;
			height: 113px;
			margin-left:auto;
			margin-right:auto;
}

.noprint {
	display : none;
}


a, a:visited {color:#000;} 

#where a:link,#where a:visited,#where ul li a:active { 
	color: #000000;  
	text-decoration: underline;
}

#where a:hover { color:#ffffff;
}



a.wardlink:link, a.wardlink:visited, a.wardlink:active { text-decoration:none;
}

a.wardlink:hover { text-decoration: underline;
}

/*Councillor pages ******************************************/
img#council {display:block;
			margin-left:auto;
			margin-right:auto;
}

.councillor {margin-bottom: 10px;
			border-bottom: 1px solid #000000;
			width: 90%;
			height: 188px;
			margin-left:auto;
			margin-right:auto;
			vertical-align:text-top;
}

.councillor img {float:left;
vertical-align:top;
margin-right:10px;
}

.councillorphoto {float:left;
				vertical-align:top;
				 margin-right: 10px;
				
}



/* ward page - turquoise table *******************************/
#gridbox {margin-left:auto;
		  margin-right:auto;
		  width: 500px;
}

/* table grid */
DIV.table-row {
  background: #CCFFFF; border: solid #000000 1px; color: #000000;
  margin-top: 0; 
  margin-right: auto; 
  margin-bottom: 0; 
  margin-left: auto;
  padding: 0; 
  text-align: center; 
  width: 500px;
}

/* Style rules for the 3 x 2 table example */

DIV.left-container2 {
  border-right: 1px solid #000000; 
  margin: 0;
  padding: 0;
  float: left;  
  width: 249px;
}

DIV.right-container2 {
  border-left: 1px solid #000000; 
  float: right; 
  margin: 0; 
  padding: 0; 
  width: 249px;
}

/* Watch out for this DIV... rule, it appears every now and then */

DIV.space-line {
  clear: both; margin: 0; padding: 0; width: auto;
}

/*Defining text *************************************************************************/

#bold{
}
#right h2 {font-family:Arial, Helvetica, sans-serif;
			font-size:large;
			text-align: center;
}

#councillor {font-size:small;
}

#smallheading {font-size:medium;
			   font-weight:bold;
			   text-align:center;
			   text-decoration: underline;
}

#smallleftheading {font-size:medium;
			   font-weight:bold;
			   text-decoration: underline;
}

#textheading { font-weight:bold;
			   text-align:center;
			   text-decoration: underline;
}

#returntop {font-size:small;
			text-align: center;
}

.centretext { text-align:center;
}

#leftheading {font-weight:bold;
			  font-size: medium;
}

#inheading {font-weight: bold;
			color: #003300;
}

span.red { color:#CC0000;
}

span.purple { color: #660099;
}

/*Events text*/
 

.eventdate { font-size: 120%;
			color:#003399;
}

a.eventlink:link, a.eventlink:visited, a.eventlink:active { color: #003399;
															font-size: 150%;
															text-decoration:none;
}

a.eventlink:hover { color: #000000;
}

/**************************************************
Table design
***************************************************/
table.comm {

	margin-left:auto;
	margin-right:auto;
	border-width: 1px;
	border-spacing: 2px;
	border-style: none;
	border-color: black;
	border-collapse: collapse;
	background-color: white;
	width:60%;
}
table.comm th {
	border-style:none;
	border-width: 1px;
	padding: 3px;
	border-color: black;
	background-color: white;

}
table.comm td {
	border-style:none;
	border-width: 1px;
	padding: 3px;
	border-color: black;
	background-color: white;

}

caption {

text-decoration:underline;

}

/*Election Table design*/

table.elect {
	margin-left:auto;
	margin-right:auto;
	border-width: 1px;
	border-spacing: 2px;
	border-style: outset;
	border-color: black;
	border-collapse: collapse;
	background-color: white;
	width:90%;
}
table.elect th {
	border-style:inset;
	border-width: 1px;
	padding: 3px;
	border-color: black;
	background-color: white;

}
table.elect td {
	border-style:inset;
	border-width: 1px;
	padding: 3px;
	border-color: black;
	background-color: white;

}

#winnercon{ background-color:#00CCFF;
}

#winnerlib {
	background-color:#FF6;
	font-style: bold;
}

#winnerinde { background-color:#CCCCCC;
}

#winnerlab {
	background-color:#F33
}

.centreimage { width:150px;
				margin-left:auto;
				margin-right:auto;
}
/*############################################################

Cornered divs

#############################################################*/

.boxh,.boxhh,.boxp{margin: 0 10px}
.boxh{font-size: 100%;color: #000}
.boxhh{font-size: 100%;color: #f0f0f0}
.boxp{padding-bottom:1em}
.boxhh{
	padding-top: 0.3em;
	color: #000;
}
div#nifty{ margin: 0 10%;background: #9BD1FA}


div#nifty{ margin: 0 10%;background: #9BD1FA}

b.rtop, b.rbottom{display:block;background: #FFF}
b.rtop b, b.rbottom b{display:block;height: 1px;
    overflow: hidden; background: #9BD1FA}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}


#case {width: 300px;
}

#case1 {width: 300px;
		float: right;
		
}




/*######################################
Menu Elements
######################################
*/
#menu {
	float:left;
	width:160px;
	height: inherit;
	border-right: none;
}

#menu ul {
	list-style:				none;
	margin:					0px;
	padding:				0px;
}

#menu ul li {
	margin:					0px;
	padding:				0px;	
	margin-bottom: 			1px;		
}

#menu ul li a:link,#menu ul li a:visited,#menu ul li a:active { 
	display:				block;
	width:					141px;
	padding-top: 			3px;
	padding-bottom: 		3px;
	padding-left:			4px;
	background-color:		#6699cc;
	border-left: 			14px solid #003366;
	color: 					#FFFFFF;  
	text-decoration:		none;
	font-size:				120%;
	font-family:Arial, Helvetica, sans-serif;
}

#menu ul li a:hover  {
	color: 					#FFFFFF;
	background-color:		#336699;
	width:					141px;
}
/*
######################################
Sub Menu Elements
######################################
*/

#menu ul li ul li {
	margin:					0px;
	padding:				0px;
	/* Stupid IE Bug fix! */	
	display: 				inline; 	
}

#menu li ul li a:link,#menu li ul li a:visited,#menu li ul li a:active { 
	margin-top:				1px;
	border-left: 			14px solid #003366;
	color: 					#000000;
	font-size:				100%; 
	text-decoration:		none;
	background-color:		#c6deff;
	width:					141px;	
	font-weight:			normal;
}

#menu li ul li a:hover  {
	width:					141px;
	background-color:		#728FCE;
	border-left: 			14px solid #003366;
}


/* 
######################################
Sub Sub-menus 
######################################
testing class menus
*/

#menu ul li ul li ul li{
	margin:					0px;
	padding:				0px;
	/* Stupid IE Bug fix! */	
	display: 				inline; 	

}

#menu li ul li ul li a:link,#menu li ul li ul li a:visited,#menu li ul li ul li a:active { 
	margin-top:				1px;
	border-left: 			14px solid #003366;
	color: 					#000000;
	font-size:				100%; 
	text-decoration:		none;
	background-color:		#E3E4FA;
	width:					141px;	
	font-weight:			normal;
}

#menu li ul li ul li a:hover  {
	width:					141px;
	background-color:		#728FCE;
	border-left: 			14px solid #003366;

}




/* 	
######################################
Menu Selected Sub Elements
######################################
*/
.selectedSubItem a:link,.selectedSubItem a:visited,.selectedSubItem a:active {
	text-decoration:		none;
	display:				block;
	padding-top: 			3px;
	padding-bottom: 		3px;
	padding-left:			4px;
	background-color:		#9EB6D0 !important;
	border-left: 			3px solid #9EB6D0 !important;
	color: 					#FFFFFF;  	
	width:					152px !important;
}

.selectedSubItem a:hover  {
	color: 					#31319B;
	width:					136px;
	background-color:		#9EB6D0;
	border-left: 			10px solid #9EB6D0;	
}