html, body, div, p {
	font-family:  Arial, sans-serif; 
	color: #000;
}
body { 
	text-align:center;
	padding:0px;
	margin:0px;
	height:100%; /* needed for container min-height */
	background: #a8c3df url(images/bg-gradient.jpg) repeat-x;
}
img {
	border:0;
	padding:0;
	margin:0;
}



/* styles */



p {
	font-size:11pt;
	text-align:justify;
	margin:0;
	padding:0;
	border:0;
	margin-bottom:19px;
	font-weight:normal;
}
.p {
	font-size:11pt;
	text-align:justify;
	margin:0;
	padding:0;
	border:0;
	margin-bottom:19px;
	font-weight:normal;
}
.p-bold-r {
	font-size:11pt;
	text-align:justify;
	margin:0;
	padding:0;
	border:0;
	margin-bottom:19px;
	font-weight:bold;
	color:#900;
}
.b-r {
	font-weight:bold;
	color:#900;
}
.r {
	color:#900;
	font-weight:normal;
}

.p-bold-m {
	font-size:14pt;
	text-align:left;
	margin:0;
	padding:0;
	border:0;
	margin-bottom:19px;
	font-weight:normal;
	color:#333;
}
.p-contact-l {
	font-size:12pt;
	margin:0;
	padding:0;
	border:0;
	padding-left:50px;
	padding-bottom:25px;
	padding-top:19px;
	text-align:left;
	font-weight:normal;
}
.p-tel {
	margin:0;
	padding:0;
	border:0;
	padding-left:50px;
	font-weight:normal;
	padding-bottom:25px;
	font-size:15pt;
	
}
.p-email {
	margin:0;
	padding:0;
	border:0;
	padding-left:50px;
	font-weight:normal;
	padding-bottom:25px;
	font-size:12pt;
}
.p-email a {
	color:#356797;
	font-weight:normal;
}


.p-blue-m {
	font-size:13pt;
	text-align:justify;
	margin:0;
	padding:0;
	border:0;
	margin-bottom:19px;
	font-weight:normal;
	color:#356797;
}

.heading {
	margin:0;
	padding:0;
	border:0;
	color:#900;
	font-size:16pt;
	margin-bottom:10px;
	text-align:left;
	font-weight:normal;
}

/* list */

.home-list {
	list-style-type:disc;
	color:#356797;
	font-weight:normal;
	font-size:11pt;
	text-align:left;
	margin:0;
	padding:0;
	padding-left:20px;
	border:0;
}
.home-list a {
	color:#356797;
	text-decoration:none;
	
}
.home-list a:hover {
	color:navy;
	text-decoration:underline;
}
/* dd lists */

dl {
	text-align:left;
	margin:0;
	padding:0;
	border:0;
}
dl dt {
	margin:0;
	border:0;
	padding:0;
	margin-bottom:10px;
	text-decoration:underline;
	color:#356797;
}
.dt-heading {
	font-weight:normal;
	font-size:12pt;
}
dl dd {
	margin-bottom:30px;
	
}
dl dd p {
	margin:0;
	border:0;
	padding:0;
	margin-bottom:10px;
}
.around-townhall {
	margin-left:60px;
}




/* the overall container for the page */


#container {
	width:980px;
	min-height:100%;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treated as min-height*/
	margin:0;	
	margin-left:auto;
	margin-right:auto;
	padding:0px;
	border:0;
	background-color:#fff;
	border-left:1px solid #999;
	border-right:1px solid #999;
	position:relative;	/* needed for fotter positioning*/
}
#masthead {
	position:absolute;
	top:0px;
	left:0px;
	width:980px;
	height:315px;
	border:0;
	margin:0;
	padding:0;
	z-index:3;
}
		#masthead #header-grad {
			position:absolute;
			top:0px;
			left:0px;
			width:980px;
			height:115px;
			border:0;
			margin:0;
			padding:0;
			background: url(images/header-gradient.jpg) repeat-x;
			z-index:4;
		}
		
		#masthead #header-grad #access-wills {
			position:absolute;
			top:0px;
			left:0px;
			width:320px;
			height:115px;
			border:0;
			margin:0;
			padding:0;
			background: url(images/access-wills.jpg) no-repeat;
			text-indent:-10000px;
			overflow:hidden;
			z-index:5;
		}
		
		#masthead #header-grad #your-will {
			position:absolute;
			top:65px;
			left:327px;
			width:498px;
			height:115px;
			border:0;
			margin:0;
			padding:0;
			background: url(images/your-will.jpg) no-repeat;
			z-index:6;
		}
		
		#masthead #rotate {
			position:absolute;
			top:115px;
			left:0px;
			width:980px;
			height:198px;
			margin:0;
			padding:0;
			border:0;
			z-index:7;
		}
		
		
/* Navigation */

#navigation {
	position:absolute;
	top:313px;
	left:0px;
	width:980px;
	height:42px;
	border:0px;
	margin:0px;
	padding:0px;
	background: #c5e5fa url(images/nav-repeat.jpg) repeat-x;
	z-index:8;
}
#menu {	
	padding:0em;
	margin: 0em;
	color:#333;
	font-family: arial, helvetica, sans-serif;
	list-style-type:none;
	vertical-align: middle;
	text-align:left;	
}
#menu li {
	display:inline;
	height:22px;

}
.main-menu {
	display:inline;
	padding: 11px 50px;
	margin-left: 0em;
	margin-right: 0em;
	color:#333;
	text-decoration:none;
	float:left;
	height:22px;
	border-right:0px solid #fff;
	font-size:12pt;
	background-image: url(images/nav-divide.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px; 
}
.main-menu:hover {
	color:#085b8b;
}
.current-page {
	color:#085b8b;
}
.first-page {
	background-image: url(images/nav-repeat.jpg);
	background-repeat: no-repeat;
	background-position:0px 0px;
}

#content-top {
	position:absolute;
	top:355px;
	left:0px;
	height:64px;
	width:980px;
	background: url(images/top-content.jpg) repeat-x;
	z-index:3;
}
#content-bottom {
	position:absolute;
	bottom:40px;
	left:0px;
	height:84px;
	width:980px;
	background: url(images/bottom-content.jpg) repeat-x;
	z-index:3;
}
#colchester-will-writer {
	position:absolute;
	bottom:40px;
	right:0px;
	height:573px;
	width:705px;
	background: url(images/colchester-will-writer.jpg) no-repeat;
	z-index:4;
}
#access-wills-colchester {
	position:absolute;
	bottom:40px;
	left:0px;
	height:1107px;
	width:420px;
	background: url(images/access-wiils-colchester4.jpg) no-repeat;
	z-index:4;
}



#scales-justice {
	position:absolute;
	bottom:40px;
	right:50px;
	height:380px;
	width:351px;
	background: url(images/scales-justice.jpg) no-repeat;
	z-index:4;
}


#content {
	padding-top:397px;
}
#content #text {
	position:relative;
	top:0px;
	left:0px;
	padding-top:0px;
	padding-left:232px;
	padding-right:50px;
	padding-bottom:100px;
	z-index:10;
}
#left-column {
	position:absolute;
	top:385px;
	left:0px;
	padding:0px;
	width:232px;
	height:158px;
	z-index:10;
	text-align:center;
}
#left-column p {
	font-size:9pt;
	margin-left:25px;
	margin-right:25px;
	text-align:left;
	font-weight:bold;
}
#left-column .contacts {
	font-size:13pt;
	color:#333;
	text-align:center;
}
#left-column .email {
	padding-top:10px;
	font-size:11pt;
	color:#333;
	text-decoration:none;
}
#left-column .email:hover {
	text-decoration:underline;
	color:#333;
}
.border {
	border:1px solid #ccc;
}
.around-hall {
	padding-left:170px;
}
#footer {
	position:absolute;
	bottom:0px;
	left:0px;
	width:980px;
	height:40px;
	margin:0;
	padding:0;
	border:0;
	background-color:#7fa1c6;
}
#footer p {
	margin:0;
	padding:0;
	border:0;
	margin-top:10px;
	margin-left:10px;
	color:#fff;
	font-size:10pt;
}
#footer #useful {
	position:absolute;
	top:0px;
	right:0px;
	text-indent:-10000px;
	overflow:hidden;
	height:auto;
	width:auto;
	margin:0;
	padding:0;
}
#footer #useful p {
	font-size:10pt;
}
#useful-resources {
	}
#useful-resources p {
	font-size:10pt;
}
#useful-resources a {
	color:#333;
	text-decoration:none;
}
#useful-resources a:hover {
	color:#333;
	text-decoration:underline;
}