/* CSS Document */

/* ----- HTML STYLES ----- */
/* undo default styling of common (X)HTML browsers */

:link,:visited { text-decoration:none }


ul,ol { list-style:none }

h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,td,tr,th,td
{ margin:0px; padding:0px;  font-family:Arial, Helvetica, sans-serif; border:none; }

a img,:link img,:visited img { border:none; }


address { font-style:normal }
body {background-color: #735A73; font: 0.625em Verdana, Arial sans-serif; margin: 20px 0 0 0px; padding: 0px; text-align:center;}

/*---- Container ----*/

#container {overflow:hidden;width:955px;position:relative;margin: 0px auto 10px auto;text-align:left; background:#A07EA0 url(images/titleBar.gif) no-repeat;}
#containerMin {overflow:hidden;width:955px; height:600px;position:relative;margin: 0px auto 10px auto;text-align:left; background:#A07EA0 url(images/titleBar.gif) no-repeat;}
.orange {color:#F39A00;}
.darkText {color:#28201B; font-weight:normal;}
.link {color:#F39A00; text-decoration:underline;}
	
/*---- Menu ----*/

#menuSpacer {float:left; width:196px; padding-bottom:2000px;margin-bottom:-2000px;}
#menuBar {width:158px;background:#28201B; margin-left:20px;background:#28201B url(images/menuTitle.gif) no-repeat;padding-bottom:2000px;margin-bottom:-2000px;}
#menuBar ul {font-weight:bold; padding-top:162px;}
#menuBar ul li {height:13px;background:#F39A00;margin:7px 0 0 0; }

#menuBar ul li a {height:13px;padding-left:3px;display:block;text-decoration:none; color:#28201B;}
#menuBar ul li a:hover {height:13px;background:#ffffff;color:#F39A00;}
#menuBar ul li a span {color:#28201b;}
#menuBar .current {height:13px;background:#ffffff;color:#F39A00;}

/*---- Title ----*/

#title {float:left;width:757px; height:80px;}
#title a {display:block; width:140px; height: 80px; margin-left:580px;}
#title a span { visibility:hidden; } 

/*---- Content ----*/

#content {float:left; width:757px; height:100%; padding:55px 0 55px 0px;  }
#content h1 {font-size: 1.8em; color:#F39A00; font-weight:normal; padding:0 0 18px 20px; width:335px;}
#content h2 {font-size:1.4em; color:#F39A00; font-weight:bold; padding:10px 0 5px 20px;}
#content h3 {font-size:1.2em; color:#FFFFFF; font-weight:bold; padding:0px 0 5px 20px;}
#content p {font-size: 1.1em; color:#28201B; line-height: 1.8em; padding:0px 0 10px 20px; width:335px; text-align:left;}
#content a {color: #ffffff; font-weight:bold; width:335px;}
.home ul {list-style:disc;font-size: 1.1em; color:#28201B; line-height: 1.8em;margin:0 0 0 25px; padding:10px 0 10px 20px; width:320px;}
.home {background: url(images/picHome.gif) no-repeat; background-position:380px 45px;}
.mapFloat {position:absolute; top: 570px; right:50px; border:1px solid black;}
.hysColumn1 ul {list-style:disc; color:#28201B; margin:0 0 0 10px; padding:0px 0 0px 20px; width:320px; font-weight:bold;}
.quote {font-size:1.4em; font-style:italic; padding:0px 0 0px 20px; width:335px; text-align:justify;}
.quoteName {font-style:italic;  color:#333333; padding:0px 0 10px 20px; width:335px; text-align:right;}

#ads {float:right; width:335px; padding:40px 25px 0 0;}
.smallAd {float:left; padding:25px 25px 0 0;}
.smallAdRight {float:left; padding:25px 0px 0 0;}

/*---- Newsletter ----*/

#newsMenu {position:absolute; top:158px; right:135px; }
#newsMenu ul li {float:left; width:30px;}
#newsletter {float:left; width:615px; height:100%; padding:55px 0 55px 20px; }
#newsletter h1 { color:#FFFFFF; font-size:2.2em; margin:10px 0 10px 0;}
#newsletter h2 {color:#FFFFFF; font-size:1.8em; margin:10px 0 10px 0; width:190px;}
#newsletter h4 {color:#FFFFFF; font-size:1.8em; margin:10px 0 10px 0; width:300px;}
#newsletter h5 {color:#FFFFFF; font-size:1.3em; margin:-5px 0 10px 0; width:400px;}
#newsletter p {float:left;  color:#000000; font-size:1.1em; width:190px; padding-right:15px;}

.next {font-family:Arial, Helvetica, sans-serif; font-size:1.2em; font-weight:bold;  float:right; margin:5px 15px 0 0;}
.next a { color:#ffffff;}
.previous {font-family:Arial, Helvetica, sans-serif; font-size:1.2em; float:left; font-weight:bold; margin-top:5px; }
.previous a { color:#ffffff;}

.news1 a {background:url(images/newsletter_1/page1.gif) no-repeat; display:block; width:26px; height:36px;}
.news1 a:hover {background:url(images/newsletter_1/page1_hover.gif); }
.news1current {background:url(images/newsletter_1/page1_hover.gif) no-repeat; display:block; width:26px; height:36px;}
.news2 a {background:url(images/newsletter_1/page2.gif) no-repeat; display:block; width:26px; height:36px;}
.news2 a:hover {background:url(images/newsletter_1/page2_hover.gif); }
.news2current {background:url(images/newsletter_1/page2_hover.gif) no-repeat; display:block; width:26px; height:36px;}
.news3 a {background:url(images/newsletter_1/page3.gif) no-repeat; display:block; width:26px; height:36px;}
.news3 a:hover {background:url(images/newsletter_1/page3_hover.gif); }
.news3current {background:url(images/newsletter_1/page3_hover.gif) no-repeat; display:block; width:26px; height:36px;}
.news4 a {background:url(images/newsletter_1/page4.gif) no-repeat; display:block; width:26px; height:36px;}
.news4 a:hover {background:url(images/newsletter_1/page4_hover.gif); }
.news4current {background:url(images/newsletter_1/page4_hover.gif) no-repeat; display:block; width:26px; height:36px;}

.newsHighlight001 {
	background-image:url(images/newsletter_2/bg-panel-001.gif);
	background-repeat:no-repeat;
	background-position:center center;	
	margin:10px 0px 10px 0px;
	padding-top:10px;
	width:191px;
	height:100px;
	display:block;
	}
	
.newsHighlight001 strong {display:block; padding: 4px 10px 4px 10px;}
.newsHighlight001 em {font-size:12px; font-style:normal;}

.newsHighlight002 {color:#ffffff; font-size:12px; }
.newsHighlight002 strong {display:block; font-size:14px; padding: 0px 0px 10px 0px;}
.newsHighlight002 ul {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style-type:none; }
.newsHighlight002 li {margin: 0px 0px 0px 0px; padding: 2px 0px 2px 0px;}

.newsHighlight003 {}
.newsHighlight003 table {width:410px; border-bottom: solid 1px #ffffff; margin-bottom:10px;}
.newsHighlight003 th, .newsHighlight003 td {padding:2px 3px 4px 3px; text-align:center;}

.newsHighlight003 th {
	background-color:#F39A00;
	border: solid 1px #ffffff;
	border-bottom:none;
	}
	
.newsHighlight003 td {
	background-color:#FBD8A2;
	border: solid 1px #ffffff;
	border-bottom:none;
	}

.newsHighlight003 td.alignleft {text-align:left;}

.rightColumn {float:right; width:410px;}
.floatList ul {float:left; font-size:1.1em; width:175px; padding:0px 0 0px 15px;margin:0 15px 0 0px; list-style:disc; font-weight:bold;}
.floatList ul li {margin-bottom:5px;}
.floatList2 ul {float:right; font-size:1.1em; width:175px; padding:0px 0 0px 15px;margin:0 15px 0 0px; list-style:disc; font-weight:bold;}
.floatList2 ul li {margin-bottom:5px;}

/*---- Support form ----*/
.support {font-size: 1.1em;background: url(images/supportHolder.gif) no-repeat; background-position:20px 40px;}
.buttonSupport {border:none; width:290px; height:12px; background:url(images/supportButton.gif);float:left;margin:2px 2px 0 0;cursor:pointer; cursor:hand;}


/*---- Register Interest form ----*/
.interest {font-size: 1.1em;background: url(images/interestHolder.gif) no-repeat; background-position:20px 40px;}
.buttonInterest {border:none; width:290px; height:12px; background:url(images/interestButton.gif);float:left;margin:2px 2px 0 0;cursor:pointer; cursor:hand;}


/*---- Have your say form ----*/
.spanRight {width:195px;float:left;margin:0 0 5px 0;}
.hys {font-size: 1.1em;background: url(images/haveYourSayHolder.gif) no-repeat; background-position:20px 40px;}
.workshop {font-size: 1.1em;background: url(images/workshopHolder.gif) no-repeat; background-position:20px 40px;}
.hysColumn1 {display:inline;float:left; width:315px; height:400px; margin:40px 0 0 45px;}
.hysColumn2 {display:inline;float:left; width:305px; height:400px; margin:40px 0 0 35px;}
#address {display:none;}
label { float:left; width:105px; margin:0 0 5px 0; padding:3px 0 0 0; }
.input {float:left; font-size: 1.1em; width:198px; margin:0 0 5px 0;}
textarea {float:left; width:193px; height:200px;}
select {float:left; width:195px;  margin:0 0 5px 0;}
.divider {float:left;height:20px;width:305px;}
.divider2 {float:left;height:5px;width:305px;}
.checkBox {float:left; width:20px; height:16px; margin:0 0 0 -5px; }
.rightLabel {float:left; width:280px; padding:3px 0 0 2px;}
.button {border:none; width:73px; height:12px; background:url(images/submit.gif);float:right;margin:13px 2px 0 0;cursor:pointer; cursor:hand;}
.addressButton {border:none;margin-bottom:5px; width:140px; height:20px; background:url(images/findAddressButton.gif) no-repeat;cursor:pointer; cursor:hand;}
.message { padding-left: 20px; }
.sessionLabel {width:60px; padding-left:5px;}
.white {color:#ffffff;}

#photographs {float:left; width: 580px;  margin:35px 0 0 0px; padding-left:20px;}
#photographs p {font-size: 1.1em; color:#28201B; line-height: 1.8em; padding:10px 0 10px 0px; width:570px;}
.thumbnail {display:inline; margin:5px 10px 5px 0;}

/*---- Registration Form ----*/

#register {margin:0px 0 0 20px; width:300px; height:320px; background:url(images/registerHolder.gif);}
#register p {display:inline; float:left; font-size: 1.1em; width:260px; margin:20px 0 15px 0px;}
#register label {float:left; font-size: 1.1em; width:80px; margin:0 0 5px 20px;}
#register input {float:left; font-size: 1.1em; width:170px; margin:0 0 5px 0;}
#register .button {border:none; width:73px; height:12px; background:url(images/submit.gif);float:right;margin:13px 27px 0 0;cursor:pointer; cursor:hand;}

/*---- Questionnaire 
#questionnaire {font-family:Arial, Helvetica, sans-serif; float:left; width:757px; height:100%; padding:55px 0 55px 0px; }
#questionnaire label {width:300px; font-size:1.1em; margin-left:20px;}
#questionnaire input {margin-bottom:3px;}
.priorityBar {width:440px; height:25px; background:url(images/priorityBar.gif) no-repeat; margin:0 0 3px 20px;}
.questionnaireCheck {margin-left:20px;}
.questionnaireButton {margin:5px 0 0 20px;}
#questionnaire h1 {font-size: 1.8em; color:#F39A00; font-weight:normal; padding:0 0 18px 20px; width:335px;}
#questionnaire h2 {font-size:1.4em; color:#F39A00; font-weight:bold;  padding:10px 0 10px 20px;}
#questionnaire h3 {font-family:Arial, Helvetica, sans-serif; font-size:1.1em; padding:10px 0 0px 20px;}
#questionnaire p {font-size:1.1em; width:440px;padding:0 0 8px 20px; }
#questionnaire .scale {position:absolute; top:300px; right:350px;}
.button2 {margin:10px 0 0 20px;}

.QuestionnaireRadio label { display: none; }
.QuestionnaireRadio input { margin-right: 3px; }

.QuestionnaireError { margin-left: 20px; }
----*/



/*---- Urgent 

#urgent {border:2px solid #28201B; width:707px; margin-left:20px; margin-bottom:30px; background-color:#F39A00; padding-bottom:10px;}
#urgent h1 {width:660px; color:#ffffff;  margin-top:15px; font-weight:bold; padding-bottom:4px; }
#urgent p { float:left; width:310px;  padding-right:20px;}
#urgent .wide {width:660px; clear:both;}
#urgent a {width:330px; float:left;font-size: 1.6em; font-family:Verdana, Arial sans-serif; padding:3px 0 0px 0; font-weight:bold;}
#urgent h4 {padding-left:20px; solid #28201B; margin:0px; padding-bottom:10px;}
.urgentImage {padding:0px; float:left; width:330px; padding-bottom:5px; }----*/

/* ---- THE PLANNING APPLICATION ----*/

#urgent {display:inline; float:left; width:670px;  margin:5px; background-color:#DACDDA; padding:10px; background-image:url(images/urgent.jpg); background-position:top right; background-repeat:no-repeat; }
#urgent h1 {font-size:1.4em; color:#000000; padding-bottom:5px;}
#urgent p {float:left; width:320px;}

.largeTitle {background:url(images/large-title.gif) no-repeat; width:505px; height:29px; margin-bottom:30px;}
.whoTitle {background:url(images/who.gif) no-repeat; width:505px; height:29px; margin-bottom:30px;}
.gridTextFix {display:inline; float:left; width:340px; height:350px; margin:5px;  }
.gridText {display:inline; float:left; width:340px;  margin:5px;  }
.gridTextHighlight {display:inline; float:left; width:310px;  margin:5px; background-color:#DACDDA; padding:15px;  }
.gridAd002 {display:inline; float:left; width:340px; height:110px; margin:5px; background-color:#ffffff;}
.gridAd001 {display:inline; float:left; width:165px; height:110px; margin:5px; background-color:#28201B;}
.gridAd003 {display:inline; float:left; width:145px; height:330px; margin:5px; background-color:#28201B; padding:10px;}
.gridAd004 {display:inline; float:left; width:340px; height:350px; margin:5px; background-color:#ffffff;}
.gridAd005 {display:inline; float:left; width:690px; height:110px; margin:5px; background-color:#ffffff;}
.gridAdDownload {display:inline; float:left; width:333px; height:80px; margin:5px; background:url(images/download.gif);padding:30px 0 0 7px;color:#ffffff;}
.gridAdDownload a {font-size:1.2em; color:#ffffff; line-height:2em; }
.gridAdDownload a {font-size:1.2em; color:#ffffff; text-decoration:underline; }

#grid {float:left; width:700px; height:100%; padding:55px 0 55px 20px;  }
#grid h1.title {font-size:1.4em; color:#28201B; padding:0 0 15px 0px; font-weight:bold; width:340px; line-height:1.4em;}
#grid h2 {font-size:1.4em; color:#000000; padding-bottom:5px;}
#grid p {line-height:1.3em; font-size:1.1em; padding-right:10px; text-align:justify;}
.gridText ul {line-height:1.3em; font-size:1.1em; font-weight:bold; padding:5px 15px 0 0;}
.gridTextHighlight ul {line-height:1.3em; font-size:1.1em;  padding-top:5px;}
.gridText a {color:#ffffff;}
.gridText a:hover {text-decoration:underline;}

.gridList li {list-style-type:square; margin-left:15px; font-weight:normal; padding-bottom:5px;}

.gridAd003 h1 {color:#ffffff; font-size:1.4em; padding-bottom:5px;}
.gridAd003 {color:#ffffff; font-size:1.0em; text-align:left;}
.gridAd003 ul { margin-top:10px;}
.gridAd003 a {color:#ffffff;}
.gridAd003 a:hover {text-decoration:underline; color:#ffffff;}

.planningTitle {background:url(images/large-title2.gif) no-repeat; width:505px; height:29px; margin-bottom:10px;}
.planningMenu {width:700px; float:left; margin-bottom:15px;}
.planningMenu li {float:left; font-size:1.2em; padding-right:10px;}
.planningMenu a {font-size:1.2em; color:#000000;}
.planningMenu a.current {color:#ffffff;}
.planningMenu a:hover {color:#ffffff;}

.accessConsultationTitle {float:left; background:url(images/access-consultation-title.gif) no-repeat; width:603px; height:31px; margin-bottom:30px; }
.accessConsultationText {float:left; width:340px;}
.accessConsultationText p {line-height:1.3em; font-size:1.1em; padding:0 10px 30px 0;}
.accessConsultationText h4 {line-height:1.3em; font-size:1.4em; color:#FFFFFF; font-weight:bold; padding:0 10px 30px 0;}
.accessConsultationImages {float:right; width:340px;}
.accessConsultationImages img {border:0px; margin:0px; padding:0px; float:right;}
.accessConsultationImages h5 {display:inline-block; font-size:1.4em; color:#ffffff; background-color:#735A73; width:316px; font-weight:normal; padding:8px 12px 10px 12px;}
.accessConsultationImages h6 {display:inline-block; font-size:1.2em; line-height:1.3em; color:#000000; background-color:#F39A00; width:316px; font-weight:normal; padding:8px 12px 15px 12px; margin-bottom:3px;}
.accessConsultationImages h3 {  font-size:1.4em; line-height:1.3em; color:#000000; background-color:#F39A00; width:316px; font-weight:bold; padding:12px 12px 0px 12px; }
.accessConsultationText a {color:#000000; text-decoration:underline;}

.figures li {list-style-type:square; margin-left:15px; line-height:1.5em;}