/* HAYS - -------ADAM CROWLEY------- - Austin & Wills styles */

html, body {height: 100%;}

body { font-family: Arial, Helvetica, sans-serif; font-size: 0.7em; letter-spacing: 0.1em; background: #110E09; text-align: center; padding: 0; margin: 0; color: #FFFFFF; }

a:link, a:visited { color: #c8272f; }
a:hover, a:focus { color: #abc4c9; }

#homeContainer { 
	min-height: 100%; 
	width: 804px; 
	background: url(images/frontFace2.jpg) no-repeat center 100px;
	margin:0 auto 0 auto;  
	text-align: center; 
}

#container { min-height: 100%; width: 600px; margin: auto; padding-top: 30px; text-align: center; }

#homeContainer h1 { display: none; }

#homeContainer #nav { width: 476px; margin: auto; padding-top:450px; }

#nav ul { list-style: none; padding: 0; margin: 0; }
#nav li { float: left; display: block; }
#nav a { display: block; float: left;  }
#nav span { display: none; }
#homeContainer #nav a:hover, #homeContainer #nav a:focus { background-position: 0 -20px; }
#homeContainer a.about { background-image:url(images/homeNavAbout.gif); width: 156px; height: 20px; }
#homeContainer a.stores { background-image:url(images/homeNavStores.gif); width: 125px; height: 20px; }
#homeContainer a.opps { background-image:url(images/homeNavOpps.gif); width: 191px; height: 20px; }

#container #nav { height: 25px; padding-left: 10px; }

#container #nav a:hover, #container #nav a:focus { background-position: 0 -15px; }
#container a.about { background-image:url(images/NavAbout.gif); width: 109px; height: 15px; }
#container a.stores { background-image:url(images/NavStores.gif); width: 87px; height: 15px; }
#container a.opps { background-image:url(images/NavOpps.gif); width: 135px; height: 15px; }

#container li.aboutactive { background:url(images/NavAbout.gif) 0 -15px; width: 109px; height: 15px; }
#container li.storesactive { background:url(images/NavStores.gif) 0 -15px; width: 87px; height: 15px; }
#container li.oppsactive { background:url(images/NavOpps.gif) 0 -15px; width: 135px; height: 15px; }

#main {overflow: auto; padding-bottom:60px; }

#box { background: #FFFFFF;  padding: 25px 25px 10px 25px; clear: both; text-transform: uppercase; text-align: left; color: #000000;  }

#box h1 { background:url(images/AboutHeader.gif) top center no-repeat; height: 21px; margin: 0 0 16px 0; padding: 0; }
#box h1 span { display: none; }
#box h1.stores { background-image: url(images/StoresHeader.gif); }
#box h1.opps { background-image: url(images/OppsHeader.gif); }
#box h1.JobDetails { background-image: url(images/JobDetailsHeader.gif); }

h2 { font-size: 1.1em; margin: 1em 0 0 0; }

.blackline { height: 2px; background: #000000; }
.blackline hr { display: none; }

#text { height: 380px; overflow: auto; }

#MillsFooter { text-align: center; height: 78px; margin-top: 20px; }
#MillsFooter a img { border: none; }

#searchresults { padding-left: 1px; }

.clearer { clear: both; padding-top: 10px; }

.Micro { margin-top: 10px; border-collapse: collapse; }
tr.MicroHeader { padding: 5px; text-align: left; background: #110E09; color: #FFFFFF; }
tr.MicroItem { padding: 7px; background: none; text-align: left; border: none; }
tr.MicroAltItem { padding: 7px; background: #e5e9eb; text-align: left; border: none; }

.Micro th, .Micro td { padding: 7px; border: #222222 solid 1px; }

#jobdetails {  }

#jobdetails a { font-weight: bold; margin-top: 1em; text-decoration: none; padding: 7px; background: #c0292e; border: #eae7e6 outset 3px; line-height: 2em; color: #FFFFFF;}
#jobdetails a:hover, #jobdetails a:focus { color: #000000; background: #abc4c9; }

#jobdetails .title { color: #c41130; font-size: 1.6em; line-height: 1.4em; font-weight: normal; margin-top: 1em; }

/****************************************** FOOTER *************************************************/
#footer {
	position: relative;
	margin-top: -60px; /* negative value of footer height */
	height: 20px;
	clear:both;
	padding: 25px 30px 15px 30px;
	background-color:#FFFFFF;
	border-top:1px dashed #999999;
} 

/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/
}
#innerFooter {
	font-family:Arial, Helvetica, sans-serif;
	color: #666666;
	margin-right: 240px;
	color: #3e5991;
}
#innerFooter .pipe { margin: 0 2px 0 5px; color: #009fda; font-size: 1.2em; color: #FFFFFF; border-left: #00aeef solid 1px; }
#innerFooter a { color: #3e5991; text-decoration: none; }
#innerFooter a:hover, #innerFooter a:focus { text-decoration: underline; color: #162b61; }
#innerFooter a img { border: none; float: left; margin: -12px 12px 0 0; position: relative; }
#innerFooter a.hayslogo {
	border: none;
}

/* SHARE */
.share {
	height:15px;
	width:170px;
	float:right;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 0;
	margin-right: 10px;
}