@charset "utf-8";
/* CSS Document */

    body {
	margin:0;
	padding:0;
	font:  12px/1.6em Verdana;
	background:#ffffff url(images/bkg.jpg) top no-repeat;
}

.shell
{	position:relative;
	margin: auto;
	width: 800px;
	text-align:left;
	background: #ffffff;

}

.topbanner
{	width: 800px;
	height: 159px;
	position:relative;
	background-image: url(IMAGES/banner.gif);

	
}

.topbox
{	width: 800px;
	height: 200px;

}



 #tabs {
 	margin-top: 126px;
	font: bold 11px/1.5em Verdana;
      float:left;
      width:500px;
   
      font-size:93%;
      line-height:normal;
	  border-bottom:1px solid #CCCCCC;
      }
    #tabs ul {
	margin:0;
	padding:10px 10px 0 20px;
	list-style:none;
      }
    #tabs li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabs a {
      
	  float:left;
      background:url("images/left_tab.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabs a span {
      float:left;
      display:block;
      background:url("images/right_tab.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#666;
	  background-color:
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs a span {float:none;}
    /* End IE5-Mac hack */
    #tabs a:hover span {
      color:#FFF;
      }
    #tabs a:hover {
      background-position:0% -42px;
      }
    #tabs a:hover span {
      background-position:100% -42px;
      }
 
 #tabs li.selected a {color:#000000;   float:left;
      background:url("images/left_tab.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px; background-position:0% -42px;}
 
 #tabs li.selected a span {  float:left;
      display:block;
      background:url("images/right_tab.gif") no-repeat right top;
      padding:5px 15px 4px 6px; background-position:100% -42px;}

.body_container { margin:auto; width:800px; color:#000000;  }

.main_box {
		position:relative; float: left;
		background: url(images/mid_kids_bkg.jpg) top no-repeat ;
		width: 624px;
		clear: both;
		
}

.flash_right {
	float:left;
	width: 176px;
	height:538px;
	background: #ffffff url(images/under_flash.gif);
	}


.left_image {
		float:left;
		padding: 15px 15px 15px 15px;
}

.clearer { clear: both; }


.upper_footer{ 
	position:relative;
	margin: auto;

	width: 822px;
	height: 69px;
	background:url(images/footer.gif) ;
	}
	
.footer { position:relative; margin: auto; color: #000; width: 860px; height:15px; background: #ffffff; clear:both;  padding: 20px 0px 15px 30px; font-size: .9em; display: block;  }

.footer ul { list-style: none;; padding: 0; }
.footer li { display: block; float: left; }
.footer a img { border: none; float: left; margin: -6px 20px 0 0; position: relative; }
.footer a.hayslogo { border: none;}
.footer a { margin: 0 5px;  }
.footer a:link, #footer a:visited { color:#086393 ; }
.footer a:hover, #footer a:focus { color: #999999 ;  }
	
	
/* Headers

----------------------------------------------- */


h1 {
	font-size: 1.7em;
	padding-top: 20px;
	font-weight: bold;
	color:#006633;
}	
h2 {
	font-size: 1.4em;
	font-weight: bold;
	padding: 0;
	color: #666666;
}	
h3 {
	font-size: 1.4em;
	
	font-weight: bold;
	color:#006633;
}	


/* SEARCH RESULTS STYLING */
dearne {
	font-family: Arial, Helvetica, Verdana, sans-serif;	font-size: 100%; font-weight: bold; color:#000000; text-decoration: none; background-color:#ffffff;}
a:link.dearne{
	font-family: Arial, Helvetica, Verdana, sans-serif;	font-size: 100%; font-weight: bold; color:#000000; text-decoration: none;}
a:visited.dearne{
	font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 100%; font-weight: bold; color:#747679; text-decoration: none;}
a:hover.dearne{
	font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 100%; font-weight: bold; color:#16a6ff; text-decoration: none;}
a:active.dearne{
	font-family: Arial, Helvetica, Verdana, sans-serif;	font-size: 100%; font-weight: bold; color:#000000; text-decoration: none;}

/* TABLE HEADER */
tr.MicroHeader {font-size:100%; font-weight:bold; color:#ffffff; background-color:#3b9f3b; padding:5px;}

/* Text in table */
p.Micro {font-family:Arial, Helvetica, Verdana, sans-serif; font-size:100%; color:#747679}
table.Micro {font-family:Arial, Helvetica, Verdana, sans-serif; font-size:100%; color:#747679; border-collapse:collapse;}

/* Firstjob bar */
tr.MicroItem {background-color: #e4ecee; padding:2px;}
/* Second job bar */
tr.MicroAltItem {background-color: #ffffff; padding:2px;}
