@charset "utf-8";
/* Global EPS Document */
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #CCCCCC;
	/*background-image: url(/images/epsbkg.gif);
	background-position: center top;
	background-repeat: no-repeat;	*/
	min-height: 100%;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
}
/* This is the conatiner for the side including the black lines. */
.eps #container {
    position: relative; 
	width: 800px;  
	background: #0076C0;
	min-height: 100%;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border-right:solid 1px #000000;
	border-left:solid  1px #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
	
}

/* HEADERS */
/* header for homepage*/
.eps #header { 
	width: 800px;
	height: 299px; 
	background: #ffffff;
	background-image: url(/images/EPS_header02.jpg)	
}
/* header for header.asp page*/
.eps #header_store { 
	width: 800px;
	height: 164px; 
	background: #ffffff;
	background-image:url(/images/EPSstoreHDR.jpg); 
}
/* header for privacy policy and legal disclaimer page*/
.eps #header_privacy { 
	width: 800px;
	height: 164px; 
	background: #ffffff;
	background-image:url(/images/EPS_privacyHDR.jpg); 
}
/* header for ipod contest page*/
.eps #header_ipod { 
	width: 800px;
	height: 164px; 
	background: #ffffff;
	background-image:url(/images/EPS_HDRipod.jpg); 
}
/* header for Communications page*/
.eps #header_comms { 
	width: 800px;
	height: 164px; 
	background: #ffffff;
	background-image:url(/images/Comms_cableHDR.jpg); 	
} 
/* header for comms audio page*/
.eps #header_audio { 
	width: 800px;
	height: 164px; 
	background: #ffffff;
	background-image:url(/images/Comms_AudioHDR.jpg); 	
}
/* header for comms cable page*/
.eps #header_cable { 
	width: 800px;
	height: 164px; 
	background: #ffffff;
	background-image:url(/images/Comms_CableHDR.jpg); 	
}
/* header for corporate page*/
.eps #header_corporate { 
	width: 800px;
	height: 164px; 
	background: #ffffff;
	background-image:url(/images/EPS_corporateHeader.jpg); 	
} 
/* header for Informed train page*/
.eps #header_train { 
	width: 800px;
	height: 164px; 
	background: #ffffff;
	background-image:url(/images/EPS_training.jpg); 	
}
/* header for Informed AHABLS page*/
.eps #header_ahabls { 
	width: 800px;
	height: 164px; 
	background: #ffffff;
	background-image:url(/images/EPS_BLSHdr.jpg); 	
}
/* header for Informed AHACPR page*/
.eps #header_ahacpr { 
	width: 800px;
	height: 164px; 
	background: #ffffff;
	background-image:url(/images/EPS_AEDhdr.jpg); 	
}
/* header for Informed OSHA page*/
.eps #header_oshahdr { 
	width: 800px;
	height: 164px; 
	background: #ffffff;
	background-image:url(/images/EPS_oshahdr.jpg); 	
}
/* header for Informed OSHA General page*/
.eps #header_oshagenhdr { 
	width: 800px;
	height: 164px; 
	background: #ffffff;
	background-image:url(/images/EPS_genHdr.jpg); 	
}
/* header for Informed OSHA Construction page*/
.eps #header_oshaconsthdr { 
	width: 800px;
	height: 164px; 
	background: #ffffff;
	background-image:url(/images/EPS_consthdr.jpg); 	
}
/* header for Informed Confined Space page*/
.eps #header_confined { 
	width: 800px;
	height: 164px; 
	background: #ffffff;
	background-image:url(/images/EPS_confinehdr.jpg); 	
}
/* header for Informed Training in Box page*/
.eps #header_trainbox { 
	width: 800px;
	height: 164px; 
	background: #ffffff;
	background-image:url(/images/EPS_trainboxhdr.jpg); 	
}
/* header for Informed Hazard Comm page*/
.eps #header_hazardcomm { 
	width: 800px;
	height: 164px; 
	background: #ffffff;
	background-image:url(/images/EPS_hazardcommHdr.jpg); 	
}
/* header for Informed Bloodborne page*/
.eps #header_bloodborne { 
	width: 800px;
	height: 164px; 
	background: #ffffff;
	background-image:url(/images/EPS_bloodbornehdr.jpg); 	
}
/* header for Partners page*/
.eps #header_partners { 
	width: 800px;
	height: 164px; 
	background: #ffffff;
	background-image:url(/images/EPS_partnersHDR.jpg); 	
} 
/* header for Prepared page*/
.eps #header_prepared { 
	width: 800px;
	height: 164px; 
	background: #ffffff;
	background-image:url(/images/EPS_preparedHDR.jpg); 	
} 
/* header for Press page*/
.eps #header_press { 
	width: 800px;
	height: 164px; 
	background: #ffffff;
	background-image:url(/images/EPS_pressHDR.jpg); 	
}
/* header for scholar page*/ 
.eps #header_scholar { 
	width: 800px;
	height: 164px; 
	background: #ffffff;
	background-image:url(/images/EPS_scholar.jpg); 	
} 
/* header for Fundraiser page*/
.eps #header_fundraiser { 
	width: 800px;
	height: 164px; 
	background: #ffffff;
	background-image:url(/images/EPS_fundraiserHDR.jpg); 	
} 
/* header for Mascot contest page*/
.eps #header_mascot { 
	width: 800px;
	height: 164px; 
	background: #ffffff;
	background-image:url(/images/EPS_mascotHDR.jpg); 	
}
/* header for tradeshow page*/
.eps #header_tradeshow { 
	width: 800px;
	height: 164px; 
	background: #ffffff;
	background-image:url(/images/EPS_tradeshowHDR.jpg); 	
}

/* SIDEBARS AND FLOATS*/
/* sidebar1 - This is the four box setup   DO NOT ALTER*/
.sidebar1 {
	float: right; /* since this element is floated, a width must be given */
	width: 278px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	height: 380px;
	background: #ffffff; /* the background color will be displayed for the length of the content in the column, but no further */
	border: 0px;
	margin: 0px;
	padding: 0px;	
}
/* 4 box side element, equip, inform, prepare, connect */
.sidebar1 #equip a {
   display: block;
   width: 278px;
   height: 75px;
   background-image: url(/images/EPS_equip.jpg);
   text-decoration: none;
   margin: 0px;
}   
.sidebar1 #equip a:hover {  
   background-image: url(/images/EPS_equip_over.jpg); 
} 
 .sidebar1 #inform a {
   display: block;
   width: 278px;
   height: 90px;
   background-image: url(/images/EPS_inform.jpg);
   text-decoration: none;
}   
.sidebar1 #inform a:hover {  
   background-image: url(/images/EPS_inform_over.jpg);
} 
 .sidebar1 #prepare a {
   display: block;
   width: 278px;
   height: 90px;
   background-image: url(/images/EPS_prepare.jpg);
   text-decoration: none;
}   
.sidebar1 #prepare a:hover {  
   background-image: url(/images/EPS_prepare_over.jpg);
}
.sidebar1 #connect a {
   display: block;
   width: 278px;
   height: 90px;
   background-image: url(/images/EPS_connect.jpg);
   text-decoration: none;
}   
.sidebar1 #connect a:hover {  
   background-image: url(/images/EPS_connect_over.jpg);
}
/* sidebar2 - This the address and contact float box   DO NOT ALTER*/
.sidebar2 {
	position: absolute;
	width: 250px;
	top: 579px;
	right: 19px;
	margin: 0px;
	background-color:#0076C0;
	color: white;
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
/* CardSidebar - This the AMEX plum card float on Press Page*/
.CardSidebar {
	position: absolute;
	width: 250px;
	top: 775px;
	right: 19px;
	margin: 0px;
	background-color:#0076C0;
	color: white;
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
/* sidebarHHContact - This the Helping Hands Contact Info float*/
.sidebarHHContact {
	position: absolute;
	display: block;
	width: 250px;
	top: 875px;
	right: 19px;
	margin: 0px;
	background-color:#0076C0;
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}
/* sidebarHHDialog - This the Helping Hands Dialog box float*/
 .sidebarHHDialog {
	position: absolute;
	background-color: #CCCCCC;
	display: block;
	width: 250px;
	top: 775px;
	right: 19px;
	margin: 0px;
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#000000;
}
/* sidebarMCDean - This the McDean testimony box float on consulting page*/
 .sidebarMcDean {
	position: absolute;
	display: block;
	width: 250px;
	top: 772px;
	right: 20px;
	margin: 0px;
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 143px;
	color:#FFFFFF;
}
/* sidebarBrochureHS - This the Health and Safety box float on health consulting page*/
 .sidebarBrochureHS {
	position: absolute;
	display: block;
	width: 250px;
	top: 772px;
	right: 20px;
	margin: 0px;
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 143px;
	color:#FFFFFF;
}
/* sidebarCooperLogo - This if for the mass notification page*/
 .sidebarCooperLogo {
	position: absolute;
	display: block;
	width: 250px;
	top: 772px;
	right: 20px;
	margin: 0px;
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 143px;
	color:#FFFFFF;
}
/* sidebarNVDaily - This the NVDaily testimony box float on consulting page*/
 .sidebarNVDaily {
	position: absolute;
	display: block;
	width: 250px;
	top: 772px;
	right: 20px;
	margin: 0px;
	font-family: Arial;
	font-size: 11px;
	height: 143px;
}


/*EPS MENUS */
/*menu styles */
.eps #menu {
	display: block;
	height: 46px; 
	background-image: url(/images/EPS_css_02.jpg);
	background-color: #000000;
	border: 0px;
	margin: 0px;
	padding: 0px;
}

/* TOP MENU */
/* top_menu controls the layout of the div containing the home, site map and contact links.  Style change are to be made here and affect every page */	
.eps #top_menu a:link {
   color: black;
   font-family: Arial;
   font-size: 12px;
   font-weight: bold;
   text-decoration: none;
}
 .eps #top_menu a:visited {
   color: black;
   font-family: Arial;
   font-size: 12px;
   font-weight: bold;
   text-decoration: none;
}  
 .eps #top_menu a:hover {
   color: black;
   font-family: Arial;
   font-size: 12px;
   text-decoration: underline;
   font-weight: bold;
} 

/*EPS BUFFER */
/*Padding between menu and content */
.eps #buffer {
	display: block;
	height: 11px; 
	background: #ffffff;
	background-image: url(/images/EPS_css_04.jpg);
	background-repeat:repeat-x;
	padding: 0px;
}

/*EPS CONTENT */
/*this is the main content style for each page */
.eps #mainContent { 
	position: relative;
	margin: 0 280px 0 0; /* the right margin on this div element creates the column down the right side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	background-color: #0076C0;
	padding: 10px 10px;
	/* remember that padding is the space inside the div box and margin is the space outside the div box */
}

/*CONTENT HEADING */
/* The following two styles are the for black and white headers of the site.  This is used in every page */
.styleHeadWhite  { 
    font-weight: bold;
	font-family: Arial;
	letter-spacing: -0.3px;
	font-size:14px;
	color: #FFFFFF
} 
.styleHeadBlack  { 
    font-weight: bold;
	font-family: Arial;
	letter-spacing: -0.3px;
	color: #000000;
	font-size:14px;
}

/*FOOTERS */
/* The following controls the footer of the site - including background, layout, etc. */
.eps #footer { 
	position: relative;
	padding: 0px;
	height: 150px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#ffffff;
	background-image:url(/images/EPS_css_12.jpg);
	background-repeat: repeat-x; 
} 
.eps #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
/* The footer_menu is used to control the layout and text style of the footer menu.  This is used on every page */
.eps #footer_menu {
   position: absolute;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   top: 22px;
   left: 170px;
   letter-spacing: -0.8px;
   color: #FFFFFF;
}
 .eps #footer_menu a:hover {
   color: white;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-weight: normal;
   text-decoration: underline;
}   
.eps #footer_menu a:link {
   color: white;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-weight: normal;
   text-decoration: none;
}
 .eps #footer_menu a:visited {
   color: white;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-weight: normal;
   text-decoration: none;
}   
/* footer_legal is the privacy policy and legal disclaimer at the bottom of every page. */
.eps #footer_legal {
   position: absolute;
   top: 70px;
   left: 225px;
   color: black;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
 }
.eps #footer_legal a:hover {
   color: black;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-weight: normal;
   text-decoration: underline;
}   
.eps #footer_legal a:link {
   color: black;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-weight: normal;
   text-decoration: none;
}
 .eps #footer_legal a:visited {
   color: black;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-weight: normal;
   text-decoration: none;
} 

 
/* GENERAL STYLES */
.eps #welcomeContent p {
    font-weight: normal;
	color: white;
	font-size: 11px;
}
.eps #welcomeContent {
    
	display: block;
	width: 250px;
	margin: 0px;	
}
.eps #newsContent p {
    font-weight: normal;
	color: white;
	font-size: 11px;
}
.eps #newsContent {
	position: absolute;
	display: block;
	width: 230px;
	top: 11px;
	right: 10px;
	margin: 0px;
}
.eps #newsContent a:link {
   color: white;
   font-size: 11px;
   font-weight: bold;
   text-decoration: none;
}
 .eps #newsContent a:visited {
   color: white;
   font-size: 11px;
   font-weight: bold;
   text-decoration: none;
}  
 .eps #newsContent a:hover {
   color: white;
   font-size: 11px;
   text-decoration: underline;
   font-weight: bold;
}
.eps #newsContent1 p {
    font-weight: normal;
	color: white;
	font-size: 11px;
} 
.eps #newsContent1 {
	position: absolute;
	display: block;
	width: 230px;
	top: 246px;
	right: 10px;
	margin: 0px;
}
.eps #newsContent1 a:link {
   color: white;
   font-size: 11px;
   font-weight: bold;
   text-decoration: none;
}
 .eps #newsContent1 a:visited {
   color: white;
   font-size: 11px;
   font-weight: bold;
   text-decoration: none;
}  
 .eps #newsContent1 a:hover {
   color: white;
   font-size: 11px;
   text-decoration: underline;
   font-weight: bold;
}
/* Text above Horizontal Rules in corporate page.  */
.subHeadingHR {
   font-family: Arial;
   font-size:14px;
   font-weight: bold;
   font-style: italic;
   letter-spacing: -0.3px;
}
/* This is the bottom page color */
 .eps #page_exp {
	background-color: #ffffff;
}
/* Bold Text for Key Figures */
.keyFiguresName {
   font-family: Arial;
   font-weight: bold;
   font-size: 12px;
   color: white;
}


/* General Text and Link layouts for every page */
.eps #text {
   color: white;
   font-size: 11px;
   font-weight: normal;
}
.eps #text a:link {
   color: white;
   font-size: 11px;
   font-weight: normal;
   text-decoration: none;
}
 .eps #text a:visited {
   color: white;
   font-size: 11px;
   font-weight: normal;
   text-decoration: none;
   border-style: none;
}  
 .eps #text a:hover {
   color: white;
   font-size: 11px;
   text-decoration: underline;
}
/* Styled Table for Training */

/* Kits Return disclaimer Section on training in a box  page */
.eps #kits_return {
   font-size: 9px;
   font-family: Arial;
   font-weight: normal;
}

/* Press releases section - Bold links and styles*/
.eps #pressReleases {
   color: white;
   font-size: 11px;
   font-weight: normal;
}
.eps #pressReleases a:link {
   color: white;
   font-size: 11px;
   font-weight: bold;
   text-decoration: none;
}
 .eps #pressReleases a:visited {
   color: white;
   font-size: 11px;
   font-weight: bold;
   text-decoration: none;
}  
 .eps #pressReleases a:hover {
   color: white;
   font-size: 11px;
   text-decoration: underline;
   font-weight: bold;
}

/* end of file */