@charset "utf-8";
/* CSS Document */

.twoColFixLtHdr #container { 
	width: 780px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin-left: auto;
  	margin-right: auto;
	font-size:14px;
	font-family:Verdana;
	font-stretch:extra-expanded;
} 

.twoColFixLtHdr #content2 { 
	text-align:left;
	margin-left:0px;
} 

.twoColFixLtHdr #header { 
	padding: 0 10px 0 20px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
} 

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.title  {
background-image:url(../images/title_background.png);
background-repeat:no-repeat;
font-stretch:expanded;
font-size:20px;
font-weight:bold;
font-variant:small-caps;
padding-left:25px;
color:#C9D1DC;
text-align:left;
padding-bottom:5px;
padding-top:5px;
}

a {
color:#800000;
}

.footer {
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-stretch:extra-expanded;
text-align:center;

}

/* Buttons */

.employment_ontario a {
display: block;
width: 154px;
height: 59px;
background: transparent url(../images/employment_ontario_button.png) no-repeat;

}

.employment_ontario a:hover {
background-position: -100px 0;
border:0;
background: transparent url(../images/employment_ontario_button_hover.png) no-repeat;

} 

.post_a_job a {
display: block;
width: 154px;
height: 59px;
background: transparent url(../images/post_a_job_button.png) no-repeat;

}

.post_a_job a:hover {
background-position: -100px 0;
border:0;
background: transparent url(../images/post_a_job_button_hover.png) no-repeat;

} 

.business_resources a {
display: block;
width: 154px;
height: 59px;
background: transparent url(../images/business_resources_button.png) no-repeat;

}

.business_resources a:hover {
background-position: -100px 0;
border:0;
background: transparent url(../images/business_resources_button_hover.png) no-repeat;

} 

.job_seekers a {
display: block;
width: 164px;
height: 39px;
background: transparent url(../images/job_seekers_button.png) no-repeat;

}

.job_seekers a:hover {
background-position: -100px 0;
border:0;
background: transparent url(../images/job_seekers_button_hover.png) no-repeat;
} 

.students a {
display: block;
width: 164px;
height: 39px;
background: transparent url(../images/students_button.png) no-repeat;

}

.students a:hover {
background-position: -100px 0;
border:0;
background: transparent url(../images/students_button_hover.png) no-repeat;

} 

.employers a {
display: block;
width: 164px;
height: 39px;
background: transparent url(../images/employers_button.png) no-repeat;

}

.employers a:hover {
background-position: -100px 0;
border:0;
background: transparent url(../images/employers_button_hover.png) no-repeat;

} 

.creating_a_resume a {
display: block;
width: 164px;
height: 59px;
background: transparent url(../images/creating_a_resume_button.png) no-repeat;

}

.creating_a_resume a:hover {
background-position: -100px 0;
border:0;
background: transparent url(../images/creating_a_resume_button_hover.png) no-repeat;

} 

.career_exploration a {
display: block;
width: 164px;
height: 59px;
background: transparent url(../images/career_exploration_button.png) no-repeat;

}

.career_exploration a:hover {
background-position: -100px 0;
border:0;
background: transparent url(../images/career_exploration_button_hover.png) no-repeat;

} 

.local_agencies a {
display: block;
width: 164px;
height: 59px;
background: transparent url(../images/local_agencies_button.png) no-repeat;

}

.local_agencies a:hover {
background-position: -100px 0;
border:0;
background: transparent url(../images/local_agencies_button_hover.png) no-repeat;

} 

.internet_job_search a {
display: block;
width: 165px;
height: 61px;
background: transparent url(../images/internet_job_search_button.png) no-repeat;

}

.internet_job_search a:hover {
background-position: -100px 0;
border:0;
background: transparent url(../images/internet_job_search_button_hover.png) no-repeat;

} 

.job_search_tools a {
display: block;
width: 165px;
height: 61px;
background: transparent url(../images/job_search_tools_button.png) no-repeat;

}

.job_search_tools a:hover {
background-position: -100px 0;
border:0;
background: transparent url(../images/job_search_tools_button_hover.png) no-repeat;

} 

.local_employers a {
display: block;
width: 165px;
height: 61px;
background: transparent url(../images/local_employers_button.png) no-repeat;

}

.local_employers a:hover {
background-position: -100px 0;
border:0;
background: transparent url(../images/local_employers_button_hover.png) no-repeat;

} 

.employment_assistance a {
display: block;
width: 165px;
height: 61px;
background: transparent url(../images/employment_assistance_button.png) no-repeat;

}

.employment_assistance a:hover {
background-position: -100px 0;
border:0;
background: transparent url(../images/employment_assistance_button_hover.png) no-repeat;

}