/* CSS Document */
html, body, ul, ol, li, p, h1 , h2, h3, h4, h5, h6, form, fieldset, a, div, img, blockquote
{
	margin: 0px;
	padding: 0px;
	border: 0px;
}

body
{
	font-family: Arial, Helvetica, sans-serif;
	background-color: #E6E6E6;
	background-image: url(/images/common/body-bg.gif);
	background-position: top;
	background-repeat: repeat-x;
}

div#vertical-repeat
{
	display: block;
	float: left;
	width: 100%;
	background-image: url(/images/common/vertical-repeat.gif);
	background-position: center;
	background-repeat: repeat-y;
}

div#vertical-fixed
{
	display: block;
	float: left;
	width: 100%;
	background-image: url(/images/common/vertical-fixed.jpg);
	background-position: center top;
	background-repeat: no-repeat;
}

div#container
{
	position: relative;
	width: 606px;
	margin-left: auto;
	margin-right: auto;
}

div#footer
{
	display: block;
	width: 100%;
	height: 134px;
	background-image: url(/images/common/footer.gif);
	background-position: center bottom;
	background-repeat: no-repeat;
	font-size: 11px;
	color: #FFFFFF;
}

div#footer-container
{
	position: relative;
	width: 606px;
	margin-left: auto;
	margin-right: auto;
}

div#footer-pink
{
	display: block;
	float: left;
	width: 100%;
	height: 92px;
	background-image: url(/images/common/footer-pink.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

div#header
{
	display: block;
	float: left;
	width: 100%;
	height: 144px;
}

div#header ul
{
	display: block;
	float: left;
	width: 606px;
	height: 35px;
	background-image: url(/images/common/primary-bg.gif);
	background-position: top left;
	background-repeat: no-repeat;	
}

div#header ul li
{
	display: inline;
	float: left;
	height: 35px;
	line-height: 35px;
}

div#header ul li a:link,
div#header ul li a:visited
{
	display: inline;
	float: left;
	height: 35px;
	line-height: 35px;
	text-decoration: none;
	color: #FFFFFF;
	font-size: 11px;
	text-align: center;
	background-position: center;
	background-repeat: no-repeat;
	font-weight: bold;
}

body.home div#header ul li#n-home a:link,
body.home div#header ul li#n-home a:visited,
body.why-consult div#header ul li#n-why-consult a:link,
body.why-consult div#header ul li#n-why-consult a:visited,
body.how-we-can-help div#header ul li#n-how-we-can-help a:link,
body.how-we-can-help div#header ul li#n-how-we-can-help a:visited,
body.our-people div#header ul li#n-our-people a:link,
body.our-people div#header ul li#n-our-people a:visited,
body.contact-us div#header ul li#n-contact-us a:link,
body.contact-us div#header ul li#n-contact-us a:visited
{
	background-image:url(/images/common/nav-hover-bg.gif);
}

div#header ul li a:active,
div#header ul li a:hover
{
	background-image:url(/images/common/nav-hover-bg.gif);
}

div#header ul li#n-home a:link,
div#header ul li#n-home a:visited
{
	width: 88px;
}

div#header ul li#n-why-consult a:link,
div#header ul li#n-why-consult a:visited
{
	width: 140px;
}

div#header ul li#n-how-we-can-help a:link,
div#header ul li#n-how-we-can-help a:visited
{
	width: 143px;
}

div#header ul li#n-our-people a:link,
div#header ul li#n-our-people a:visited
{
	width: 143px;
}

div#header ul li#n-contact-us a:link,
div#header ul li#n-contact-us a:visited
{
	width: 85px;
}

div#header h1 a:link,
div#header h1 a:visited
{	
	position: absolute;
	top: 50px;
	left: 125px;
	width:	348px;
    padding: 75px 0px 0px 0px;
    overflow: hidden;
	background-image: url(/images/common/engage-planning-logo.gif);
	background-position: top left;
	background-repeat: no-repeat;
    height: 0px !important;
    height /**/: 75px;
	font-size: 10px;
}

p#contact 
{
	color: #565759;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	padding: 20px 0 20px 0;
}

p#contact span
{
	color: #D30067;
	font-size: 27px;
	font-weight: normal;
}



p.footer-links
{
	color: #52062A;
	text-align: center;
	padding-top: 10px;
	font-weight: bold;
}

p.footer-links a:link,
p.footer-links a:visited
{
	color: #FFFFFF;
	text-decoration: none;
}

p.footer-links a:active,
p.footer-links a:hover
{
	text-decoration: underline;
}

p.copyright
{
	text-align:center;
	padding-top: 4px;
	font-size: 12px;
	font-weight: bold;
	line-height: 17px;
}

p.copyright a:link,
p.copyright a:visited
{
	font-size: 10px;
	text-decoration: none;
	color: #FFFFFF;
}

p.copyright a:active,
p.copyright a:hover
{
	text-decoration: underline;
}

div#image-space
{
	display: block;
	width: 100%;
	padding-bottom: 10px;
}

div#content h1,
div#content h2,
div#content h3,
div#content h4,
div#content h5,
div#content h6
{
	color: #D20166;
	padding-bottom: 10px;
	line-height: 1.6;
}

div#content h1,
div#content h2,
div#content h3
{
	font-weight: normal;
}

div#content h1 {
	font-size: 20px;
}
div#content h2 {
	font-size: 18px;
	border-bottom: 1px solid #D10066;
	margin-bottom: 15px;
}
div#content h3 {
	font-size: 16px;
}
div#content h4 {
	font-size: 14px;
}
div#content h5,
div#content h6 {
	font-size: 12px;
}
div#content p {
	font-size: 12px;
	color: #666666;
	line-height: 1.6;
	padding-bottom: 15px;
}
div#content ul {
	font-size: 12px;
	padding-left: 40px;
	padding-bottom: 20px;
}
div#content ol {
	font-size: 12px;
	padding-left: 40px;
	padding-bottom: 20px;
}

div#content a:link,
div#content a:visited {
	color: #D10066;
	text-decoration: none;
}
div#content a:active,
div#content a:hover {
	text-decoration: underline;
}



.white
{
	color: #565759;
}

.pink
{	
	color: #E13084;
}

div#content li
{	
	color:#E13084; 
}

/* ---------------------------------------------------------------------- wootton microsite */

div#wootton div#header
{
	height: 120px;
}

div#wootton div#header h1
{
	color: #9c4b0d;
	font-weight: normal;
	font-size: 22px;
	text-align: center;
	padding: 10px 0 0 0;
	float: left;
	width: 100%;
}

div#wootton div#header h2
{
	color: #ed7703;
	font-weight: normal;
	font-size: 20px;
	text-align: center;
	float: left;
	width: 100%;
	padding: 0 0 10px 0;
	border-bottom: 1px dashed #DDDDDD;
}

div#wootton div#content h2
{
	color: #ed7703;
	font-weight: normal;
	font-size: 20px;
	border: 0px;
	line-height: 1.4;
	padding-bottom: 0px;
	margin-bottom: 15px;
}

div#wootton div#content a
{
	color: #ed7703;
}

div#wootton div#content a.maplink
{
	border: 1px dashed #CCCCCC;
	padding: 5px 5px 5px 5px;
	display: inline;
	text-align: center;
	float: right;
	text-decoration: none;
	font-size: 12px;
	margin: 0 0 10px 20px;
}

div#wootton img.imageleft
{
	border: 1px dashed #CCCCCC;
	padding: 5px 5px 5px 5px;
	display: inline;
	float: left;
	text-align: center;
	text-decoration: none;
	font-size: 12px;
	margin: 0 20px 10px 0;
}

div#wootton img.imageright
{
	border: 1px dashed #CCCCCC;
	padding: 5px 5px 5px 5px;
	display: inline;
	float: right;
	text-align: center;
	text-decoration: none;
	font-size: 12px;
	margin: 0 0 10px 20px;
}

div#wootton div#content h3
{
	color: #9c4b0d;
	font-weight: normal;
	font-size: 16px;	
}

div#wootton div#header ul 
{
	background-image: url(/images/common/wootton-primary-bg.gif);
}

div#header ul li#n-proposals a:link,
div#header ul li#n-proposals a:visited
{
	width: 130px;
}

div#header ul li#n-consultation-process a:link,
div#header ul li#n-consultation-process a:visited
{
	width: 125px;
}

div#header ul li#n-the-issues a:link,
div#header ul li#n-the-issues a:visited
{
	width: 90px;
}

div#header ul li#n-whos-involved a:link,
div#header ul li#n-whos-involved a:visited
{
	width: 120px;
}

div#header ul li#n-feedback a:link,
div#header ul li#n-feedback a:visited
{
	width: 90px;
}

h1.footer-logo a:link,
h1.footer-logo a:visited
{

	float: left;
	width:	174px;
    padding: 38px 0px 0px 0px;
    overflow: hidden;
	background-image: url(/images/common/small-engage-planning-logo.gif);
	background-position: top left;
	background-repeat: no-repeat;
    height: 0px !important;
    height /**/: 38px;
	font-size: 10px;
	margin: 15px 0 15px 210px;
}

div#wootton div#footer
{
	height: 130px;	
}

div#wootton div#footer-container
{

}

form#wootton-form
{
	padding: 30px 0 40px 95px;
}

form#wootton-form fieldset
{
	border: 1px solid #DDDDDD;
	padding: 10px;
	width: 400px;
}

form#wootton-form fieldset legend
{
	border: 0px solid #CCCCCC;
	margin-left: 2px;
	font-size: 12px;
	color: #666666;
	font-weight: bold;
	padding: 0 5px 0 5px;
}

form#wootton-form label
{
	font-size: 12px;
	color: #666666;
}

form#wootton-form input,
form#wootton-form textarea
{
	margin-bottom: 10px;
}


/* ---------------------------------------------------------------------- holmhurst microsite */

div#holmhurst div#header
{
	height: 170px;
	background:url(/images/holmshurst/holmhurst-logo.gif) left bottom no-repeat;	
	
}

div#holmhurst div#header h1
{
	color: #8cc63f;
	font-weight: normal;
	font-size: 22px;
	text-align: right;
	padding: 10px 20px 0 0;

}

div#holmhurst div#header h2
{
	color: #2e5e53;
	font-weight: normal;
	font-size: 20px;
	text-align: right;

	padding: 0 20px 10px 0;
	/*border-bottom: 1px dashed #DDDDDD;*/
}

div#holmhurst div#content h2
{
	color: #8cc63f;
	font-weight: normal;
	font-size: 20px;
	border: 0px;
	line-height: 1.4;
	padding-bottom: 0px;
	margin-bottom: 15px;
}

div#holmhurst div#content a
{
	color: #2e5e53;
}

div#holmhurst div#content a.maplink
{
	border: 1px dashed #CCCCCC;
	padding: 5px 5px 5px 5px;
	display: inline;
	text-align: center;
	float: right;
	text-decoration: none;
	font-size: 12px;
	margin: 0 0 10px 20px;
}

div#holmhurst div#content #maplink
{
position:relative;
float:left;
width:300px;
	border: 1px dashed #CCCCCC;
	padding: 5px 5px 5px 5px;
	display: inline;
	text-align: center;
	float: right;
	text-decoration: none;
	font-size: 12px;
	margin: 0 0 10px 20px;
}

div#holmhurst img.imageleft
{
	border: 1px dashed #CCCCCC;
	padding: 5px 5px 5px 5px;
	display: inline;
	float: left;
	text-align: center;
	text-decoration: none;
	font-size: 12px;
	margin: 0 20px 10px 0;
}

div#holmhurst img.imageright
{
	border: 1px dashed #CCCCCC;
	padding: 5px 5px 5px 5px;
	display: inline;
	float: right;
	text-align: center;
	text-decoration: none;
	font-size: 12px;
	margin: 0 0 10px 20px;
}

div#holmhurst div#content h3
{
	color: #9c4b0d;
	font-weight: normal;
	font-size: 16px;	
}

div#holmhurst div#header ul 
{
	background-image: url(/images/holmshurst/holmhurst-primary-bg.gif);
}

div#header ul li#n-site a:link,
div#header ul li#n-site a:visited
{
	width: 125px;
}

div#header ul li#n-the-area a:link,
div#header ul li#n-the-area a:visited
{
	width: 110px;
}

div#header ul li#n-the-issues a:link,
div#header ul li#n-the-issues a:visited
{
	width: 120px;
}

div#header ul li#n-the-proposals a:link,
div#header ul li#n-the-proposals a:visited
{
	width: 150px;
}

div#header ul li#n-feedback a:link,
div#header ul li#n-feedback a:visited
{
	width: 100px;
}



h1.footer-logo a:link,
h1.footer-logo a:visited
{

	float: left;
	width:	174px;
    padding: 38px 0px 0px 0px;
    overflow: hidden;
	background-image: url(/images/common/small-engage-planning-logo.gif);
	background-position: top left;
	background-repeat: no-repeat;
    height: 0px !important;
    height /**/: 38px;
	font-size: 10px;
	margin: 15px 0 15px 210px;
}

div#holmhurst div#footer
{
	height: 130px;	
}

div#holmhurst #footer-test
{
	position: relative;
	float:right;
	width: 606px;
	margin-left: auto;
	margin-right: auto;
}

form#holmhurst-form
{
	padding: 30px 0 40px 95px;
}

form#holmhurst-form fieldset
{
	border: 1px solid #DDDDDD;
	padding: 10px;
	width: 400px;
}

form#holmhurst-form fieldset legend
{
	border: 0px solid #CCCCCC;
	margin-left: 2px;
	font-size: 12px;
	color: #666666;
	font-weight: bold;
	padding: 0 5px 0 5px;
}

form#holmhurst-form label
{
	font-size: 12px;
	color: #666666;
}

#holmhurst #content ul li
{
line-height:20px;
	color: #666666;
}

form#holmhurst-form input,
form#holmhurst-form textarea
{
	margin-bottom: 10px;
}

.storyh{
margin-left:10px;
position:relative;
float:left;
width:55px;
height:90px;
font-size:12px;
background:#cccccc;
padding:8px;
font-family:Arial, Helvetica, sans-serif;
}

.storyarea{
margin-left:10px;
position:relative;
float:left;
width:265px;
font-size:10px;
background:#cccccc;
padding:8px;
font-family:Arial, Helvetica, sans-serif;
}


.storyc{
position:relative;
float:left;
height:90px;
width:195px;
border-bottom:1px dashed #cccccc;
font-size:12px;
background:#8cc63f;
text-align:left;
padding:8px;
color:#ffffff;
font-family:Arial, Helvetica, sans-serif;
}

.storyend{
position:relative;
float:left;
height:90px;
width:195px;
font-size:12px;
background:#8cc63f;
text-align:left;
padding:8px;
color:#ffffff;
font-family:Arial, Helvetica, sans-serif;
}

#holmhurst span{
font-size:12px;
}

#holmhurst img a:hover{
text-decoration:none;
}

.application #holmhurst #content ul li{
border-bottom:1px solid #ccc;
list-style-type:none;
padding-top:10px;
padding-bottom:10px;
}

.application #holmhurst #content ul li a{
display:block;
background:url(/holmhurst/downloads/planning-application/pdf.jpg) no-repeat left;
height:25px;
color:#000;
}

.application #holmhurst #content ul li a:hover{
text-decoration:none;
color:#8CC63F;
}


.application #holmhurst #content ul li a span{
margin-left:30px;
}



form#contact-form
{
	padding: 0px 0 10px 0px;
}

form#contact-form fieldset
{
	border: 1px solid #DDDDDD;
	padding: 10px;
	width: 400px;
}

form#contact-form fieldset legend
{
	border: 0px solid #CCCCCC;
	margin-left: 2px;
	font-size: 12px;
	color: #666666;
	font-weight: bold;
	padding: 0 5px 0 5px;
}

form#contact-form label,form#contact-form span
{
	font-size: 12px;
	color: #666666;
}