/* GENERAL STYLES */
html { width:100%; height:100%; overflow:0; font-family:Verdana, Arial, Helvetica, sans-serif; }
body { width:100%; height:100%; margin:0; background-color:#e2e2e2; }
a { outline:0!important; outline-style:none!important; }
a img { border: 0; }
/* HEADER STYLES */
#header { width:100%; height:113px; background-image:url(../images/header_bg.jpg); background-repeat:repeat-x; }
#top_bar { width:980px; height:113px; margin:auto; }
#top_bar a#logo { display:block; float:left; width:219px; height:58px; text-indent:-9999px; background-image:url(../images/logo.jpg); background-repeat:no-repeat; margin:27px 0 0 12px; }
form#search { float:right; padding:17px 0 0; margin:0; width:213px; height:25px; background-image:url(../images/header_form_bg.jpg); background-repeat:no-repeat; background-position:0 17px; }
form#search input { float:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#657d90; border:0; margin:5px 0 0 10px; width:198px; background-color:#1f3447; }
a#submit_header_form { display:block; float:right; width:41px; height:25px; text-indent:-9999px; margin:17px 0 0; background-image:url(../images/header_form_go.jpg); background-repeat:no-repeat; background-position:0 0; }
a#submit_header_form:hover { background-position:0 -25px; }
a#contact_btn { background:url(../images/contact_img.png) no-repeat; width:75px; height:12px; text-indent:-9999px; float:left; margin:25px 0 0 410px; }
a#contact_btn:hover { background-position:0 -12px; }
/* MENU STYLES */
ul#menu { float:right; width:728px; height:36px; margin:0; padding:17px 0 0; }
ul#menu li { margin:0; padding:0; float:left; height:36px; list-style-type:none; }
ul#menu li a { display:block; text-indent:-9999px; height:36px; background-image:url(../images/menu.png); }
/* HOME */
ul#menu li#menu_home a { width:42px; }
ul#menu li#menu_home a:link,ul#menu li#menu_home a:visited { background-position:0 0; }
ul#menu li#menu_home a:hover,ul#menu li#menu_home a.active { background-position:0 -36px; }
/* ABOUT US */
ul#menu li#menu_about a { width:95px; }
ul#menu li#menu_about a:link,ul#menu li#menu_about a:visited { background-position:-42px 0; }
ul#menu li#menu_about a:hover,ul#menu li#menu_about a.active { background-position:-42px -36px; }
/* OUR SOLUTIONS */
ul#menu li#menu_solutions a { width:118px; }
ul#menu li#menu_solutions a:link,ul#menu li#menu_solutions a:visited { background-position:-141px 0; }
ul#menu li#menu_solutions a:hover,ul#menu li#menu_solutions a.active { background-position:-141px -36px; }
/* OUR PRODUCTS */
ul#menu li#menu_admin a { width:120px; }
ul#menu li#menu_admin a:link,ul#menu li#menu_admin a:visited { background-position:-262px 0; }
ul#menu li#menu_admin a:hover,ul#menu li#menu_admin a.active { background-position:-262px -36px; }
/* RESOURCE LIBRARY */
ul#menu li#menu_resource_lib a { width:140px; }
ul#menu li#menu_resource_lib a:link,ul#menu li#menu_resource_lib a:visited { background-position:-385px 0; }
ul#menu li#menu_resource_lib a:hover,ul#menu li#menu_resource_lib a.active { background-position:-385px -36px; }
/* PRESS ROOM */
ul#menu li#menu_press a { width:115px; }
ul#menu li#menu_press a:link,ul#menu li#menu_press a:visited { background-position:-525px 0; }
ul#menu li#menu_press a:hover,ul#menu li#menu_press a.active { background-position:-525px -36px; }
/* PARTNERS */
ul#menu li#menu_partners a { width:95px; }
ul#menu li#menu_partners a:link,ul#menu li#menu_partners a:visited { background-position:-640px 0; }
ul#menu li#menu_partners a:hover,ul#menu li#menu_partners a.active { background-position:-640px -36px; }
/* CONTACT */
/*
ul#menu li#menu_contact a {
width: 92px;
}
ul#menu li#menu_contact a:link,
ul#menu li#menu_contact a:visited {
background-position: -636px 0px;
}
ul#menu li#menu_contact a:hover,
ul#menu li#menu_contact a.active {
background-position: -636px -36px;
}
*/
/* FOOTER STYLES */
#footer { width:100%; height:100px; float:left; }
#footer_wrapper { width:980px; height:100px; margin:auto; padding: 10px 0; }
#footer_left_content { float:left; width:590px; }
#footer_left_content ul { padding:8px 0 0 28px; margin:0; float:left; }
#footer_left_content ul li { padding:0 22px 0 0; margin:0; float:left; list-style-type:none; font-size:11px; }
#footer_left_content ul li a,#footer_left_content p a { color:#606060; text-decoration:none; }
#footer_left_content ul li a:hover,#footer_left_content p a:hover,#footer_left_content ul li a.active { text-decoration:underline; }
#footer_left_content p { margin:0; float:left; padding:10px 0 0 28px; font-size:11px; color:#606060; }
/* EMPLOYEE ACCESS STYLES */
#employee_access { float:right; width:237px; margin:-10px 15px 0 0; }
#employee_access_container { display:none; float:right; width:237px; height:38px; background:none; }
#employee_access a.employee_access_opener { display:block; float:right; text-indent:-9999px; width:149px; height:36px; margin-right:42px; background-image:url(../images/btn-employee-access.gif); background-repeat:no-repeat; background-position:0 0; }
#employee_access a.employee_access_opener:hover,#employee_access a.active { background-position:0 -36px; }
#employee_access_container a { display:block; width:118px; height:38px; text-indent:-9999px; background-position:0 0; background-repeat:no-repeat; float:left; }
#employee_access_container a:hover { background-position:0 -38px; }
#employee_access_container a#webmail_access { background-image:url(../images/btn-webmail.gif); }
#employee_access_container a#benefits_access { width:119px; background-image:url(../images/btn-benefits.gif); }
/* SMILETRAIN LINK */
a.smiletrain { display: block; width: 117px; height: 33px; float: right; margin-right: 20px; }
/* MAIN CONTENT STYLES */
#general_content { width:100%; float:left; }
#content_wrapper { width:980px; margin:auto; margin-top:14px; }
#content_wrapper #content_wrapper_top { float:left; width:980px; height:12px; background-image:url(../images/main_content_top.jpg); background-repeat:no-repeat; }
#content_wrapper #content_wrapper_bottom { float:left; width:980px; height:12px; background-image:url(../images/main_content_bottom.jpg); background-repeat:no-repeat; }
#content_wrapper #content_wrapper_middle { float:left; width:980px; background-color:#ffffff; }
#main_content_middle { float:left; width:956px; padding:0 0 0 12px; }
#content_wrapper_middle { padding: 0 0 12px; background: url(../images/main_content_bottom.jpg) no-repeat 0 100%; }
/* ---------------------------------------------------------------------- */
/* STAY CONNECTED
/* ---------------------------------------------------------------------- */
#right_column #social { clear: left; background: #eaf1f5; padding: 12px 12px 12px 16px; margin: 15px 0 15px -12px; }
#right_info_container { margin-bottom: 15px; }
#social h2 { background: url(../images/stay-connected-header.png) no-repeat 0 0; height: 19px; margin: 0 0 20px; text-indent: -9999px; }
#social ul { display: block; overflow: hidden; list-style: none; margin: 0 0 15px; padding: 0; }
#social li { float: left; }
#social .icons a { display: block; width: 63px; height: 73px; background: url(../images/stay-connected-sprite.png) no-repeat 0 0; text-indent: -9999px; }
#social .icons a.facebook { background-position: 0 0; }
#social .icons a.facebook:hover { background-position: 0 -131px; }
#social .icons a.twitter { background-position: -63px 0; }
#social .icons a.twitter:hover { background-position: -63px -131px; }
#social .icons a.youtube { background-position: -126px 0; }
#social .icons a.youtube:hover { background-position: -126px -131px; }
#social .icons a.linkedin { background-position: 100% 0; }
#social .icons a.linkedin:hover { background-position: 100% -131px; }
#social .secondary a { display: block; width: 126px; height: 45px; background: url(../images/stay-connected-sprite.png) no-repeat 0 100%; text-indent: -9999px; }
#social .secondary a.rss { background-position: 0 -82px; }
#social .secondary a.rss:hover { background-position: 0 100%; }
#social .secondary a.newsletter { background-position: 100% -82px; }
#social .secondary a.newsletter:hover { background-position: 100% 100%; }
/* GENERAL STYLES */
.floatright { display: block; float: right; margin: 0 0 15px 15px; }
.floatleft { display: block; float: left; margin: 0 15px 15px 0; }
.clear { clear: both; }
.clearfix { zoom: 1; }
.clearfix:after { content: "."; visibility: hidden; display: block; clear: both; height: 0; }