body
{
    padding: 0px;
    margin: 0px 0px 20px;
    text-align: center;
    background-image: url(images/grad.jpg);
    background-repeat: repeat-x;
    background-color: #ffffff;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
#wrapper {
	width: 773px;
	padding: 0px;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
}
#header {
	margin: 0px;
	padding: 0px;
	height:310px;
	width:773px;
	background-image:url(images/top.jpg);
	background-repeat: no-repeat;
}


#header ul{
	position: absolute;
	list-style: none;
	margin: 0px;
	padding:0px;
	/*padding-top: 227px;*/
	padding-left:15px;
	padding-top:5px;
	
	

}

#header ul li{
	display: inline;
	margin: 0px;
	padding: 0px;


}
#header ul li a{
	font: bold 0.8em  Helvetica, Arial, sans-serif;
	color: #646256;
	text-decoration: none;
	letter-spacing: 0px;
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 4px;
	
	
	}
#header ul li a:hover{
font: bold 0.8em  Helvetica, Arial, sans-serif;
	color: #000000;
	text-decoration: none;
	letter-spacing: 0px;
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 0px;

}




div.contact {
background-image: url(images/top_contact.jpg);
	background-repeat: no-repeat;
	
}

div.home {
background-image: url(images/top.jpg);
	background-repeat: no-repeat;
	
}


div.cathedral {
background-image: url(images/top_cathedral.jpg);
	background-repeat: no-repeat;
	
}


div.greenhill {
background-image: url(images/top_greenhill.jpg);
	background-repeat: no-repeat;
	
}


div.pembscollege {
background-image: url(images/top_pembs.jpg);
	background-repeat: no-repeat;
	
}
div.margam {
background-image: url(images/top_margam.jpg);
	background-repeat: no-repeat;
	
}

div.background {
background-image: url(images/top_background.jpg);
	background-repeat: no-repeat;
	
}
div.honeyborough{
background-image: url(images/top_honeyborough.jpg);
	background-repeat: no-repeat;
	
}
div.domestic{
background-image: url(images/top_domesticl.jpg);
	background-repeat: no-repeat;
}
div.whitesands{
background-image: url(images/top_whitesands.jpg);
	background-repeat: no-repeat;
	
}
div.caerau{
background-image: url(images/top_caerauuchaf.jpg);
	background-repeat: no-repeat;
	
}
div.mill{
background-image: url(images/top_mill.jpg);
	background-repeat: no-repeat;
	
}



#pagebody {
	padding: 0px;
	background-image: url(images/back.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	background-color: #FFFFFF;


}

#top {
	padding: 7px 2px 0px;
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.6em;
	color: #FFFFFF;
	text-decoration: none;

}

#top a{
	padding: 0px;
	margin: 0px;
	color: #FFFFFF;
	text-decoration: none;

}

#leftCol {
	width: 195px;
	padding: 0px;
	margin: 0px;
	float: left;
	

}
#leftColInner
{
    padding-right: 0px;
    padding-left: 2px;
    padding-bottom: 0px;
    padding-top: 3px;
    margin:0px;
    
}

#leftColInner h3
{
  
    padding:0px;
    margin:0px;
    margin-bottom:2px;
    padding-left:30px;
    padding-bottom:100px;
    color:#333;
    font-size:20px;
    font-weight:normal;
    font-family: "Gill Sans MT", Arial, Verdana, sans-serif;
}

#leftColInner h3 a
{
    color:#333;
    text-decoration:none;
    padding:0px;
    margin:0px;
}

#leftColInner h3 a:hover
{
    text-decoration:underline;
}


#leftColInner h3.portfolio
{
    background-image: url(images/left_col/portfolio.jpg);
    background-repeat: no-repeat;
}

#leftColInner h3.news
{
    background-image: url(images/left_col/news.jpg);
    background-repeat: no-repeat;
}

#leftColInner h3.recruitment
{
    background-image: url(images/left_col/recruitment.jpg);
    background-repeat: no-repeat;
}




/*#leftColInner ul {
font-family:  Helvetica, Arial, sans-serif;
	font-size: 0.7em;
	color:#333333;
	list-style-image:none;
	list-style:none;
	text-align:left;
	}
	
	
	
#leftColInner ul li a{
height:16px;
color:#333333;
text-decoration:none;
margin:0px;
}

#leftColInner ul li a:hover{
height:16px;
color:#000000;
text-decoration:underline;
margin:0px;



	
}	*/
#mainCol {
	margin: 0px 0px 0px 200px;
	padding: 0px;
	text-align: left;
	
}
#mainColInner  {
	padding: 10px 10px 10px 15px;
	margin: 0px;
	height:1%;
}
#mainColInner li {

font-family:  Helvetica, Arial, sans-serif;
font-size: 0.9em;
color:#333333;
padding-bottom:15px;
}

#mainColInner a 
{
    font-size: 0.8em;
color:#333333;
    
}




#footer {
	background-image: url(images/footer.jpg);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.6em;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	height: 111px;
	color: #999999;


}
#footerInner  {
	padding: 60px 20px 10px;
	text-align: right;
}
#footer a {
	color: #333333;
	text-decoration: none;
	font-weight: bold;
}
#footer a:hover {
	color: #444444;
	text-decoration: underline;
	font-weight: bold;
}

h1  {
	margin: 0;
	font-size: 24px;
	font-family: Helvetica, Arial, sans-serif;
	height: 50px;
	background-image: url(images/titles/title.jpg);
	background-repeat: no-repeat;
	width: 540px;
	font-weight:normal;
	color:#666;
	
}

/*h3 {
padding: 0;
	margin-top: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1em;
	height: 60px;
	width: 540px;
	float: none;

}*/

h2 {
	margin-top: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 0.9em;
	float: none;
	color: #AF9C74;
	text-decoration: none;
	padding: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;





}
.home {
	background-image: url(images/titles/home.jpg);
	background-repeat: no-repeat;
	width: 540px;

}

.contact {
	background-image: url(images/titles/contact.jpg);
	background-repeat: no-repeat;
	width: 540px;

}

.stdavids {
	background-image: url(images/titles/stdavids.jpg);
	background-repeat: no-repeat;
	width: 540px;

}

.greenhill {
	background-image: url(images/titles/greenhill.jpg);
	background-repeat: no-repeat;
	width: 540px;

}

.pembscollege {
	background-image: url(images/titles/pembscollege.jpg);
	background-repeat: no-repeat;
	width: 540px;

}

.margam {
	background-image: url(images/titles/margam.jpg);
	background-repeat: no-repeat;
	width: 540px;

}

.background {
	background-image: url(images/titles/background.jpg);
	background-repeat: no-repeat;
	width: 540px;

}

.domestic {
	background-image: url(images/titles/domestic.jpg);
	background-repeat: no-repeat;
	width: 540px;

}

.commercial {
	background-image: url(images/titles/commercial.jpg);
	background-repeat: no-repeat;
	width: 540px;

}

.honeyborough {
	background-image: url(images/titles/honeyborough.jpg);
	background-repeat: no-repeat;
	width: 540px;

}

.whitesands {
	background-image: url(images/titles/whitesands.jpg);
	background-repeat: no-repeat;
	width: 540px;

}
.llanunwas {
	background-image: url(images/titles/llanunwas.jpg);
	background-repeat: no-repeat;
	width: 540px;

}
.caerau {
	background-image: url(images/titles/caerauuchaf.jpg);
	background-repeat: no-repeat;
	width: 540px;

}
.mill {
	background-image: url(images/titles/mill.jpg);
	background-repeat: no-repeat;
	width: 540px;

}





h3 span   {
	display: none;
}

p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #000000;
	text-decoration: none;

}

label {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}





h4 {

font-family: Helvetica, Arial,  sans-serif;
	font-weight: bold;
	font-size: 0.8em;
	float: none;
	color: #AF9C74;
	padding:0;
	margin:0;
}


.large heading
{
	font-size: 1.2em;
	font-weight: bold;
	color: #333;
}
.heading
{
	font-size: 1em;
	font-weight: bold;
	color: #333;
	clear:both;
}
.largetext
{
	font-size: 1.2em;
}
.text
{
	font-size: 1em;
}
.smalltext
{
	font-size: 0.85em;
}
.borderimage{
	border: 1px solid #B0A27D;
	margin: 5px;
	padding:3px;
	background-color:#F0EEE7;

}



.leftcol {
	padding-top:8px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 1.4em;
	color: #FFFFFF;
	text-align:center;

}
/*.portfolio {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 0.8em;
	color: #333333;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #B8A887;
	width:140px
}*/
.footer {
padding-right:6px;
padding-left:6px;
color:#ffffff;
font-size: 0.9em;

}
.portfolio-title
{
background-color:#C2B599; 
 background-image: url(images/portfolio-h3-bg.jpg);
    background-repeat:no-repeat;
    border:solid 1px #B0A27D;
 padding:0px;
    height:31px;
    margin:3px 0px 1px 0px;

}

.portfolio-title h3
{
    
 padding:0px 0px 0px 27px;
    margin:0px;

    color:#333;
    font-size:24px;
    font-weight:normal;
    font-family: "Gill Sans MT", Arial, Verdana, sans-serif;
    
}

.portfolio-title h3 a
{
     padding:0px;
    margin:0px;
     text-decoration:none;  
}

.portfolio-title h3 a:hover
{
     
     text-decoration:underline;  
}

.portfolio-leadin-text
{

  margin:0px;
    padding:3px;
 border:1px solid #CCCCCC;
  background-image: url(images/portfolio-leadin-bg.jpg);
    background-repeat:repeat-x;   
}

.NewsList
{
    margin-left: 2.0em;
    margin-top: .8em;    
}