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

body, html {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 1.5;
height: 100%;
}

.darkblue_bg {
background-color: #b2cbe2;
}
.lightblue_bg {
background-color: #d9e5f1;
}

#wrapper {
width: 800px;
margin: auto;
}

#wrapper_top {
width: 840px;
margin: auto;
}

#top {
width: 800px;
margin: 25px 0 17px 0;
}

#header {
width: 840px;
height: 204px;
background-image: url(../images/splash_header.jpg);
}
#header_french {
width: 840px;
height: 222px;
background-image: url(../images/splash_header_fr.jpg);
}

#util {
width: 800px;
margin: 24px auto 0;
}
#util ul.logos {
width: 534px;
float: left;
}
#util ul.logos li {
float: right;
}

#util .language {
text-align:right;
}
#util .language a {
color: #000;
text-decoration: none;
}
#util .language a:hover {
text-decoration: underline;
}

/*****Splash*****/
#wrapper_splash {
height: auto !important;
height: 100%;
margin: 0 auto;
width: 800px;
overflow: hidden;
}

#wrapper_splash p {
padding: 5px 50px 15px;
}

#wrapper_splash h1 {
padding: 5px 0 0 20px;
color: #fff;
font-weight: bold;
font-size: 14px;
}

#wrapper_splash a {
color: #000;
text-decoration: none;
}
#wrapper_splash a:hover {
text-decoration: underline;
}

#entry_top {
width: 800px;
height: auto;
background-color: #ccc;
line-height: 1.2;
font-weight: bold;
float: left;
position: relative;
}
#entry_top .seeker_title h1 {
padding: 15px 0 0 20px;
color: #fff;
font-size: 16px;
}
#entry_top .employer_title h1 {
padding: 10px 0 0 20px;
color: #fff;
font-size: 16px;
}

#entry_top .seeker_title {
width: 100%;
height: 57px;
background-color: #00539f;
border-right: solid 4px #fff;
border-bottom: solid 2px #fff;
display: block;
float: left;
}
#entry_top .employer_title {
width: 100%;
height: 57px;
background-color: #00539f;
display: block;
float: left;
}

#entry_top .left {
font-size: 14px;
border-right: solid 4px #fff;
width: 532px;
float: left;
}
#entry_top .left li {
width: 472px;
height: 32px;
padding: 18px 0 0 60px;
border-top: solid 2px #fff;
display: block;
float: left;
}

#entry_top .right {
width: 264px;
font-size: 12px;
float: right;
}
#entry_top .right ul {
width: 238px;
border-top: solid 4px #fff;
padding: 0 0 0 26px;
line-height: 4;
list-style-type: disc;
list-style-position: inside;
display: block;
float: left;
}

#resources {
width: 100%;
margin-top: 20px;
font-weight: bold;
float: left;
position: relative;
}

#resources .resource_title {
background-color: #007254;
width: 100%;
height: 30px;
display: block;
float: left;
}

#resources ul {
padding-left: 35px;
margin-top: 15px;
line-height: 1.5;
list-style-type: disc;
list-style-position: outside;
}
#resources ul li{
margin-top: 10px;
}
#resources .left {
width: 45%;
float: left;
}
#resources .right {
width: 45%;
float: left;
}

#three_column {
width: 100%;
background-color: #ececec;
font-weight: bold;
margin-top: 20px;
float: left;
}
#three_column .blue {
height: auto;
display:block;
width: 532px;
background-color: #e0eaf3;
border-right: solid 4px #fff;
float: left;
}

#three_column ul {
padding-left: 35px;
margin: 15px 15px 0 0;
line-height: 1.5;
list-style-type: disc;
list-style-position: outside;
}
#three_column ul li{
margin-top: 10px;
}

#three_column .related_websites {
background-color: #e5f1ee;
color: #007254;
width: 263px;
border-right: solid 4px #fff;
padding-bottom: 10px;
float: left;
}
#three_column .related_websites .header {
background-color: #007254;
display: block;
width: 263px;
height: 30px;
}
#three_column .related_websites a {
color: #007254; 
text-decoration: none;
}
#three_column .related_websites a:hover {
text-decoration: underline;
}

#three_column .related_articles {
color: #00539f;
width: 260px;
float: left;
}
#three_column .related_articles .header {
background-color: #00539f;
display: block;
width: 265px;
height: 30px;
}
#three_column .related_articles a {
color: #00539f;
text-decoration: none;
}
#three_column .related_articles a:hover {
text-decoration: underline;
}

#three_column .events {
color: #404040;
width: 263px;
float: left;
}
#three_column .events .header {
background-color: #404040;
display: block;
width: 265px;
height: 30px;
}
#three_column .events a {
color: #404040;
text-decoration: none;
}
#three_column .events a:hover {
text-decoration: underline;
}

#footer {
text-align:center;list-style:none;
width: 800px;
height: 90px;
margin: 4px auto;
}
#footer .bar {
width: 100%;
height: 20px;
background-color: #00539f;
}
#footer ul, p {
margin: 10px 0 0 0;
}
#footer li {
display:inline;
}
#footer li a {
color: #007254;
text-decoration: none;
}
#footer li a:hover {
text-decoration: underline;
}