* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 62.5%;
	font-family: Arial, Helvetica, sans-serif;
}

a:link, a:visited, a:hover, a:active {
	color: #13387f;
}

a img {
	border: 0;
}

ul {
	list-style-type: none;
}

h1 {
	font-size: 1.4166em;
	line-height: 1.176em;
	margin-bottom: 0.62em;
	font-weight: normal;
	color: #13387f;
}

h2 {
	font-size: 1.083em;
	line-height: 1.23em;
	margin-bottom: 1.23em;
	font-weight: bold;
}

h3 {
	font-size: 1.083em;
}

p {
	font-size: 1.083em;
	line-height: 1.24em;
	margin-bottom: 1.24em;
}

#siteContainer {
	width: 984px;
	margin: 10px auto;
	font-size: 1.2em;
}


/*
Header
*/
#header {
	height: 80px;
	background-color: #dee1e5;
	position: relative;
}

#logo {
	position: absolute;
	top: 0;
	left: 0;
}

#hay_logo {
	position: absolute;
	top: 0;
	right: 0;
}

#search {
	width: 238px;
	height: 23px;
	position: absolute;
	right: 4px;
	bottom: 8px;
	background-color: #fff;
	border: 1px solid #ccc;
}

#search label {
	position: absolute;
	right: 246px;
	bottom: 4px;
	font-weight: bold;
}

#search #searchKeywords {
	position: absolute;
	top: 3px;
	left: 8px;
	border-width: 0;
	padding: 0;
}

#search #searchButton {
	position: absolute;
	top: 4px;
	right: 4px;
}

#quote {
	font-size: 11px;
	line-height: 14px;
	font-style: italic;
	color: #13387f;
	width: 120px;
	margin-left: 6px;
}


/*
Navigation
*/
#navBar {
	height: 25px;
	margin-top: 5px;
	margin-bottom: 20px !important;
	background: url(../../images/nav_background_line.gif) right no-repeat !important;
	/* IE6 fixes */
	background-position: right 0;
	margin-bottom: 10px;
}

#navigation .current {
	width: 112px;
	background-color: #fff;
	border-width: 1px;
	border-style: solid;
	border-bottom: none;
}

#navigation .current a {
	color: #000;
}

#navigation li {
	width: 114px;
	height: 16px;
	float: left;
	font-weight: bold;
	margin-right: 2px;
	border-bottom: 0;
	padding: 4px 4px;
}

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

#subNavigation {
	width: 212px;
	margin-bottom: 15px;
}

#subNavigation li {
	padding: 8px 6px 5px 6px;
	margin-top: 4px;
}

#subNavigation a {
	text-decoration: none;
}

#subNavigation li.current {
	font-weight: bold;
}

a.sublink_products:active,a.sublink_products:focus
{
	background-color: #e0f6fd;
}



/*
Layout
*/
#leftColumn {
	width: 242px;
	float: left;
	margin-right: 6px;
}

#centreColumn {
	width: 494px;
	float: left;
}

#rightColumn {
	width: 242px;
	float: right;
	margin-top: 2.65em;
}

#wideColumn {
	width: 736px;
	float: left;
}

#fullColumn {
	width: 100%;
}

#centreColumn li, #wideColumn li, #fullColumn li {	
	line-height: 1.325em;
	margin-bottom: 1.325em;
	background: url(../../images/blue_bullet.gif) 0 5px no-repeat;
	padding-left: 20px;
}

#footer {
	font-size: 0.9em;
	text-align: center;
	margin-bottom: 30px;
}

.clear {
	clear: both;
	display: block;
	height: 0;
}


/*
Forms
*/
.formRow {
	clear: both;
}

.formRow h3 {
	width: 40%;
	margin-bottom: 4px;
	text-align: right;
}

.formLabel {
	width: 40%;
	margin: 2px 1% 4px 0;
	float: left;
	text-align: right;
	vertical-align: top;
}

.formField {
	width: 59%;
	float: left;
	margin-bottom: 4px;
}

.formField input {
	width: 99%;
}

.trailingGap {
	padding-bottom: 30px;
}


/*
Home page
*/
.home {
	margin-top: 15px;
	color: #13387f;
}

.home h1 {
	width: 500px;
}

.loginColumn {
	float: left;
	width: 340px;
	margin-right: 15px;
}

.loginBox {
	position: relative;
	height: 120px;
	padding: 10px 15px 15px 10px;
	margin-bottom: 20px;
}

.loginBox .formLabel {
	text-align: left;
}

.loginBox .formField {
	text-align: right;
}

#loginForm, #signUpForm {
	position: absolute;
	bottom: 10px;
	right: 15px;
	width: 315px;
}

.loginBox input {
	width: 170px;
}

#loginForm {
	
}

#registeredUser {
	background-color: #ffd600;
	border-bottom: 10px solid #f17829;
	margin-bottom: 20px;
}

#newUser {
	background-color: #00b7f1;
	border-bottom: 10px solid #13387f;
}

.button {
	float: right;
	width: 118px;
	height: 24px;
}



/* the following containers are based on the eight column grid layout for the page */
.twoColumnContainer {
	width: 242px;
}

.threeColumnContainer {
	width: 366px;
}

.fourColumnContainer {
	width: 
}

.sixColumnContainer {
	width: 742px;
}

.contentBox {
	position: relative;
	width: 364px;
	border-width: 1px;
	border-style: solid;
	margin-right: 6px;
}

.contentBox h3 {
	padding: 3px 5px;
	text-align: center;
	color: #fff;
}

.contentBox .padding {
	padding: 5px 5px 12px 5px;
}

.contentBox ul {
	list-style-position: outside;
	margin-left: 20px;
}

.contentBox li {
	background: none;
	border: none;
	margin-bottom: 5px;
}

.contentBox .button {
	position: absolute;
	right: 27px;
	bottom: 0;
}

#login {
	font-weight: bold;
	color: #13387f;
	border-bottom: 3px solid #ffd600;
	margin-bottom: 20px;
}

#login h3 {
	padding: 3px 5px;
	margin-bottom: 10px;
	text-align: center;
	background-color: #ffd600;
}

#caseStudies {
	border-bottom: 3px solid #8c54a2;
	margin-bottom: 5px;
}

#caseStudies h3 {
	padding: 3px 5px;
	margin-bottom: 10px;
	text-align: center;
	color: #fff;
	background-color: #8c54a2;
}

#ourResearch {
	border-bottom: 3px solid #f17829;
	margin-bottom: 5px;
}

#ourResearch h3 {
	padding: 3px 5px;
	margin-bottom: 10px;
	text-align: center;
	color: #fff;
	background-color: #f17829;
}

#login .padding, #caseStudies .padding, #ourResearch .padding {
	padding: 0 5px;
	font-size: 0.845em;
}

.twoColumnContainer p {
	margin-bottom: 1em;
}

.left {
	float: left;
}

.right {
	float: right;
	margin-right: 0;
}

img.left {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}

img.right {
	float: right;
	margin-left: 5px;
	margin-bottom: 5px;
}