/* @override http://www.demonstratingsuccess.co.uk/wp-content/themes/layers.1.1.1/layers/style.css */


/*******************************
********************************
Global element selectors
********************************
*******************************/

html{color:#5d5d57;margin:0px;
	padding:0px;
	width: 100%;
	height: 100%;}
a{
	color:#135285;
	text-decoration:none;
}
a:hover{color:#135285; text-decoration:underline;}
abbr,acronym{border-bottom:1px dotted #5d5d57;font-variant:normal;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
blockquote{border:1px solid #5d5d57;background: 5px 5px url(images/quotes.jpg) #252525 no-repeat;}
body{
	font:12px/1.231 tahoma, Helvetica, sans-serif;
*font-size:small;*font:x-small; 	
background-image: url(images/bg.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	text-align:center;
	margin:0px;
	padding:0px;
	background-color: #d6f0fd;
}
body{color:#5d5d57;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
caption,th{text-align:left;}
code{border:0px solid #cccccc;padding:10px;margin:10px 0px;display:block;background:#edf2f6;}
div{position:relative;}
div.message{float:left;width:49%;padding:2px;text-align:center;position:relative;}
div.message textarea{border:0px solid #C8A767;width:90%;color:#f3ecdb;background:#edf2f6 none repeat scroll 0% 0%;height:107px;}
em{font-style:italic;}
fieldset,img{border:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
h1{color:#5d5d57;font-size:150%;}
h2{color:#5d5d57;font-size:130%;}
h3{color:#5d5d57;font-size:110%;}
img.alignright,img.alignleft{margin:10px 20px;padding:4px;display:inline;}
input,textarea,select{font:inherit inherit inherit;}
/*to enable resizing for IE*/
input,textarea,select{*font-size:100%;}
/*because legend doesn't inherit in IE */
legend{color:#000;}
li{list-style:none;}
ol.comments a{color:#E13768;}
pre,code,kbd,samp,tt{font-family:tahoma, Helvetica, sans-serif;line-height:100%;*font-size:108%;}
q:before,q:after{content:'';}
sub{vertical-align:text-bottom;}
sup{vertical-align:text-top;}
table{border-collapse:collapse;border-spacing:0;}
table{font-size:inherit;font:100%;}

.divider{width:600px; height:10px; border-bottom:1px solid #ffffff;} 
/*******************************
********************************
Class Selectors
********************************
*******************************/


.alignleft{float:left;}
.alignright{float:right;}
.center{margin:0 auto;width:980px;/*Set it at width 980 px to get fixed layout optimized for 1024 X 768 Pixel Resolution*/}
.clear{clear:both;}
.float-left{float:left;padding:20px;}
.float-right{float:right;padding:20px;}
.details p a{
	color:#333;
}

.wp-smiley{margin:0px !important; padding-bottom:0px !important; } /* Control margin and padding with smileys */
.avatar {float:left !important ;margin:5px 0px !important;padding:0px 10px 5px 0px !important;} /*Gravatar display with comments*/


/*******************************
********************************
ID selectors
********************************
*******************************/



/*****************************************
Style declarations for wrapper Block
*****************************************/


#wrapper{
	width:980px;
	height: 100%;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	
	
}
/*min-width is for standard compliant browser while width serves for the poor internet explorer to keep it in good health*/


/*****************************************
Style declarations for header Block
*****************************************/


#header{
background-image:url(images/header.png);
	height:190px;
	background-position: top left;
	background-repeat: no-repeat;
}
#headerTop{color:#FFFFFF;font-family:tahoma, Helvetica, sans-serif;position:absolute;top:48px;left:30px;}
#headerTop h1{display:inline;font-size:4.6em; display:none;}
#headerTop h2{padding-left:10px;display:inline;color:#b4b4b4;font-size:2em;display:none;}


/*****************************************
Style declarations for navigation Block
*****************************************/

#navigation{
	padding-top:15px;
	padding-bottom:15px;
	font-size:11px;
	top:150px;
	width:950px;
	background-color: #edf2f6;
	font-family: tahoma, Helvetica, sans-serif;
	color: #5d5d57;
	height:13px;
	}
#navigation li a{
	padding:15px 15px 15px;
	color:#333;
	font-weight:bold;
	text-decoration:none;
}
#navigation li a:hover{
	padding:15px 15px 15px;
	color:#5d5d57;
	background:#dae2e5;
	text-decoration:none;
}
#navigation ul li{display:inline;text-transform:uppercase;}



/*****************************************
Style declarations for content Block
*****************************************/


#content{width:980px;}


/*****************************************
Style declarations for primary Block
*****************************************/


#primary{
	width:100%;
	min-height:487px;
	height:100%;
	width:auto;
	position:relative;
}


/*****************************************
Style declarations for main Block
*****************************************/


#main h1,#main h2,#main h3,#main h4,#main h5,#main h6,#main ul,#main ol,#main dl,#main blockquote{margin:15px 30px;} /*main global styles*/
#main{
float:right;
	position:relative;
	width:650px;
	font-family:tahoma, Helvetica, sans-serif;}
	
*html #main{float:right;
	position:relative;
	width:650px;
	font-family:tahoma, Helvetica, sans-serif;}

	
#main .commentlist p{margin:0pt;padding:5px 0pt;}
#main .details{border:0px solid #2d2d2d;padding:2px 5px;margin:10px 10px 50px 25px;color:#5d5d57;background:#edf2f6;clear: left;}
#main .nocomments{border:1px solid #2d2d2d;padding:2px 5px;margin:10px 10px 50px 25px;color:#ccc;background:#FFF;}
#main a{
	color:#135285;
text-decoration:none;
}
#main a:hover{color:#135285; text-decoration:underline;}
#main div.date{margin:15px 20px 15px 0px;padding:0pt;font-size:70%;font-weight:bold;letter-spacing:10px;}
#main .author{font-weight:bold;letter-spacing:3px;}
#main dl dd{padding:10px 0px 10px 10px;}
#main dl dt{padding:10px 0px;font-weight:bold;}
#main h1{margin:15px 20px 15px 0px; font-size:180%;}
#main h1 a{padding:5px 0px;
	font-size:130%;
	color:#5d5d57;}
#main h1 a:hover{
	text-decoration:none;
	color:#135285;
		font-weight:bold;
}
#main h2{padding:5px 0px;
	font-size:130%;
	color:#135285;
		font-weight:bold;}
#main h3{padding:5px 0px;
	font-size:130%;
	color:#135285;
		font-weight:bold;}
#main .hilight{background:#313131 none repeat scroll 0 0;color:#CCCCCC;border:1px solid #AAAAAA;padding:10px;}
#main ol li{margin:10px 0 10px 25px;list-style-type:decimal;font-family:tahoma, Helvetica, sans-serif;line-height:22px;}
#main ol.comments{margin:10px 0 10px 25px;}
#main p{
	margin:15px 30px;
	line-height:1.6em;
	color: #5d5d57;
}
/* #main p img{margin:10px 20px;} */
#main p.user{border-bottom:1px solid #2a2a2a;padding-left:10px;}
#main pre{margin:15px 30px;padding:10px;background:#FFF;}
#main strong{color:#5d5d57;font-weight:bold;}
#main table{margin:30px 30px;}
#main ul li,#main ol ul li{margin:10px 10px 10px 15px;padding:0 0 0 20px;list-style-type:disc;}
#main img{margin:15px 30px; padding:5px;}
#main a img{border:1px solid #5d5d57;}
#main .wp-caption {border: 1px solid #5d5d57; text-align: center;color:#5d5d57; background-color: #dddddd; padding-top: 4px; margin-top: 10px; margin-bottom:10px; margin-left:30px; margin-right: 20px;
		/* optional rounded corners for browsers that support it */
   		-moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }

#main .wp-caption img {margin: 0; padding: 0; border: 0 none;}
#main .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }
#main .aligncenter,#main div.aligncenter {display: block; margin-left: auto; margin-right: auto;} /*It should come after .wp-caption */


/*****************************************
Style declarations for sidebar Block
*****************************************/


#sidebar{
	float:left;
	margin:0px 0px 0px 0px;
	width:250px;
	padding:30px 25px 30px 20px;
	color:#5d5d57;
	position:relative;
	line-height:170%;
}
*html #sidebar{	
	margin:0px 0px 0px 0px;
	width:250px;
	padding:30px 25px 30px 20px;
	color:#5d5d57;
	position:absolute;
	top:0px;
}
#sidebar a{
	color:#5d5d57;
	font-weight:bold;
	text-decoration:none;
}
#sidebar h1{
	padding:15px 0px;
	color:#5d5d57;
	font:170% tahoma, Helvetica, sans-serif;
}
#sidebar h2,#sidebar h3{
		padding:5px 0px;
	font-size:130%;
	color:#5d5d57;
}
#sidebar p.news{clear:right;border-bottom:1px solid #3a3a3a;padding-bottom:20px;}
#sidebar ul{margin-left:10px;}

/*****************************************
Style declarations for calendar Block
*****************************************/

/*sidebar widget*/

#wp-calendar{color:#ccc;font-size:.9em;}
#wp-calendar caption{font-weight:bold;color:#ffffff;text-align:center;margin-top:4px;}
#wp-calendar th{font-weight:bold;color:#fff;padding:0 7px;margin-top:3px;background-color:#333;}
#wp-calendar a{font-weight:bold;color:#fff}

/*footer widget*/

.block #wp-calendar{margin:10px auto;color:#ccc;}
.block #wp-calendar caption{font-weight:bold;color:#ffffff;text-align:center;margin-bottom:10px;}
.block #wp-calendar th{font-weight:bold;color:#fff;padding:5px;}
.block #wp-calendar a{font-weight:bold;color:#fff}

/*****************************************
Style declarations for submit Block
*****************************************/


#submit{border:none;margin-top:10px;color:#f3ecdb;background:#dfdfdf;font-family:tahoma, Helvetica, sans-serif;}
#submit:hover{border:1px solid white;}
#submitButton{clear:both;margin:10px auto;}


/*********************************************
Style declarations for searchform Block
*********************************************/


#searchform #s{border:0px solid #5d5d57;padding:2px;background:#edf2f6  none repeat scroll 0% 0%;color:#5d5d57;position:relative;}
#searchform #s:hover{border:0px solid #5d5d57;padding:2px;background:#edf2f6 none repeat scroll 0% 0%;color:#5d5d57;position:relative;}
#searchform #searchsubmit{border:none;margin-top:10px;display:block;color:#edf2f6;background:#5d5d57;font-family:tahoma, Helvetica, sans-serif;}
#searchform div{padding-left:10px;}


/*****************************************
Style declarations for secondary Block
*****************************************/

*html #secondary{float:right;width:950px;padding:0px 0px; background-color:#eef3f7;}
#secondary{color:#5d5d57; float:right;width:100%; min-height:100px; display:block; padding:0px 0px; background:url(images/logos.jpg) #eef3f7 no-repeat; background-position:bottom right;}
#secondaryContent{padding:0px 0px;}
#secondaryContent .block{float:left;margin-left:30px;padding:1% 1%;width:230px; text-align:left; min-height:130px;}
#secondaryContent .block a{text-decoration:underline;}
#secondaryContent .block h1{
	padding:0px;
	font-size:170%;
	color: #135285;
		font-weight:bold;
}
#secondaryContent .block h2{
	padding:0px 0px;
	font-size:130%;
	color: #135285;
		font-weight:bold;
}
#secondaryContent .block h3{
	padding:0px 0px;
	font-size:130%;
	color:#135285;
	font-weight:bold;
}
#secondaryContent .block ul{padding:10px 0px;}
#secondary li{margin-bottom:10px;}



/*****************************************
Style declarations for footer Block
*****************************************/


/***********************************************
Style declarations for response (comment) Block
***********************************************/


#response{margin: 10px 10px 10px 25px;padding:2px 5px;font-size:85%;height:200px;}
#response #commentform{margin:10px 0px 10px 0px;}
#response h3{margin:15px 0pt;}

.faq a{text-decoration:none;}

body div.formcontainer{
clear: both;
width: 100%;
}

body div.formcontainer span.required {
color: #a4a4a4;
}

body div.formcontainer p.error,
body div.formcontainer p.important,
body div.formcontainer p.information,
body div.formcontainer p.success {
border-top: 1px solid #a4a4a4;
color: #a4a4a4;
line-height: 250%;
padding-left: 36px;
width: 95%;
}

body div.formcontainer p.error {
background: url('error.png') no-repeat 12px 50%;
border-bottom: 2px solid #a4a4a4;
}

body div.formcontainer p.important {
background: url('important.png') no-repeat 12px 50%;
border-bottom: 2px solid #a4a4a4;
}

body div.formcontainer p.information {
background: url('information.png') no-repeat 12px 50%;
border-bottom: 2px solid #a4a4a4;
}

body div.formcontainer p.success {
background: url('success.png') no-repeat 12px 50%;
border-bottom: 2px solid #a4a4a4;
}

body div.formcontainer form.contact-form {
clear: both;
float: none;
width: 100%;
}

body div.formcontainer form.contact-form fieldset {
color: #a4a4a4;
margin: 0.5em 0 1.5em 0;
}

body div.formcontainer form.contact-form fieldset legend {
text-transform: uppercase;
}

body div.formcontainer form.contact-form fieldset div.form-label {
display: block;
float:none;
line-height:150%;
margin: 0.5em 0 0 0;
padding:0;
text-align:left;
width:100%;
}

body div.formcontainer form.contact-form fieldset div.form-label label,
body div.formcontainer form.contact-form fieldset div.form-option label {
cursor: pointer;
line-height:100%;
}

body div.formcontainer form.contact-form fieldset div.form-input,
body div.formcontainer form.contact-form fieldset div.form-textarea {
display: block;
float:none;
margin: 0.2em 0 0 0;
width:100%;
}

body div.formcontainer form.contact-form fieldset div.form-input input,
body div.formcontainer form.contact-form fieldset div.form-textarea textarea {
padding: 0.3em;
width: 97%;
}

body div.formcontainer form.contact-form fieldset div.form-textarea textarea {
overflow: auto;
}

body div.formcontainer form.contact-form fieldset div.form-input input.error {

}

body div.formcontainer form.contact-form fieldset div.form-input input.optional {
margin-bottom: 0.2em;
}

body div.formcontainer form.contact-form fieldset div.form-option,
body div.formcontainer form.contact-form fieldset div.form-submit {
display: block;
float:none;
margin: 1em 0 0 0;
width:100%;
}

body div.formcontainer form.contact-form fieldset div.form-submit input {
cursor:pointer;
padding:0.5em 2em;
}

.welshtext{color:#125286;}

#english {
	width: 320px;
	height: 100%;
	float: left;
}

#cymraeg {
	width: 320px;
	height: 100%;
	float: left;
}

form.wpcf7-form {
	position: relative;
	top: 30px;
	margin-bottom: 40px;
}

div#commentsClear {
	clear: both;
}

p.details {
	clear: both;
	position: relative;
	top: 30px;
}