.box {
	margin-bottom:20px;
	width:300px;}

.box .top{
	background: #3D3D3D url(images/master/box/box-top-top.jpg) no-repeat;
	width:auto;
	margin-bottom:3px;}

.box .top h3{
	color:#fff;
	height:auto;
	font-size:1.3em;
	font-weight:bold !important;
	overflow:hidden;
	padding:8px 13px 0px 13px;
	width:auto;}

.box .top a{
	font-weight:bold}

.box .top a,.box .top a:hover{
	text-decoration:none}

.box .top span{
	/*background: url(images/master/box/box-curl.gif) no-repeat bottom left;
	padding:10px 300px 2px 0px;*/
    display:none;}

.box .content{
	width:300px;
	overflow:hidden;
	margin:0px;
	position:relative;
	background:#ececec;
	color:#333;}

.box .bottom{
	background: url(images/master/box/box-bottom.png) bottom left no-repeat;
	height:12px}

.box .bottom{
	margin-top:-12px}

.box img{
	padding-bottom:0}



/* set some defaults for regular boxes */
.box .content .title{display:none}
.box .content img{}
.box .content .wrap{padding:0;display:block}
.headonly{margin-bottom:3px;margin-top:20px}


.box .content .detail{padding-left:10px}
* html .cms-form{float:left;clear:none; overflow:hidden}

.box .our-offices {display:block}
.box .our-offices a {clear:both}

/*WYSIWYG styles*/
.box .content h3 {margin:0;font-size:1.19em;margin-bottom:7px}
.box .content h4  {margin:0;font-size:1.02em;margin-bottom:2px}
.box .content p a{background: url(images/master/box/box-promo-arrows.gif) no-repeat 0 3px;padding-left:10px;line-height:1.2em}	
.box .content h3 a{background: url(images/master/box/box-promo-arrows.gif) no-repeat 0 5px;padding-left:10px;line-height:1.2em}	
.box .content p{font-family: Verdana, Arial, sans-serif; padding:0;margin:1em 10px 5px 10px;line-height:1.3em !important;}
.box .content ul,.box .content ol {margin:0 12px;padding:0}
.box .content a{font-weight:normal;}
.box .content a:visited{font-weight:normal;}
.box .content a:hover{text-decoration:underline;}
.box .content a:active{font-weight:normal;}	
	

  
/* added to focus ons toshow rounded corners */
.top-right{position:absolute;top:0; right:0;width:5px;height:5px; font-size:1px;background: url(images/master/box/top-right.png) no-repeat top right;z-index:5}
.top-left{position:absolute;top:0; left:0;width:6px;height:5px; font-size:1px;background: url(images/master/box/top-left.png) no-repeat top left;z-index:5}
.bottom-right{position:absolute;bottom:0; right:0;width:5px;height:5px; font-size:1px;background: url(images/master/box/bottom-right.png) no-repeat bottom right;z-index:5}
.bottom-left{position:absolute;bottom:0; left:0;width:5px;height:5px; font-size:1px;background: url(images/master/box/bottom-left.png) no-repeat bottom left;z-index:5}


.opt {margin-bottom:10px}
.opt .content .wrap{padding:10px 10px 10px 10px}
.opt .content{padding:0;}
.opt .content a {padding:0px 0px 10px 0px;color:#fff;}
.opt .content a:hover{color:#fff;text-decoration:underline !important} 
.opt .content .title{font-size:1.1em;font-weight:bold;display:inline}
.opt .content img{float:left;margin:-10px 10px 0 -10px}

/*Makes the title underline on hover*/
.opt .content a{color:#fff;text-decoration:none !important } 

.opt .content a:visited,
.opt .content a:active,
.opt .content a:hover{color:#fff;text-decoration:underline }

.opt .content a span.title{font-size:1.1em;font-weight:bold;}
.opt .content a:hover span.title{text-decoration:underline;}
.opt .content a span.description{text-decoration:none;color:#fff;}
.opt .content a:hover span.description{text-decoration:none;color:#fff}

/*Default grey box*/
.default {margin-bottom:10px !important;}
.default .content{padding:0 !important;}
.default .content .wrap{}
.default .content a {padding:0px 0px 10px 0px !important;color:#000 !important;text-decoration:none !important;}
.default .content a:hover{color:#fff !important;text-decoration:none !important;} 
.default .content .content img{float:left;margin:-10px 10px -10px -10px !important;}

/*Makes the title underline on hover*/
.default .content a{color:#000 !important;text-decoration:none !important;}
.default .content a:visited{color:#000 !important;text-decoration:none !important;}
.default .content a:active{color:#000 !important;text-decoration:none !important;}
.default .content a:hover{color:#000 !important;text-decoration:underline !important;}

.default .content a span.title{font-size:1.1em;font-weight:bold;}
.default .content a:hover span.title{text-decoration:underline;}
.default .content a span.description{text-decoration:none !important;color:#000 !important;}
.default .content a:hover span.description{text-decoration:underline ;color:#000 !important;}






/*LEFT AND RIGHT LISTS INSIDE BOX*/
.box .content .left{
	float:left;
	width:100px}

.box .content .right{
	float:left;
	margin-left:20px;
	width:137px;}






 /* colour swatches used with the opt class to show different colour focus on boxes */

/*Default grey*/
.box.default .top{
  background-image:none; 
  background-color: #444;
  border-radius: 5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  margin-bottom: 3px;
  padding-bottom: 10px;
  width: auto;} 

.box.default .top h3{
	color:#fff;}

.default .content{
   background: none;
   background-color:#ECECEC;
   color: #000;}

.default .content a, .default .content:hover{
	color:#000}

h3.default{
   background-color:#444;
  border-radius: 5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  color:#fff;
   padding:10px;
   padding:12px 10px 12px 10px;
  font-size:1.35em;}




/*The other Default grey*/
.box.headonly .top{
  background-image:none; 
  background-color: #444;
  border-radius: 5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  margin-bottom: 3px;
  padding-bottom: 10px;
  width: auto;} 

.box.headonly .top h3{
	color:#fff;}

.headonly .content{
   background: none;
   background-color:#ECECEC;
   color: #000;}

.headonly .content a, .headonly .content:hover{
	color:#000 !important;}



h3.headonly{
   background-color:#444;
  border-radius: 5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  color:#fff;
   padding:10px;
   padding:12px 10px 12px 10px;
  font-size:1.35em;}







/*DOFE RED*/

.box.volunteering .top {
  background-image:none; 
  background-color: #EF2652;
  border-radius: 5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  margin-bottom: 3px;
  padding-bottom: 10px;
  width: auto;} 


.box.volunteering .top h3{
	color:#fff;}

.volunteering .content{
   background: none;
   background-color:#ECECEC;
   color: #000;}

.volunteering .content a, .volunteering .content a:hover{
	color:#000 !important;}

h3.volunteering{
  background-color: #EF2652;
  border-radius: 5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  color:#fff;
  padding:12px 10px 12px 10px;
  font-size:1.35em;}




/*DOFE YELLOW*/

.box.physical .top{
  background-image:none; 
  background-color: #FEC726;
  border-radius: 5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  margin-bottom: 3px;
  padding-bottom: 10px;
  width: auto;} 

.box.physical .top h3{
	color:#fff;}

.box.physical .top h3{
  color:#000;} 

.physical .content{
   background: none;
   background-color:#ECECEC;
   color: #000; }

.physical .content a, .physical .content a:hover{
	color:#000 !important;}

h3.physical{
   background-color: #FEC726;
  border-radius: 5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  color:#000;
  padding:12px 10px 12px 10px;
  font-size:1.35em;}



/*DOFE GREEN*/

.box.expedition .top{
  background-image:none; 
  background-color:#76B900;
  border-radius: 5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  margin-bottom: 3px;
  padding-bottom: 10px;
  width: auto;} 

.box.expedition .top h3{
	color:#fff;}

.expedition .content{
  background: none;
  background-color:#ECECEC;
  color: #000;}

.expedition .content a, .expedition .content a:hover{
	color:#000 !important;}

h3.expedition{
   background-color: #77B900;
  border-radius: 5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  color:#000;
  padding:12px 10px 12px 10px;
  font-size:1.35em;}




/*DOFE PURPLE*/

.box.residential .top{
  background-image:none; 
  background-color:#8383B5;
  border-radius: 5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  margin-bottom: 3px;
  padding-bottom: 10px;
  width: auto;} 

.box.residential .top h3{
	color:#fff;}

.residential .content{
   background: none;
   background-color:#ECECEC;
   color: #000;}

.residential .content a, .residential .content a:hover{
	color:#000 !important;}

h3.residential{
   background-color: #8383B5;
  border-radius: 5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  color:#fff;
   padding:10px;
padding:12px 10px 12px 10px;
  font-size:1.35em;}




/*DOFE BLUE*/

.box.skills .top{
  background-image:none; 
  background-color:#0082D1;
  border-radius: 5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  margin-bottom: 3px;
  padding-bottom: 10px;
  width: auto;} 

.box.skills .top h3{
	color:#fff;}

.skills .content{
	background: none;
   background-color:#ECECEC;
   color: #000;}

.skills .content a, .skills .content a:hover{
	color:#000 !important;}

h3.skills{
   background-color:#0082D0;
  border-radius: 5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  color:#fff;
   padding:10px;
padding:12px 10px 12px 10px;
  font-size:1.35em;}












/*OTHER COLOURS*/


.box.brick .top{
  background-image:none; 
  background-color:#B01116;
  border-radius: 5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  margin-bottom: 3px;
  padding-bottom: 10px;
  width: auto;} 

.box.brick .top h3{
	color:#fff;}

.brick .content{
   background: none;
   background-color:#ECECEC;
   color: #000;}

.brick .content a, .brick .content a:hover{
	color:#000}


h3.brick{
   background-color:#B01116;
  border-radius: 5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  color:#fff;
   padding:10px;
   padding:12px 10px 12px 10px;
  font-size:1.35em;}


.box.turquoise .top{
  background-image:none; 
  background-color:#255E56;
  border-radius: 5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  margin-bottom: 3px;
  padding-bottom: 10px;
  width: auto;} 


.box.turquoise .top h3{
	color:#fff;}

.turquoise .content{
   background: none;
   background-color:#ECECEC;
   color: #000;}

.turquoise .content a, .turquoise .content a:hover{
	color:#000}

h3.turquoise{
   background-color:#255E56;
  border-radius: 5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  color:#fff;
   padding:10px;
   padding:12px 10px 12px 10px;
  font-size:1.35em;}



.box.gunmetalgrey .top{
  background-image:none; 
  background-color: #3D3D3D;
  border-radius: 5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  margin-bottom: 3px;
  padding-bottom: 10px;
  width: auto;} 


.box.gunmetalgrey .top h3{
	color:#fff;}

.gunmetalgrey .content{
   background: none;
   background-color:#ECECEC;
   color: #000;}

.gunmetalgrey .content a, .gunmetalgrey .content:hover{
	color:#000}

h3.gunmetalgrey{
   background-color:#3D3D3D;
  border-radius: 5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  color:#fff;
   padding:10px;
   padding:12px 10px 12px 10px;
  font-size:1.35em;}


.box.gold .top{
  background-image:none; 
  background-color: #CEA867;
  border-radius: 5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  margin-bottom: 3px;
  padding-bottom: 10px;
  width: auto;} 

.box.gold .top h3{
	color:#fff;}

.gold .content{
   background: none;
   background-color:#ECECEC;
   color: #000;}

.gold .content a, .gold .content a:hover{
	color:#000}

h3.gold{
   background-color:#CEA867;
  border-radius: 5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  color:#fff;
   padding:10px;
   padding:12px 10px 12px 10px;
  font-size:1.35em;}



.box.silver .top{
  background-image:none; 
  background-color: #D0D0D0;
  border-radius: 5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  margin-bottom: 3px;
  padding-bottom: 10px;
  width: auto;} 

.box.silver .top h3{
	color:#000;}

.silver .content{
   background: none;
   background-color:#ECECEC;
   color: #000;}

.silver .content a, .silver .content a :hover{
	color:#000}

h3.silver{
   background-color:#ECECEC;
  border-radius: 5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  color:#000;
   padding:10px;
   padding:12px 10px 12px 10px;
  font-size:1.35em;}




.box.bronze .top{
  background-image:none; 
  background-color: #772919;
  border-radius: 5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  margin-bottom: 3px;
  padding-bottom: 10px;
  width: auto;} 

.box.bronze .top h3{
	color:#fff;}

.bronze .content{
   background: none;
  background-color:#ECECEC;
   color: #000;}

.bronze .content a, .bronze .content a:hover{
	color:#000}

h3.bronze{
   background-color:#772919;
  border-radius: 5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  color:#fff;
   padding:10px;
   padding:12px 10px 12px 10px;
  font-size:1.35em;}






 






.imageonly .content img{margin:0}

.imageonly .content .wrap{padding:0}













/*CUSTOM BOX (LOCAL CONTACTS)*/
.custom{height:auto;overflow:hidden;margin:0 20px 0 0 !important;position:relative;clear:both;}
.custom h4{font-size:1.4em}

.wide .custom-box {margin-bottom:15px !important}
.custom-box .top{width:630px;height:9px !important;background: #ececec url(images/master/box/custom-box_top.jpg) no-repeat top left !important;}
.custom-box .body {width:630px;padding-top:15px;background: #ececec url(images/master/box/custom-box_bottom.jpg) no-repeat bottom left !important;}
.custom-box .content {padding-left:15px;width:384px;}
.custom-box .content p{margin-bottom:12px}
.custom-box .content ul{float:left;width:175px;margin-left:10px;margin-bottom:10px}
* html .custom-box .content ul{margin-left:5px;}
.custom-box .content ul li{PADDING-LEFT: 20px;margin-bottom:0.4em;font-size:1em;	BACKGROUND: url(images/master/icons/link-list-arrow.gif) no-repeat 0px 0.35em;	LIST-STYLE-TYPE: none}

/*PARAGRAPH STYLES*/
.contentPane .custom-left p {width:190px;margin-bottom:5px;}
.full .custom-left p {width:510px;margin-bottom:5px;}
.wide .custom-left p {width:350px;margin-bottom:5px;}


.custom ul{float:left;width:240px;margin-left:20px}
.custom ul li{margin:0.4em 0}
* html .custom ul{float:left;width:190px;margin-left:15px}

/*BUTTON*/
.button {display:inline}
a.custom-button span{background: transparent url(images/master/buttons/custom_button-left.jpg) no-repeat 0 0;
display: block;line-height: 22px;padding: 0px 0 5px 18px;color:#fff;}

a.custom-button {
background: transparent url(images/master/buttons/custom_button-right.jpg) no-repeat top right;
display:block;float: left;height:25px;margin-right:6px;padding-right:20px;text-decoration: none;
font-size:12px;font-weight:bold;}

a.custom-button:hover{color:#fff}

/*ROUNDED CORNER SHIMS FOR DIFFERENT TEMPLATES*/
/*INSIDE CONTEN PANE*/
.contentPane .custom .top-left
{position:relative;left:-10px;
background: url(images/master/box/top-left.png) no-repeat;
width:5px;height:6px;margin-top:-12px;}

.contentPane .custom .bottom-left
{position:relative;left:-10px;
background: url(images/master/box/bottom-left.png) no-repeat;
width:5px;height:6px;margin-top:52px}

/*INSIDE CONTENT PANE WIDE*/
.wide.custom .top-left
{position:relative;left:-10px;
background: url(images/master/box/top-left.png) no-repeat;
width:5px;height:6px;margin-top:-12px;}

.wide .custom .bottom-left
{position:relative;left:-10px;
background: url(images/master/box/bottom-lef