body {
background:#fff;
color:#666;
font-family:"trebuchet MS", Arial, "times New Roman", sans-serif;
font-size:14px;
margin:0;
text-align:center;
}

p {
margin:0 0 10px;
padding:0;
}

#wrapper {
margin:0 auto;
text-align:left;
width:1000px;
}

#top2 {
	background:url(../images/logotop.jpg) no-repeat;
	height:135px;
	margin:0;
	padding:0;
	width:1000px;
}

#top2w {
	background-image:url(../images/logotopw.jpg);
	height:135px;
	margin:0;
	padding:0;
	width:1000px;
}

#homelinkimg {
border:0 none;
}

#top2 p,#top2w p {
margin:0 10px 0 0;
padding:6px 20px 0 0;
text-align:right;
}

#top3 {
	background-image:url(../images/logotopindex.jpg);
	height:120px;
}

#top3w {
	background-image:url(../images/logotopindex.jpg);
	height:120px;
}

#top2top p {
	color:#FFF;
	float:left;
	font-size:18px;
	margin:0;
	text-align:left;
	padding-top: 35px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 30px;
}

#top2top p.left {
	color:#FFF;
	float:right;
	font-size:18px;
	margin:0;
	text-align:right;
	padding-top: 35px;
	padding-right: 30px;
	padding-bottom: 0;
	padding-left: 0;
}

#top2top a {
color:#FFF;
text-decoration:none;
}

#top2bot {
clear:both;
display:inline;
float:right;
padding-right:20px;
padding-top:20px;
width:600px;
}

#dark-blue {
background-color:#0E4A86;
height:65px;
margin:10px;
padding:0;
text-align:right;
width:980px;
}

#dark-blue p {
color:#FFF;
font-weight:700;
padding-right:20px;
padding-top:25px;
}

#light-blue {
background-color:#00A7E5;
height:10px;
margin-bottom:10px;
margin-left:10px;
margin-right:10px;
width:980px;
}

#middle-index {
background-image:url(../images/indexback.jpg);
}

#indexleft {
float:left;
margin:0;
padding:0;
text-align:center;
width:480px;
}

#indexright {
float:right;
margin:0;
padding:0;
width:480px;
}

#index1 {
float:left;
font-size:16px;
margin:0;
padding:0;
width:300px;
}

#index2 {
float:right;
font-size:18px;
margin:0;
padding:0;
width:150px;
}

#chooser1 {
color:#666;
float:left;
font-size:16px;
font-weight:400;
margin:0;
padding:0;
width:400px;
}

#chooser1 p {
margin:0;
padding:0 0 10px;
}

#chooser2 {
color:#666;
float:left;
font-size:16px;
margin:0;
padding:0;
width:400px;
}

#chooser2 p {
margin:0;
padding:5px 0;
}

#middleq {
margin:0;
padding:0 0 0 10px;
width:980px;
}

#middleq h4 {
color:#0E4A86;
margin:0;
padding:5px 0 0;
}

.indextext1 {
font-size:27px;
}

.indextext2 {
color:#00A7E5;
font-size:45px;
font-weight:700;
}

.indextext3 {
color:#999;
font-size:45px;
font-weight:700;
}

.indextext2w {
	color:#00A7E5;
	font-size:38px;
	font-weight:700;
}

.indextext3w {
	color:#999;
	font-size:38px;
	font-weight:700;
}

#middle-left {
float:left;
margin-left:20px;
width:460px;
}

#middle-leftm {
float:left;
margin:0;
padding:0;
width:250px;
}

#left-left {
float:left;
font-size:14px;
width:200px;
}

#left-right {
float:left;
width:200px;
}

#middle-right {
float:right;
margin-right:20px;
width:460px;
}

.ul-class {
font-size:16px;
list-style-type:none;
}

.ul-class li a {
color:#069;
text-decoration:none;
}

.ul-class li a:hover {
color:#309;
text-decoration:underline;
}

#middle-rightm {
float:right;
margin:0;
padding:0;
width:720px;
}

#middle-rightm h2 {
color:#0E4A86;
font-size:20px;
margin:0;
padding:0;
}

#question-surround {
background-image:url(../images/qback.png);
background-repeat:no-repeat;
height:30px;
line-height:30px;
margin:0 0 10px;
padding:0;
position:relative;
width:700px;
}

#question-surround label {
font-size:12px;
}

#questionc {
float:left;
height:30px;
line-height:30px;
width:450px;
}

#question_nonjs {
float:left;
height:30px;
line-height:30px;
width:282px;
}

#response {
float:right;
height:30px;
margin:0;
padding:0;
width:330px;
}

#response p {
height:30px;
line-height:30px;
margin:0;
padding:0;
}

#footer {
background-image:url(../images/footer.jpg);
height:175px;
width:1000px;
}

#footer1 {
color:#FFF;
float:left;
font-size:18px;
font-weight:700;
margin-left:40px;
margin-top:100px;
width:400px;
}

#footer2 {
color:#FFF;
float:right;
font-size:18px;
font-weight:700;
margin-right:20px;
margin-top:100px;
width:400px;
}

#footerfoot p {
color:#666;
font-size:12px;
margin:0;
padding:0 30px 0 0;
text-align:right;
}

#footerfoot a {
color:#666;
text-decoration:none;
}

#postcode {
background-image:url(../images/postcodebg.jpg);
height:40px;
line-height:40px;
margin:0;
padding:0;
width:280px;
}

#postcodemap {
background-image:url(../images/mapbutton.jpg);
height:40px;
line-height:40px;
margin:0;
padding:0;
width:280px;
}

#postcodemap a {
color:#666;
font-size:18px;
font-weight:700;
padding-left:20px;
text-decoration:none;
}

#postcodemap a:hover {
color:#F90;
text-decoration:underline;
}

#txt_postcode {
background:url(../images/txtpostcode.jpg) no-repeat;
background-color:transparent;
border:0;
color:#666;
font-size:16px;
font-weight:700;
height:29px;
margin:0;
padding:4px 0 0 10px;
width:194px;
}

#btnGo {
background-color:transparent;
background-image:url(../images/continuebut.jpg);
background-position:center top;
background-repeat:no-repeat;
border:0;
cursor:pointer;
height:27px;
margin:1px 0 0;
padding:0;
text-indent:-1000em;
width:100px;
}
#btnGow{
background:url(../images/buttons/parau.jpg) no-repeat center top;
border:0;
cursor:pointer;
height:27px;
margin:1px 0 0;
padding:0;
text-indent:-1000em;
width:100px;
}
#smsurround {
float:right;
height:118px;
overflow:hidden;
padding:4px 20px 0 4px;
width:130px;
}

#reply {
background:url(../images/reply.png);
float:left;
height:150px;
width:525px;
}

#reply p {
color:#F60;
font-size:20px;
margin:0 10px 0 0;
padding:18px 18px 0 180px;
}

#percentageID {
background-image:url(../images/total.jpg);
background-repeat:no-repeat;
float:right;
height:50px;
line-height:50px;
margin:0;
padding:0 0 5px;
text-align:center;
width:130px;
}

.result_question p {
font-size:12px;
line-height:30px;
margin:0 0 0 10px;
padding:0;
text-align:left;
}

.result-surround {
background-image:url(../images/qback.png);
height:30px;
line-height:30px;
margin:0 0 10px;
padding:0;
position:relative;
width:700px;
}

#result {
float:right;
margin:0 20px 0 0;
padding:0;
width:365px;
}

.user_result {
background-image:url(../images/0.jpg);
background-repeat:no-repeat;
float:left;
height:22px;
margin:4px 0 0;
padding:0;
width:175px;
}

.average_result {
background-image:url(../images/0.jpg);
background-repeat:no-repeat;
float:left;
height:22px;
margin:4px 0 0 15px;
padding:0;
width:175px;
}

.result {
color:#FFF;
font-size:16px;
font-weight:700;
line-height:22px;
margin:0;
padding:0 0 0 15px;
text-align:left;
}

.result a {
color:#FFF;
font-size:14px;
padding-left:5px;
text-decoration:none;
}

#your_result_heading {
float:left;
margin:0;
padding:0 0 0 300px;
width:180px;
}

#average_result_heading {
float:right;
margin:0;
padding:0;
width:230px;
}

#your_result_heading p,#average_result_heading p {
font-size:16px;
line-height:25px;
margin:0;
padding:0;
}

#DataList2 {
width:700px;
}

#DataList2 tr {
background-image:url(../images/qback.png);
background-repeat:no-repeat;
padding-bottom:5px;
}

#DataList2 tr td {
padding-bottom:5px;
}

.value_displayt {
border:0 none;
color:#FFF;
cursor:default;
font-family:"trebuchet MS", verdana, arial, helvetica, sans-serif;
font-size:40px;
font-weight:700;
height:50px;
line-height:50px;
margin:0;
padding:0;
text-align:center;
width:130px;
}

.submitbutton {
padding-left:40px;
}

#meetingcode {
float:right;
margin:0;
padding:100px 0 0;
width:380px;
}

#meetingcode p {
color:#FFF;
margin:0;
padding:0;
}

#ddhold {
color:#0E4A86;
float:right;
margin:0;
padding:4px 10px 0 0;
position:relative;
width:350px;
}

#submissions {
background-image:url(../images/usersubs.jpg);
margin-right:-15px;
padding:0 0 0 15px;
}

#nobg {
background:url();
margin-left:0;
}

#nobg #HyperLinkBrowseResult {
color:#0E4A86;
}

#rightbox {
float:right;
padding:0 50px 0 0;
width:435px;
}

h4.homebox {
background:transparent url(../images/homeboxhead.jpg) no-repeat;
color:#666;
font-family:"trebuchet MS", Tahoma, Verdana, Arial, "times New Roman", sans-serif;
font-size:16px;
line-height:28px;
margin:0;
padding:2px 0 0 10px;
width:425px;
}

h4.homeboxsub {
color:#666;
font-family:"trebuchet MS", Tahoma, Verdana, Arial, "times New Roman", sans-serif;
font-size:16px;
line-height:28px;
margin:0;
padding:0 0 0 10px;
}

.homeboxbot {
background:url(../images/homeboxbot.jpg) no-repeat bottom;
margin:0 0 20px;
width:425px;
}

.homeboxbot p {
margin:0;
padding:0 0 0 15px;
width:360px;
}

.homeboxbot .actionhold {
padding:0 25px 5px 0;
text-align:right;
}

.actionhold {
padding-top:10px !important;
}

.homeboxbot .actionhold a {
color:#0E4A86;
font-weight:700;
text-decoration:none;
}

a {
outline:0 none;
}

#neigh,#neigh1,#butrep,#butrepw {
background:url(../images/buttons/neighbourhoodmaps.jpg);
border:0 none;
display:block;
float:right;
font-size:0;
height:27px;
width:260px;
}
#neigh1{
background:url(../images/buttons/iweldeinmapaucymdogaeth.jpg);
}
#butrep {
background:url(../images/buttons/reports.jpg);
width:118px;
}
#butrepw{
background:url(../images/buttons/caeladroddiadau.jpg);
width:160px;
}

.clear {
clear:both;
}

a.info {
background:url(../images/information.gif);
color:#666;
display:block;
float:right;
height:15px;
margin:-22px 0 0;
text-decoration:none;
width:15px;
}

a.info span {
display:none;
}

a.info span h4 {
font-size:16px;
font-weight:400;
line-height:normal;
margin:0;
padding:0;
}

a.info:hover {
position:relative;
}

a.info:hover span {
background:#FFFAB3;
border:1px solid #E1D000;
bottom:23px;
display:block;
font-size:12px;
left:-214px;
line-height:normal;
padding:10px;
position:absolute;
width:200px;
}

#radios {
padding:0 10px 0 0;
text-align:right;
}

#postCodeErrorMsg em {
background:#FFEBE8;
border:1px solid #DD3C10;
clear:both;
font-style:normal;
left:195px;
padding:10px;
position:absolute;
text-align:left;
top:128px;
width:300px;
}

#postCodeErrorMsg em strong,#lblErrMsg em strong {
color:#C00000;
}

#lblErrMsg em {
background:#FFEBE8;
border:1px solid #DD3C10;
font-style:normal;
left:100px;
padding:10px;
position:absolute;
text-align:left;
top:-110px;
width:300px;
}

#errorhold {
clear:both;
float:left;
margin:0;
padding:0;
position:relative;
width:0;
}

a.nwp-link {
color:#0e4a86;
font-weight:700;
text-decoration:none;
}

#btnEnglish,#btnCymrg {
background-color:#0E4A86;
border-style:none;
color:#FFF;
font-weight:700;
margin:0;
padding:0;
}

#top2top,#index1 p,#footerfoot,form {
margin:0;
padding:0;
}

#top2top a:hover,#left-left a:hover,#left-right a:hover,#footerfoot a:hover,a.nwp-link:hover,#HyperLinkBrowseResult:hover {
text-decoration:underline;
}

#left-left a,#left-right a {
color:#0E4A86;
font-weight:700;
text-decoration:none;
}

#question {
float:left;
height:30px;
line-height:30px;
width:350px;
}

.result_question {
float:left;
height:30px;
line-height:30px;
width:330px;
}

#question p,#questionc p,#question_nonjs p {
font-size:12px;
line-height:30px;
margin:0 0 0 10px;
padding:0;
}

#faqleft {
	float: left;
	width: 450px;
	margin-left: 20px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;

}

#faqright {
	float: right;
	width: 450px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 0px;

}
#faqleft h2, #faqright h2 {
	color:#666666;
	font-size: 20px;
}
#faqleft h3, #faqright h3 {
color:#00A7E5;
}
.ban-left, .ban-right{
	width:225px;
	text-align:center;
	float:left;
}
textarea.bans{
	margin:10px 0;
}
/*.banhold{
	padding:5px;
	margin:5px;
	border:2px solid #0085C6;
}*/