﻿/* File styles-SysDiv-1.css production 8 June 2007 */

* {border-width: 0px;
	margin: 0px;
	padding: 0px;
} /* zero down all elements */
body { /* classes: home, about, markets, news, contact, careers */
	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 */
	BACKGROUND-IMAGE: url(images/bg_main.gif); BACKGROUND-REPEAT: repeat-x;
	}
p {
	margin: 9px 0px 3px;
	line-height: 1.6em;
	}
#wrapper {
	width: 790px; 
	margin: 0 auto; 
	padding-left:10px;
	padding-right:10px;
	text-align: left;
	background-color:white;
	border: solid 1px rgb(158,171,181)}
#branding {
	height: 84px; /* increase for more more space above nav bar */
	padding-top: 6px;} /* increase for more white space above logos */
#branding img#logoITT {
	float:left;
	clear:right;
	border: 0px;
	padding-top: 36px;}
#branding img#logoSystems {
	float: right;

	margin-top: 44px;
	border: 0px;}
	
/* ===== navTop =====  */
div#navTop {height: 46px;} /* increase for more space below navTop */
div#navTop table {padding:0px; width:790px;}
div#navTop tr {background: url(images/navTop-Background.gif) repeat-x left bottom;}
div#navTop td {text-align:center; padding-bottom:0px;}
div#navTop a { font: 11px/24px Verdana, Arial, Helvetica, sans-serif; font-weight: bold; padding: 0px; margin: 0px; color: rgb(255,255,255); text-decoration: none;}
div#navTop a:link {}
div#navTop a:visited {}
div#navTop a:hover {
	color: rgb(255,166,22); /* ITT Gold */
	text-decoration: none;}
div#navTop a:active {
	color: rgb(254,232,187);
	}
/* following sets widths of buttons */
div#navTop td.home {width:77px;}
div#navTop td.about {width:94px;}
div#navTop td.markets {width:140px;}
div#navTop td.news {width:68px;}
div#navTop td.contact {width:80px;}
div#navTop td.careers {width:80px;}
/* following sets td background on button based on body id */
body#home td.home {background: url(images/navTop-Background-On.gif) repeat-x left bottom;}
body#about td.about {background: url(images/navTop-Background-On.gif) repeat-x left bottom;}
body#markets td.markets {background: url(images/navTop-Background-On.gif) repeat-x left bottom;}
body#news td.news {background: url(images/navTop-Background-On.gif) repeat-x left bottom;}
body#contact td.contact {background: url(images/navTop-Background-On.gif) repeat-x left bottom;}
body#careers td.careers {background: url(images/navTop-Background-On.gif) repeat-x left bottom;}
/* following sets default border between buttons */
div#navTop td.border {height:25px; width:2px; background:url(images/navTop-Border.gif) repeat-x left top;}
/* following all turns off border between buttons based on body class */
body#home div#navTop td#borderHomeR {height: 25px; width: 2px; background: url(images/navTop-Background.gif) repeat-x left bottom;}
body#about div#navTop td#borderAboutL {height: 25px; width: 2px; background: url(images/navTop-Background.gif) repeat-x left bottom;}
body#about div#navTop td#borderAboutR {height: 25px; width: 2px; background: url(images/navTop-Background.gif) repeat-x left bottom;}
body#markets div#navTop td#borderAboutR {height: 25px; width: 2px; background: url(images/navTop-Background.gif) repeat-x left bottom;}
body#markets div#navTop td#borderMarketsR {height: 25px; width: 2px; background: url(images/navTop-Background.gif) repeat-x left bottom;}
body#news div#navTop td#borderMarketsR {height: 25px; width: 2px; background: url(images/navTop-Background.gif) repeat-x left bottom;}
body#news div#navTop td#borderNewsR {height: 25px; width: 2px; background: url(images/navTop-Background.gif) repeat-x left bottom;}
body#contact div#navTop td#borderNewsR {height: 25px; width: 2px; background: url(images/navTop-Background.gif) repeat-x left bottom;}
body#contact div#navTop td#borderContactR {height: 25px; width: 2px; background: url(images/navTop-Background.gif) repeat-x left bottom;}
body#careers div#navTop td#borderContactR {height: 25px; width: 2px; background: url(images/navTop-Background.gif) repeat-x left bottom;}
td.spaceRightOfHome { /* extra space between home button and about button */
	background: url(images/navTop-Background.gif) repeat left bottom;
	width: 250px;
}
/* ===== END navTop ===== */

#footerMarginTop { /* hack to get Mozilla space above footer */
	margin-top: 9px;
	width: 790px;
	background-color: rgb(255,255,255);
	height: 12px; 
	clear: both;} /* critical */
/* footer */
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 */
	}
/* END footer */

/* COLUMNS and HEADERS */
/* body class cols1 */ /* used only for Global Rearch (animation) page */
body.cols1 div#col1 {background-color: white;}
body.cols1 div#col1 h1 {width:756px; padding: 3px 6px 4px;}

/* body class cols2 */
body.cols2 div#col1 {width: 556px; float: left; clear: right;}
body.cols2 div#col2 {width: 212px; float: right; margin-left:12px;}
body.cols2 div#col1 h1 {width:544px; padding: 3px 6px 4px;} 
.flash1 {float:left; margin-right:18px; margin-bottom:12px;} /* for animation on about, markets, news, contact */
body.cols2 div#col1 p.paraFirst {margin-top:72px;}

body.cols2 div#col2 h1 {width:200px; padding: 3px 6px 4px;} 
body.cols2 div#col2 h1+p {margin-top:12px;} 

/* body class cols3 */ /* used only for Careers 'locations' pages */
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;} 
body.cols3 #col2 h1 {width:354px; padding: 3px 6px 4px;} 
body.cols3 #col3 h1 {width:200px; padding: 3px 6px 4px;} 
body.cols3 div#col3 h1+p { margin-top:12px;} 
h1.secondary {margin-top:24px;;}
/* end COLUMNS and HEADERS */

/* headers */
h6 {font-family: Verdana, Arial, Helvetica, sans-serif;color: red; font-weight: bold;line-height: 1.4em;font-style: normal;}
h5 {font-family: Verdana, Arial, Helvetica, sans-serif;color: red; font-weight: bold;line-height: 1.4em;font-style: normal;}
h4 {font-family: Verdana, Arial, Helvetica, sans-serif;color: red; font-weight: bold;line-height: 1.4em;font-style: normal;}
h3 {font-family: Verdana, Arial, Helvetica, sans-serif;color: red; font-weight: bold;line-height: 1.4em;font-style: normal;}
h2 {font-family: Verdana, Arial, Helvetica, sans-serif;color: red; font-weight: bold;line-height: 1.4em;font-style: normal;}
h1 {font-family: Verdana, Arial, Helvetica, sans-serif;color: red; font-weight: bold;line-height: 1.4em;font-style: normal;}
h1 {  /* page titles only */
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	width: 100%;
	color: #FFFFFF;
	color: #333;  /* 4 June 2009 */
	background: rgb(255,166,22); /*ITT Gold*/
	background:  url(images/bar-Graduated-ITTGold.gif) repeat-x;
	background:  url(images/navTop-Background-2.gif) repeat-x;  /* 4 June 2009 */
	letter-spacing: .04em;
}
h5 {margin: 18px 0px 6px 0px;}
h4 {margin: 18px 0px 6px 0px;}
h3 {margin: 18px 0px 6px 0px;}
h2 {margin: 18px 0px 6px 0px;}
h2 { 
	font-size: 13px;
	margin-top:24px;
	color: rgb(68,105,125);} /*ITT Dark Blue*/
h3 {
	font-size: 11px;
	color: rgb(68,105,125);} /*ITT Dark Blue*/
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 =============================*/

/* Nav on Markets Served and About pages */
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:3px;}
table.navRight .tdBullet {background: url(images/navRight-Arrow.gif) no-repeat left top;padding:0px;padding-right:9px;}
a:visited {font-size: 11px; font-style:normal;margin:0;padding:0;}
a:active {font-size: 11px; font-style:normal;margin:0;padding:0;}
a:hover {font-size: 11px; font-style:normal;margin:0;padding:0;}
a:link {font-size: 11px; font-style:normal;margin:0;padding:0;}
table.navRight a {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;}

/* body id HOME */

/* body id ABOUT */
body#about div#col1 div {float: left; clear:left; width: 536px; border: solid 0px lightgreen;}
body#about div#col1 div h2 {float: #;}
body#about div#col1 div img {border: solid 0px yellow; float: right; clear:#;margin-left:24px;}
body#about div#col1 div p {border: solid 0px red; float: left; clear:#; }
body#about div#col1 div p.instructionsClickHere {color:purple;}
body#about h3 {margin:0px;line-height: 1.4em; color: rgb(147,177,204);}

/* body id ABOUT tradshow table */
body#about table.tradeshow  {border:0px; margin-bottom: 24px;}
body#about table.tradeshow td {vertical-align:middle; padding-top:3px;}
body#about table.tradeshow tr.first td {padding-top:7px;}
body#about table.tradeshow h3 {margin-top:12px; padding:0px 12px 2px;; font-size:12px; color:rgb(125,123,124);
background-color:rgb(236,236,236);border-top: solid 3px rgb(143,156,171);} / * 10 June 2009 */

body#about table.tradeshow .date {padding-left:12px;}
body#about table.tradeshow .name {padding-left:12px; font-weight: bold;}
body#about table.tradeshow .location {padding-left:12px;}
body#about table.tradeshow tr.separator td {
	background: url(images/rule2-Tradeshows.gif) repeat-x left center;
	height: 2px; padding:0px;
}

body#about table.idiq  {border:0px; margin-bottom: 24px;}
body#about table.idiq td {vertical-align: top;}
body#about table.idiq h3 {margin-top:12px;padding:0px 12px 2px;;font-size:12px; color: rgb(125,123,124);
background-color:rgb(147,177,204);background-color:rgb(254,232,187);border-top: solid 3px rgb(249,209,138);}
body#about table.idiq p {line-height:1.4em; margin:6px 0px 3px 18px;;}
body#about table.idiq td.separator {
	display:none;
	background: url(images/graphic-1x1-ITTLightBlue.gif) repeat-x left center;
	height: 15px;
	filter: Alpha(Opacity=80);
}
body#about div#col1 h2.title {margin-top:72px;}

/* body id MARKETS */
body#markets div#col1 h2 { 
	font-size: 14px;
	color: rgb(68,105,125);
	} /*ITT Dark Blue*/

/* body id NEWS */
body#news div#col2 h3 {margin: 15px 0px 3px; line-height: 1.4em;} /* 26 Apr 07*/
body#news div#col2 p {margin-top:3px;margin-bottom:9px;line-height:1.4em;} /* 26 Apr 07*/

body#news div#col1 h2 {}
body#contact div#col2 h3 {margin: 15px 0px 3px; line-height: 1.4em;} /* 26 Apr 07*/
body#contact div#col2 p {margin-top:3px;margin-bottom:9px;line-height:1.4em;} /* 26 Apr 07*/
body#news div#col2 h1+p {margin-top:18px;margin-bottom:9px;line-height:1.4em;}
body#news h2.pressRelease { /* text "Press Release"; hide if necessary */
	color: rgb(255,166,22);
	margin-bottom:24px;
	font-size:18px;
	text-align: left;
	visibility: visible;
	display: display;}
body#news p.backTo { /* "Back to New Home" link on press release pages; hide if necessary */
	margin-bottom:6px;
	visibility: visible;
	display: display;}

body#news table.news {width:536px;border:0px;}
body#news table.news h3 {margin-top:15px;padding:0px 16px;;font-size:12px; color: rgb(125,123,124);
background-color:rgb(147,177,204);background-color:rgb(254,232,187);border-top: solid 3px rgb(249,209,138);}
body.news table.news tr.ruleBottom {display:none;} /* hide bottom rule for new layout */

/* body id CONTACT*/
body#contact div#col2 h1+table {margin-top:6px;margin-bottom:9px;line-height:1.4em;}
body#contact h2 {line-height:1.2em;}
body#contact h3 {line-height:1.2em;margin-bottom:3px;}
body#contact table.contactInfo p {line-height:1.4em;margin-top:0px;}
body#contact table.contactInfo {width:530px; margin-top:12px;}
/* following chunk moved over from contact page 10 June 2009 */
body#contact form { /* removed the width 536, fixed problem, 19 Jun 07 */
	background-color: rgb(254,232,187); /* ITT Gold 25 */
	background-color: rgb(236,236,235); /* 10 June 2009 */
	border: solid 1px rgb(191,199,207); /* ITT Dark Gray */
	border-top: 0px;
	padding: 8px;
	}
body#contact form p {font: 10px/1.2em Verdana, Arial, Helvetica, sans-serif;
	color: rgb(125,123,124); /*ITT Black 75*/}
body#contact form span.asterisk {
	color:rgb(198,54,50); /* ITT Red */
	}
body#contact form table td {
	vertical-align: middle;
	padding: 4px 0px;}
body#contact form table p {
	margin: 0px;
	padding: 0px;
	padding-bottom: 1px;
	text-align: right;
	margin-right: 4px;
	color: rgb(125,123,124); /*ITT Black 75*/
	color: rgb(66,66,66); /* darker */}
body#contact input, textarea, option, select {
	font: 12px/1.2em Georgia, "Times New Roman", Times, serif; 
	color: rgb(0,0,0);}
input {
	padding: 3px 0px 2px 4px;}
	
body#contact input.button {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #333;
	background-color:rgb(191,199,207);
	border: solid 1px rgb(155,155,155);
	padding: 1px;	}
	
body#contact textarea {
	padding: 6px 4px 2px;}


/* body id CAREERS*/
body#careers p.careersQ {margin-top: 3px;margin-bottom: ;
	font-weight:bold;
	
}
body#careers p.careersA {margin-top: 6px;margin-bottom: ;
	font-weight:normal;
	
}
body#careers p.careersTop a {
	color: #;
	}
ul.benefits {margin-right:0px;margin-left:18px;}
ul.benefits li {margin-top:4px; margin-bottom:4px;}	
/* careers page - table for job fairs */
table.jobFairs td {margin:0px;padding:0px;padding-left:6px;}
table.jobFairs td p {margin:3px 0px;padding:0px;line-height:1.2em;}
table.jobFairs th {font-style:italic;}
table.jobFairs p.date {color:#;}
table.jobFairs p.time {color:#;}
table.jobFairs p.name {color:#666666;font-weight:bold;}
table.jobFairs p.location {color:#;}
table.jobFairs p.description {color:#;}


body.cols3 div#col2 img {  /* photos on International Careers pages */
	width:175px; height:157px; 
	float:left; margin:0px 12px 12px 0px;}
body.cols3 div#col2 img+p {margin-top:72px; padding-right:6px;} 

 
/* SPECIAL ====================================================== */

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;}
ul {color:green; margin: 12px 100px 15px 48px;padding: 0px;list-style: square outside;}
ul li {color:rgb(125,123,124); /* ITT Black 75 */
margin: 6px 0px; line-height:1.4em;}
p.rule1 {
	background: url(images/tile-1x1-ITTBlack25.gif) repeat-x left center;
	width: 70%;
	margin: 0px;
	padding: 0px;
}

p.rule2 {
	background: url(images/tile-1x1-ITTLightBlue.gif) repeat-x left center;
	width: 70%;
	margin: 0px;
	padding: 0px;
}
p.rule3 {
	background: url(images/tile-1x1-ITTBlack25.gif) repeat-x left center;
	width: 80%;
	margin: 0px 24px;
	padding: 0px;
}
h2.titleNews {color: rgb(147,177,204);	font-size: 14px;}
.comment {color:red;}
td.separator {
	background: url(images/tile-1x1-ITTBlack25.gif) repeat-x left center;
	height: 15px;
}
/* ===== */
div.standout-1 { /* created 31 Jul 07 for LOGCAP special section on careers main page */
	background: rgb(254,232,187);
	background: rgb(236,236,236); /* 10 June 2009 */
	margin-top:12px;
	border: 1px dashed rgb(191,199,207); /*ITT Dark Gray 25, 10 June 2009 */
	padding:6px 6px 6px 9px;
	}
div.standout-1 h2 {
	text-align:center; 
	font-size:16px; 
	margin:0px;
	font-style:italic;
}
div.standout-1 p {
	color:#000000;
	line-height: 1.4em;
	}
/* ===== */


div#col2 p {
	line-height:1.3em;
}

