/* ###################### General Styles ###################### */

html { height:100%;}

body {background: #e9eced ;margin: 0px;padding: 4px 0px 0px 2px;	font: 12px/16px Arial, Helvetica, sans-serif;color: #000000;}

td {font: 12px/16px Arial, Helvetica, sans-serif;color: #000000;}

#container {width:770px;}

/* ###################### Header Styles ###################### */

#header {background: url(../images/headerBG.png) no-repeat;	height: 50px;text-align: right;	font-size:13px; line-height: 14px;color:#0095c6;}

#header a { font-weight:bold; text-decoration:none; color: #0095c6; margin-right:10px;margin-left:10px; position:relative;}
#header a:hover { text-decoration:underline;}

/* ###################### Collage Styles ###################### */


#collage {background: url(../images/contentBg.png) repeat-y;padding-bottom:19px; width:100%;}

#myCollage { margin-right:10px; margin-left:11px;}

#collageBottom {background: url(../images/collageBottomBg.png) no-repeat;height:21px;}

#content {background: url(../images/contentBg.png) repeat-y; width:100%;}

/* ###################### mainContent Setup Styles ###################### */
	
#mainContent {width:565px; float:right; margin-top:10px; /*padding-top:10px;*/ position:relative;}
#mainContent p { padding:0px 10px 10px 0;}
#mainContent ul {margin:5px 0px 5px 20px; padding-left:10px; padding-right:30px}
#mainContent li {margin-bottom:5px;}

.productShort {
	background: url(../images/productShortBG.png) no-repeat left 5px;
	padding-left: 5px;
	padding-top: 3px;
	clear:both;
	/*margin-bottom:20px;*/
	clear:both;
}

.productShort h3 { color:#fff0c6; padding-bottom:0px; line-height:13px;}
.productShort h4 {	/*margin-bottom:5px;*/}

.productMore {line-height: 25px;background: url(../images/but-productMore.gif) no-repeat left top;text-align: center;
	width: 87px; margin-left:15px; float:left; margin-bottom:15px;}

.productMore a {display:block; font-weight:bold; text-decoration:none;}
#content .productMore a:hover {color:#007095; text-decoration:none;}

/* ###################### Footer Styles ###################### */

#footer {background: url(../images/footerBg.png) no-repeat; height: 79px; color: #565656; text-shadow:white 1px 1px 1px; text-align:center;clear:both;}
#footer a { text-decoration:none; color: #565656;  margin-right:5px;margin-left:5px; position:relative;}
#footer a:hover { color:#0095c6;}

#footerLinks {text-shadow:none;padding-top:24px; padding-bottom:10px;}
#footerLinks a { color: #0095c6; text-decoration:none;  margin-right:6px;margin-left:6px; position:relative;}
#footerLinks a:hover { text-decoration:underline;}

/* ###################### Content Formatting Styles ###################### */

p {margin:0px; padding:0px; padding-bottom:10px;}

a:active, a:hover, a:focus{outline: none; -moz-outline:none;}
#content a { color:#0095C6; text-decoration:none;}
#content a:hover { text-decoration:underline;}

.fRight { float:right;}
.fLeft { float:left;}

#sideColumn { width:177px; atext-align:right; float:left;}

.imgSpacer {
	margin-left:30px;
	margin-right:20px;
}

.imgSpacer1 {
	margin-left:0px;
	margin-right:5px;
}

.myClear {clear:both; padding:0px; margin:0px;}

.marginBot {margin-bottom:20px;}

#content h1 {
	font-size: 15px;
	line-height: 17px;
	color: #d5a507;
	padding:10px 0 3px 0;
	margin:0px;
}

#content h2 {
	font-size: 12px;
	line-height: 16px;
	color: #565656;
	font-weight: bold;
	margin-right:40px;
	padding:10px 0 10px 0;
	margin:0px;
}

#content h3 {
	font-size: 13px;
	line-height: 15px;
	padding:10px 0 2px 0;
	margin:0px;
	text-shadow:grey  1px 1px 1px;
}

#content h4 {
	margin:0px;
	padding:0px;
	margin-bottom:-8px;
	font-size: 48px;
	line-height: 48px;
	letter-spacing: -2px;
	text-shadow:grey  1px 1px 1px;
}

#content h5 {
	margin:0px;
	padding:0px;
	font-size: 32px;
	line-height: 32px;
	letter-spacing: -2px;
	/*display: inline;*/
	margin-right:5px;
	text-shadow:grey 1px 1px 1px;
	}
	
h5 .smaller {font-size: 18px;
	line-height: 18px; letter-spacing:normal;}
	
#content h6 {
	font-size: 18px;
	line-height: 18px;
	/*display:inline;*/
	padding:0px; margin:0px; amargin-bottom:10px;
}

/* ###################### Homepage Column Styles ###################### */

/* for understanding browsers */
.homeColumn  {
background: url(../images/columnBg.png) no-repeat right top;
min-height:225px; 
height:auto;
}
/* for Internet Explorer */
/*\*/
* html .homeColumn {
height:225px;
}
/**/

.homeColumn ul {margin:5px 0px 0px 20px; padding-left:25px; padding-right:15px}
.homeColumn li {margin-bottom:5px;}

#content .homeColumn p, #content .homeColumn h1, #content .homeColumn h3{padding-left:20px; padding-right:20px;}
.homeP { margin-right:30px; line-height:16px;}

/* ###################### Navigation Styles ###################### */

#navigation {z-index: 99;left: 36px;height: 54px;width: 638px;position: absolute;}

#navigation a .about {background:url(../images/navigation.png) no-repeat 0px 0px;}
#navigation a .solutions {background:url(../images/navigation.png) no-repeat -141px 0px;}
#navigation a .products {background:url(../images/navigation.png) no-repeat -253px 0px;}
#navigation a .customers {background:url(../images/navigation.png) no-repeat -510px 0px;}
#navigation a .news {background:url(../images/navigation.png) no-repeat -367px 0px;}

#navigation a:hover .about {background:url(../images/navigation.png) no-repeat 0px -54px;}
#navigation a:hover .solutions {background:url(../images/navigation.png) no-repeat -141px -54px;}
#navigation a:hover .products {background:url(../images/navigation.png) no-repeat -253px -54px;}
#navigation a:hover .customers {background:url(../images/navigation.png) no-repeat -510px -54px;}
#navigation a:hover .news {background:url(../images/navigation.png) no-repeat -367px -54px;}

#about #navigation a .about {background:url(../images/navigation.png) no-repeat 0px -110px;}
#solutions #navigation a .solutions {background:url(../images/navigation.png) no-repeat -141px -109px;}
#products #navigation a .products {background:url(../images/navigation.png) no-repeat -253px -109px;}
#customers #navigation a .customers {background:url(../images/navigation.png) no-repeat -510px -109px;}
#news #navigation a .news {background:url(../images/navigation.png) no-repeat -367px -109px;}

/* ###################### subNavigation Styles ###################### */

#subMenu { margin-left:7px; line-height:11px; background: url(../images/subMenuCap.gif) no-repeat;}
#subMenu a { position:relative;}

#subMenu dl {/*width: 171px;*/ margin:0px; font-size: 11px; background: url(../images/subMenuBottomCap.gif) no-repeat bottom left; padding: 13px 0 36px 0;}

#subMenu dt {margin:0; padding: 0px; font-size: 11px; color: #0095c6; background: url(../images/subMenuDtBG.gif) repeat-y;}

#subMenu dd {margin:0; padding:0; color: #0095c6; background: url(../images/subMenuBG.gif);}

#sub dt a, #sub dt a:visited {color:#0095c6; text-decoration:none; display:block; padding:3px 12px 5px 15px;}

#sub dd a, #sub dd a:visited {color:#0095c6; text-decoration:none; display:block; padding:3px 12px 3px 40px;}

#sub dt a:hover {abackground: url(arrowr.gif) no-repeat 11px 10px; color:#007095; text-decoration:none;}
#sub dd a:hover { background: url(../images/subArrow.gif) no-repeat 31px 5px; acolor:#007095; text-decoration:none;}

.subCap {line-height:10px; background:url(../images/subMenuTopBg.gif) no-repeat top left;}
.subBottomCap {line-height:12px; background:url(../images/subMenuBottomBg.gif) no-repeat top left;}

/* ###################### sideBox Styles ###################### */

#detailsCol {float:right;width:200px;margin:0px 0 10px 15px;clear:right;background: #dcdede url(../images/detailsColTopBg.gif) no-repeat left top;}

#detailsCol a { position:relative;}

#detailsCol dl { margin:0px; font-size: 12px; background: url(../images/detailsColBottomBg.gif) no-repeat bottom left; padding: 10px 0 8px 0;}

#detailsCol dt {margin:0; padding:5px 10px 5px 10px; font-size: 12px; line-height:12px; font-weight:bold; color: #565656;}

#detailsCol dd {margin:0; padding: 0px; font-size: 12px; line-height:12px; color: #565656;}

#detailsCol dt a, #detailsCol dt a:visited {color:#565656; text-decoration:none; display:block;/*padding:4px 2px 4px 32px;background: url(../images/detailsArrow.gif) no-repeat 10px 4px;*/}

#detailsCol dd a, #detailsCol dd a:visited {color:#565656; text-decoration:none; display:block; padding:4px 2px 4px 32px;background: url(../images/detailsArrow.gif) no-repeat 10px 4px;}

#detailsCol dt a:hover {/*background: url(../images/detailsArrow-over.gif) no-repeat 10px 4px;*/ color:#565656; text-decoration:none;}
#detailsCol dd a:hover {background: url(../images/detailsArrow-over.gif) no-repeat 10px 4px; color:#565656; text-shadow:white 1px 1px 1px; text-decoration:none;}

.detailsDivider {
	background: url(../images/detailsCol-Divider.gif);
}

/* ###################### infoBox Styles ###################### */

#infoCol {float:left;width:200px;margin:0px 0 10px 15px;clear:right;}

#infoCol a { position:relative;}

#infoCol dl { margin:0px; font-size: 12px;padding: 0;}

#infoCol dt {margin:0; padding:5px 10px 5px 10px; font-size: 12px; line-height:12px; font-weight:bold; }

#infoCol dd {margin:0; padding: 0px; font-size: 12px; line-height:12px; }

#infoCol dt a, #infoCol dt a:visited {text-decoration:none; display:block;/*padding:4px 2px 4px 32px;background: url(../images/detailsArrow.gif) no-repeat 10px 4px;*/}

#infoCol dd a, #infoCol dd a:visited {text-decoration:none; display:block; padding:4px 2px 4px 32px;background: url(../images/detailsArrow.gif) no-repeat 10px 4px;}

#infoCol dt a:hover {/*background: url(../images/detailsArrow-over.gif) no-repeat 10px 4px;*/ text-decoration:none;}
#infoCol dd a:hover {background: url(../images/detailsArrow-over.gif) no-repeat 10px 4px; text-decoration:none; color:#647983;}

.infoDivider {
	background: url(../images/detailsCol-Divider.gif);
}

/* ###################### qBox Styles ###################### */

#qBox {
	width:167px;
	margin:10px 0 5px 5px;
	clear:right;
	background: #f6f6f6 url(../images/qTop.gif) no-repeat left top;
	font: 11px/14px Arial, Helvetica, sans-serif;
	color: #000000;
}

#qBox a { position:relative;}

#qBox dl { margin:0px; background: url(../images/qBottom.gif) no-repeat left bottom; padding: 5px 0 5px 0;}


#qBox dt {
	margin:0;
	padding:3px 5px 6px 13px;
	font: 13px/14px Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#0095C6;
	background: url(../images/qBg.gif) repeat-y;	
}

 #qBox dd {
	margin:0;
	padding:0px 10px 0px 15px;
	font: 11px/14px Arial, Helvetica, sans-serif;
	background: url(../images/qBg.gif) repeat-y;	
}

#qBox dt a:hover {text-decoration:none;}

/*#qBox dd {margin:0; padding: 0px; font-size: 12px; line-height:12px; color: #565656;}

#qBox dt a, #qBox dt a:visited {color:#565656; text-decoration:none; display:block; padding:4px 2px 4px 32px;background: url(../images/detailsArrow.gif) no-repeat 10px 4px;}

#qBox dd a, #qBox dd a:visited {color:#565656; text-decoration:none; display:block; padding:4px 2px 4px 32px;background: url(../images/detailsArrow.gif) no-repeat 10px 4px;}

#qBoxCol dt a:hover {background: url(../images/detailsArrow-over.gif) no-repeat 10px 4px; color:#565656; text-decoration:none;}
#qBoxCol dd a:hover {background: url(../images/detailsArrow-over.gif) no-repeat 10px 4px; color:#565656; text-decoration:none;}*/


/* ###################### Forms Styles ###################### */

form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  margin: 0;
  padding: 0;
  /*min-width: 400px;
  max-width: 500px;
  width: 450px; */
}

form fieldset {
  /* clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  border-color: #000;
  border-width: 1px;
  border-style: solid;
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin: 0;
}

form fieldset legend {
	font-size: 14px; font-weight:bold /* bump up legend font size, not too large or it'll overwrite border on left */
                       /* be careful with padding, it'll shift the nice offset on top of border  */
}

form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 75px; 
	padding: 0; 
	margin: 10px 0 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
}

/*form fieldset label:first-letter {  use first-letter pseudo-class to underline accesskey, note that */
/* 	text-decoration:underline;    Firefox 1.07 WIN and Explorer 5.2 Mac don't support first-letter */
                                    /* pseudo-class on legend elements, but do support it on label elements */
                                    /* we instead underline first letter on each label element and accesskey */
                                    /* each input. doing only legends would  lessens cognitive load */
                                   /* opera breaks after first letter underlined legends but not labels 
}*/

form input, form textarea, form select {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 5px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}

form input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}

textarea { overflow: auto; }

form small {
	display: block;
	margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 88%;
}

form .required{font-weight:bold;} /* uses class instead of div, more efficient */

form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}

.readNow p{
	
}
.readNow a {padding-right:20px; font-weight:bold;}

.hidden { display:none;}

td>img { display: block; } /* fix white gutter on the bottom */





/* ###################### Table Styles ###################### */

#content table {
	text-align: left;
	border-collapse: collapse;
	border: 2px solid #dcdede;
	margin:5px 10px 5px 0;
}
#acontent table a {
	text-decoration: underline;
	color: #105c6e;
}
/*#content table a:visited {
	text-decoration: none;
}
#content table a:hover, #content table a:active {
	background-color: #008eb1;
	text-decoration: none;
	color: #eee;
}*/
#content thead th {font-size: 110%;background-color: #dcdede;border-bottom: 2px solid #dcdede;padding-left: 10px;}

#content tbody {}

#content tr, #content th, #content td {
	padding: 5px 3px 5px 20px; text-align:left; vertical-align:top;
}

#content tr.alt td, #content tr.alt th {
	background: #EBEDED url(../images/tdStripeBg.gif) repeat;
}

#content th {font-weight:bold;	padding: 8px 3px 8px 20px; }

#content .tHeading th {
background-color: #EBEDED;
}	

#content tfoot th, #content tfoot td {
	padding: 3px 5px;
	color: #3a4e58;
	font-weight: bold;
	font-size: 105%;
}
#content tfoot th {}


/* ###################### Caption Styles ###################### */

#content .caption {float:right;width:185px;clear:right;font-size: 11px;line-height: 14px;margin: 5px 3px 10px 27px;color:#565656;}
#content .caption ul { padding:0px; margin:0px; margin-left:10px; padding-left:10px;}
#content .caption li { padding:0px; margin:0px; margin-bottom:2px;}
#content .caption p { padding:0px; margin:0px; padding-bottom:5px;}

/* ###################### Image Popup Styles ###################### */

.gallerycontainer{
/*position: relative;
float:right;*/
width:770px;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail{
position: relative;
z-index: 0;
float:right;
clear:right;
}

.thumbnail img{
/*border: 1px solid #000000;
margin: 0 0 5px 10px;*/
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
/*background-color: #FFFFFF;
padding: 5px;
left: -1000px;
border: 1px solid #000000;
color: black;*/
visibility: hidden;
text-decoration: none;
top: 0px;
right:0px; 
z-index: 50;
}

.thumbnail span img{ /*CSS for enlarged image*/
border: 1px solid #000000;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0px;
right:0px; /*position where enlarged image should offset horizontally */
}

.hope .thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0px;
left:0px; /*position where enlarged image should offset horizontally */
}

.gallery td { text-align:center; vertical-align:top; padding-right:7px;}
.gallery th {padding-top:15px; font-weight:bold; padding-bottom:5px;}


/* ###################### Misc Styles ###################### */

.backTop {
	float:right;
	font-weight:normal;
	margin-right:10px;
	font-size:11px;
	border-bottom:1px solid #d5a507;
	border-left:1px solid #d5a507;
	padding-left:3px;
	letter-spacing: normal;
	line-height:15px;
}

#content .backTop a{ text-decoration:none; color: #d5a507}
#content .backTop a:hover{ text-decoration:none;}

#content .jobTable table, #content .jobTable thead th { border:none;}

#content .department td a { float:left; /*width:100px;*/ margin-right:20px;}
#content .department td { padding-top:10px; padding-bottom:10px;}

.listAll {text-align:center;}

#catHome {
	/*position:absolute;
	top: 0px;
	right: 7px;*/
	text-align:right;

	font-size: 11px; line-height:11px;
}
#catHome a {padding-right:11px; margin-right:5px; display:block;background: url(../images/upArrow.gif) no-repeat right center;}

#catHome a:hover {text-decoration:none;}

#jobs td label { float: left; width:70px; margin-right:5px; font-weight:bold; }

#content .articles { margin-top:10px;} 

#content .articles p{ margin-top:0px;}
#content .articles img{ float:left; margin:0 7px 3px 0;}

#printHeader { display:none;}

.style6 {color: #0A6C8D}

a img { border:none;}