/* styles-SCORE.css */
/* 16 May 2007 */
/* All graphics and originals contained in with directory */
* {                   /* Zero down all elements */
  margin:0px; padding: 0px;}
body { 
	font: 11px/1.2em Verdana, Arial, Helvetica, sans-serif;
	color: rgb(125,123,124); 	/*ITT Black 75*/
	text-align: center; 			/* IE hack */
	min-width: 790px;   			/* Netscape hack, slightly wider */
	}
p {   /* size and leading in body, above */
	margin: 9px 0px 3px;
	line-height: 1.6em;
}
#wrapper {
	width: 770px;
	margin: 0 auto;
	text-align: left;
	}
#branding {
	height: 84px; 			/* increase for more more space above nav bar */
	padding-top: 15px; 	/* increase for more white space above logos */
	}
img#logoITT {
	float: left; 
	border: 0px;
	width: 125px;
	height: 60px;
	padding-top: 8px;}
img#logoSystems {
	float: right;
	border: 0px; 
	height: 47px; 		/* should always be this height, widths will vary depending on logo 15 May 07 */
	margin-top: 28px; /* should stay same */
	}
div#navTop table	{
	width: 770px;
	margin: 0px;
	padding: 0px;
	border: 0px;
	}
div#navTop table tr {
	background: url(images/navTop-Background.gif) repeat-x left top;	
	}
div#navTop table td {text-align: center;}

#navTop {height: 46px;} /* space below nav top, above content 8 May */
a.topnav { 
	font: 11px/25px Verdana, Arial, Helvetica, sans-serif; 
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	color: rgb(255,255,255);
	text-decoration: none;
}
a.topnav:hover {
	font: 11px/25px Verdana, Arial, Helvetica, sans-serif; 
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	color: rbg(255,166,22); /* ITT Gold, 8 May 07 */
	text-decoration: none
}
td.navTopCenter {text-align:center;padding-bottom:1px;}
td.navTopCenter a:hover {color: rgb(255,166,22);}

#footerMarginTop { /* hack to get Mozilla space above footer */
	margin-top: 9px;
	width: 770px;
	background-color: rgb(255,255,255);
	height: 12px; /* this is where it happens */
	clear: both;} /* this is important */
div#spanColumns h4 {
	margin: 0px;
	margin-top: 24px;
	padding: 0px;
	font-size: 11px;
	text-align: center;
	color: rgb(147,177,204);} /*ITT Light Blue*/
	/* ===== */
div#footer {
	margin: 0px;
	padding: 4px 0px 12px 0px;
	border-top: dashed 1px rgb(198,200,202);} /* ITT Black 25 */
div#footer h6.nav {
	margin: 0px;
	padding: 0px;}
div#footer h6.copyright {
	margin: 0px 0px 5px 0px;
	padding: 0px;
	text-align: right;}
div#footer span {
	color:rgb(48,85,105); /* ITT Dark Blue 68 105 120, turned down 20 - 18 Dec 06 */
	}
	
			/* COLUMNS and HEADERS */
/* body id cols1 */
body#cols1 div#col1 {
	background-color: white;}
body#cols1 div#col1 h1 {
	width:756px; 
	padding: 3px 6px 4px;}
/* body id cols2 */
body#cols2 div#col1 {
	width: 536px;
	float: left;
	clear: right;}
body#cols2 div#col2 {
	width: 212px;
	float: right;
	margin-left:12px;}
body#cols2 div#col1 h1 {
	width:524px; 
	padding: 3px 6px 4px;} 
body#cols2 div#col1 h1.secondary {
	width:524px; 
	padding: 3px 6px 4px; 
	margin-top: 24px; } /* 26 Apr 07*/
body#cols2 div#col2 h1 {
	width:200px; 
	padding: 3px 6px 4px;} 
body#cols2 div#col2 h1+p { /* p directly below h1 on second column */
	margin-top:12px;} 
body#cols2 div#col2 h1.secondary {
	margin-top:18px;}
/* body id cols3 */
body#cols3 div#col3 h1+p { /* p directly below h1 on third column */
	margin-top:12px;} 
body#cols3 div#col3 h1.secondary {
	margin-top:18px;}	
body#cols3 div#col1 {
	width: 160px;
	float: left;}
body#cols3 div#col2 {
	width: 368px;
	float: left;
	margin-left:14px;}
body#cols3 div#col3 {
	width: 212px;
	float: right;
	margin-left:8px;}
body#cols3 #col1 h1 {width:148px; padding: 3px 6px 4px;} /*IE hack*/
body#cols3 #col2 h1 {width:354px; padding: 3px 6px 4px;} /*IE hack*/
body#cols3 #col3 h1 {width:200px; padding: 3px 6px 4px;} /*IE hack*/
			/* end COLUMNS and HEADERS */


/* headers */
h1, h2, h3, h4, h5, h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: red; /*catch untagged*/
	font-weight: bold;
	line-height: 1.4em;
	font-style: normal;
	margin: 18px 0px 6px 0px;
	}
h1 {  /* page titles only */
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	width: 100%;
	color: #FFFFFF;
	background: rgb(255,166,22); /*ITT Gold*/
	background:  url(images/bar-Graduated-ITTGold.gif) repeat-x;
	letter-spacing: .04em;
	margin: 0px 0px 12px;}
h2 { 
	font-size: 12px;
	margin-top:24px; /* 15 May 07 */
	color: rgb(68,105,125);} /*ITT Dark Blue*/
h3 {
	font-size: 11px;
	color: rgb(125,123,124); /*ITT Black 75*/} 
h4 {
	font-size: 11px;
	color: rgb(147,177,204);} /*ITT Light Blue*/
h5 {
	font-size: 10px;
	color: rgb(147,177,204);} /*ITT Light Blue*/
h6 {} /* see footer */


/* links */
a {color: #36C; text-decoration: none;} 
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: underline; color: rgb(255,166,22);} /*ITT Gold*/
a:active {text-decoration: none;}

/* links for footer =================================*/
h6 {                       /*footer only*/
	font: normal 9px/1.4em Verdana, Arial, Helvetica, sans-serif;
	color: rgb(125,123,124);} /*ITT Black 75*/
#footer a {color:#36C; text-decoration: none; font-size:9px;} 
#footer a:link {color:#36C; text-decoration:none; font-size:9px;}
#footer a:visited {color:#36C; text-decoration:none; font-size:9px;}
#footer a:hover {color:rgb(255,166,22); text-decoration:underline; font-size:9px;}
#footer a:active {color:#36C; text-decoration:none; font-size:9px;}
/* END links for footer =============================*/


table.navRight {text-align:left;margin-top:6px;}
table.navRight h3 { /*for business area subhead*/
	margin-top:6px;
	margin-bottom:2px;
	line-height: 1.2em;}  
table.navRight td {vertical-align: top;padding-top:5px;}
table.navRight .tdBullet {background: url(images/navRight-Arrow.gif) no-repeat left top;padding:0px;padding-right:9px;}
table.navRight a, a:link, a:hover, a:active, a:visited {font-size: 11px; font-style:normal;margin:0;padding:0;}
table.navRight a:link  {color: rgb(125,123,124)}
table.navRight a:visited {color: rgb(125,123,124)}
table.navRight a:hover {color:rgb(255,166,22); text-decoration:underline;}
table.navRight a:active {color: rgb(125,123,124)}
table.navRight tr.on h3 a {color: rgb(125,123,124)}
table.navRight tr.on .tdBullet {background:  url(images/navRight-Arrow-On.gif) no-repeat left top;padding:0px;padding-right:9px;}
table.navRight span.subhead {color: rgb(68,105,125);} /*ITT Dark Blue*/ 
table.navRight tr.on span {color:black;font-weight:bold;}

/* SPECIAL ====================================================== */
ul {}
ul li {}
object.flash1 {float:left; margin-right:18px;margin-bottom:12px;border: solid 0px green;} /* for animation on about, markets, news, contact */
p.paraFirst {margin-top:72px;color:#;} /* used on about, markets, news, contact */
blockquote {font-size:10px;margin-left:6px;margin-right:9px;} /* quote on careers page */
img.icon-ExternalSite {width:10px; height:10px; margin:0px; padding:0px; border: solid 1px red; display: none; }
p.logoEngineered {text-align:center;margin-top:30px;}
table.listTwoCol {
	margin-left:24px;
	margin-top:9px;
	width:500px;
}
table.listTwoCol td {
	vertical-align: top;
	width: 220px;
	}
table.listTwoCol ul {
	margin:0px;
	margin-left:18px;
	padding: 0px;list-style: square outside;
	}
table.listTwoCol li {
line-height: 1.4em;
	margin:0px;
	margin-top:6px;
	margin-bottom:6px;
	}
.ruleSeparator{
	background: url(images/tile-1x1-ITTLightBlue.gif) repeat-x center center;
	background: url(images/tile-1x1-ITTBlack25.gif) repeat-x center center;
	width: 100%;
	margin: 12px 0px;
}
table.tradeshow  {border:0px; margin-bottom: 24px;}
table.tradeshow td {vertical-align: top;}
table.tradeshow h3 {margin-top:15px;padding:4px 12px 6px;;font-size:12px; color: rgb(68,105,125); 
background-color:rgb(255,255,255);border-top: solid 0px rgb(68,105,125);}
table.tradeshow p {line-height:1.2em; margin:3px 0px;}
table.tradeshow p.date {padding-left:12px;}
table.tradeshow p.name {padding-left:12px; font-weight: bold;}
table.tradeshow p.location {padding-left:12px;}
table.tradeshow td.separator {
	display:none;
	background: url(images/tile-1x1-ITTLightBlue.gif) repeat-x left center;
	height: 15px;
	filter: Alpha(Opacity=80);
}


.photoMontageFlash {margin-top:18px;}
body.contact p {margin-left: 24px;}
.comment {color:red;}