/********************************************
*											*
*  BroadleafUK Stylesheet for:				*
*		PenRhosParc.co.uk			*		
*											*
*********************************************/

body {
margin:0; padding:0; font-family:verdana, arial, sans-serif; font-size:80%; color:#666666; text-align:center;
background-color:#DDDDDD;}

p {
margin:0.2em;
padding:0.8em;
text-align:justify;
font-size: 110%;
}

h1 {
padding:0; margin:0;font-size:250%; font-weight:normal; font-style:italic; 
color:#8C4C8E; font-family:"Trebuchet MS", verdana, arial, sans-serif;}

h2 {
background-color:#DDDDDD; color:#3B4471; font-size:150%; font-weight:normal; margin:0.2em; padding:0.2em; 
font-style:italic; font-family:"Trebuchet MS", verdana, arial, sans-serif;}

h3 {
background-color:#DDDDDD; color:#3B4471; font-size:130%; font-weight:normal; margin:0.2em; padding:0.2em; 
font-style:italic; font-family:"Trebuchet MS", verdana, arial, sans-serif;}

div {
margin:0; padding:0;
}

a:link, a:visited {
color:#8C4C8E; text-decoration:underline;}
a:hover {
color:#3B4471; text-decoration:none;}
a:active {
color:#8C4C8E; text-decoration:underline;}



#container {
background-color:#FFFFFF; margin:2em auto 0 auto; padding:0; width:65%; border: #0000FF; border-style:double;}

#titleblock {
padding:2em 2em 0 2em; margin:0; text-align:left;
background: url(images/titleblk_bg.jpg); background-repeat:repeat-x;
height:200px;
}

#titleblock img {
float:right;
margin: -2em -2em 0 0;
height: 225px;
}

#titleblock p {
text-indent:2em; color:#3B4471; font-size: 175%;
margin: 1em;
}



ul.navbar {
list-style-type:none; float:left; display:block; width:100%; line-height:1.5em; 
clear:both; margin:0; padding:0; background-color:#999999;}

ul.navbar li {
display:inline;}

ul.navbar li.current {
font-weight:bold;
}

a.nav:link, a.nav:visited {
display:block; float:left; width:19.8%; padding:1.2em 0 1.2em 0; margin:0; 
text-decoration:none; background-color:#999999; color:#FFFFFF;}

a.nav:visited {
display:block; float:left; width:19.8%; padding:1.2em 0 1.2em 0; margin:0; 
text-decoration:none; background-color:#999999; color:#FFFFFF;}

a.nav:hover {
display:block; float:left; width:19.8%; padding:1.2em 0 1.2em 0; margin:0; 
text-decoration: underline; background-color: #B9F04C ; color:#FFFFFF;}

a.nav:active {
display:block; float:left; width:19.8%; padding:1.2em 0 1.2em 0; margin:0; 
text-decoration:none; background-color:#999999; color:#FFFFFF;}



.rightcontainer {
float:right; clear:both; width:13em; margin:1em 0 0 0; padding:0;}

.rightbox {
margin:0.5em; padding:0.3em; border:1px solid #999999; text-align:center;}

.rightcontainer h2 {
text-align:left; padding:0 0 0 1.5em;}

.linkbox a {display:block;}

.rightbox_img {
margin:0.5em;
padding:0.3em;
border:1px solid #999999;
}

.content {
clear:left; text-align:left; margin:1.2em 13.5em 0 0; padding:1em 1ex 1em 1.5ex;
}

.content_wide {
clear:left; text-align:left; margin:1.2em 1.2em 0 1.2em; padding:1em 1ex 1em 1.5ex;
}

.content h2, .content h3, {text-indent:1em;
}

.content_wide h2, .content_wide h3 {text-indent:1em;
clear:both;
}

.content img, .content_wide img {
margin: .5em 1.2em 1.6em 1.2em;
border: #999999; border-style:double;
}

.content img.right, .content_wide img.right {
float: right;
margin: .5em 1.2em 1.6em 1.2em;
border: #999999; border-style:double;
clear: right;
}

.content img.left, .content_wide img.left {
float: left;
margin: .5em 1.2em 1.6em 1.2em;
border: #999999 ; border-style:double;
clear:left;
}

.centre {
text-align: center;
}

.footer {
color:#999999; font-size:75%; margin:2.5em 0.2em 0.5em 0.5em; padding:0.8em; 
border-top:1px solid #999999; text-align:left; clear:both;
}

.footer .grass {
background-image: url(images/grass1.jpg);
background-position:bottom;
background-repeat:repeat-x;
height: 40px;
}

.footer .right {
float:right; clear:right; text-align:right;}

.footer .address_bar p{
text-align:center;
}

.footer p {margin:0;
}

/* --------------- Contact Form CSS ------------------------*/

form.contact fieldset {
border: 2px solid navy;
padding: 10px;
}

form.contact legend {
font-weight: bold;
font-size: small;
color: navy;
padding: 5px;
}

form.contact label {
font-weight: bold;
font-size: small;
color: #990066;
line-height: 150%;
}

form.contact label.fixedwidth {
display: block;
width: 240px;
float: left;
}

form.contact {
padding: 0;
margin: 0;
}

form.contact .buttonarea input {
background: #990066;
color: white;
font-weight: bold;
padding: 5px;
border: 1px solid white;
}

form.contact .buttonarea {
text-align: center;
padding: 4px;
background-color: #DDDDDD;
}

form.contact .form_notes p {
text-align:center;
}

table.captcha {
margin: 20px auto;
background-color: #E4F8E4;
border-spacing: 2px 5px;
}

table.captcha tr.first {
background-color: #990066;
color:#FFFFFF;

}

table.captcha tr.second {
padding: 2px;
font:Verdana, Arial, Helvetica, sans-serif;
color:#000000;
size: 3;

}