﻿body {
	margin:0; padding:0;
	background-color:#fff;
	background: url(/assets/images/header_bg.gif) repeat-x;
	font:12px/18px arial, helvetica, sans-serif;
	color:#666;
}

a {text-decoration:none;}
a:hover {color:#000; text-decoration:none;}

a img {border:0;}
	
#container {	
	margin:0 auto;
	width:760px;
	border:0px solid #000;
	background-color:white;
}

#bottom {
	padding:15px 0 5px;
	font-size:11px;
	color:#666;
	text-align:center;
}

#bottom a {
	color:#000;
	text-decoration:none;
	line-height:18px;
}

#bottom a:hover {
	color:#666;
	text-decoration:none;
}

h1 {
	font:bold 18px arial;
	color:#000;
	padding:0px;
	margin:0px;
	text-align:left;
}

h2 {
	font:bold 16px arial;
	color:#000;
	padding:0px;
	margin:0px;
	text-align:left;
}

/* added 2/23/09 - AS */

h4 { /* blue heading */
	padding:0;
	margin:0 0 5px;
	font-size:14px;
	font-weight:bold;
	color:#21418c;
}

select {
border:1px #ddd solid;
font-size:11px;
width:150px;
}

input {
font-size:12px;
}

/* header */
.hdcr { /* header container */
	width:761px;
	height:100px;
	background: url(/assets/images/header_bg.gif) repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	font-size:10px;
	font-weight:bold;
	text-transform:uppercase;
	margin: 0 auto;
}
.hdcrES { /* header container */
	width:825px;
	height:100px;
	background: url(/assets/images/header_bg.gif) repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	font-size:10px;
	font-weight:bold;
	text-transform:uppercase;
	margin: 0 auto;
}
.toplinks {
	text-align:right;
	padding-top:14px;
	height:20px;
}
.toplinks a {
	text-decoration:none;
	margin-right: 15px;
	color:#000;
}
.toplinks a:hover {
	text-decoration:none;
	margin-right: 15px;
	color:#666;
}
.toplinks input {
	font-size:11px;
}
.icons img{
	vertical-align:middle;
	border:0;
}
.icons a {
	text-decoration:none;
	margin-right: 15px;
	color:#000;
}
.icons a:hover {
	text-decoration:none;
	margin-right: 15px;
	color:#666;
}

/* home page */
h3 { /* this is for the headings on the home page */
	padding:0;
	margin:0 0 5px;
	font-size:14px;
	font-weight:bold;
	color:#ff0000;
}
.nwtl { /* this is for the news titles on the home page */
	padding:0px 0 12px 0;
	margin:0;
	font-size:11px;
	color:#808080;
	line-height:16px;
}
.nwtl a {
	font-size:12px;
	font-weight:bold;
	color: #808080;
}
.nwtl a:hover {
	color: #a4a4a4;
}
.nwtl a.learnMore {
	font-size:11px;
	font-weight:bold;
	color: #21418c;
}
.nwtl a.learnMore:hover {
	color: #a4a4a4;
}
.nwtl ul {
margin:0px;
padding:0px;
}
.nwtl ul li{
list-style-type:none;
}
.qclk { /* quick links under main banner */
	width:760px;
	text-align:left;
	margin: 5px 0 0 0;
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	font-size:10px;
	font-weight:bold;
	text-transform:none;
}
.qclk a {
	width:760px;
	text-align:left;
	margin: 0 15px 0 3px;
	color:#000;
}
.qclk a:hover {
	width:760px;
	text-align:left;
	margin: 0 15px 0 3px;
	color:#a4a4a4;
}
.col1 { /* column one, product family links */
	margin: 15px 0 10px 0px;
	width:280px;
	float:left;
	font-size:11px;
	color:#808080;
	line-height:16px;
}
.col1 ul {
	margin:0px;
	padding:5px 0 0 25px;
	list-style-type:none;
	font-size:12px;
}
.col1 ul li {
	padding-bottom:3px;
}
.col1 ul li a {
	color:#21418c;
	font-weight:bold;
	padding-bottom:3px;
}
.col1 ul li a:hover {
	color:#666;
	font-weight:bold;
	padding-bottom:3px;
}
.col2 { /* column two, news and promotions */
	margin: 15px 0 10px 10px;
	padding-left:10px;
	width:225px;
	float:left;
	border-left: 1px solid #ddd;
	min-height: 200px;
}
.col3 { /* column three, callouts */
	margin: 15px 0 10px 0px;
	padding-left:10px;
	float:right;
	border-left: 0px solid #ddd;
}
.calloutFrame {
	width:208px;
	margin:0 0 5px 0;
	border:solid 1px #d6d6d6;
	height:auto;
	overflow: visible;
}
html>body .calloutFrame {
	width:208px;
	margin:5px 0 15px 0;
	border:solid 1px #d6d6d6;
	height:90px;
	overflow: visible;
	background-color:#000;
}
.calloutText {
	font-family:arial;
	width:109px;
	float:left;
	margin-left:11px;
	float:left
}
.calloutText h4 {
	font-family:arial;
	margin:9px 0 5px 0;
	font-size:12px;
	font-weight:bold;
}
.calloutText span {
	font-size:11px;
	line-height:15px;
	font-weight:normal;
	float:left;
}
.calloutFrame a, .calloutFrame a:link, .calloutFrame a:visited {
	color:#808080;
	width:208px;
	height:90px;
	background-color:#fff;
	display:block;
	text-decoration:none;
}
.calloutFrame a:hover {
	background-color:#f1f1f1;
	border-color:#333;
	color:#808080;
}
.calloutText a:hover {
	background-color:red;
	border-color:#333;
	color:#808080;
}
/* footer */
.footer {
	font-size:9px;
	color:#808080;
	line-height:15px;
	text-align:right;
	float:right;
	vertical-align:bottom;
}
.footer a {
	font-weight:bold;
	color:#808080;
	text-decoration:none;
	text-transform:uppercase;
	padding-left:8px;
	vertical-align:bottom;
}
.footer a:hover {
	color:#a4a4a4;
}

.emrsnlg {
float:left;
vertical-align:bottom;
}
/*--------------------*/


/* rounded tables - ie, job listing table */

.rotb { /* rounded table */
	font: 11px Arial, Helvetica, sans-serif;
	margin: 0;
	padding:0;
	/*width: 100%;*/
	text-align: left;
	border-collapse: collapse;
}
	
.rotb thead th.rocotl { /* rounded corner top left; in table head */
	background: #ddd url(/images/left.png) left -1px no-repeat
	}
	
.rotb thead th.rocotr { /* rounded corner top right; in table head */
	background: #ddd url(/images/right.png) right -1px no-repeat
	}
	
.rotb th {
	padding: 4px;
	font-weight: bold;
	font-size: 11px;
	color: #666;
	background: #ddd;
	text-align:left;
	}
	
.rotb td {
	padding: 4px;
	background: #f4f4f4;
	border-top: 1px solid #fff;
	color: #666
	}
	
.rotb tfoot td.rocobl { /* rounded corner bottom left */
	background: #f4f4f4 url(/images/botleft.png) left bottom no-repeat
	}
.rotb tfoot{width:100%;}
	
.rotb tfoot td.rocobr { /* rounded corner bottom right */
	background: #f4f4f4 url(/images/botright.png) right bottom no-repeat
	}
	
.rotb tbody tr:hover td {
	background: #ededed
	}

.rotb a {
	color:#21418C;
	font-weight:bold;
	}

.rotb a:hover {
	color:#666
	} 
