/* BASE ELEMENTS */

img {
	border: 0px;
	margin: 0px;
    padding: 0px;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0px;
}

div, ul, ol, li {
	margin: 0px;
	padding: 0px;
}

p {
}

a {
	color: #000;
	text-decoration: none;
}

a:hover {
	color: #FF0000;
	text-decoration: none;
}

ul {

}



/* Text & text color section */
/*	F: Family
	S: Size
	L: Leading (line-height)
	C: Color
	B: background
	M: miscellaneous
*/
.F_arial	{ font-family: arial, verdana, sans-serif; }
.F_times	{ font-family: Times New Roman, times, serif; }

.s28	{ font-size: 28px; }
.s24	{ font-size: 24px; }
.s20	{ font-size: 20px; }
.s18	{ font-size: 18px; }
.s16	{ font-size: 16px; }
.s14	{ font-size: 14px; }
.s13	{ font-size: 13px; }
.s12	{ font-size: 12px; }
.s11	{ font-size: 11px; }
.s10	{ font-size: 10px; }


.CdarkBlack		{ color: #000; }
.Cblack			{ color: #333; }
.Cwhite			{ color: #fff; }
.ClightGray		{ color: #747474; }
.CmediumGray	{ color: #666; }
.Cred			{ color: #ff0000; }
.Cblue			{ color: #127997; }


.L14	{line-height: 14px;}
.L15	{line-height: 15px;}
.L16	{line-height: 16px;}
.L17	{line-height: 17px;}
.L18	{line-height: 18px;}

.superscript {
	vertical-align: super;
	font-size: smaller;
}




/*** LAYOUT ***/

#wrapper {
	margin: 0pt auto;
	text-align: left;
	width: 980px;
}



/* HEADER */

#header {
	margin: 0px 0px 0px 0px;
	display: block;
	position: relative;
	width: 980px;
	height: 100px;
	text-align: left;
}

#header a.logo {
	float: left;
	display: block;
	padding-top: 10px;
	height: 72px;
	width: 216px;
}

#utilityContainer {
	float: right;
	clear: right;
	width: 500px;
	display: block;
	margin: 30px 0px 0px 0px;	
}

.searchContainer {
	float: right;
	width: 190px;
	height: 20px;
	border: 1px;
	border-color: #bbb;
	border-style: solid;
}

.searchField {
	float: left;
	font-size: 11px;
	color: #000;
	margin: 2px 0px 0px 2px;
	border: 0px;
	width: 150px;
}

.searchGo {
	float: right;
	margin: 0px;
	border: 0px;
}


.clear {
	clear: both;
}



/*** HOME ARCHITECTURE ***/
	
#flashWindow {
	float: left;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	width: 980px;
	height: 265px;
}

#noFlash {
	margin: 0px 0px 0px 248px;
	padding: 3px 3px 3px 3px;
	position: absolute;
	line-height: 14px;
	width: 150px;
	background-color: #333;
	color: #FFF;
	font-weight: bold;
}

#noFlash a {
	color: #FF0000;
}

#noFlash a:hover {
	color: #BBB;
}

#flashWindow div.homeBoxContainer {
	margin: 0px 0px -5px 10px;
	padding: 10px 10px 0px 0px;
	position: relative;
	width: 228px;
	height: 120px;
	background:  url("/images/_homebox.png") no-repeat;	
}
#flashWindow a.box
{
	font-weight: bold;
	color: #fff;
	cursor: pointer;
}

#flashWindow div.homeBoxContainer span.boxFeatureTitle
{
	font-size: 18px;
	margin: 2px 0px 0px 20px;
}

#flashWindow div.homeBoxContainer p
{
	font-size: 12px;
	margin: 5px 10px 0px 23px;
}

#flashWindow a.box div.homeBoxContainer:hover,
#flashWindow a.box div.homeBoxContainer.hover
{
	opacity:.66;
	filter: alpha(opacity=66); 
	-moz-opacity: 0.66
}

#turnkeyContainer img {
	margin: 0px;
}

#marketSolutionsContainer {
	margin: 5px 0px 0px 10px;
	padding: 0px;
	position: relative;
	width: 228px;
	height: 120px;
}

#marketSolutionsContainer img {
	margin: 0px;
}

#homeMain {
	left: 0px;
	margin: 0px 0px 10px 0px;
	float: left;
	text-align: left;
	vertical-align: top;
	width: 980px;
	height: 200px;
}

#newsHighlight {
	margin: 0px;
	padding: 0px;
	float: left;
}

#newsCenter {
	margin: 0px 0px 0px 10px;
	padding: 0px;
	width: 361px;
	float: left;
}

#newsCenter h1 {
	font-size: 12px;
	font-weight: bold;
	color: #FF0000;
	line-height: 12px;
}


#newsCenterCopy {
	margin-top: 3px;
	padding: 0px;
	border-top: 1px #bbb solid;
	width: 361px;

}

div#newsCenterCopy ul {
	margin: 10px 0px 0px 0px;
	list-style-type: none;
	padding: 0px;
}

div#newsCenterCopy ul li {
	margin: 2px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}

div#newsCenterCopy ul li a {
	display: block;
	width: 354px;
	padding: 0px 0px 4px 0px;
	font-weight: bold;
}

div#newsCenterCopy ul li a:hover {
	display: block;
	background:  url("/images/navHighlight_longt.gif") bottom left no-repeat;	
}

#resourceArea {
	margin: 0px 0px 0px 10px;
	width: 361px;
	float: left;
    top: 0px;
}

#resourceArea h1 {
	font-size: 12px;
	font-weight: bold;
	color: #FF0000;
	line-height: 12px;
}

#resourceInfo {
	margin-top: 3px;
	padding: 0px;
	border-top: 1px #bbb solid;
}

#resourceCopy {
	margin-top: 10px;
	}

div#resourceCopy ul {
	margin: 10px 0px 0px 0px;
	list-style-type: none;
	padding: 0px;
}

div#resourceCopy ul li {
	margin: 2px 0px 10px 0px;
	padding: 0px 0px 4px 0px;
}

div#resourceCopy ul li a {
	display: block;
	width: 170px;
}

div#resourceCopy ul li.hover {
	background:  url("images/resourceHighlight.gif") bottom left no-repeat;	
}

#resourceImg {
	margin: 0px;
	padding: 0px;
}

div#resourceImg ul {
	list-style-type: none;
}

div#resourceImg ul li {
	list-style-type: none;
	clear: left;
	margin: -150px 0px 0px 178px;
	padding: 0px;
	width: 178px;
	position: absolute;
	z-index: 1;
}

/* SUB-PAGE ARCHITECTURE */

#bannerWindow {
	float: left;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	width: 980px;
	height: 136px;
	background-repeat: no-repeat;
	background-position: top center;
    z-index: 0;
}

.titleBar {
	display: block;
	height: 57px;
	background: url("/images/title_rule_vert.png") no-repeat left top;
	padding: 0px;
	margin: 56px 20px 20px 180px;
	width: 780px;
}

.titleBar h1 {
	float: left;
	_display: inline;
	background: url("/images/title_rule_horiz.png") no-repeat bottom right;
	padding: 25px 100px 11px 12px;
	margin: 0px;
	font-size: 21px;
	color: #fff;
	font-weight: bold;
}


#breadcrumbs {
	font-size: 10px;
	float: left;
	margin: 0px;
	padding: 0px;
	width: 980px;
	height: 40px;
}

#breadcrumbs a {
	color: #333;
}

#breadcrumbs a:hover, #breadcrumbs a.hover{
	color: #FF0000;
}

#breadcrumbs ul, #breadcrumbs li {
	display: inline;
}

#breadcrumbs li.divider {
	padding: 0px 3px;
}

#breadcrumbs li.last {
	font-weight: bold;
	color: #000;
}


div#subMainContainer {
	float: left;
	display: block;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	text-align: left;
	vertical-align: top;
	width: 980px;
	height: auto;
	background-image: url(/images/subpageDivider.gif);
	background-repeat: repeat-y;
	background-position: top center;

}

#subCol1 {
	margin: 0px;
	padding: 0px 20px 0px 0px;
	float: left;
	_display: inline;
	width: 160px;
	height: auto;
}

#subCol2 {
	margin: 0px;
	padding: 0px;
	float: left;
	_display: inline;
	width: 620px;
	height: auto;
	font-size: 11px;
	color: #333333;
	line-height: 16px;
}

#subCol2  h1 {
	font-size: 16px;
	font-weight: bold;
	color: #FF0000;
	line-height: 18px;
	padding-bottom: 10px;
	margin-top: -3px;
}

#subCol2  h1 a {
	color: #FF0000;
}

#subCol2  h1 a:hover {
	color: #000;
}

#subCol2  h2 {
	font-size: 12px;
	font-weight: bold;
	color: #000;
	line-height: 16px;
}

#subCol2 ul {
	list-style-type: disk;
	margin-left: 1.25em;
	padding-left: 1px;
}


#subCol3 {
	margin: 0px;
	padding: 0px 0px 0px 20px;
	float: left;
	_display: inline;
	width: 160px;
	height: auto;
}

div#getPdf {
	padding: 2px 0px 0px 27px;
	margin: 0px;
	display: block;
	height: 23px;
	font-size: 10px;
	line-height: 10px;
	background-position: center left;
	background-repeat: no-repeat;
	cursor: pointer;
}

#printFriend {
	float: left;
	display: inline;
	margin: 0px;
	padding: 8px 0px 0px 27px;
	* margin-top: 8px;
	width: 125px;
    	height: 14px;
	background-image: url(/images/printer_icon.gif);
	background-position: center left;
	background-repeat: no-repeat;
	cursor: pointer;
}


#printFriend a {
	color: #333;
}

#printFriend:hover, div#printFriend.hover {
	color: #FF0000;
}

#backTop {
	clear: both;
	position: relative;
	display: block;
	bottom: 0px;
	left: 0px;
}



/* FOOTER */

#footer {
	left: 0px;
	float: left;
	_display: inline;
	margin: 0pt auto;
	padding: 15px 160px 20px 160px;
	text-align: center;
	width: 660px;
	border-top: 1px #bbb solid;
	font-size: 9px;
	line-height: 14px;
	color: #999;
}

#footer .footerNav a {
	font-size: 10px;
	color: #000;
	text-decoration: none;
}

#footer a:hover {
	color: #FF0000;
	text-decoration: none;
}

#footer ul {
	margin: 0px 0px 7px 0px;
	padding: 0;
}

#footer p {
	margin: 0px 0px 7px 0px;
	padding: 0;
}


#footer li {
	display: inline;
	font-size: 10px;
}

#footer li a {
	color: #000;
	text-decoration: none;
}

#footer li.break {
	padding: 0px 4px;
}

/* The following works in IE7 and others. */
/* IE6 cannot support :hover on anything but an anchor,
 * So we add IE6 support in via javascript.
 */

/* IE6/7 hacks:
 * _rule: value; is read only by IE6
 * *rule: value; is read by IE6 and 7
 */

div#addlResources {
	float: left;
	width: 160px;
	margin: 0px;
	padding: 0px;
	font-family: arial;
    height: auto;
}

div#addlResources h1 {
	font-size: 11px;
	font-weight: bold;
	color: #FF0000;
	line-height: 12px;
}

div#addlResourceList {
	float: left;
	width: 159px;
	margin: 1px 0px 15px 0px;
	padding: 3px 0px;
	font-family: arial;
	border-top: 1px solid #BBB;
	border-bottom: 1px solid #BBB;
    height: auto;
}

div#addlResourceList a {
  text-decoration: none;
  height: auto;
  background: transparent;
  display: block;
  width: 145px;
  /* can add a width here (or on the li) */
  /*width: 100px;*/

  /* otherwise set this to make ie6 happy,
   * but note this breaks a little bit in ie6 later,
   * see #menu ol li
   */
  _display: inline-block; 
}

div#addlResourceList a:hover, #addlResourceList a.hover {
  color: #FF0000;
}

div#addlResourceList li {
  list-style-type: none;
  display: block;
  width: 100%;
}

div#addlResourceList ol li {
  margin: 0px;
  padding: 0px;
  _display: inline-block; 
}

/* 
   =========================================================
	MODIFY THE STYLES BELOW TO OVERWRITE THE DEFAULTS ABOVE
   =========================================================
*/

div#addlResourceList a {
	color: #333;
}

div#addlResourceList ol li a {
  _display: inline;
  margin: 0px;
  padding: 3px 0px;
  border-bottom: 1px solid #DDD;
}

div#addlResourceList a.last {
  border-bottom: none;
}

div#addlResourceList img.pdf {
  margin: -1px 0px;
  padding: 0px 0px 0px 5px;
  _display: inline; 
}

body 
{
	background-color: #fff;
	border: medium none;
	color: #333333;
	font-family: Arial,Verdana,Sans-Serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	margin: 0px;
	min-width: 980px;
	padding: 0px;
	text-align: center;
}

body#home, body#sub
{
	background-attachment: fixed;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: top center;
	background-attachment: scroll;
}

body#printFriendBody 
{
	min-width: 540px;
}

body#home 
{
	background-image:   url("/images/bg_sine_home.png");
}

body#sub 
{
	background-image: url("/images/bg_sine_sub.gif");
}

/* The following works in IE7 and others. */
/* IE6 cannot support :hover on anything but an anchor,
 * So we add IE6 support in via javascript.
 */

/* IE6/7 hacks:
 * _rule: value; is read only by IE6
 * *rule: value; is read by IE6 and 7
 */

#companyDropContainer {
	float: right;
	width: 190px;
	height: 20px;
	margin: 0px 12px 0px 0px;
	padding: 0px;
	display: block;
}

#companyDropMenu {
	position: relative;
	z-index: 4;
    font-family: arial;
}

#companyDropMenu ol li a {
  height: auto;
}

#companyDropMenu a {
  text-decoration: none;
  color: black;
  background: transparent;
  display: block;
  /* can add a width here (or on the li) */
  /*width: 100px;*/

  /* otherwise set this to make ie6 happy,
   * but note this breaks a little bit in ie6 later,
   * see #menu ol li
   */
  _display: inline-block; 
}

#companyDropMenu a:hover {
}

#companyDropMenu ol li ol {
  list-style-type: none;
  display: block;
  /*display: none;*/
  position: absolute; 
  width: 100%;
  background: #EEE;
  /*top: 0px; /* Only IE6 needs this */
  /*left: 0px; */
  /* this padding means we can't assign backgrounds or borders easily, but it let's
   * us have some breathing room for the mouse when targeting */
  margin: 0;
  padding: 0px 3px 0px 0px;
  float: left;
  clear: left;
  z-index: 4;
}

#companyDropMenu ol li {
  display: block;
  float: none;
  width: 100%;
  /* if you are not assigning a width, you will note that IE6 will not make all of
   * the anchors the same width, so you are better off styling the li here, rather than
   * the anchor.
   */
}

#companyDropMenu ol li a {
  height: auto;
}

/* drop down hover */
#companyDropMenu ol li:hover ol,
#companyDropMenu ol li.hover ol {
  display: block;
  top: 22px;
  left: 0px;
}


/* 
   =========================================================
	MODIFY THE STYLES BELOW TO OVERWRITE THE DEFAULTS ABOVE
   =========================================================
*/
#companyDropMenu ol {
	width: 100%;
}
#companyDropMenu {
	background-color: transparent;
	color: #333;
	font-size: 11px;
	height: 18px;
	line-height: 12px;
}

#companyDropMenu a:hover {
  color: #FF0000;
}

#companyDropMenu a {
	border: 0px solid black;
	color: #333;
	height: 18px;
}
#companyDropMenu ol li div {
	display: block;
	float: none;
	height: 20px;
	width: 188px;
	margin: 0px;
	padding: 0px;
	background-color: #FFF;
	border: 1px #BBB solid;	
	clear: right;
}

#companyDropMenu ol li div a.companyDropText {
	display: block;
	float: left;
	padding: 4px 0px 0px 4px;
	line-height: 12px;
}

#companyDropMenu ol li div img.companyDropArrow {
	padding: 0px;
	margin: 0px;
	float: right;
}

#companyDropMenu ol li {
  padding: 0px;
  margin: 0px;
  line-height: 9px;
  display: block;
  width: 100%;
}

#companyDropMenu ol li ol {
  padding: 0px 0px 4px 0px;
  display: none; /* shows or hides the list as you work on it */
  position: absolute;
  background: #EEE;
  width: 100%;
}

#companyDropMenu ol li ol li {
	list-style-type: none;
	display: block;
	background: #EEE;
 	height: auto;
	margin: 0px;
	width: 180px;
	line-height: 12px;
	clear: left;
	float: left;
	padding: 0px 5px 0px 5px;
}

#companyDropMenu ol li ol li ol {
  /* background: #EEE;  background so you can see the mouse buffer */
  display: block;
  width: 100%;
  position: static;
  border-top: 1px solid #BBB;
}

#companyDropMenu ol li ol li ol li {
    line-height: 14px;
	padding: 0px 0px 0px 8px;
	width: 172px;
}


#companyDropMenu ol li ol li h1 {
	color: #000000;
	font-size: 11px;
	font-weight: bold;
	padding: 6px 0px 6px 0px;
}

#companyDropMenu ol li ol li ol li a {
	display: block;
	padding: 4px 0px;
	width: 100%;
	border-bottom: 1px solid #BBB;
}

#companyDropMenu ol li ol li ol li a:hover {
	color: #FFF;
	background-color: #FF0000;
	/* font-weight: bold; */
	text-decoration: none;
}

/* CSS STYLES FOR HALF-PAGE TABLE */

#bannerWindowServices {
	float: left;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	width: 980px;
	height: 136px;
	background-image: url("images/common/banner_services.jpg");
	background-repeat: no-repeat;
	background-position: top center;
	z-index: 0;
}

table.halfPgLeft { 
	margin: 10px 0px 0px 0px;
	padding: 0;
	float: left;
	_display: inline;
	width: 300px;
	background-color: #fff;
	border: none;
}

table.halfPgRight { 
	margin: 10px 0px 0px 0px;
	padding: 0;
	float: right;
	_display: inline;
	width: 300px;
	background-color: #fff;
	border: none;
}

td {
	vertical-align: top;
	padding: 3px 0px 3px 0px;
	margin: 0;
	
}

td.tableTitle {
	padding: 0px;
	font-size: 16px;
	font-weight: bold;
	color: #FF0000;
	line-height: 18px;
}

td.tableSubTitle {
	padding: 20px 0px 5px 0px;
	margin: 0;
	font-size: 12px;
	font-weight: bold;
	color: #000;
	line-height: 16px;
}

td.tableSubTitleNoLabels {
	padding: 20px 0px 5px 0px;
	margin: 0;
	font-size: 12px;
	font-weight: bold;
	color: #000;
	line-height: 16px;
	border-bottom: 1px #000 solid;
}


td.tableColumnLabel1 {
	padding: 0px 0px 1px 0px;
	border-bottom: 1px #333 solid;
	line-height: 13px;
}

td.tableColumnLabel2 {
	padding: 0px 0px 1px 0px;
	width: 37%;
	border-bottom: 1px #333 solid;
	line-height: 13px;
}

td.tableColumnLabel3 {
	padding: 0px 0px 1px 0px;
	width: 26%;
	border-bottom: 1px #333 solid;
	line-height: 13px;
}

td.tableColumnData1 {
	padding-left: 5px;
	margin-left: 5px;
}

td.tableColumnData1Last {
	padding-left: 5px;
	margin-left: 5px;
	border-bottom: 1px #BBB solid;
}

tr.rowA {
	background-color: #EEE;
}

td.rowLast {
	border-bottom: 1px #BBB solid;
}

/* SENIOR MANAGEMENT CSS STYLES */

div.managerContainer {
	float: left;
	_display: inline;
	margin: 0;
	padding: 10px 0px 10px 0px;
	width: 620px;
	height: auto;
	border-bottom: 1px solid #BBB;
}

div.managerContainer.last 
{
	border-bottom: none;
}

div.managerContainerLast {
	float: left;
	_display: inline;
	margin: 0;
	padding: 20px 0px 0px 0px;
	width: 620px;
	height: auto;
}


div.managerTitle {
	float: left;
	_display: inline;
	margin: 0;
	padding: 0px 0px 12px 0px;
	width: 518px;
}

div.managerPic {
	float: left;
	_display: inline;
	margin: 0px 10px 3px 0px;
	padding: 0px;
	width: 90px;
	height: auto;
	border: 1px solid #BBB;
	font-size: 0px;
}

/* The following works in IE7 and others. */
/* IE6 cannot support :hover on anything but an anchor,
 * So we add IE6 support in via javascript.
 */

/* IE6/7 hacks:
 * _rule: value; is read only by IE6
 * *rule: value; is read by IE6 and 7
 */

ol#menu {
  clear: both;
  float: right;
  list-style-type: none;
  font-size: 11px;
  font-family: arial;
  /*background: #9ff;*/
  color: #000;
  font-size: 11px;
  font-family: arial;
  line-height: 18px;
  margin: 0px;
  padding: 0;
  width: 750px;
  display: block;
  /*
  position: absolute;
display: inline;
  bottom: 0px;
  right: 0px;
*/

}

#menu li {
  display: inline;
  float: right;
  margin: 0;
  padding: 0;
  position: relative;
}


#menu a {
  text-decoration: none;
  color: black;
  background: #afa;
  border: 1px solid black;
  display: block;
  /* can add a width here (or on the li) */
  /*width: 100px;*/

  /* otherwise set this to make ie6 happy,
   * but note this breaks a little bit in ie6 later,
   * see #menu ol li
   */
  _display: inline-block; 
  height: 18px;
}

#menu a:hover {
  background: #dff;
}

#menu ol {
  list-style-type: none;
  display: none;
  position: absolute;
  top: 20px; /* Only IE6 needs this */
  left: 0px;
  /* this padding means we can't assign backgrounds or borders easily, but it let's
   * us have some breathing room for the mouse when targeting */
  margin: 0;
  padding: 20px;
  padding-top: 0;
  margin-left: -20px;
  background: #99f; /* background so you can see the mouse buffer */
}

/* have to undo styles applied earlier */
#menu ol li {
  display: block;
  float: none;
  position: static;
  /* if you are not assigning a width, you will note that IE6 will not make all of
   * the anchors the same width, so you are better off styling the li here, rather than
   * the anchor.
   */
  background: red; 
}

#menu ol li a {
  height: auto;
}

/* drop down hover */
#menu li:hover ol,
#menu li.hover ol {
  display: block;
}






/* 
   =========================================================
	MODIFY THE STYLES BELOW TO OVERWRITE THE DEFAULTS ABOVE
   =========================================================
*/

#menu {
	background-color: transparent;
	color: #333;
	font-size: 11px;
	height: 18px;
	line-height: 14px;
	letter-spacing: .1em;
	_letter-spacing: 1px;
  	z-index: 3;
}

#menu li {
	padding: 0px 23px 0px 0px;
	background:  url("images/mainNAV_divider.gif") right no-repeat;
	margin: 0;
	border: 0px solid black;
}

#menu li.first {
	padding-right: 0px;
	background: none;
}

#menu ol li {
	padding: 0;
}

#menu a {
	background-color: #fff;
	border: 0px solid black;
	color: #333;
	height:18px;
}

#menu li a:hover {
	background-color: #fff;
	text-decoration: none;
	color: #FF0000;
}

/* sub-menu lists */

#menu ol {
  list-style-type: none;
  display: none;
  position: absolute;
  top: 18px; /* Only IE6 needs this */
  left: 0px;
  /* this padding means we can't assign backgrounds or borders easily, but it let's
   * us have some breathing room for the mouse when targeting */
  margin: 0;
  padding: 6px 0px 6px 0px;
  padding-top: 0;
  margin-left: -6px;
  background: none;
  background-color: #444;
  z-index: 3;
}

#menu ol li {
	display: block;
	width: 180px;
	margin: 0px 3px 0px 3px;
	border-bottom: 1px #666 solid;
	line-height: 12px;
	background-color: #444;
}

#menu ol li a {
	display: block;
	color: #fff;
	background-color: #444;
	padding: 6px 2px 6px 2px;
	width: 176px;
	letter-spacing: 0;
	_letter-spacing: 0;
}

#menu ol li a:hover {
	background-color: #FF0000;
	color: #FFF;
	text-decoration: none;
	/* font-weight: bold; */
}

/* CSS STYLES FOR NEWS CENTER YEAR TABLE */

div.newsArchiveHeader {
	padding: 2px 5px 0px 0px;
	float:left;
	_display: inline;
}

table.pressRelease { 
	margin: 10px 0px 0px 0px;
	padding: 0;
	/*float: left;
	_display: inline;*/
	width: 100%;
	background-color: #fff;
	border: none;
}

table.pressRelease tr:first-child
{
	border-top: 1px #000 solid;
	
}

table.pressRelease a.hover { 
	color: #ff0000;
}


td.newsDropCell {
	padding: 0px 0px 15px 0px;
	margin: 0;
	border-bottom: 1px #000 solid;
}


td.newsColumnDate {
	width: 100px;
	padding-left: 5px;
	margin-left: 5px;
}

/* YEAR DROP DOWN LIST STYLES FOR NEWS CENTER */

#newsDropMenu {
	float: left;
	width: 100px;
	height: 18px;
	margin: 0px;
	padding: 0px;
	display: inline-block;
	background-color: transparent;
	color: #333;
	font-size: 11px;
	line-height: 12px;
	z-index: 4;
}

#newsDropMenu a {
 	text-decoration: none;
 	color: black;
	width: auto;
  /* can add a width here (or on the li) */
  /*width: 100px;*/

  /* otherwise set this to make ie6 happy,
   * but note this breaks a little bit in ie6 later,
   * see #menu ol li
   */
  	border: 0px solid black;
	color: #333;
	height: auto;

}

#newsDropMenu a:hover, #newsDropMenu a.hover {
  color: #FF0000;
}

#newsDropMenu ol {
	position: absolute; 
}

#newsDropMenu ol li {
  display: block;
  float: none;
  width: 90px;
  z-index: 4;
  /* if you are not assigning a width, you will note that IE6 will not make all of
   * the anchors the same width, so you are better off styling the li here, rather than
   * the anchor.
   */
}

/* drop down hover */
#newsDropMenu ol li:hover ol,
#newsDropMenu ol li.hover ol {
  display: block;
}


#newsDropMenu ol li div {
	background: url("/images/_companyDrop_up.gif") no-repeat right top;
	display: block;
	float: none;
	height: auto;
	width: 86px;
	margin: 0px;
	padding: 4px;
	background-color: transparent;
	border: 1px #BBB solid;	
	clear: both;
}

#newsDropMenu ol li div:hover,  #newsDropMenu ol li div.hover {
	background: url("/images/_companyDrop_over.gif") no-repeat right top;
  	color: #FF0000;
	cursor: pointer;
}


#newsDropMenu ol li ol {
  list-style-type: none;
  display: none; /* display: block; to show the drop menu while making adjustments */
  
  top: 22px;
  left: 0px;
  width: 90px;
  background: #444;
  /*top: 0px; /* Only IE6 needs this */
  /*left: 0px; */
  /* this padding means we can't assign backgrounds or borders easily, but it let's
   * us have some breathing room for the mouse when targeting */
  margin: 0;
  padding: 0px 3px 6px 3px;
  clear: both;
  z-index: 4;
}

#newsDropMenu ol li ol li a {
	padding: 5px 0px;
	margin: 0;
	display: block;
	width: 100%;
	border-bottom: 1px solid #666;
	color: #fff;
}

#newsDropMenu ol li ol li a:hover, #newsDropMenu ol li ol li a.hover {
	color: #FFF;
	background-color: #FF0000;
	/* font-weight: bold; */
	text-decoration: none;	
}

/* PRESS RELEASE STYLES */

#pressSubtitle {
	font-size: 16px;
	font-weight: bold;
	color: #FF0000;
	line-height: 18px;
	margin: -3px 0px 5px 0px;
	padding: 0;
	height: auto;
}

.h2 {
	font-size: 12px;
	font-weight: bold;
	color: #000;
	line-height: 16px;
}

#pressDescriptor {
	margin: 0px 0px 20px 0px;
	padding: 0;
	height: auto;
}

#pdfVersion {
	margin: 0px 0px 20px 0px;
	padding: 0;
	height: auto;
}

#pressBoilerStats {
	margin: 0px 0px 20px 0px;
	padding: 0;
	height: auto;
}

#pressBoilerOther {
	margin: 0px 0px 20px 0px;
	padding: 0;
	height: auto;
}

#pressMainContent {
	margin: 0px 0px 20px 0px;
	padding: 0;
	height: auto;
}


#pressContact {
	padding: 0;
	margin: 0;
	height: auto;
}

#printWrapper {
	margin: 0pt auto;
	text-align: left;
	width: 80%;
	height: auto;
}

.printFriendLogo {
	padding: 10px 0px 30px 0px;
}

/* CSS Document */

/* The following table CSS styles are also found in style_halfPgTable.css and style_newsCenter.css*/

td {
	vertical-align: top;
	padding: 2px 0px 2px 0px;
	margin: 0;
}

td.rowLast {
	border-bottom: 1px #BBB solid;
}

tr.rowA {
	background-color: #EEE;
}


/* The following table CSS styles are unique to the Request for Information page */

form {
	margin: 0;
	padding: 0;
}

table#rfiTable {
	width: 620px;
	margin: 0;
	padding: 0;
}

td.rfiLabelColumn {
	width: 150px;
	padding: 5px;
	margin-left: 5px;
}

td.rfiLabelColumnLast {
	width: 150px;
	padding: 5px;
	margin-left: 5px;
	border-bottom: 1px #BBB solid;
}


table#rfiTable input.singleLineA {
	width: 200px;
	margin: 2px 0px;
	padding: 1px;
	background-color: #fff;
	font-size: 11px;
	color: #333;
	border: 1px #DDD solid;
}

table#rfiTable input.singleLine {
	width: 200px;
	margin: 2px 0px;
	padding: 1px;
	background-color: #fff;
	font-size: 11px;
	color: #333;
	border: 1px #DDD solid;
}

table#rfiTable textarea.textBoxA {
	width: 307px;
	height: 60px;
	margin: 2px 0px;
	padding: 1px;
	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
	border: 1px #DDD solid;
}


table#rfiTable textarea.textBox {
	width: 470px;
	height: 80px;
	margin: 2px 0px;
	padding: 1px;
	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
	border: 1px #DDD solid;
}


table#rfiTable div.reqTypeColumn1 {
	float: left;
	margin: 0;
	padding: 0;
	width: 220px;
}

table#rfiTable div.reqTypeColumn2 {
	float: left;
	margin: 0;
	padding: 0;
	width: 220px;
}	

table.reqTypeCheckBoxList tr td
{
	 padding: 0px;	
}

div.checkBoxBreakout  {
	margin-left: 20px;
	padding: 3px;
	width: 150px;
	background-color: #fff;
	display: none;
}


table#rfiTable input.submitButton {
	margin: 10px 0px 0px 0px;
	padding: 0;
	font-size: 11px;
	color: #333;
}

/* CSS STYLES FOR SEARCH RESULTS */


table#searchResults { 
	margin: 0;
	padding: 0;
	width: 620px;
	background-color: #fff;
	border: none;
}

table#searchResults a:hover { 
	color: #ff0000;
}

table#searchResults td { 
	vertical-align: top;
	padding: 5px;
	margin: 0;
}


table#searchResults td.resultsNavTopContainer {
	padding: 0px 0px 10px 0px;
	margin: 0;
	border-bottom: 1px #000 solid;
}

table#searchResults td.resultsNavBottomContainer {
	padding: 10px 0px 0px 0px;
	margin: 0;
	border-top: 1px #000 solid;
}


div#resultsSummary {
	float: right;
	width: 350px;
	height: auto;
	text-align: right;
	margin: 0;
	padding: 0;
}

/* The following table CSS styles are also found in style_halfPgTable.css */

tr.rowA {
	background-color: #EEE;
}

td.rowLast {
	border-bottom: 1px #BBB solid;
}

/* List styles for search page navigation */

table#searchResults div.pageNav {
	float: left;
	_display:inline;
	margin: -1px 0px 0px 0px;
	padding: 0;
}

table#searchResults ul {
	margin: 0;
	padding: 0;
}

table#searchResults ul li {
	display: inline;
	padding-right: 2px;
}

table#searchResults ul li.current {
	font-weight: bold;
	color: #000;
}

table#searchResults ul li.current a:hover
{
	color: #000;
}

table#searchResults ul li.pageJump a {
	font-size: 14px;
	color: #666;
}

table#searchResults ul li.pageJump a:hover {
	color: #ff0000;
}

/* The following works in IE7 and others. */
/* IE6 cannot support :hover on anything but an anchor,
 * So we add IE6 support in via javascript.
 */

/* IE6/7 hacks:
 * _rule: value; is read only by IE6
 * *rule: value; is read by IE6 and 7
 */

div#secondNav {
	float: left;
	width: 160px;
	margin: 0px;
	padding: 3px 0px;
	font-family: arial;
	border-top: 1px solid #BBB;
	border-bottom: 1px solid #BBB;
    height: auto;

}

div#secondNav a {
  text-decoration: none;
  height: auto;
  background: transparent;
  display: block;
  width: 145px;
  /* can add a width here (or on the li) */
  /*width: 100px;*/

  /* otherwise set this to make ie6 happy,
   * but note this breaks a little bit in ie6 later,
   * see #menu ol li
   */
  _display: inline-block; 
}

div#secondNav a:hover, #secondNav a.hover {
  color: #FF0000;
}

div#secondNav li {
  list-style-type: none;
  display: block;
  width: 100%;
}

div#secondNav ol li {
  margin: 0px;
  padding: 0px;
}

/* 
   =========================================================
	MODIFY THE STYLES BELOW TO OVERWRITE THE DEFAULTS ABOVE
   =========================================================
*/

div#secondNav a {
	color: #333;
}

div#secondNav ol li a:hover {
}

div#secondNav ol li a.currentParent {
  color: #000000;
  font-weight: bold;
}

div#secondNav ol li a.currentParent:hover {
	color: #FF0000;
}

div#secondNav ol li a {
  margin: 0px;
  padding: 3px 0px;
  border-bottom: 1px solid #DDD;
}

div#secondNav ol li ol li {
  padding: 3px 0px;
  margin: 0px 0px 0px 15px;
    width: 130px;
 }
 
div#secondNav ol li ol li a {
  width: 130px;
  border-bottom: 1px solid #DDD;
 }

div#secondNav ol li ol li a:hover {
}

div#secondNav .currentPage {
  	padding: 3px 0px;
    display: block;
	background: url("/images/navHighlight_long.gif") bottom left no-repeat;
	color: #000000;
	font-weight: bold;
 }


div#secondNav a.last {
  border-bottom: none;
}

\div#secondNav ol li ol li ol li {
  width: 115px;
 }

div#secondNav ol li ol li ol li a {
  width: 115px;
  border-bottom: 1px solid #DDD;
  color: #666;
}
/* SITEMAP CSS STYLES */

div#siteMapContainer { 
	clear: both;
	margin: 0px;
	padding: 0px;
	width: 620px;
	height: auto;
	background: transparent;
	border: none;
}

div#siteMapContainer div
{ 
	vertical-align: top;
	padding: 0;
	margin: 0;
	width: 300px;
	float: left;
}

div#siteMapContainer div.spacer
{
	width: 20px;
}

div#siteMapContainer h2 {
	margin: 15px 50px 0px 0px;
}

div#siteMapContainer h2.underline
{
	border-bottom: 1px solid #BBB;
}

div#siteMapContainer div h2:first-child
{
	margin: 0px 50px 0px 0px;
}

div#siteMapContainer li {
	list-style: disk;
	color: #666;
}

div#siteMapContainer li li {
	list-style: square;
	color: #666;
}

div#siteMapContainer li li li {
	list-style: circle;
	color: #666;
}

/* MAP CSS STYLES */

div#map {
	display: block;
	margin: 10px 0px 0px 0px;
	padding: 0;
	width: 620px;
	height: 322px;
	background: top left no-repeat;
}

#subCol2 hr {
	border: 0;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	width: 100%;
	background-color: #BBBBBB;
	height: 1px;
}


/* MAP DROP DOWN LIST STYLES */

div.mapDropMenu, 
div#mapDropMenu  {
	display: inline-block;
	margin: 0px;
	padding: 0px;
	width: 210px;
	height: 18px;
	background-color: #fff;
	color: #333;
	font-size: 11px;
	line-height: 12px;
	z-index: 4;
}

div.mapDropMenu a, 
div#mapDropMenu a {
 	text-decoration: none;
	width: auto;
  /* can add a width here (or on the li) */
  /*width: 100px;*/

  /* otherwise set this to make ie6 happy,
   * but note this breaks a little bit in ie6 later,
   * see #menu ol li
   */
  	border: 0px solid black;
	color: #333;
	height: auto;
}

div.mapDropMenu ol, 
div#mapDropMenu ol {
	position: absolute; 
	float: none;
	list-style-type: none;
	z-index: 2;
}

div.mapDropMenu ol li, 
div#mapDropMenu ol li {
  display: block;
  float: none;
  width: 226px;
  z-index: 2;
  /* if you are not assigning a width, you will note that IE6 will not make all of
   * the anchors the same width, so you are better off styling the li here, rather than
   * the anchor.
   */
}

/* drop down hover */
div.mapDropMenu ol li:hover ol,
div.mapDropMenu ol li.hover ol,
div#mapDropMenu ol li:hover ol,
div#mapDropMenu ol li.hover ol
{
  display: block;
}

div.mapDropMenu ol li div, 
div#mapDropMenu ol li div {
	background: url("/images/_companyDrop_up.gif") no-repeat right top;
	display: block;
	float: none;
	height: auto;
	width: 225px;
	margin: 0px;
	padding: 4px;
	background-color: #FFF;
	border: 1px #BBB solid;	
	z-index: 2;
}

div.mapDropMenu ol li div:hover, 
div#mapDropMenu ol li div:hover,  
div#mapDropMenu ol li div.hover {
	background: url("images/_companyDrop_over.gif") no-repeat right top #fff;
  	color: #FF0000;
	cursor: pointer;

}


div.mapDropMenu ol li ol, 
div#mapDropMenu ol li ol {
  list-style-type: none;
  display: none; /* display: block; to show the drop menu while making adjustments */
  
  top: 22px;
  left: 0px;
  width: 228px;
  background: #444;
  /*top: 0px; /* Only IE6 needs this */
  /*left: 0px; */
  /* this padding means we can't assign backgrounds or borders easily, but it let's
   * us have some breathing room for the mouse when targeting */
  margin: 0;
  padding: 4px 3px 6px 4px;
  clear: both;
  z-index: 2;
}

div.mapDropMenu ol li ol li a, 
div#mapDropMenu ol li ol li a {
	padding: 5px 0px;
	margin: 0;
	display: block;
	width: 100%;
	border-bottom: 1px solid #666;
	color: #fff;
}

div.mapDropMenu ol li ol li a:hover, div.mapDropMenu ol li ol li a.hover, 
div#mapDropMenu ol li ol li a:hover, div#mapDropMenu ol li ol li a.hover {
	color: #FFF;
	background-color: #FF0000;
	text-decoration: none;	
}


/* END MAP DROP DOWN LIST STYLES */

table#locations { 
	margin: 0px;
	padding: 0px;
	width: 620px;
	height: auto;
	background: transparent;
	border: none;
}

table#locations td.column1 { 
	vertical-align: top;
	padding: 0;
	margin: 0;
	width: 300;
}

table#locations td.column2 { 
	vertical-align: top;
	padding: 0;
	margin: 0;
	width: 320px;
}

table#locations h2 {
	margin: 15px 50px 0px 0px;
	border-bottom: 1px solid #BBB;
}

table#locations h2.first {
	margin: 0px 50px 0px 0px;
}

table#locations li {
	list-style: disk;
	color: #666;
}

/* CSS STYLES FOR DATASHEET PAGES AND FULL PAGE TABLES */

table#fullPgTable, 
table.fullPgTable,
table.darkHeader
 
{ 
	margin: 0;
	padding: 0;
	width: 620px;
	background-color: #fff;
	border: none;
}

table#fullPgTable a:hover,
table.fullPgTable a:hover 
{ 
	color: #ff0000;
}

td.tableSubTitleNoColumnLabels {
	padding: 20px 0px 5px 0px;
	margin: 0;
	font-size: 12px;
	font-weight: bold;
	color: #000;
	line-height: 16px;
	border-bottom: 1px #333 solid;
}

td.columnDatasheetDownload {
	width: 77px;
}

/* The following table CSS styles are also found in style_halfPgTable.css */

tr.rowA {
	background-color: #EEE;
}

td.rowLast {
	border-bottom: 1px #BBB solid;
}

td {
	vertical-align: top;
	padding: 3px 0px 3px 0px;
	margin: 0;
}

td.tableColumnData1 {
	padding-left: 5px;
	margin-left: 5px;
}

td.tableColumnData1Last {
	padding-left: 5px;
	margin-left: 5px;
	border-bottom: 1px #BBB solid;
}

table.darkHeader
{
	border: thin #999 solid;
}

table.darkHeader th
{
	background-color: #000;
	color: #eee;
}

table.darkHeader th,
table.darkHeader td
{
	padding: 3px 3px 3px 3px;
	margin-left: 5px;
	border-bottom: 1px #999 solid;
	
}

table.darkHeader th
{
	border-right: 1px #eee solid;
}

table.darkHeader td
{
	border-right: 1px #999 solid;
}

table.darkHeader tr
{
	background-color: #eee;
}

table.darkHeader tr.alternate
{
	background-color: #ccc;
}