/* Global */
html {
	background: #c1d0e0;
}

body {
	margin: 0;
	padding: 0;
	background: #c1d0e0 url('../siteimages/background-tile.jpg') top center repeat-x;
	font-family: Verdana;
	position: relative;
}

a, a:active, a:visited, a:hover {
	color: #666;
	text-decoration: none;
}

/* Main wrapper - this centers the layout and allows it to stretch */

#wrapper {
	width: 85%;
	min-width: 677px; /* Minimum size before the layout will stop 'squishing' - adjust if desired */
	max-width: 921px; /* Remove or adjust if wider photos are desired */
	margin: 0 auto 20px auto;
	background-color: #f4f5f6;
}


/* Logo and contact */

#header {
	height: 98px;
	background: #e9ecee url('../siteimages/header.jpg') top left no-repeat;
}

#header .contact {
	float: right;
	color: #3e6d83;
	font-size: 12px;
	font-weight: bold;
	margin: 20px;
	z-index: 300;
}

/* The container for the 3 columns */

#container {
	padding-left: 197px; /* Left column width */
	padding-right: 240px; /* Right column width */
	overflow: hidden; /* Cause container to fill empty space */
	background: url('../siteimages/content_bg.gif') repeat-y; /* faux full column background */
}

#container .column {
	position: relative;
	float: left;
}

/* Text header style - this also goes in the editor.css */

#container .header {
	color: #3e6d83;
	font-weight: bold;
	font-size: 14px;
}

/* The center column */

#main {
	width: 100%;
	padding-top: 229px; /* Image height */
	background: #f4f5f6 url('../siteimages/home_photo.jpg') no-repeat;
	color: #666;
}

#main_about {
	width: 100%;
	padding-top: 229px; /* Image height */
	background: #f4f5f6 url('../siteimages/about_us.jpg') no-repeat;
	color: #666;
}

#main_contact {
	width: 100%;
	padding-top: 229px; /* Image height */
	background: #f4f5f6 url('../siteimages/contact_us.jpg') no-repeat;
	color: #666;
}

#main_employers {
	width: 100%;
	padding-top: 229px; /* Image height */
	background: #f4f5f6 url('../siteimages/services.jpg') no-repeat;
	color: #666;
}

#main_employees {
	width: 100%;
	padding-top: 229px; /* Image height */
	background: #f4f5f6 url('../siteimages/client_resources.jpg') no-repeat;
	color: #666;
}

#main_jobseekers {
	width: 100%;
	padding-top: 229px; /* Image height */
	background: #f4f5f6 url('../siteimages/career_center.jpg') no-repeat;
	color: #666;
}

#main a:hover { /* Set any hover styles for content here */
	
}

/* The callout boxes at the top of the main content and right column */

.info {
	float: left;
	margin: 10px 5px;
	width: 46%; /* Make the boxes fluid */
	height: 165px;
	overflow: hidden;
	background-color: #fff;
	border: solid 1px #c1d0e0;
}

#industries.info {
	margin-left: 10px;
}

#industries.info a:link {text-decoration: none; color: #8f304d;}
#industries.info a:visited {text-decoration: none; color: #8f304d;}
#industries.info a:active {text-decoration: none; color: #8f304d;}
#industries.info a:hover {text-decoration: none; color: #bf607d;}


#careerTools.info a:link {text-decoration: none; color: #8f304d;}
#careerTools.info a:visited {text-decoration: none; color: #8f304d;}
#careerTools.info a:active {text-decoration: none; color: #8f304d;}
#careerTools.info a:hover {text-decoration: none; color: #bf607d;}

.info p {
	padding-left: 10px;
	font-size: 11px;
}

.info h3 {
	padding-left: 10px;
}

/* Content block */

#bodyContent {
	margin: 10px;
	margin-top: 187px; /* Account for the info boxes */
	border: solid 1px #c1d0e0;
	background-color: #fff;
	padding: 20px 20px 20px 20px;
	font-size: 11px;
}



/* Override for interior styles */

body#interior #bodyContent {
	margin-top: 10px;
	border: none;
	background: none;
}

#bodyContent a:link {text-decoration: underline; color: #006a9f;}
#bodyContent a:visited {text-decoration: underline; color: #006a9f;}
#bodyContent a:active {text-decoration: underline; color: #006a9f;}
#bodyContent a:hover {text-decoration: underline; color: #3696b5;}


/* Left-hand column - adding padding here would require adjustments to container values above */

#left {
	width: 197px;
	right: 197px;
	margin-left: -100%;
	position: relative;
	background: #f4f5f6;
}

#left ul,#left li,#left ol {margin:0;padding:0;position: relative;}

/* The main nav */

#navigation {
	height: 209px;
	padding-top: 20px;
	background: url('../siteimages/nav.jpg');
}


#leftimages {
	background-color: #0d8abf;
	margin-top: 0px; /* Nudge up to make 10px gap with navigation */
	padding-top: 10px;
	height: 202px;
}

#leftimages img {
	float: left; /* Prevent gaps between images */
}

/* The offices menu */

#offices {
	background-color: #0d8abf;
	color: #fff;
	padding-top: 12px; /* Account for image heights + 10px padding */
}

#offices a:link {text-decoration: none; color: #fff;}
#offices a:visited {text-decoration: none; color: #fff;}
#offices a:active {text-decoration: none; color: #fff;}
#offices a:hover {text-decoration: none; color: #c4e1eb;}


#offices ul {
	margin-top: 17px;
	padding-left: 18px;
	font-size: 12px;
	list-style: none;
}

#offices ul li {
	padding-top: 2px;
	font-weight: bold;
	list-style: none;
}


/* Right-hand column */

#right {
	width: 240px;
	margin-right: -100%;
	background-color: #f4f5f6;
}

/* Search form */

#search {
	height: 229px;
	background: #0d8abf url('../siteimages/search_header.gif') top no-repeat;
}

#search form {
	height: 229px;
	padding: 34px 14px;
	font-size: 12px; /* Need to set font size to get sizing right */
}

#search form label {
	padding-bottom: 3px;
	float: left;
	width: 100%;
}


#divlabel {
	padding-bottom: 3px;
	float: left;
	width: 100%;
}

#search form select {
	width: 100%;
}

#search form input {
	padding: 4px;
	border: 1px inset;
}

#search form #jobSearchBtn {
	display: block;
	float: right;
	width: 44px;
	height: 26px;
	border: none;
	padding: 0px;
	background: url('../siteimages/search_go.gif');
}

/* Callout box in right column */

#employers.info {
	width: 226px;
	margin: 10px 0px;
}

#employers.info  h3 {
	color: #8f304d;
}

#employers.info a:link {text-decoration: none; color: #8f304d;}
#employers.info a:visited {text-decoration: none; color: #8f304d;}
#employers.info a:active {text-decoration: none; color: #8f304d;}
#employers.info a:hover {text-decoration: none; color: #bf607d;}




/* Testimonials box */

#testimonials {
	width: 226px;
	float: right;
	margin-right: 12px;
	background-color: #b8dcf3;
	color: #173f52;
}

#testimonials #HeaderText {
	background-image: url('../siteimages/testimonials_hr.jpg');
	background-position: bottom;
	background-repeat: no-repeat;
}


#testimonials p {
	padding: 15px 20px 5px 20px;
	border-top: none;
}


/* Bottom contact info */

#right .contact {
	float: right;
	width: 226px;
	background-color: #f4f5f6;
	border: none;
}

#right .contact p {
	padding: 10px;
	color: #3e6d83;
	border: none;
	font-size: 14px;
	font-weight: bold;
}


#right .login {
	border: #aaa solid 1px;
	margin-right: 10px;
	padding: 5px;
	background-color: #fff;
	font-size: 10px;
}

/* Bulleted items */

#bodyContent ul li {
	background-image: url(../siteimages/bullet.gif);
	list-style: none;
	background-position: 0 .4em;
	padding-left: 1.7em;
	background-repeat: no-repeat;
} 





#savvyfoot {
	margin: 10px auto 20px auto;
	color: #fff;
	font-size: 11px;
	text-align: center;
}

#savvyfoot a:link {text-decoration: none; color: #fff;}
#savvyfoot a:visited {text-decoration: none; color: #fff;}
#savvyfoot a:active {text-decoration: none; color: #fff;}
#savvyfoot a:hover {text-decoration: underline; color: #fff;}