@charset "UTF-8";

/* color palette 

		darker #92a8cd
		lighter #dfe5ef
		dark blue 002a8d
		dark green 008b60
		
		h2 border/bullet  border-left:1em solid #002a8d;

end color palette */


/* blueprint framework typography.css */
body {font-size: 12px;color:#222;background:#fff;font-family: "Lucida Grande", Lucida, Georgia, Helvetica, Verdana, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color: #002a8d;margin:1em 0 .2em 0;padding:0;}
h1 {font-size:3em;line-height:1;
	margin-left: .5em;
	margin-top: .5em;
	margin-bottom: .25em;
}
h2 {margin-bottom:0.25em;padding: 0 0 0 27px;
	font: 1.9em/1 Times;
	background: url(../i/bullet_winds.png) no-repeat -5px;
}
h3 {font-size:1.4em;line-height:1;margin-bottom:.25em;}
h4 {font-size:1.1em;line-height:1.25;margin-bottom:0;height:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;ß}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-style:italic;color:#666;margin-left:1em;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre, code {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type: circle;
	text-shadow: #000000 0 0 0;
	list-style-position: outside;
	margin-left: 0;
	padding-left: 27px;
	margin-right: 0;
	padding-right: 0;
	margin-bottom: 12px;
}
ol {list-style-type:decimal;}
dl {margin: 1em 2em 0 0;color:#666;}
dt {
}
dd {margin-bottom:1em; text-align:right;
	font-size: 11px;
	line-height: 1.2em;
}
table {width: 90%;
	margin: 0;
	padding: 0;
}
th {font-weight:bold;background:#C3D9FF;}
th, td {padding: 0;
	margin: 0;
	width: 40%;
	height: 50%;
	vertical-align: top;
	font-size: 11px;
}
tr.even td {background:#E5ECF9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.9em;margin-bottom:1.875em;line-height:1.875em;}
.large {
	font: 1.5em/1.8em Georgia, "Times New Roman", Times, serif;
}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#FFFFCC;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}
.pullquote {color:#666;float:right;width: 11em;padding: 10px 10px 1em;
	background: rgba(224,234,250,0.81) none no-repeat right bottom;
	margin: 0 0 .3em 1em;
}
.dquo {margin-left: -.5em;} 
p.incr, .incr p {font-size: 11px;
	line-height: 1.25em;
	margin-bottom: .75em;
	border-left: 1em solid #e6eefb;
	background-color: #feffdb;
	margin-left: 0;
	color: #2d2d2d;
	padding: 2px 10px 2px 4px;
}

/* end blueprint framework typography.css */




/* General styles */
body {
		line-height:1.5;
		margin:0;
		padding:0;
		border:0;			
/* This removes the border around the viewport in old versions of IE */
		width:100%;
		background: url(../i/masthead_water_x700.jpg) no-repeat top right;
		min-width:600px;    	
/* Minimum width of layout - remove line if not required */
/* The min-width property does not work in old versions of Internet Explorer */
	}
	
a {
		color:#222;
		text-decoration:none;
		border-bottom:1.25px dotted #002a8d;
	}
a:hover {
		color:#fff;
		background:#002a8d;
		text-decoration:none;
	}
p {
		margin:.4em 0 .8em 0;
		padding:0;
	}
img {
		margin:10px 0 5px;
		border: 0;
	}

/* Header styles */
#header {
	clear:both;
	float:left;
	width:100%;
	background: url(../i/lifeworks_secondary.png) no-repeat 2em 3em;
	height: 180px;
	opacity: 1;
	font-family: Georgia, "Times New Roman", Times, serif;
}
#header p,
#header h1 {
}
#header h2 {
	padding:.4em 15px 10px 100px;
	margin:0;
	color: #006633;
	font-family: Georgia, "Times New Roman", Times, serif;
	border-left-style: none;
	font-style: italic;
	background-image: none;
	line-height: 1.25em;
}
#header ul {
		clear:left;
		float:left;
		width:100%;
		list-style:none;
		margin: 83px 0 0;
		padding:0;
	}
#header ul li {
		display:inline;
		list-style:none;
		margin:0;
		padding:0;
	}
#header ul li a {
		display:block;
		float:left;
		margin:0 0 0 2px;
		padding:3px 10px;
		text-align:center;
		background: #dce7f8;
		color:#000;
		text-decoration:none;
		position:relative;
		left:15px;
		line-height:1.3em;
		border-bottom:none;
	}
#header ul li a:hover {
		background: #92a8cd;
		color:#fff;
	}
#header ul li a.active,
#header ul li a.active:hover {
		color:#fff;
		background: #92a8cd;
		font-weight:bold;
	}
#header ul li a span {
		display:block;
	}

/* 'widths' sub menu */
#layoutdims {
	clear:both;
	background: #dce7f8;
	border-top: 4px solid #92a8cd;
	margin: -1px 0 0;
	padding:6px 15px !important;
	text-align:right;
	padding-top: 18px;
	height: 18px;
}

/* column container */
	.colmask {
	width:100%;			/* width of whole page */
	overflow:hidden;
	z-index: 0;
	clear: both;
	float: left;
	margin-top: 145px;
}

/* common column settings */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;
		position:relative;
	}
	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		padding:0 0 1em 0;
		overflow:hidden;
	}


/* 2 Column (double page) settings */
	.doublepage {
		background: rgba(224,234,250,0.91);
	border-top: 12px none #92a8cd;
}
	.doublepage .colleft {
		right:50%;			/* right column width */
		background:#fff;		/* left column background colour */
	}
	.doublepage .col1 {
		width:46%;			/* left column content width (column width minus left and right padding) */
		left:52%;
}
	.doublepage .col2 {
		width:46%;			/* right column content width (column width minus left and right padding) */
		left:56%;			/* (right column width) plus (left column left and right padding) plus (right column left padding) */
	}
	
	
/* Footer styles */
#footer {
	clear:both;
	float:left;
	width:100%;
	border-top:1px solid #000;
	}
#footer p {
	padding:10px;
	margin:0;
	font-size: 9px;
}	
