body, html{
	padding:0px;
	margin:0px;
	background: #666666;
}
*{
	font-family:Tahoma,Geneva,sans-serif;
	font-size:12px;	
}
a{	
	color: #000000;
}
	a:hover{
		text-decoration:none;
	}
	a img{
		border: 0px;
	}
p{
	margin: 10px 0px 10px 0px;
}
.clear{
	clear:both !important;
	float: none !important;
	margin:0px !important;
	padding:0px !important;
}
.alert{
	color: #FF0000 !important;	
}



/*////////////////////////////////////////// BANNERS AND FRAME ////////////////////////////////////////////*/


#pageWrapper{
	width: 970px;
	margin: 20px auto;
}
	#pageWrapper #page{
		width: 970px;
		background: #FFFFFF url('../Images/pageBackground-bottom.jpg') no-repeat left bottom;
		padding: 0px 0px 10px 0px;
	}
		#pageWrapper #page #banner{
			background: #FFFFFF url('../Images/cityPrimaryHeadsLogo.jpg') no-repeat 10px 20px;
			height: 87px;
		}
			#pageWrapper #page #banner #banner-top{
				background: url('../Images/pageBackground-top.jpg') no-repeat left top;
				width: 970px;
				height: 26px;
				position:relative;
			}
				#pageWrapper #page #banner #banner-top a.homeBt{
					display: block;
					position: absolute;
					top: 0px;
					left:212px;
					background: url('../Images/menuBgs/home.jpg') no-repeat;
					width: 110px;
					height: 23px;
					color: #FFFFFF;
					text-decoration:none;
					padding: 4px 0px 0px 13px;
				}
				#pageWrapper #page #banner #banner-top form{
					margin: 0px;
					padding: 2px 0px 0px 0px;
					height: 24px;
					width: 544px;
					background: #3A3A3C;
					color: #FFFFFF;
					position: absolute;
					top: 0px;
					left:426px;
				}
					#pageWrapper #page #banner #banner-top form *{
						font-size: 11px;
					}
					#pageWrapper #page #banner #banner-top form fieldset{
						margin: 0px;
						padding: 0px;
						border: none;
					}
						#pageWrapper #page #banner #banner-top form fieldset span{
							margin: 0px 15px 0px 8px;
							_margin: 0px 10px 0px 8px;
							padding: 3px 0px 0px 0px;
							float: left;
							width: 35px;
							display:block;
							color: #FFFFFF;
							font-size: 11px;
						}
						#pageWrapper #page #banner #banner-top form fieldset a{
							margin: 0px 0px 0px 0px;
							padding: 3px 0px 0px 0px;
							float: left;
							width: 100px;
							display:block;
							color: #FFFFFF;
						}
						#pageWrapper #page #banner #banner-top form fieldset a.logout{
							float:right;
							display:block;
							width: 40px;
							background: url('../Images/arrow-WhiteOnGrey.jpg') no-repeat center right;
							padding: 3px 20px 0px 0px;
							margin: 0px 10px 0px 0px;
							text-decoration:none;
						}
						#pageWrapper #page #banner #banner-top form fieldset label{
							color: #FFFFFF;
							float: left;
							width: 60px;
							display:block;
							padding: 3px 0px 0px 0px;
							margin: 0px 3px 0px 6px;
							text-align:right;
						}
						#pageWrapper #page #banner #banner-top form fieldset input.text{
							color: #000000;
							float: left;
							height: 18px;
							border: solid 1px #999999;
							width: 104px;
							display:block;
						}
						#pageWrapper #page #banner #banner-top form fieldset input.submit{
							padding: 3px 0px 0px 5px;
						}

			#pageWrapper #page #banner div.menuWrapper{
				background-color: #3A3A3C;
				margin: 6px 0px 0px 207px;
			}
			#pageWrapper.deputies #page #banner div.menuWrapper{
				background-color: #92278F;
			}
			#pageWrapper.consultation #page #banner div.menuWrapper{
				background-color: #139082;
			}
			#pageWrapper.questionnaire #page #banner div.menuWrapper{
				background-color: #139082;
			}
			#pageWrapper.newsletters #page #banner div.menuWrapper{
				background-color: #0877BC;
			}
			#pageWrapper.head-2-head #page #banner div.menuWrapper{
				background-color: #552E87;
			}
			#pageWrapper.library #page #banner div.menuWrapper{
				background-color: #9A1C1F;
			}
			#pageWrapper.school-directory #page #banner div.menuWrapper{
				background-color: #D44B27;
			}
			#pageWrapper.events #page #banner div.menuWrapper{
				background-color: #272262;
			}
				#pageWrapper #page #banner div.menuWrapper ul.menu1{
					margin: 0px;
					padding: 0px;
					list-style-type:none;
					height:44px;
					width: 763px;
				}	
					#pageWrapper #page #banner div.menuWrapper ul.menu1 li{
						margin: 0px;
						padding: 0px;
						display: block;
						float:left;
					}		
						#pageWrapper #page #banner div.menuWrapper ul.menu1 li a{
							background: url('../Images/menuBgs/pink.jpg') no-repeat;
							display: block;
							width: 98px;
							height: 16px;
							color: #FFFFFF;
							text-decoration:none;
							padding: 15px 0px 0px 11px;
						}
							#pageWrapper #page #banner div.menuWrapper ul.menu1 li a#home{
								display:none;
							}		
							#pageWrapper #page #banner div.menuWrapper ul.menu1 li a#deputies{
								background: url('../Images/menuBgs/pink.jpg') no-repeat;
							}		
							#pageWrapper #page #banner div.menuWrapper ul.menu1 li a#consultation{
								background: url('../Images/menuBgs/green.jpg') no-repeat;
							}		
							#pageWrapper #page #banner div.menuWrapper ul.menu1 li a#questionnaire{
								background: url('../Images/menuBgs/green.jpg') no-repeat;
							}		
							#pageWrapper #page #banner div.menuWrapper ul.menu1 li a#newsletters{
								background: url('../Images/menuBgs/blue.jpg') no-repeat;
							}		
							#pageWrapper #page #banner div.menuWrapper ul.menu1 li a#head_2_head{
								background: url('../Images/menuBgs/purple.jpg') no-repeat;
							}		
							#pageWrapper #page #banner div.menuWrapper ul.menu1 li a#library{
								background: url('../Images/menuBgs/red.jpg') no-repeat;
							}		
							#pageWrapper #page #banner div.menuWrapper ul.menu1 li a#school_directory{
								background: url('../Images/menuBgs/orange.jpg') no-repeat;
								padding-left:3px;
								width: 106px;
							}		
							#pageWrapper #page #banner div.menuWrapper ul.menu1 li a#events{
								background: url('../Images/menuBgs/navy.jpg') no-repeat;
							}


		#pageWrapper #page .contentWrapper{
			padding: 18px 12px 0px 12px;
		}
		
	#pageWrapper div.footer {
		margin: 7px 0px 0px 0px;
		text-align:right;
		width: 100%;
		color: #FFFFFF;
	}
		#pageWrapper div.footer a{
			color: #FFFFFF;
			text-decoration:none;
			padding: 0px 0px 0px 10px;
		}
		
		

/*////////////////////////////////////////// 2 COLUMN ////////////////////////////////////////////*/
#pageWrapper h2.fullWidth{
	width: 899px;
	height: 25px;
	padding: 10px 0px 0px 17px;
	margin: 0px 0px 0px 10px;
	color: #FFFFFF;
	font-weight:bold;
	background: url('../Images/headingBackground.jpg') no-repeat;
}
	#pageWrapper.library h2.fullWidth{
		background: url('../Images/library/headingBackground.jpg') no-repeat;
	}
	#pageWrapper.consultation h2.fullWidth{
		background: url('../Images/consultation/headingBackground.jpg') no-repeat;
	}
	#pageWrapper.school-directory h2.fullWidth{
		background: url('../Images/schoolDirectory/headingBackground.jpg') no-repeat;
	}
	#pageWrapper.deputies h2.fullWidth{
		background: url('../Images/deputies/headingBackground.jpg') no-repeat;
	}
	#pageWrapper.head-2-head h2.fullWidth{
		background: url('../Images/head2head/headingBackground.jpg') no-repeat;
	}
	div.fullWidth .arrowBt_179{
		display:block;
		width: 164px;
		height: 25px;
		padding: 10px 0px 0px 15px;
		background: url('../Images/buttonWithArrowBackground_179.jpg') no-repeat;
		color: #FFFFFF;
		font-weight:bold;
		text-decoration:none;
		float: right;
		margin: 20px 0px 0px 0px;
	}
#pageWrapper div.twoCol_leftCol{
	width: 453px;
	padding: 0px 15px 0px 0px;
	margin: 0px 0px 0px 10px;
	float:left;
	text-align:justify;
}
#pageWrapper div.twoCol_rightCol{
	width: 446px;
	padding: 0px 0px 0px 0px;
	float:left;
	text-align:justify;
}
	#pageWrapper div.fullWidth{
		width: 916px;
		text-align:justify;
		margin: 0px 0px 0px 10px;
	}
	#pageWrapper div.fullWidth table{
		text-align:left;
		border-collapse:collapse;
	}
		#pageWrapper div.fullWidth table thead td{
			font-weight:bold;
		}
		#pageWrapper div.fullWidth table td{
			border: solid 1px #ACACAC;
			padding: 2px 3px 2px 3px;
			vertical-align:top;
		}
		#pageWrapper div.fullWidth table td p{
			padding: 0px ;
			margin:0px;
		}
		
div.date{
	display:block;
	padding:5.5px;
	margin-left:25px;
}