/* CSS Document */

   html, body { height: 100%; }




em{
   font-weight:500;

}


* {margin:0;padding:0;}


#wrapper {
word-wrap: break-word;

width:50em;
position:relative;
/*height:600px;*/
border:thick;
/*background: url('back104.gif') #ededf7 repeat-x top left;*/


/*background-color:#FFFFF4;*/
/*background-image:url(back101.png);*/
margin:auto;
text-align:left;
background: url('../graphics/backgroundLong.png') #c6cfea repeat-x top left;


}





body { 

  background-color: #FFFFFF;
  font-family: arial;
} 


#totalBar{
width:50em;
height:5.6em;


}



#header{
/*width:25em;/*400px*/
/*height:6.25em;/*100px*/
padding-left:1em;
width:14em;
height:6.25em;
padding-top:0em;
padding-bottom:0em;

margin:auto;
text-align:center;
position:relative;
left:1.7em;
}

/*#header p{
font-family:Arial;
color:black;
display:block;
font-size:1.1em;
}
*/



h1{
width:25em;/*400px*/
padding:0em;
text-align:center;
margin:auto;
display:inline;
/*float:left;*/
}

h1, a{
	text-decoration:none;
}


span.currentPage{
color:#189618;

}
/*.navLabel{
position:relative;
top:5px;

}*/

#ehsTeam{
width:10em;
margin-top:.2em;
float:left;
margin-left:1em;
margin-right:0;
padding-right:7em;
position:relative;
left:2em;

}

.violatorSmall{
position:relative;
top:.8em;
right:.40em;

}

#upperHorizontalNav{
/*margin-top:-20px;*/
display:inline;
width:18em;
height:3.4em;
margin-top:1em;
font-family:Arial Black;
float:right;
padding-right:.5em;
position:relative;
bottom:2.5em;
left:.5em;
}

#upperHorizontalNavRSS{
display:inline;
width:10em;
height:3.4em;
margin-top:1em;
font-family:Arial Black;
float:right;
/*padding-right:.5em;*/
position:relative;
bottom:1em;
}



#controlLink{
font-family:Arial Black;
position:relative;
bottom:1em;



}




#trainingIcon{  /*formerly had the id of #rss*/
position:relative;
left:.35em;

/*border-left:solid 1px;*/
/*padding-top:.5em;*/


}

#rss{
position:relative;
top:.5em;
left:.3em;


}


#upperHorizontalNav, a{

font-family:Arial;
color:#3B58AC;
text-decoration:none;
font-size:.9em;


}
#upperHorizontalNav a:hover{
color:#008000;


}



#upperHorizontalNav, li{


border:0px 0px 0px 0px;
/*float:left;*/
list-style-type:none;
/*padding:0.1em 0.1em 0 0;*/

}


a, img{

border:none;


}



#ittukkiLogo{

border:0px;
position:absolute;

left:0px;
top:0px;
z-index:2;

/*background-image:url(assets/logoIttukkiBar.png); already in main page's html img src*/
}





h2{
	/*clear:both;*/
	display:block; /*sets up for Flash banner*/
	/*width:50em;
	height:10em;*/
    font-family:"Arial Black";
    text-align:center;
	font-size: 3.1em;
	color:#3C68B2;
	padding-top:.9em;  /*or alternatively 1em because text size is so big*/
	padding-bottom:.28em;
}


form{

margin:auto;
text-align:center;
/*display:inline;*/



}

legend{

color:#3B58AC;
font-size:1.4em;


}



label{
margin-right:.625em; /*10px*/
text-align:right;
/*padding:.7em;*/
width:8.75em; /*140px*/
display:block;
float:left;
clear:left;

}







.textBoxParagraph{

text-indent:2.8em;
font-family:Arial;
font-size:.95em;
width:32em; /*512px*/
padding: .5em 1em .5em 1em;
line-height:2em;

float:left;
/*display:inline;*/
/*float:right;*/

margin-right:10px;

}




.textBoxParagraph, p{  /*was originally set to float right with no margin*/

float:right;
margin-right:1em;




}


span.ittukkiLogoPrefix { 
  font-family: "Arial Black";
  font-size:  .87em;
  color: #0000ff;
} 

span.ittukkiLogoPrefix a{
font-family: "Arial Black";
 font-size:  .95em;
 color: #0000ff;


}

span.ittukkiLogoSuffix { 
  font-family: 'arial narrow';
  font-size: .3em;
  color: #0000ff;
} 


span.header { 
  font-family: arial;
  font-size:  14px;
  font-weight: bold;
  color: #0000ff;
} 



span.label {
  font-family: arial;
  font-size: .9em;
}

span.small {
  font-size: .88em; 
  font-family: arial; 
  color: #0000CC; 
}





#footer{
padding: 1em 0em 1em 0em;
width:36em;
border-top:1px solid;
border-top:thin;
border-top-color:#c1cac1;
color:#7070a9;
margin:auto;
clear:both;
text-align:center;
font-size:.75em;
margin-top:6em;

}



#copyright{
font-size:1.1em;
color:#7070a9;
font-weight:1000;



}
.prefixSmall{
	font-family:Arial Black, Arial;
	color:#0000FF;
	font-size:1em;
}


.ehsSmall{
	font-family:Arial Black, Arial;
	color:#008000;
    font-size:1em;
}


.ittukkiPrefix{
	font-family:Arial Black, Arial;
	color:#0000FF;
    font-size:1em;
}

.corpFooter{
font-family:Arial Narrow, Arial, Arial Black;
color:#0000FF;
font-size:.3em;

}













/*******************************************Styles Specific to the Solutions, People Page*******************/





#textBoxParagraph2{


width:32em;
float:right;
margin-right:1em;



}

#textBoxParagraph2 li{
/*text-indent:-.4em;*/

margin-left:2em;
list-style-type:circle;
/*padding-left:2em;*/
/*display:block;*/
font-size:.9em;
line-height:1.82em;
font-family:Arial;
/*float:left;*/

}

#textBoxParagraph2 img{
position:relative;
top:1.25em;


}


li.listHeading{
list-style-type:none;


}

#textBoxParagraph2 > li{



}

/*********************************************CSS for Vertical Nav**********************************/
#sidebar{
/*clear:both;*/

clear:left;
display:inline;
padding-top:1em;
padding-left:1em;
padding-right:0em;
float:left;
padding-bottom:1em;/*3em*/


}



#navlist {
/*display:block;*/


background-image:url(../graphics/navBackStrip.png);
background-repeat:repeat-x;
/*background:url(navBack.gif) no-repeat 0px 0px;*/
/*position: absolute;
left: 45px;
top: 185px;*/


width: 15em;
height:20em;  /*//379*/


/*font-size: 1.2em;
font:Tahoma, "Microsoft Sans Serif";*/



margin: 0; /*removes indent IE and Opera*/
padding: 0; /*removes indent Mozilla and NN7*/
list-style-type: none; /*turns off display of bullet*/
padding-top:1em;
padding-bottom:2em;
/*margin-top:20px;*/
/*margin-left:-20px;*/
}

#navlist li{
/*background-image:  url(assets/buttonRest.jpg);*/
/*display:block;*/
/*text-align:left;*/
/*margin-bottom:1em;*/
/*width:150px;
height:150px;*/

padding-top:0;
padding-left:1.2em;
margin-top:0px;
/*margin-left:21px;*/

/*text-align:center;*/
/*margin-bottom:15px;*/
}



#navlist a {
/*border: 1px solid;
border-color: #fff #000 #000 #fff;*/
/*display: block;*/

/*padding: 3px 10px 3px 10px;*/

background-color: none;
/*background-image:  url(assets/buttonRest.jpg);*/
background-repeat: no-repeat;


/*background-position: 25% 0%;*/


font-family: Arial , Arial Black, Arial Narrow;
font-weight:bold;


font-size:1em;/*16px*/
color: #1d397c;
text-decoration: none;
text-align:center;
margin-top:0px;

}

.label{
float:left;
position:relative;
top:1.25em;
left:1.5em;

}

.navIcon{
float:left;



padding-left:11.2px;
padding-right:4.8px;

}

/*nav Icons*/
/*a, img{
position:relative;
top:-15px;

}*/



.navId {
/*padding: 4px 10px 4px 10px;*/
/*margin-top:0em;*/
padding:0;
display:block;
width:12.5em;
height:3.45em;
width:200px;
height:55.2px;
/*width:200px;
height:55px;*/
background-image:  url(../graphics/buttonRest.png);
}

.currentLink{
/*margin-left:5px;*/
/**margin-bottom:5px;*/
/*padding: 4px 10px 4px 10px;*/
display:block;
width:12.5em;
height:3.45em;
width:200;
height:55px;
background-image:  url(../graphics/buttonVisited.png);
}

.trainingLink{
padding:0;
display:block;
width:12.5em;
height:3.45em;
width:200px;
height:55.2px;
 background-image:  url(../graphics/buttonAccentuate.png);
}

#navlist a:hover {
/**background-color: #9F6F9F;**/
background-image:  url(../graphics/buttonHoverOn.png);
cursor:pointer;
/*color:#;*/
/**color: #2D1E2D;**/
}



/**************************************************************************************/