/* @override http://www.cyandesign.co.uk/css/main.css */

/* @override 
	/css/main.css
	/css/main.css
*/

@charset "utf-8";




* { 
	margin: 0; 
	padding: 0; 
	border: 0;
}

/* @group Main Structure */

/* Main Structural Elements */
body {
	font-family: "Helvetica Neue", helvetica, sans-serif;
	color: #000;
	font-weight: bold;
	margin: 0; 	/* For Safari */ 
	
	
}




#container { 
	margin: auto;
	position: relative;
	width: 820px;
	height: auto;
	padding-left: 10px;
	
}

#content {
	margin: 0;
	position: relative;
	float: left;
	width: 820px;
	height: 430px;
	padding: 5px 0 0 0;
	clear: right;
	
}

#header {
	position: relative;
	margin: 0;
	float: left;
	width: 820px;
	height: 167px;
	padding-top: 25px;
}

#indicator {
	margin: 0;
	top: 0;
	left: 0px;
	position: absolute;
	float: left;
	height: 7px;
	width: 818px;
}

#bread {
	margin: 0;
	position: relative;
	float: left;
	width: 193px;
	height: auto;
	padding: 0 12px 22px 0;
	clear: left;

}

#introcolumn {
	margin: 0;
	position: relative;
	float: left;
	width: 193px;
	height: auto;
	padding-right: 12px;
	
	clear: left;

	
}


#columns {
	margin: 0;
	position: relative;
	float: left;
	width: 193px;
	min-height: 150px;
	margin-left: 12px;
	border-top: 2px solid #eee;
	
}

#subcontentfull {
	margin: 0; 
	position: relative;
	top: -46px;
	float: right;
	width: 604px;
	height: 420px;
}

/* Used for the 4 column content layout */

/* @end */

/* @group Navigation */

/*Main Navigation*/

#mainnav_container {
	float: left;
	position: relative;
	width: 616px;
	height: 40px;
	border-bottom: 2px solid #eee;
	padding: 15px 0 27px 204px;
	border-color: #f3f3f3;
}

#mainnav {
	margin: 0;
	position: relative;
	float: left;
	width: 193px;
	height: 68px;
	padding-left: 12px;

}

#mainnav h3 a   {
	color: #808285; /* dark grey */
}

#mainnav a:hover, #mainnav a:active {
	color: #0092d1;
}

/* Sub Nav for Glider */
#subnav {
	margin: 0;	
	position: absolute;
	bottom: 0;
	left: 218px;
	height: 30px;
}
#subnav a {
	padding-right: 10px;

}

#columns a:hover, #columns a:active {
	color: #0092d1;
}

#header a:hover, #header a:active {
	color: #0092d1;
}

/* @end */

/* @group Content & Font Styles */

a:link, a:visited {
	text-decoration: none;
	color: #D1D3D4; /* light grey */
	outline: none;  /*for ff */
	
	
}

a:hover, a:active {
	text-decoration: none;
	color: #0092d1;
}




/* Content Styles */


#bread a {
	width: auto;
	color: #808285; /* dark grey */	
	background: url(../images/breadcrumb.gif) no-repeat bottom right;
	display: block;
}

#bread a:hover, #bread a:active {
	width: auto;
	color: #0092d1; /* cyan */	
	background: url(../images/breadcrumb_hover.gif) no-repeat bottom right;
}

.backlinks {
	color: #A7A9AC;	/* mid grey */
	background: url(../images/backlinks.gif) no-repeat bottom right;
	display: block;
}

.page_name {
	color: #0092d1; /* cyan */
}

/*Header styles*/

.ha { color: #A7A9AC;	/* mid grey */ }

.hb {  color: #D1D3D4; /* light grey */ }

.hc { color: #808285; /* dark grey */	}

h1 {
	font-family: "Helvetica Neue", Helvetica;
	font-size: 55px;
	margin: 0;
	letter-spacing: -2px;
}

h2 {
	font-family: "Helvetica Neue", Helvetica;
	font-size: 25px;
	margin: 0;
	
	letter-spacing: -1px;
	text-align: left;
}

h2 a {
	font-family: "Helvetica Neue", Helvetica;
	font-size: 25px;
	margin: 0;
	letter-spacing: -1px;
	text-align: left;
}

h3 {
	margin: 0;
	font-family: "Helvetica Neue", Helvetica;
	font-size: 11px;
	color: #A7A9AC;	/* mid grey */
	text-align: left;
	padding-top: 12px;
	padding-bottom: 16px;
	

}

#columns h3 {
	margin: 0;
	font-family: "Helvetica Neue", Helvetica;
	font-size: 13px;
	color: #A7A9AC;	/* mid grey */
	text-align: left;
	padding-top: 12px;
	padding-bottom: 16px;
	

}

#columns h3 a   {
	margin: 0;
	font-family: "Helvetica Neue", Helvetica;
	font-size: 13px;
	text-align: left;
	padding-top: 12px;
	padding-bottom: 16px;
	color: #A7A9AC;	/* mid grey */
}

h4 {
	margin: 0;
	font-family: "Helvetica Neue", Helvetica;
	font-size: 14px;
	text-align: left;
	color: #A7A9AC;	/* mid grey */
}

ul  {
	/*margin-left: 1.4em;  This indent works for all Mac & Windows PC's, em's are a more consitent indent*/
	position: relative;
	margin-left: 1.4em;
	line-height: 1.4em;
	padding-bottom: .7em;
	padding-left: 1em;
	list-style-position: outside;
	list-style-image: url(../images/bullet.gif);
	
}

li {
	
	font-size: 12px;
	
}


b {
	color: #071A3F ;
}

#mainnav p {
	margin: 0;

	
}

/* This style can be different from .columns */


#introcolumn p { 
	color: #808285;
	margin: 0;
	line-height: 1.4em;
	font-size: 12px;
	padding-bottom: 20px;
	
	
}

/* 3 column content styles can be different from .introcolum */
#columns p {
	color: #808285;
	margin: 0;
	line-height: 1.6em;
	font-size: 12px;
	padding-bottom: 20px;
	
	
}


#footer p {
	color: #808285;
	font-size: 9px;
	font-weight: normal;
}

/*class for when an h2 is an link*/



/*class for when an subcontent / right panel is an link*/





/* @end */

/* @group Footer Styles */

/*Footer styles*/

#footer {
	margin: 0;
	position: absolute;
	bottom: 3px;
	left: 0;
	width: 193px;
	height: auto;
	font-size: 11px;

}

#footer a:link, #footer a:visited {
	font-family: "Helvetica Neue", helvetica, sans-serif;
	position: relative;
	font-size: 10px;
	text-decoration: none;
	color: #5382d6;
	
	
}

#footer a:hover, #footer a:active {
	font-family: "Helvetica Neue", helvetica, sans-serif;
	position: relative;
	font-size: 10px;
	color: #071A3F;
	
}

#footer p {
	font-family: "Helvetica Neue", helvetica, sans-serif;
	color: #808285;
	margin: 0;
	text-align: left;
	font-size: 9px;
}



/* @end */

/* @group Glider Styles */

/*Glider CSS*/

.scroller { 
	/* modify width and height of scrolling section if necessary	*/
	margin: 0;	
	position: absolute;
	float: right;
	top: 0;
	right: 0;
	width: 604px;
	height: 387px;
	overflow: hidden;
	padding-top: 30px;
}

.controls {
	position: absolute;
	float: left;
	bottom:0;
	left: 216px;
	z-index: 10;
	
}

.scroller .section {
		/* modify width and height of each section as needed (should match the size of the scroller window)	*/		
		position: relative;
		width: 604px;
		height: 387px;
		overflow: hidden;
		float: left;
			
}
		
.scroller .content {
		width: 10000px;
}

.img_titlea {
	position: absolute;
	left: 0;
	bottom: 10px;
	font-size: 13px;
	color: #808285; /* dark grey */
	width: 80%
	width: 345px;

}

.img_titleb {
	margin: 0;
	position: absolute;
	left: 10px;
	bottom: 10px;
	font-size: 13px;
	line-height: 15px;
	color: #808285; /* dark grey */
	background-color: rgba(255,255,255,0.72); /* white with transparency only works with modern browsers */
	width: 345px;
	padding: 14px;


}



/* @end */