/* CSS Document */

.clear {clear:both;}

body {
	background: url(images/bgtile.gif) repeat top left;
	font: normal 12px/1.4em Arial, Verdana, "Lucida Grande", sans-serif;
	color: #00689E;
	margin: 0px;
	padding: 0px;
}

#container { background: #FFF url(images/bg_large.jpg) no-repeat top left; width:800px; padding: 0px; margin: 0px; float: left; }

#sidebar { background: #BADDEC; float: left; width: 251px; margin: 0px; padding: 0px;}

#maincontent { background: none; float: left; width: 539px; margin: 190px 0px 20px 0px; padding: 0px;}

#maincontent p {font: normal 12px/1.4em Arial, Verdana, "Lucida Grande", sans-serif; color: #00689E; margin: 0; padding: 5px 25px; }
#maincontent h1 { font: normal 17px/1.2em Georgia, "Times New Roman", Times, serif; margin: 0px; padding: 0px 25px 5px;}
#maincontent h2 { font: normal 18px/1.2em Georgia, "Times New Roman", Times, serif; margin: 0px; padding: 0px 25px}
#maincontent a:link, #maincontent a:visited {text-decoration: underline; color:#00689E;}
#maincontent a:hover {text-decoration: none;}
#maincontent ul { margin: 0px; padding: 0px 25px 10px 35px; list-style-position: inside; }
#maincontent li { margin: 0px; padding: 0px 0px 8px 2px; line-height: 1.2em; }
#maincontent form { padding: 0px; margin: 0px; }
#maincontent input { padding: 0px; margin: 0px; }



#oakville { background: #D6EBF4 url(images/bg_oakville.jpg) no-repeat; margin: 25px; padding: 50px 0px 0px; }
#oakville img { float: left; padding: 0px 15px 15px;}

#haltonhills { background: #D6EBF4 url(images/bg_halton-hills.jpg) no-repeat; margin: 25px; padding: 50px 0px 0px; }
#haltonhills img { float: left; padding: 0px 15px 10px;}

#milton { background: #D6EBF4 url(images/bg_milton.jpg) no-repeat; margin: 25px; padding: 50px 0px 0px; }
#milton img { float: left; padding: 0px 15px 15px;}

#haltonregion { background: #D6EBF4 url(images/bg_halton-region.jpg) no-repeat; margin: 25px; padding: 50px 0px 0px; }
#haltonregion img { float: left; padding: 0px 15px 10px;}
#haltonregion h1 { font: normal 17px/1.2em Georgia, "Times New Roman", Times, serif; margin: 0px; padding: 10px 25px 5px;}

.hrlinks { background: none; margin: 0px 0px 0px 0px; padding: 5px 0px 7px; display: block; text-align: left;}
.hrlinks a:link, .hrlinks a:visited {font-weight: normal !important; color: #00689E; text-decoration: none; padding: 0px 10px 0px 0px;}
.hrlinks a:hover {text-decoration: underline;}


.vhtlinks { background: #BADDEC; margin: 10px 0px 0px 0px; padding: 5px 0px 7px; display: block; text-align: center;}
.vhtlinks a:link, .vhtlinks a:visited {font-weight: normal !important; color: #00689E; text-decoration: none; padding: 0px 10px;}
.vhtlinks a:hover {text-decoration: underline;}

#profile {background-color: #009782; margin: 0px; padding: 0px 0px 10px; border-bottom: 1px solid #FFFFFF;}
#profile p {font: normal 12px/1.2em Arial, Verdana, "Lucida Grande", sans-serif; padding: 0px 15px 8px 15px; margin: 0px; color: #FFF;}
#profile img {padding: 0px; margin: 0px;}
#profile h1 {font: bold 13px/1.2em Arial, Verdana, "Lucida Grande", sans-serif; color: #FFF; margin: 0px; padding: 6px 15px 10px}
#profile a:link, #profile a:visited {text-decoration: underline; color:#FFF;}
#profile a:hover {text-decoration: none;}

div#hidden {margin: 0px; display: none; }
div#hidden2 {margin: 0px; display: none; }





/* TOTAL REWARDS */

#maincontenttr { background: none; float: left; width: 500px; margin: 190px 0px 20px 20px; padding: 0px;}
#maincontenttr p {font: normal 12px/1.4em Arial, Verdana, "Lucida Grande", sans-serif; color: #00689E; margin: 0; padding: 5px 25px; }
#maincontenttr h1 {font: normal 24px/1.1em Georgia, "Times New Roman", Times, serif; text-align: left; color: #057263; padding: 5px 25px; margin:0px;}
#maincontenttr h2 {font: normal 16px/1.1em Georgia, "Times New Roman", Times, serif; text-align: left; color: #057263; padding: 5px 25px 0px; margin:0px;}

#total { background: #FFFFFF url(images/bg_totalrewards.gif) no-repeat top left; padding: 80px 0px 60px 0px; margin: 0px; width:500px; height: 230px;}
#total p {font: normal 12px/1.2em Arial, Verdana, "Lucida Grande", sans-serif; text-align: left; color: #009782; padding-bottom:4px; margin:0px;}
#total h1 {font: normal 20px/1.1em Georgia, "Times New Roman", Times, serif; text-align: left; color: #009782; padding: 10px 0px; margin:0px;}
#total h2 {font: normal 14px/1.2em Arial, Verdana, "Lucida Grande", sans-serif; text-align: left; color: #009782; padding-top: 4px; margin:0px;}

.hoopp {color: #00689E;}
.hoopp a {text-decoration: none;}

#total ul {
  margin: 0px;
  padding: 0px 0px 0px 40px;
  position: relative;
  width: 165px !important; /*For KHTML*/
  list-style: none;
  float: left;
  display: block;
}

#total ul li {
  display: block !important; /*For GOOD browsers*/
  display: inline; /*For IE*/
  padding: 0px;
  margin: 0px;
}

#total ul ol { display: none;}

#total ul li a {
  border: 2px solid #53BDAE;
  padding: 4px;
  margin: 0px 0px 4px 0px;
  display: block;
  background: #009782 url(images/bg_trtile3.gif) repeat-y top;
  color: #FFF;
  font: normal 14px/1.1em Arial, Verdana, "Lucida Grande", sans-serif;
  text-decoration: none;
  text-align: center;
  height: auto !important;
}

#total ul li a:hover,
#total ul li.iehover a { display: block; text-decoration:none; background: #53BDAE; }


#total ul li ul { display:none; position:absolute; top:0px; height:auto; left:205px; width:238px !important; height:242px; padding:6px 20px; background: url(images/bg_totalrewards_over.gif); }



#total ul li ul li a { background: none !important; font-weight: normal !important; font-size:12px; text-align: left; color: #009782; padding: 0px 0px 6px 0px; margin:0px; border: 0px;}

#total ul li ul li a:hover { background: none; text-decoration: underline;}



#total ul li:hover ul ul,
#total ul li.iehover ul ul {
  display: none;
}

#total ul li:hover ul,
#total ul li.iehover ul {
  display: block;
}


#totalintro { display: block; padding: 0px 15px; margin: 0px; width: 260px; float: left;}
#totalintro h1 {font: normal 18px/1.1em Georgia, "Times New Roman", Times, serif; text-align: left; color: #009782; padding: 0px; margin:0px;}

.backtotop {font-size:70%; color:#53BDAE; text-decoration: none; display:inline;}
.backtotop a {font-size:smaller; color:#53BDAE; text-decoration: none;}
.backtotop a:hover {color: #53BDAE;}


/* LINKS */

#nav {margin: 0px; padding: 0px;}
#nav a { display: block; font-size: 12px; height: 22px; padding: 5px 0 0 15px; text-decoration: none;}
#nav a:hover { background: #92C9E1; color: #00689E}
#active, a#active:hover {background: url(images/navactive.gif) no-repeat 160px 4px; cursor: default; font-weight: bold;}
#backtohh { background: #92C9E1; color: #FFF;}
#rnjobopp { background: #92C9E1; font: bold 20px/1.2em Georgia, "Times New Roman", Times, serif; color: #FFF; text-align:center; border-top: 1px solid #FFF; border-bottom: 2px solid #FFF; padding-right: 10px;}
a#rnjobopp:hover { font-style: italic;}

/* LISTS */

.sidenav h4 {display: none;}
.sidenav ul {margin: 0px; padding: 0px; width: 251px; border-top: 1px solid #FFF;}
.sidenav ul li {  display: block !important; /*For GOOD browsers*/ display: inline; /*For IE*/  list-style: none;}
.sidenav a {font-weight: normal !important; text-decoration: none; padding: 8px 0 8px 14px; border-bottom: 1px solid #FFFFFF; background: #BADDEC;  display: block;}
.nav a:link, .nav a:visited {color: #00689E;}
.nav a:hover {color: #00689E; background: #92C9E1;}

#sidenav {
	background: #00689E url(images/HH-New-Nav_01.gif) no-repeat top left;
	font: normal 17px/1.2em Georgia, "Times New Roman", Times, serif; text-align:center; margin: 0px; padding: 8px 0px; color: #FFF; }
#sidenavb {
	background: #00689E url(images/HH-New-Nav_02.gif) no-repeat top left; margin: 0px; padding: 8px 0px; color: #FFF; }
#sidenavb a {font-weight: normal !important; font-size: 15px; color:#FFF; text-decoration: none; padding: 0px 0px 1px 40px; display: block;}
#sidenavb a:hover {color: #00689E;}
#sidenavc {
	background: #00689E url(images/HH-New-Nav_03.gif) no-repeat top left; margin: 0px; padding: 8px 0px; color: #FFF; }
#sidenavc a {font-weight: normal !important; font-size: 15px; color:#FFF; text-decoration: none; padding: 0px 0px 1px 40px; display: block;}
#sidenavc a:hover {color: #00689E;}



/* SEARCH RESULTS */

#searchresults {
	color: #00689E;
	margin: 10px 20px 20px;
}
#searchresults th {
	font-size: 8pt;
	font-style: normal;
	background: #00689E;
	color: #FFFFFF;
	padding: 4px 10px 4px 6px;
	vertical-align: middle;
	text-align: left;
}
#searchresults tr.odd {
	background: #BADDEC;
}
#searchresults td {
	font: normal 12px/1.2em Arial, Verdana, "Lucida Grande", sans-serif; padding: 8px 10px 8px 6px;
	vertical-align: top;
}


#searchresults th a:link, #searchresults th a:active, #searchresults th a:visited {color: #FFFFFF; text-decoration: none;}
#searchresults th a:hover {color: #FFFFFF; text-decoration:underline;}

#searchresults a:link, #searchresults a:active, #searchresults a:visited {color: #00689E; text-decoration: none;}
#searchresults a:hover {color: #00689E; text-decoration:underline;}

#postingtable { padding: 20px 15px 20px 25px; margin: 0px;}
#postingtable td { padding: 0px 0px 2px; }



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Search Forms
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#search {
	width: 499px;
	padding: 20px 25px;
	}
#search p {
	margin: 0px;
	padding: 0px 20px 30px 20px;
}
#search fieldset {
	margin: 10px 0 10px;
	border: 1px solid #BADDEC;
	padding: 18px 10px 27px;
	}
#search fieldset.sub {
	margin: 10px 0px 20px;
    padding: 0px;
    text-align: center;
	border: none;
        }
#search legend {
	margin: 10px 0 10px 3px;
	border: 1px solid #BADDEC;
	padding: 3px 8px;
	font-size: .87em;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #00689E;
	}
#search label {
	float: left;
	clear: both;
	width: 30%;
	margin: 4px 2% 0;
	padding-top: 5px;
	text-align: right;
	font-size: 1.1em;
	}
#search input.text, #search input.url, #search textarea, #search select {
	float: left;
	display: block;
	width: 50%;
	margin: 5px 15px 5px 0;
	border: 1px solid #BADDEC;
	padding: 3px;
	font-family: 1em/1.0 "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	}
#search input.radio {
	margin: 10px 0px 0px;
	padding: 3px;
	}	
#search select {
	padding: 3px;
	width: 52%;
	background: #fff;
	}
#search textarea {
	margin-bottom: 0;
	}
#search input.button {
        width: 10em;
        padding: 2px 0;
        border: 3px double;
        font-size: 1.2em;
        border-color: #F1F1F1 #C0C0C0 #C0C0C0 #F1F1F1;
        background: #BADDEC;
        cursor: pointer;
		color: #00689E;
}

#maincontent .expand1 {font-weight: normal !important; text-decoration: none; padding: 4px 0 4px 8px; display: block; background: #E9F4F9; border-bottom: solid 1px #FFF; color:#00689E; }