html, body
{
	background: #275a8c;
}
#accessibility
{
	position: absolute;
	left: -5000px;
}
#masthead
{
	clear:both;
	float:left;
	width:100%;
	height: 119px;
	background: url("/_images/bg_masthead.gif") repeat-x scroll top;
	text-align: center;
}
	#masthead h1
	{
		position:absolute;
		left: 0px;
		top: 0px;
		margin-top: 0px;
	}
	#people-smiling
	{
		position:absolute;
		top: 0px;
		right: 0px;
	}
	#walk-toward-cure
	{
		margin-top: 30px;
	}
	
/* column container */
#colmask
{
	background: #275a8c url("/_images/bg_tertiary.gif") repeat-y scroll right 0px;
	position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	clear:both;
	float:left;
	width:100%;				/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
}

#colmid
{
	float:left;
	width:200%;
	margin-left:-150px; 	/* Width of right column */
	position:relative;
	right:100%;
	background:#E0EBF5 url("/_images/bg_primary.gif") repeat-x scroll top;    	/* Centre column background colour */
}
#colleft
{
	float:left;
	width:100%;
	margin-left:-50%;
	position:relative;
	left:300px;         	/* Left column width + right column width */
	background:#275a8c url("/_images/bg_secondary.gif") repeat-y scroll 100% 0px;    	/* Left column background colour */
}
#primary-container
{
	float:left;
	width:50%;
	position:relative;
	right:150px;        	/* Width of left column */
	padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */
}
#primary
{
	margin:0 175px;     	/* Centre column side padding:
								Left padding = left column width + centre column left padding width
								Right padding = right column width + centre column right padding width */
	position:relative;
	left:200%;
	overflow:hidden;
}
	#breadcrumbs
	{
		clear: both;
	}
#secondary
{
	float:left;
	float:right;			/* This overrides the float:left above */
	width:150px;        	/* Width of left column content (left column width minus left and right padding) */
	position:relative;
	right:0px;         		/* Width of the left-had side padding on the left column */
	
	font-size: 12pt;
}
#tertiary
{
	float:left;
	float:right;			/* This overrides the float:left above */
	width:150px;        	/* Width of right column content (right column width minus left and right padding) */
	margin-right:0px;  		/* Width of right column right-hand padding + left column left and right padding */
	position:relative;
	left:50%;
}

#secondary,
#tertiary
{
	color: #e0ebf5;
	font-size: 0.8em;
}
	#secondary h3,
	#tertiary h3
	{
		color: #91adcc;
		font-size: 1em;
		min-height: 33px;
		text-transform: uppercase;
		padding: 7px 7px 0px;
		line-height: 0.9em;
		margin-top: 0px;
	}
	#secondary a,
	#tertiary a
	{
		text-decoration: none;
		color: #C3D7EB;
	}
	#secondary a:hover,
	#tertiary a:hover
	{
		text-decoration: underline;
		color: #fff;
	}
	#secondary strong,
	#tertiary strong
	{
		color: #c3d7eb;
		display: block;
		text-align: center;
		padding: 0.2em 0.75em 0.2em;
		text-transform: lowercase;
		font-size: 1.75em;
		font-weight: normal;
	}
	#secondary ul.bulleted,
	#tertiary ul.bulleted
	{
		list-style-type: none;
		list-style-image: url("/_images/bullet_sidebar.gif");
		margin-left: 5px;
	}
	#secondary ul.bulleted li,
	#tertiary ul.bulleted li
	{
		list-style-type: none;
		list-style-image: url("/_images/bullet_sidebar.gif");
	}
	#secondary hr.spacer,
	#tertiary hr.spacer
	{
		border: 0px solid #275a8c;
		background: #275a8c;
		margin: 6px 0px;
		width: 1px;
		height: 1px;
		float: right;
		display: none;
	}
	#secondary h3
	{
		background: transparent url("/_images/bg_heading_secondary.jpg") no-repeat scroll right top;
	}
	#tertiary h3
	{
		background: transparent url("/_images/bg_heading_tertiary.jpg") no-repeat scroll left top;
	}
	#secondary .button,
	#tertiary .button
	{
		margin-top: 12px;
		color: #275a8c;
		padding-left: 25px;
	}
	#secondary .button a,
	#tertiary .button a
	{
		display: block;
		color: #275a8c;
		line-height: 1.2em;
		font-weight: bold;
		padding: 6px 0px;
	}
	#secondary .button a:hover,
	#tertiary .button a:hover
	{
		text-decoration: none;
		color: #fff;
	}
	#secondary ul li a,
	#tertiary ul li a
	{
		display: block;
	}
	#secondary .button
	{
		background: #8cb3da url("/_images/bg_secondary_callout.gif") no-repeat scroll right top;
	}
	#tertiary .button
	{
		background: #8cb3da url("/_images/bg_tertiary_callout.gif") no-repeat scroll left top;
		padding-left: 20px;
	}

/* Footer styles */
#footer
{
	background: transparent url("/_images/bg_footer.jpg") repeat-x scroll left top;
	clear:both;
	float:left;
	font-size: 0.9em;
	text-align: center;
	width:100%;
}
	img#footer-left
	{
		float: left;
	}
	img#footer-right
	{
		float:right;
	}
	#footer ul
	{
		margin-top: 1em;
	}
	#footer ul li
	{
		border-left: 1px solid #275a8c;
		display: inline;
		margin-top: 1em;
		padding: 0px 1em 0px;
	}
	#footer ul li.first-child
	{
		border-left: 0px none;
	}
	#footer div.button
	{
		display: inline;
	}