@import url(navi-wc-white.css);
@import url(featured_slide.css);
@import url(navi-d.css);

body{
	margin:0;
	padding:0;
	font-size:1em;
	font-family:Georgia, helvetica, geneva, serif;
	background-color:#fff;
	}

img{border:0; padding:0; margin:0;}
.justify{text-align:justify;}
.bold{font-weight:bold;}
.center{text-align:center;}
.right{text-align:right;}
.nostart {list-style-type:none; margin:0; padding:0;}
.clear{clear: both;}
br.clear{clear:both; margin-top:-15px;}
a{outline:none; text-decoration:none;}

.fl_left{float:left;}
.fl_right{float:right;}

.imgl, .imgr{border:1px solid #666666; padding:4px;}
.imgl{float:left; margin:0 8px 8px 0; clear:left;}
.imgr{float:right; margin:0 0 8px 8px; clear:right;}
.imge.{float:right; margin:0 0 8px 8px; clear:right;}

/* ----------------------------------------------Wrapper-------------------------------------*/

div.wrapper{
	position:relative;
	float:left;
	width:100%;
	margin:0;
	text-align:left;
	}

div.wrapper h1, div.wrapper h2, div.wrapper h3, div.wrapper h4, div.wrapper h5, div.wrapper h6{
	margin:0 0 20px 0;
	padding:0 0 8px 0;
	font-size:1em;
	font-weight:normal;
	font-family:Georgia, helvetica, geneva, serif;
	border-bottom:1px dashed #DDDDDD;
	}

.col1{color:#9d957e; background-color:#fff;}
.col2{background-color:#ffffff;padding:7px 0;}
.col2-x{width:99%;background:url(images/menu-bg.jpg) repeat-x;margin-top:1em; margin-bottom:1em;}
.col3{color:#B3B4B6; background-color:#fff;}
.col3 a{color:#666666;}
.col3 b{background:url(../images/silver mid white.jpg) repeat-x;height:auto;margin-top:20px;}
.col4{color:#666666; background-color:#fff;}
.col4-d{color:#FFFFFF;background-color:#e2e2e2;}
.col5{color:#B3B4B6;}
.col5 a{color:#B3B4B6;}
.col6{background-color:#e2e2e2;}
.col7{height:344px;}
.col9{background-color:#fff;}
.col8{background:url(../images/silver-band.jpg);width:100%;height:260px;}

/* ----------------------------------------------Generalise-------------------------------------*/
/*this subset sets the size for each div named below - if you want to spread the pages across the whole width of any screen - change the width here to ie; 99%. Leave exact pixels to have all these divs centre*/

#topbar, #intro, #breadcrumb, #container, #copyright{
	position:relative;
	margin:0 auto 0;
	display:block;
	width:998px;
	}

#show /*show is where the pix display - if the width is greater than 998 (ie 100%) then the slides will position at the edge of the page*/
{	position:relative;
	margin:0 auto 0;
	display:block;
	width:998px;
	border:none;/*7px #e2e2e2;*/
	}
	
#long-bar, #footer, {
	margin:0 auto 0;
	display:block;
	width:100%;
	}
	
#banner1 {
	width:1020px;
	margin-left:auto; 
	margin-right:auto; 
	padding:5px 0 0 0; 
}

#banner1 h1
{	font-size: .75em;
	font-family: verdana, arial, sans serif;
	font-weight:normal;
	text-align:center;
	color:#ffffff;
	padding:0;
	border:0;
}

/* ----------------------------------------------TopBar-------------------------------------*/

#topbar{height:44px; padding:20px 0 0 0; border-bottom:1px dotted #2A2B2F;}
#search{display:block; float:right; width:285px;}
#clientlogin{display:block; float:left; width:350px;}

/* ----------------------------------------------Head-------------------------------------*/

#header{
	padding:10px 0;
	width:100%;
	margin:0 auto 0;
	display:block;
	}

#header h1, #header p, #header ul, #header a{
	margin:0;
	padding:0;
	list-style:none;
	line-height:normal;
	border:none;
	color:#2B2C30;
	font-family:Georgia, helvetica, geneva, serif;
	}

#header .logo{
	display:block;
	float:left;
	width:100%;
	background-color:#e2e2e2;
	border-bottom:2px ridge #303030;
	border-top:2px ridge #303030;
	}

#header .logo h1 {
	display:block;
	font-size:3em;
	margin-bottom:7px;
	font-weight:strong;
	text-align:center;
	text-transform:uppercase;
	color:#303030;
	font-family:Georgia, helvetica, geneva, serif;
	}
	
#header .logo h2{
	display:block;
	font-size:1.5em;
	margin:7px 0 2px 0;
	font-style: italic;
	font-weight:normal;
	text-align:center;
	color:#303030;
	border-bottom:none;
	font-family:Georgia, helvetica, geneva, serif;
	}

#header .logo h3 {
	display:block;
	font-size:3em;
	margin:7px 0 2px 0;
	font-weight:strong;
	text-align:center;
	color:#303030;
	border:none;
	font-family:Georgia, helvetica, geneva, serif;
	}

#head-shot img{
	display:block;
	/*float:right;*/
	width:100%;
	margin:0;
	}

#head-title img{
	display:block;
	width:100%;
	margin:0 0 0 0;
	}		
/* ----------------------------------------------Intro-------------------------------------*/

#intro{
	padding:20px 0;
	}

#intro h1, #intro h2, #intro p, #intro ul{
	margin:0;
	padding:0;
	list-style:none;
	line-height:normal;
	border:none;
	}

.wrapper #intro li.last{
	margin:0;
	}

#intro .fl_left{
	display:block;
	float:left;
	width:590px;
	text-align:justify;
	font-family:Georgia, helvetica, geneva, serif;
	}

#intro .fl_left h1{
	font-size:2.2em;
	margin-bottom:20px;
	color:#9c0016;
	text-align:left;
	}

#intro .fl_left h2{
	font-size:1.25em;
	margin:0 0 10px 0;
	padding:0 0 8px 0;
	color:#666666;
	text-align:center;
	border-bottom:0px dashed #DDDDDD;
	}
	
#intro .fl_left h2 a:link{
	font-size:1.5em;
	margin:0 0 10px 0;
	padding:0;
	color:#9c0016;
	text-align:left;
	border-bottom:0px dashed #DDDDDD;
	}

#intro .fl_left li{
	display:block;
	float:left;
	width:180px;
	margin:0 25px 0 0;
	}

#intro .fl_left li.large{
	display:block;
	float:left;
	width:590px;
	color:#303030;
	margin:0 10px 0 0;
	border-bottom:dotted 1px #303030;
	}
	
#intro .fl_left p{
	margin-bottom:10px;
	line-height:1.6em;
	}

#intro .fl_left p.readmore{
	display:block;
	text-align:right;
	}

#intro .fl_right-x{
	display:block;
	float:right;
	width:590px;
	text-align:justify;
	font-family:Georgia, helvetica, geneva, serif;
	}

#intro .fl_right-x h1{
	font-size:2.2em;
	margin-bottom:20px;
	color:#9c0016;
	text-align:left;
	}

#intro .fl_right-x h2{
	font-size:1.25em;
	margin:0 0 10px 0;
	padding:0 0 8px 0;
	color:#666666;
	text-align:center;
	border-bottom:0px dashed #DDDDDD;
	}
	
#intro .fl_right-x h2 a:link{
	font-size:1.5em;
	margin:0 0 10px 0;
	padding:0;
	color:#9c0016;
	text-align:left;
	border-bottom:0px dashed #DDDDDD;
	}

#intro .fl_right-x li.large{
	display:block;
	float:right;
	width:590px;
	color:#303030;
	margin:0 10px 0 0;
	border-bottom:dotted 1px #303030;
	}
	
#intro .fl_right-x p{
	margin-bottom:10px;
	line-height:1.6em;
	}

#intro .fl_right-x p.readmore{
	display:block;
	text-align:right;
	}

#intro .fl_right{
	display:block;
	float:right;
	width:360px;
	}

#intro .fl_right li{
	display:block;
	width:350px;
	height:160px;
	margin:10px 0 10px 0;
	padding:4px;
	border:1px solid #666;/*3594b4;*/
	}

#intro .fl_right li.long{
	display:block;
	width:350px;
	height:525px;
	margin:0 0 5px 0;
	padding:4px;
	border:1px solid #3594b4;
	}	

#intro .fl_left-x{
	display:block;
	float:left;
	width:360px;
	}

#intro .fl_left-x li{
	display:block;
	width:350px;
	height:160px;
	margin:10px 0 10px 0;
	padding:4px;
	border:1px solid #666;/*3594b4;*/
	}

	
/* ----------------------------------------------BreadCrumb-------------------------------------*/

#breadcrumb{
	padding:15px 0;
	}

#breadcrumb ul{
	margin:0;
	padding:0;
	list-style:none;
	}

#breadcrumb ul li{display:inline;}
#breadcrumb ul li.current a{text-decoration:underline;}

/* ----------------------------------------------Container-------------------------------------*/

#container{
	padding:20px 0;
	}

#container a{
	color:#666666;
	font-style:italic;
	}

/* ----------------------------------------------Content-------------------------------------*/

#content{
	display:block;
	float:left;
	width:998px;
	}

#content #latestnews{
	display:block;
	width:100%;
	margin-bottom:20px;
	}
	
#content #latestnews h1{
	font-size:4em;
	margin:20px;
	color:#303030;
	text-align:center;
	border-bottom:dotted #303030 3px;
	text-transform:uppercase;
	font-family:Georgia, helvetica, geneva, serif;
	}
	
#content #latestnews h2, #content #latestnews p{
	margin:1em 0 0 0;
	padding:0;
	line-height:1.75em;
	}

#content #latestnews h2 a:link{
	margin-bottom:2em;
	font-size:1.2em;
	font-style:italic;
	color:#9c0016;
	}
	
#content #latestnews ul, #content #latestnews li{
	display:block;
	width:100%;
	margin:0;
	padding:0;
	list-style:none;
	}

#content #latestnews li{
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	}

#content #latestnews div.imgholder{
	display:block;
	float:left;
	width:170px;
	height:150px;
	margin:2em 0 0 0;
	padding:7px;
	border:1px solid #303030
	}

#content #latestnews div.imgholder-x{
	display:block;
	float:left;
	width:170px;
	height:100px;
	margin:1em 0 0 0;
	padding:3px;
	border:1px solid #303030
	}
	
#content #latestnews div.highlight-x {
	display:block;
	float:left;
	width:180px;
	height:auto;
	font-size:.90em;
	font-style:italic;
	color:#303030;
	text-align:center;
	margin:5px 0 0 0;
	padding:2px;
	border:0px solid #303030
	}

#content #latestnews div.highlight-z {
	display:block;
	float:left;
	width:180px;
	height:200px;
	font-size:.90em;
	font-style:italic;
	color:#303030;
	text-align:center;
	margin:5px 0 0 0;
	padding:2px;
	}

#content #latestnews div.highlight-z h4{
	font-size:1.25em;
	font-style:italic; font-weight:bold;
	color:#8b0000;
	text-align:center;
	margin:5px 0 0 0;
	padding:2px;
	}
#content #latestnews div.highlight-z p{
	font-size:1.25em;
	font-style:italic; font-weight:normal;
	color:#8b0000;
	text-align:center;
	margin:5px 0 0 0;
	padding:2px;
	}
	
#content  .formcontent { 
	width: 900px;
	height:auto;
	display: block;
	line-height:1em;
	padding:0;
	margin:0 auto;
	position:relative;
	border:1px solid #262626;
	} 

#content .formcontent label
{
display: block;
float:left;
width:190px;
text-align:right;
font-size:1em;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000000;
}

#content .formcontent fieldset label.long
{
display: block;
float:left;
width:250px;
text-align:right;
font-size:1em;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000000;
}

#content .formcontent fieldset label.short
{
display: block;
float:left;
width:160px;
text-align:right;
font-size:1em;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000000;
}

#content .formcontent li
{
height:1em;
list-style-type:none;
padding:5px;

}

#content .formcontent li.long
{
height:1em;
list-style-type:none;
padding:5px;
width:99%;
}

#content .formcontent li.mandatory
{
height:1em;
list-style-type:none;
padding:10px;
width:150px;
background-color:#9c0016;
 font-size: 1em;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 color:#fff;
}

 #content .formcontent input{
 float:left;
 margin:2px 20px 10px 10px;
 padding:5px;
 width:150px;
 font-size: 1em;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 }

 #content .formcontent fieldset input.long{
 float:left;
 margin:2px 20px 10px 10px;
 padding:5px;
 width:290px;
 font-size: 1em;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 }
 
  #content .formcontent fieldset input.extra-long{
 float:left;
 margin:2px 20px 10px 10px;
 padding:5px;
 width:500px;
 font-size: 1em;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 }
 
 #content .formcontent select{
 float:left;
 margin:2px 10px 10px 10px;
 padding:5px;
 width:200px;
 font-size: 1em;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 }
 
#content #formcontent h1 {
	margin: 0 0 10px 0;
	color: #303030;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight: normal;
	text-decoration:none;
	}
#content #formcontent h2 {
	margin: 0 0 10px 0;
	color: #303030;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: normal;
	text-decoration:none;
	}
					
#content #latestnews div.latestnews{
	display:block;
	float:right;
	line-height:2em;
	width:740px;
	margin:0;
	padding:0;
	text-align:justify;
	font-size:1em;
	font-weight:normal;
	color:#303030;
	font-family:Georgia, helvetica, geneva, serif;
	}

#content #latestnews p.maw{
	display:block;
	margin-top:3em;
	margin-bottom:5em;
	text-align:left;
	font-weight:normal;
	color:#666666;
	}

#content #latestnews p.readmore a:link{
	display:block;
	float:right;
	margin-top:1em;
	text-align:right;
	font-weight:normal;
	font-style:italic;
	color:#9c0016;
	font-size:1em;
	}
	
#content #latestnews p.read a:link{
	display:block;
	float:left;
	margin-top:1em;
	text-align:left;
	font-weight:normal;
	font-style:italic;
	color:#9c0016;
	font-size:1em;
	}	
#content #latestnews .latestnews .left-box{
	display:inline;
	float:left;
	padding-top:3px;
	width:290px;
	}

#content #latestnews .latestnews .left-box ul {
	margin:0;
	padding:0;
	list-style:none;
	}
	
#content #latestnews .latestnews .left-box li{	
	text-indent:5px;
	color:#303030;
	font-size:1em;
	line-height:.5em;
	padding-left: 5px; 
	}
#latest-post li li {
	display: list-item;
	background: url('images/img09.gif') no-repeat left 50%;
	float: none;
	color: #fff;
	text-indent:10px;
	margin-left:20px;
	width: auto;
	padding: 0 0 0 10px;
	}	
#content #latestnews .latestnews .left-box h4 {
	text-decoration: none;
	color:#9c0016;
	font-size:1em;
	padding: 2px 0 0 10px;
	border-bottom:none;	
	}
	
#content #latestnews .left-box a:link {
	text-decoration: none;
	text-indent:1px;
	color:#666666;
	font-size:1em;
	border-bottom: 0px dotted #22201e;
}
	
#content #latestnews .left-box a:visited 
{	color:#666666;
	font-size:1em;
	text-decoration:none;	
	}
#content #latestnews .left-box a:hover{
	text-decoration: none;
	color:#666666;
}

#content #latestnews .left-box a:active
{	color:#22201e;
	font-size:1em;
	font-style:normal;
	text-decoration:none;	
	}	

#content #latestnews .latestnews .rite-box{
	display:inline;
	float:right;
	padding-top:3px;
	width:290px;
	}

#content #latestnews .latestnews .rite-box ul {
	margin:0;
	padding:0;
	list-style-type:none;
	}
	
#content #latestnews .latestnews .rite-box li{	
	text-indent:3px;
	color:#303030;
	font-size:1em;
	line-height:.5em;
	background-image: url(images/sqpurple.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-left: 5px; 
	}
	
#content #latestnews .latestnews .rite-box h4 {
	text-decoration: none;
	color:#9c0016;
	font-size:1em;
	border-bottom: 0px dotted #22201e;	
	}
	
	#content #latestnews.rite-box a:link {
	text-decoration: none;
	text-indent:1px;
	color:#666666;
	font-size:1em;
	line-height: 22px;
	border-bottom: 1px dotted #22201e;
}
	
#content #latestnews.rite-box a:visited 
{	color:#666666;
	font-size:1em;
	text-decoration:none;	
	}
#content #latestnews.rite-box a:hover{
	text-decoration: none;
	color:#797700;
}

#content #latestnews.rite-box a:active
{	color:#22201e;
	font-size:1em;
	font-style:normal;
	text-decoration:none;	
	}	

/* ----------------------------------------------Right Block-------------------------------------*/

#column{
	display:block;
	float:right;
	width:300px;
	}

#column .holder, #column #featured{
	display:block;
	width:300px;
	margin-bottom:40px;
	}

#column .holder p{
	line-height:1.6em;
	}

#column .holder h2.title{
	display:block;
	width:100%;
	height:65px;
	margin:0;
	padding:15px 0 8px 0;
	font-size:20px;
	font-weight:normal;
	color:#666666;
	background-color:#FFFFFF;
	line-height:normal;
	}

#column .holder h2.title img{
	float:left;
	margin:-15px 8px 0 0;
	padding:5px;
	border:1px solid #666666;
	}

#column .holder p.readmore{
	display:block;
	width:100%;
	font-weight:bold;
	text-align:right;
	line-height:normal;
	}

#column div.imgholder{
	display:block;
	width:290px;
	margin:0 0 10px 0;
	padding:4px;
	border:1px solid #666666;
	}
	
/* Featured Block */

#column #featured a{
	color:#294E79;
	background-color:#F9F9F9;
	}

#column #featured ul, #column #featured h2, #column #featured p{
	margin:0;
	padding:0;
	list-style:none;
	}

#column #featured li{
	display:block;
	width:250px;
	margin:0;
	padding:20px 25px;
	color:#2E271D;
	background-color:#F9F9F9;
	}

#column #featured li p{
	line-height:1.6em;
	}

#column #featured li p.imgholder{
	display:block;
	width:240px;
	height:90px;
	margin:20px 0 15px 0;
	padding:4px;
	border:1px solid #666666;
	}

#column #featured li h2{
	margin:0;
	padding:0 0 14px 0;
	font-size:20px;
	font-weight:normal;
	font-family:Georgia, "Times New Roman", Times, serif;
	line-height:normal;
	}

#column #featured p.more{
	display:block;
	width:100%;
	margin-top:15px;
	font-weight:bold;
	text-align:right;
	line-height:normal;
	}

/* Sidebar - pertains to the whole link section above the footer */

#sidebar 
{	width:100%;
	margin:0 auto 0;
	z-index:1000;
	background-color:#e2e2e2;
	border-top:2px ridge #303030;
	}

#sidebar .wing
{	width:998px;
	margin:auto;
	padding: 0;
	}
	
#sidebar .wing ul {
	margin:0 0 0 auto;
	padding: 0;
	list-style: none;
	}

#sidebar .wing li {
	display: block;
	float: left;
	width:325px;
	padding: 10px 2px 10px 2px;
	}

#sidebar .wing li ul {
	line-height: 1.2em;
	}

#sidebar ul .last{
	margin:0;
	}

#sidebar .wing li li {
	color: #303030;
	text-indent:0px;
	margin-left:5px;
	font-family: Georgia, helvetica, geneva, serif;
	font-size: 1em;
	font-weight: normal;
	padding: 0;
}

#sidebar .wing h2 {
	margin: 0 0 10px 0;
	color:#303030;
	text-align:left;
	font-family: Georgia, helvetica, geneva, serif;
	font-size: 1em;
	text-transform:uppercase;
	font-weight: normal;
	text-decoration:none;
	border-bottom:ridge 0px #fff;
	}

#sidebar .wing a:link{
	text-decoration:none;
	color: #303030;
	font-style:normal;
}

#sidebar .wing a:hover{
	text-decoration: none;
	color:#9c0016;
	font-style:none;
}

#sidebar .wing li img.foot-shot
{	display:block;
	float:left;
	width:310px;
	margin:5em 0 0 0;/*-999;*/
}	

/* ----------------------------------------------Copyright-------------------------------------*/

#copyright{
	padding:20px 10px;
	width:90%;
	background-color:#e2e2e2;
	border-bottom:2px ridge #303030;
	}

#copyright p{
	margin:0;
	padding:0;
	font-size:.90em;
	color:#8e8e8e;
	font-family:Georgia, helvetica, geneva, serif;
	}

#copyright li.long-linx{
	display:block;
	width:90%;
	list-style-type:none;
	font-size:1em;
	line-height: 1.5em;
	margin-bottom:1em;
	font-weight:normal;
	text-align:center;
	color:#8e8e8e;
	font-family:Georgia, helvetica, geneva, serif;
	}

#copyright a:link{
	list-style-type:none;
	font-size:.95em;
	line-height: 1.5em;
	font-weight:normal;
	text-align:left;
	color:#8e8e8e;
	}
	
#copyright a:visited 
{	color:#9c0016;
	text-decoration:none;	
	}
	
#copyright a:hover{
	text-decoration: none;
	color:#9c0016;
}