/***************************************************
   Reset
 ***************************************************/



html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	text-decoration: none;
}




body {


font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
color: #a3a3a3;	
line-height: 23px;
    font-size: 12px;
	
background-image: url(../images/htmlbg.jpg);
background-color: #fff;
background-position:top center;
background-repeat:repeat-x;

}  

/***************************************************
   Heading Styles
 ***************************************************/

h1 {
	font-size: 33px; 		
	margin-bottom: 10px; 		    
	color: #737373;
		font-weight:lighter;
}




h2 {
	font-size: 20px;   		
	line-height: 1.4em; 
	margin-top: 0.0em;    	
	margin-bottom: 0.5em;	 	
    color: #2e67a4;
    font-weight: normal;



}
h3 {
	font-size: 14px;			
	color: #2e67a4;
	line-height: normal;
}

/***************************************************
   Link Styles
 ***************************************************/


a:link {

	color: #729088;
	text-decoration: none;
 	margin:0;padding:0;
	

}

a:visited {

	color: #000;
	text-decoration: none;
	margin:0;padding:0;
}

a:hover {

   color: #60a3b1;
}

a:active {
	color: #fff;
	text-decoration: none;
}




a.back:link {color: #77a3c3;}
a.back:active {color: #77a3c3; }
a.back:visited {color: #77a3c3;}
a.back:hover {color: #666; }

a.back {	padding: 5px 0px 5px 10px;
	background: transparent url(../images/back.jpg) no-repeat center left;
}



/***************************************************
   Layout styles
 ***************************************************/





#wrapper {
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	margin-top: 0px;
	color: #727272;
	width: 865px;
	padding-top: 20px;

	background: #fff url(../images/headerbg.jpg) no-repeat;
}

#wrapper-sub-page {
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	margin-top: 0px;
	color: #727272;
	width: 865px;
	padding-top: 20px;
	
	background: #fff url(../images/headerbg-smaller.jpg) no-repeat;
}




#headertxt { /****** Silver text within to of page (image) ******/
	width: 840px; 
	Float: left;
	height: 104px;
	font-weight: normal;
	padding: 20px 0 0 25px;
	
	
}



#top-nav { 
	font-size: 16px;
	color:#FFFFFF;
	width: 820px; 
	Float: right;
	margin:0;
	Padding:0 20px 0px 25px;
	list-style: none;
}




#top-nav li {
   border-right-style: solid;
   float: left;
   border-color: #ececec;
   float:right;
   padding: 0px 15px 0 15px;
   list-style: none;
}


#top-nav li a {
   display: block;
   text-align: center;
   color: #fff;
   padding: 0px;
   margin: 0;
}


#top-nav li a:hover {
   color: #f4c713;
}

#top-nav li a:active {
   color: #ffba00;
}



/***** Contents Div Including Sub Navigation ******/

#contents {
padding: 50px 50px 10px 50px;
width: 765px;
float: left;
font-size:13px;

background-image:url('../images/contents-bottom.jpg');  /****** Center bg aligned to bottom of div ******/
background-repeat:no-repeat;
background-position:bottom; 

	

}

.contents-text p {
	margin-bottom: 12px;
}


#left-contents { float: left; width:440px; padding: 0 20px 20px 20px;}
#right-contents {float: right; width: 245px; padding: 0 19px 20px 20px; border-left:thin solid #e5e1e1;}

#sub-nav {

	font-size: 14px;
	width: 740px; 
	Float: left;
	margin-bottom:20px;
	Padding:10px 20px 0px 5px;
	list-style: none;
	
}




#sub-nav li {
 
   float: left;
   padding: 5px;
   list-style: none;
   
}


#sub-nav li a {
   border-right:solid 1px #666;
   display: block;
   text-align: center;
   color: #000;
   font-weight: normal;
   padding: 0 10px 0 0px;
}


#sub-nav li a:hover {
   color: #ffba00;
}

#sub-nav li a:active {
   color: #ffba00;
}





#footer-contents { /****** Contents for footer including central page backgraound ******/

	background: transparent url(../images/footermiddlebg.jpg) no-repeat center;
	width: 795px;
	height: 106px;
	margin: 0 auto 0 auto;
	padding: 13px 35px 0 35px;
	}
	
	
#footer { /****** For full width footer background ******/


	background: transparent url(../images/footerbg.jpg);
	width: 100%;
	height: 119px;
	clear:both;
}




#footer-contents li {
   border-right-style: solid;
   float: left;
   padding: 5px;
   list-style: none;
   width:120px;
}


#footer-contents li a {
   display: block;
   text-align: center;
   color: #000;
   font-weight: normal;
}


#footer-contents li a:hover {
   color: #000;
}



/***************************************************
      Formatting Styles for text and images etc
 ***************************************************/
 #title   {Float:left; width: 765px; heignt:150px;}
 
 
.circ {	padding:75px 0px 0 160px; height:75px; width:605px; margin-bottom: 20px;
	background: transparent url(../images/circ.jpg) no-repeat center left; color:#2e67a4;
}


img.centered {
    display: block;
    margin: 0 auto;
    
}    


.left {float:left;}
.right {float:right;}
.clear {clear:both;}


hr {
height: 1px;
border: 0;
color: #666;
background-color: #666;
width: 100%;
margin: 10px 0 20px 0;
}


.black {color:#000000;}


.picture-outer {width:765px; float:left;margin-bottom:30px;}

.left-image  {float:left; margin-right:10px;text-align:center; }
.right-image {float:right;margin-left:10px;text-align: center;}
.middle {overflow: hidden;}
.border {border:solid #ccc 1px;}


.polaroid-left {float:left; width:735px;padding: 15px; background-image:url(../images/arrow-right.jpg); background-repeat:no-repeat;
background-position:left; }
.polaroid-left .right {
	float: right;
	padding-left:10px;
}
.polaroid-right {float:left; width:735px;padding: 15px; background-image:url(../images/arrow-left.jpg); background-repeat:no-repeat;
background-position:right; }
.polaroid-right .left {
	float: left;
	padding-right:10px;
}
.polaroid-text {float:left;}



/***************************************************
  clearfix for main container

 ***************************************************/


.clear {
 display:block;
}
.clear:after {
 display:block; 
 visibility:hidden; 
 clear:both; 
 height:0; 
 content: "."; 
}












.colour_chart {

	font-size: 14px;
	width: 740px; 
	Float: left;
	margin-bottom:20px;
	Padding:10px 20px 0px 5px;
	list-style: none;
	text-align:center;
	
}




.colour_chart ul li {
 
   float: left;
   padding: 6px;
   list-style: none;
   
}


.colour_chart ul li a {
   border-right:solid 1px #666;
   display: block;
   text-align: center;
   color: #000;
   font-weight: normal;
   padding: 0 10px 0 0px;
}


.colour_chart ul li a:hover {
   color: #ffba00;
}

.colour_chart ul li a:active {
   color: #ffba00;
}

.chartColor {
	width:120px;
	height:74px;
	border:1px solid #666;
}

.chartName {
	text-align:center;
}