/* CSS Document */
body { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000; margin-top: 10px; padding: 0; background-color: #E0E0E0; }
#wrapper { width: 776px; background-color: #CC9900; margin: 0 auto; border: 2px solid #fff; }
#header{ width: 776px; height: 137px; background-color: #823055; margin: 0; padding: 0; border-top: 1px solid #fff; background-image:url(../images/ww_image_sml_logo.jpg); background-position: right; background-repeat: no-repeat;}

#topimage { width: 776px; height: 137px; float: left; }
body#home #wrapper {width: 776px; background-color: #FFF; margin: 0 auto; border: 2px solid #fff; }
body#subsub #wrapper {width: 776px; background-color: #999900; margin: 0 auto; border: 2px solid #fff; }

/* GALLERY STARTS HERE..............*/
.block {width: 45%; float: left; text-align:center; font-size: 11px; font-weight: bold; color: #333; padding: .5em;}
.galleryimg { border:3px solid #CCC;}


.socialclub {width: 45%; float: left; text-align:center; font-size: 11px; font-weight: bold; color: #333; padding: .5em;}
.socialclub img { border:3px solid #CCC;}
/*LEFT ATRIBUTES HERE*/
#left { width: 554px; float: left; display: block; padding-bottom: 10px; background-color:#FFF; }
#leftnav { width: 554px; float: left; display: block; background-color:#FFF; }
/*TABLE*/
table { background-color:#CCC; width:530px; }
th { text-align:right; font-weight:normal;  }
.lenghtinput { width:180px;}

#mustardcontainer {
width: 554px;
background-color: #CC9900;
}
#content { float:left; display: block; width: 555px;}
#content p { text-align:justify; line-height: 120%}
#contentcontainer {}
#mustardleft {
width: 776px;
background-color: #CC9900;
border-top: 2px solid #FFF;
float: left;
}

#greenleft {
width: 554px;
float: left;
background-color: #B2B23F;
border-top: 2px solid #FFF;
}

#greyleft {
width: 554px;
float: left;
background-color: #666;
border-top: 2px solid #FFF;
}

/*OUR PEOPLE*/
.white { width: 505px; margin: 5px 0 5px 20px; background-color:#FAFAFA; padding: .5em .5em .5em 0; }
.white img { float:left; margin: 0 10px 0 5px;}
.grey1 { width: 505px; margin: 5px 0 5px 20px; background-color:#F0F0F0; padding: .5em .5em .5em 0; }
.grey1 img { float:left; margin: 0 10px 0 5px; }
.greydark { width: 505px; margin: 5px 0 5px 20px; background-color:#E6E6E6;padding: .5em .5em .5em 0; }
.greydark img { float:left; margin: 0 10px 0 5px; }
.greydarker { width: 505px;margin: 5px 0 5px 20px; background-color:#DCDCDC; padding: .5em .5em .5em 0;}
.greydarker img { float:left; margin: 0 10px 0 5px; }

.infoblockwhitemore {
width: 532px;
float: left;
background-color: #FFF;
border-right: 2px solid #FFF;
border-top:2px solid #FFF;
padding-bottom: 5em;
}

#infoblockwhite {
width: 532px;
float: left;
background-color: #FFF;
border-right: 2px solid #FFF;
border-top:2px solid #FFF;
padding-bottom: 2em;
}
#servicescontent {
width: 532px;
float: left;
background-color: #FFF;
border-right: 2px solid #FFF;
border-top:2px solid #FFF;
}
/*#infoblockwhite p {text-align:justify; margin: 0 3em 1em 2em; line-height: 120%}*/
.indentedtext { margin: 0 1em 1em 14em; padding-bottom: 3em;}

.infoblockgrey {
width: 532px;
background-color: #CFCFCF;
border-right: 2px solid #FFF;
float: left;
border-top:2px solid #FFF;
padding-bottom: 4em;
}

.infoblocklightgrey {
width: 532px;
float: left;
background-color: #EFEFEF;
border-right: 2px solid #FFF;
border-top:2px solid #FFF;
padding-bottom: 4em;
}


.infoblockcream {
width: 532px;
float: left;
background-color: #F0F0D5;
border-right: 2px solid #FFF;
}

.infoblockdarkgrey {
width: 532px;
float: left;
background-color: #C4C4BF;
border-right: 2px solid #FFF;
border-top:2px solid #FFF;
padding-bottom: 5em;
}

.infoblockdarkergrey {
width: 532px;
float: left;
background-color: #ADADA7;
border-right: 2px solid #FFF;
border-top:2px solid #FFF;
padding-bottom: 5em;
}
.container {/*background-color: #CC9900;*/}
/*INFO IMAGE*/
#infoimage {
width: 21px;
float: left;
height:100%;
border-top:2px solid #FFF;
}
.infoimage {
width: 21px;
float: left;
height:100%;
}

.infoimageborder { border-top:2px solid #fff; } 
/*RIGHT ATRIBUTES HERE*/
#right{ width: 220px; float: right; padding: 0; vertical-align:top; border-left: 1px solid #FFF; }
#right p { margin: 10px 15px 0 10px; }
#rightnav{ width: 220px; float: right; padding: 3px 0 0 0; color:#FFFFFF; font-weight:bold; text-align:center; }

/*INSERT coloured BLOCKS RIGHT*/
.insert {
width: 220px;
padding-bottom: 10px;
border-top: 2px solid #FFF; }

.burgundy{ background-color: #823055; color: #fff; border-bottom:2px solid #fff; }
.burgundy a:link { color:#FFFFFF; }
.burgundy a:hover { color:#CCC; }
.burgundy a:active { color:#FFFFFF; } 
.burgundy a:visited { color:#FFFFFF; }

.darkgrey{ background-color: #ADADAD; color: #fff; }
.darkergrey{ background-color: #666; color: #fff; }
.grey{ background-color: #c2c2c2; color: #fff; } 
.palegrey{ background-color: #DDDDDD; }
.darkgreen { background-color: #B2B23F; }
.lightgreen { background-color: #CCCC7F; }
.yellow { background-color: #E0C266; }

/*IMAGE ATTRIBUTES*/

.mainimg { float: right; border-left: 2px solid #FFF; margin: 0px; }/**/
.imgleft { float: left; margin: 0px 10px 10px 20px; border: 1px solid #fff;}
.imgleft2 { float:left; margin: 2em 1em 1em 1em;}
.imgright2 { float:right; margin: 2em 1em 1em 1em;}
.staffleft { margin: 0px 5px 0px 0px; float:left; display: inline; }
.staffright { float: left; margin: 13px 5px 20px 10px; border: 1px solid #fff;}

#staffphotocontain {margin: 5px 6px 5px 4px; padding: 0; background-color:#DBDFDE; height:106px;}

#staffphotocontain img {border: 1px solid #fff;margin: 0;padding: 0; float: left;} 

.clear { clear: both; height: 3px; }

/* HEADINGS */
.h2white { font-size: 11px; font-weight: bold; color:#FFF; }
.h2black { font-size: 11px; font-weight: bold; color:#000; }
.h2italic { font-size: 11px; font-weight: bold; color:#000; font-style:italic; margin: 0px 0 2em 18px; }
.h2burgundy { font-size: 11px; font-weight: bold; color:#823055; }
.h2green { font-size: 13px; font-weight: bold; color:#999900; margin:2em 0 1em 20px;}
.h2mustard { font-size: 13px; font-weight: bold; color:#CC9900; margin:2em 0 1em 20px;}
.homepage { font-size: 16px; margin: 20px 0 0 18px; color: #823055; font-weight:bold; }
.headinggreen { font-size: 13px; font-weight: bold; color:#999900; }
/* TEXT STARTS HERE */
p { margin: 0 2em 1em 2em; text-align: left; }
h1 { margin: 40px 0 0 20px; font-size: 25px; color: #FFF; font-weight: lighter;	}
h2 { margin: 10px 10px 5px 20px; font-size: 13px; color: #FFF; font-weight: bold; }
h3 { font-size: 16px; margin: 20px 0 10px 18px; }
.italic { font-style:italic;}
.burgundytext { color: #823055; }

.list { margin-left: 8em;}

/*unorderlist starts here*/
#infoblockwhite ul { margin-left: 30px; padding: 0;  font-weight: bold;}
#infoblockwhite ul ul{ margin-left: 5px; padding: 0;}

#infoblockwhite li { margin: .25em 0 .25em 2em; padding:0; font-weight: normal; }

#mustardleft ul { 
margin-top: 20px;
height: 100%;
margin-bottom: 10px;
margin-left: 40px;
clear: both;
}

#mustardleft li {
font-size: 11px;
color: #823055;
font-weight: lighter;
line-height: 140%;
}

/*generic LINKS start here*/
a:link, a:active, a:visited {
	color: #823055;
	font-weight: bold;
	text-decoration: underline;
	list-style-type: circle; }

a:hover { color: #C55F8C; }

/* LISTS */

/*FOOTER ATRIBUTES HERE*/
#footer { width: 774px; padding: 2px 0 2px 2px; background-color: #823055; border-top: 2px solid #FFF; clear: both;color: #FFF; }
#footer  a:link { color:#FFFFFF; font-weight: normal;}
#footer  a:hover { color:#CCC; }
#footer  a:active { color:#FFFFFF; } 
#footer  a:visited { color:#FFFFFF; }
/*#footer p {  margin-left: 10px; }*/

/*NAVIGATION*/

.borderright {border-right: 2px solid #fff; }

/* TESTING THE TEAM PHOTOS ROLLOVER*/