img	{border: 0; }

body {text-align: center; color: #000; background: #fff; font: 12px Arial;}

p {text-align: justify;}
p.backtotop {margin: 0 0 0 10px; text-align: right; }
p.backtotop a {background: url(../img/arrow_red_up.gif) no-repeat 0 50%; padding: 0 0 0 15px; color: #000;}
p.r {text-align: right;}
a.more {font-size: 11px; font-weight: bold; color: #000; background: url(../img/bullet_red.gif) right 60% no-repeat; padding: 0 12px 0 0;}
a.more:HOVER {color: #666;}

.w190 {width: 190px;}
.l {float: left;}
.clock {padding: 0 0 0 30px;}
/********************************************************************************/

#wrapper {color: #000;	background: #fff; width: 750px;	margin: 0 auto;	padding: 0;	text-align: left;}

/*top header class definition*/
#headerTop {color: #000; display: block; background: #fff; width: 750px; height: 20px; text-align: right; font-size: 11px}
#headerTop ul li {list-style: none; display: inline; padding:0 5px 0 7px; border-left: 1px solid #000;}
#headerTop ul li.first {border: none;}
#headerTop ul li a {color: #000; text-decoration: none;}
#headerTop ul li a:HOVER {color: #aaa;}

/*logo & menu section class definition*/
#logoMenu {margin: 0 0 0 -40px;}
#logoMenu ul li {float: left; list-style-type: none; display: inline; border: none; padding:0;}
#logoMenu ul li a.home {width: 259px; height: 97px; display: block; background: url(../img/logo_stelfox.gif);}
#logoMenu ul li.about {background: url(../img/btn_about_off.gif);}
#logoMenu ul li.about a.about {width: 73px; height: 97px; display: block;}
#logoMenu ul li.about a.aboutOn {width: 73px; height: 97px; display: block; background: url(../img/btn_about_on.gif);}
#logoMenu ul li.about a.about:HOVER {width: 73px; height: 97px; display: block; background: url(../img/btn_about_on.gif);}

#logoMenu ul li.jobseekers {background: url(../img/btn_jobseekers_off.gif);}
#logoMenu ul li.jobseekers a.jobseekers {width: 115px; height: 97px; display: block;}
#logoMenu ul li.jobseekers a.jobseekersOn {width: 115px; height: 97px; display: block; background: url(../img/btn_jobseekers_on.gif);}
#logoMenu ul li.jobseekers a.jobseekers:HOVER {width: 115px; height: 97px; display: block; background: url(../img/btn_jobseekers_on.gif);}

#logoMenu ul li.recruiters {background: url(../img/btn_recruiters_off.gif);}
#logoMenu ul li.recruiters a.recruiters {width: 112px; height: 97px; display: block;}
#logoMenu ul li.recruiters a.recruitersOn {width: 112px; height: 97px; display: block; background: url(../img/btn_recruiters_on.gif);}
#logoMenu ul li.recruiters a.recruiters:HOVER {width: 112px; height: 97px; display: block; background: url(../img/btn_recruiters_on.gif);}

#logoMenu ul li.employers {background: url(../img/btn_employers_off.gif);}
#logoMenu ul li.employers a.employers {width: 112px; height: 97px; display: block;}
#logoMenu ul li.employers a.employersOn {width: 112px; height: 97px; display: block; background: url(../img/btn_employers_on.gif);}
#logoMenu ul li.employers a.employers:HOVER {width: 112px; height: 97px; display: block; background: url(../img/btn_employers_on.gif);}

#logoMenu ul li.services {background: url(../img/btn_services_off.gif);}
#logoMenu ul li.services a.services {width: 99px; height: 97px; display: block;}
#logoMenu ul li.services a.servicesOn {width: 99px; height: 97px; display: block; background: url(../img/btn_services_on.gif);}
#logoMenu ul li.services a.services:HOVER {width: 99px; height: 97px; display: block; background: url(../img/btn_services_on.gif);}

#logoMenu ul li.contact {background: url(../img/btn_contact_off.gif);}
#logoMenu ul li.contact a.contact {width: 92px; height: 97px; display: block;}
#logoMenu ul li.contact a.contactOn {width: 92px; height: 97px; display: block; background: url(../img/btn_contact_on.gif);}
#logoMenu ul li.contact a.contact:HOVER {width: 92px; height: 97px; display: block; background: url(../img/btn_contact_on.gif);}

/*header image section class definition*/
#headerImg {float: left; width: 505px; height: 171px; margin: -19px 0 0 0;}
html>body #headerImg {float: left; width: 505px; height: 171px; margin: 0;}

/*right side top links section class definition*/
#rhsLinks {float: right; width: 245px; height: 190px; background: url(../img/bgnd_rhs_links.gif) top left no-repeat; margin: -19px 0 0 0; padding: 50px 0 0 0;}
html>body #rhsLinks {float: right; width: 245px; height: 146px; background: url(../img/bgnd_rhs_links.gif) top left no-repeat; margin: 0; padding: 35px 0 0 0;}
#rhsLinks ul li {list-style: none; margin: 0 0 0 -15px;}
#rhsLinks ul li a {background: url(../img/bullet_red.gif) 0 60% no-repeat; padding: 0 0 0 12px; color: #fff; font-weight: bold; font-size: 11px; font-family: Verdana, sans-serif; text-decoration: none;}
html>body #rhsLinks ul li a {background: url(../img/bullet_red.gif) 0 75% no-repeat; padding: 0 0 0 12px; color: #fff; font-weight: bold; font-size: 11px; font-family: Verdana, sans-serif; text-decoration: none;}
#rhsLinks ul li a:HOVER {color: #ddd; text-decoration: underline;}

/********************************************************************************/

/*main content section class definition*/
#mainContentWrapper {background: url(../img/bgnd_main.gif) top left repeat-x; width: 750px; margin: -19px 0 0 0;}
html>body #mainContentWrapper {background: url(../img/bgnd_main.gif) top left repeat-x; width: 712px; padding:0 0 0 38px; margin:-10px 0 0 0; display: table;}

/*left side column section class definition*/
#lhsCol {float: left; width: 242px; height: 300px; padding: 11px 8px 10px 37px;}
html>body #lhsCol {width: 190px; min-height: 250px; padding: 0 0 0 0; margin: 0;}
#lhsCol h1 {font-size: 18px; color: #fff; font-weight: normal; border-bottom: 1px solid #aaa; padding: 0 0 10px 0;}
#lhsCol p {font-size: 11px; color: #000;}
#lhsCol p.spacer {font-size: 9px;}
#lhsCol label {font-size: 11px; color: #000; font-weight: bold;}
#lhsCol input, select {font-size: 11px; color: #000;}
#lhsCol ul li {list-style: none; margin: 0 0 0 -30px;}
#lhsCol ul li a {background: url(../img/bullet_white.gif) 0 60% no-repeat; padding: 0 0 0 12px; color: #fff; font-weight: bold; font-size: 11px; font-family: Verdana, sans-serif; text-decoration: none;}
html>body #lhsCol ul li a {background: url(../img/bullet_white.gif) 0 75% no-repeat; padding: 0 0 0 12px; color: #fff; font-weight: bold; font-size: 11px; font-family: Verdana, sans-serif; text-decoration: none;}
#lhsCol ul li a:HOVER {color: #ddd; text-decoration: underline;}

#rhsWrapper {float: right; width: 508px;}
html>body #rhsWrapper {float: right; width: 515px; margin: 0;}

/*top row section class definition*/
#topRow {float: left; width: 495px;}
#topRow h1 {font-size: 18px; color: #C40E0B; font-weight: normal; border-bottom: 1px solid #aaa; margin: 0 0 0 25px; padding: 20px 0 10px 0;}
html>body #topRow h1 {font-size: 18px; color: #C40E0B; font-weight: normal; border-bottom: 1px solid #aaa; margin: 0 0 0 30px; padding: 20px 0 10px 0;}

/*center column section class definition*/
#centerCol {float: left; width: 254px; padding: 10px 5px 10px 25px;}
html>body #centerCol {float: left; width: 225px; padding: 0px 10px 10px 30px;}
#centerCol p {font-size: 11px; line-height: 150%;}

/*right side column section class definition*/
#rhsCol {float: left; width: 251px; padding: 10px 10px 10px 20px;}
html>body #rhsCol {float: left; width: 217px; padding: 0px 10px 10px 18px;}
#rhsCol p {font-size: 11px; line-height: 150%;}

/********************************************************************************/

/*bottom section class definition*/
#bottomContentWrapper {float: left; background: #ddd url(../img/bgnd_bottom.gif) no-repeat top left; width: 750px; padding: 19px 0 0 0;}
html>body #bottomContentWrapper {float: left; background: #ddd url(../img/bgnd_bottom.gif) no-repeat top left; width: 750px; padding: 19px 0 0 0;}
#bottomContentWrapper p {font-size: 11px; color: #000;}

/*left side bottom column section class definition*/
#lhsColBottom {float: left; width: 242px; padding: 11px 8px 10px 37px;}
html>body #lhsColBottom {float: left; width: 195px; padding: 0px 8px 10px 37px;}
#lhsColBottom p {font-size: 11px; color: #000; line-height: 150%;}
#lhsColBottom h1 {font-size: 18px; color: #C40E0B; font-weight: normal; border-bottom: 1px solid #aaa; padding: 0 0 10px 0;}

/*center bottom column section class definition*/
#centerColBottom {float: left; width: 263px; padding: 10px 12px 10px 25px;}
html>body #centerColBottom {float: left; width: 225px; padding: 0px 14px 10px 25px;}
#centerColBottom p {font-size: 11px; color: #000; line-height: 150%;}
#centerColBottom h1 {font-size: 18px; color: #C40E0B; font-weight: normal; border-bottom: 1px solid #aaa; padding: 0 0 10px 0;}
#centerColBottom ul li {list-style: none; margin: 0 0 0 -40px;}
#centerColBottom ul li a {background: url(../img/bullet_red.gif) 0 60% no-repeat; padding: 0 0 0 12px; color: #000; font-weight: normal; font-size: 11px; text-decoration: none; line-height: 150%;}
html>body #centerColBottom ul li a {background: url(../img/bullet_red.gif) 0 75% no-repeat; padding: 0 0 0 12px; color: #000; font-weight: normal; font-size: 11px; text-decoration: none; line-height: 150%;}
#centerColBottom ul li a:HOVER {color: #666; text-decoration: underline;}

/*right side bottom column section class definition*/
#rhsColBottom {background: #777870; float: right; width: 246px; padding: 10px 15px 50px 15px; margin: 0px 0 0 -10px;}
html>body #rhsColBottom {background: #777870; float: left; width: 216px; padding: 0px 12px 35px 18px; margin: 0;}
#rhsColBottom p {font-size: 11px; color: #fff; line-height: 150%;}
#rhsColBottom p.quote {font-size: 11px; color: #fff; line-height: 150%; font-style: italic;}
#rhsColBottom p.caption {font-size: 11px; color: #fff; text-align: right; line-height: 150%;}
#rhsColBottom h1 {font-size: 18px; color: #fff; font-weight: normal; border-bottom: 1px solid #aaa; padding: 0 0 10px 0;}

/********************************************************************************/

/*footer section class definition*/
#footerWrapper {float: left; background: url(../img/bgnd_footer.gif) repeat-x top left; width: 750px; height: 35px;}
html>body #footerWrapper {float: left; background: url(../img/bgnd_footer.gif) repeat-x top left; width: 750px;}
#footerWrapper p {font-size: 11px; color: #000;}

/*footer menu section class definition*/
#footerMenu {float: left; font-size: 11px;}
#footerMenu ul {padding: 10px 0 0 0; margin: 0 0 0 10px;}
html>body #footerMenu ul {padding: 10px 0 0 10px; margin: 0;}
#footerMenu ul li {list-style: none; display: inline; padding:0 5px 0 7px; border-left: 1px solid #fff;}
#footerMenu ul li.first {border: none;}
#footerMenu ul li a {color: #fff; text-decoration: none;}
#footerMenu ul li a:HOVER {color: #aaa;}

/*footer menu section class definition*/
#footerContact {float: right; padding: 12px 0 0 0;}
html>body #footerContact {float: right; padding: 0;}
#footerContact p {font-size: 11px; color: #fff;}
#footerContact a {font-size: 11px; color: #fff; text-decoration: none;}
#footerContact a:HOVER {color: #aaa;}