@charset "utf-8";
/* CSS Document */

html, body
{	
	font-family: Century Gothic, Verdana;
	font-size: 0.9em;
	width: 100%; margin-top: 0px;
	margin-left: auto; margin-right: auto;
}

.clearer
{	clear:both;
}

.container
{   

margin-left: auto; margin-right: auto;
	width: 900px; height: 100%;
	margin-top:0px;
}

#banner
{
	
	width:100%;
	height:400px; margin-top: 0px;
	margin-left: auto; margin-right: auto;
	background-color: #fff;
}
#masthead{ 	margin-left: auto; margin-right: auto; height:400px; width: 900px;margin-top: 0px;}

.contentContainer
{
	position:relative;
	width:900px;
	background-image:url(images/container.jpg);
	background-position:top;
	background-repeat:no-repeat;

}

.leftcontainer

{
	float:left;
	width: 200px;
	font-weight: normal;
	color:#2c54ab;
	margin-top:20px;


}

.leftcontainer img
{
	padding-bottom:20px;
}

.leftcontainer ul 

{

	margin: 0;
	padding: 0;
	font-weight: bold;
	color:#dbdddf;

}

.leftcontainer ul li

{
	list-style: none;
	display: block;
	padding: 0;
	margin: 0;

}

.leftcontainer ul li a {

	display:block;
 	padding: 5px ;
	text-decoration:none; 
	font-weight: normal;
	color: #ffffff;
	margin-bottom: 15px;
	background-color:#0087ba;
	text-align:left;


}



.leftcontainer ul li a:hover,
.leftcontainer ul li.on a

{

	font-weight: normal;
	background-color:#4682b4;
	display: block;
	color:#ffffff;


}

.imgContainer
{
	position:relative;
	float:left;
	width: 200px;
	margin-top:20px;
	background-color:#fff;
	min-height:350px;
}

.textContainer
{
	position:relative;
	width:670px;
	float:right;
	padding: 10px 0px 10px 10px;
	text-align:left;
	font-family:Century Gothic, Verdana;
	margin-top:20px;
	border-top: solid 1px #ccc;
	color:#012649;


	
}

.textContainer h1
{
	font-size:190%;
	color:#ad5179;

}

.textContainer h2
{
	font-size:130%;
	color:#848e21;

}

.textContainer img
{
	padding-left:10px;
	padding-top:10px;
}

#slideshow { width:660px; height:250px; background:; overflow:hidden; background:url(images/aboutus-rot1.jpg) no-repeat;} #slideshow img {margin: 0 0 0 0; padding: 0 0 0 0;}


#footerContainer { font-family: Arial, Helvetica, sans-serif; width: 100%; height: 43px; margin-right: auto; margin-left: auto;  float: left; position: relative; padding-bottom: 0px; margin-bottom: 0px;background-color: #fff;border-top: 1px solid #ccc;}

#footerContent { width: 900px; height: 43px;   margin-left: auto; margin-right: auto;background-color: #fff;}

#footerLogo{font-family: Arial, Helvetica, sans-serif; margin-top: 0px;margin-left: auto; margin-right: auto; width: 900px; height: auto;  color: #999; height: 43px; padding: 0px 0px 0px 0px; font-size: 0.75em;  }

#footerText {padding: 10px;}

#footerText a { font-family: Arial, Helvetica, sans-serif; margin: 0 0.5em; font-weight: normal;  }
#footerText a:link, #footerText a:visited { font-family: Arial, Helvetica, sans-serif; color: #999; text-decoration: none; }

#footerText a:hover, #footerText  a:focus { font-family: Arial, Helvetica, sans-serif; color: #002776; text-decoration: none; }
#footerLogo a img { border: none; float: left; margin: 0px 0px 0 0px;  }
#footerLogo a.hayslogo { border: none; }


/* SHARE */

.share {padding:4px 4px 2px 4px; height:20px; width:180px;   float:right; margin: -35px 0 0 0;  }
.addthis_button_expanded { padding-bottom:2px; font-family:Arial, Helvetica, sans-serif; font-size:12px; float:left;}
#share_icons {float:left; padding: 1px 9px 0 4px;}

/*SEARCH RESULTS STYLING */
FUTURES {
	font-family:Century Gothic, Arial, Helvetica, sans-serif;	font-size: 130%; font-weight: normal; color:#002559; text-decoration: none; padding:6px 10px;}
a:link.FUTURES {
	font-family: Century Gothic, Arial, Helvetica, sans-serif;	font-size: 130%; font-weight: normal; color:#002559; text-decoration: none;   padding:6px 10px;}
a:visited.FUTURES {
	font-family: Century Gothic, Arial, Helvetica, sans-serif; font-size: 130%; font-weight: normal; color: #002559; text-decoration: none;   padding:6px 10px;}
a:hover.FUTURES {
	font-family: Century Gothic, Arial, Helvetica, sans-serif; font-size: 130%; font-weight: normal; color:#848e21; text-decoration: none;   padding:6px 10px;}
a:active.FUTURES {
	font-family:Century Gothic, Arial, Helvetica, sans-serif;	font-size: 130%; font-weight: normal; color:#002559; text-decoration: none;    padding:6px 10px;}

/* TABLE HEADER */
tr.MicroHeader {font-size:100%; font-weight:normal; color: #fff; padding:20px; text-align:left; border-bottom: 1px solid #999999; background-color:#0087ba;}

/* Text in table */
p.Micro {font-family:Century Gothic, Arial, Helvetica, sans-serif; font-size:1em; color:#000; padding:6px;}
table.Micro {font-family:Century Gothic, Arial, Helvetica, sans-serif; font-size:1em; color:#000; border-collapse:collapse; padding:10px;}

/* Firstjob bar */
tr.MicroItem { padding:10px; color:#000;}
/* Second job bar */
tr.MicroAltItem { padding:10px;  color:#000;}

/* JOB DETAILS PAGE: back to search + apply links */
.jobdetails, .jobdetails span { color:#000000; padding:0 20px 20px 20px; }
.applylinks        {font-weight: normal; font-size: 1em; padding: 5px 15px; margin-top:3em; display:inline-block;}
a:link.applylinks, a:visited.applylinks {background-color: #0087ba; color: #fff; text-decoration: none; font-weight:bold; border: 1px solid #cccccc; }
a:hover.applylinks, a:focus.applylinks  {background-color:#0087ba; color: #fff;text-decoration: none; font-weight:bold; border: 1px solid #cccccc;}



.content {float: left; position: relative; width: 100%; margin-left: auto; margin-right: auto; }

.video {float: left; position: relative; width: 100%; margin-left: auto; margin-right: auto; }
