@charset "utf-8";
/* CSS Document */
body {	
	background-image:url(../images/background/blackPure3x3.jpg);	
	margin:0; 
	padding:0;
	text-align: center; /* center in IE 5* browsers. Set to the left aligned default in the #container selector */
	color:#333;
}
p {font: 0.8em Verdana, Arial, Helvetica, sans-serif; line-height: 150%;}
/* Contnainer - from body to the end, overrides text-align:center on the body */
#container {
	width:1050px; 
	text-align: left; float:left;
	min-width:750px; height:auto;
} 

.windowContact {height:700px;}

/* Headers -  */
#headerHome {
	background:url(../images/headerHomeFull4.jpg);height:500px;width:875px;
	background-repeat:no-repeat; position:relative; top:0; left:0;
	z-index:4; 
}
#headerJobs {background:url(../images/headerJobs.jpg);height:256px;width:800px;z-index:2;}
#headerApply {background:url(../images/Header2.jpg);height:256px;width:800px;z-index:2;}
#headerAboutus {background:url(../images/headerAboutus.jpg);height:256px;width:807px;z-index:2;}
#headerBenefits {background:url(../images/headerBenefits.JPG);height:256px;width:826px;}
#headerFAQ {background:url(../images/headerFAQ.JPG);height:256px;width:800px;}
#headerContactus {background:url(../images/headerContactusFull.jpg);height:582px;width:800px;			position:relative;z-index:2;}
#headerTour {height:20px;}

/* SI Tour Slide Show Navigation */
#tourNav {margin:40px 0 0 30px;padding:10px;width:150px;}
#line {background:url(../images/background/BBGG4.gif); background-repeat: repeat-x;
	height:4px;width:60px; margin:0 0 0 20px;
}
#BF {margin:-9px 0 0 20px;width:20px;}
#BB {margin:-9px 0 0 0; width:20px;}
#BF img {border:none;}
#BB img {border:none;}

.noVisib {visibility:hidden;}

/* SideBar - a "column" for navigation buttons. */
#sidebar1 {float: left; width: 12em; /*  floated - a width must be given */
	background-image:url(../images/background/blackPure.jpg); 
	padding: 15px 0; 
}

/* SideBar 2 - Nav buttons positioned relatively on top of HeaderHome */
#sidebar2 {
	width: 12em;
	padding: 15px 0;
	float:left;
	margin:300px 0 0 0;
}

/* SideBar Contact - Nav buttons positioned relatively on top of HeaderHome */
#sidebarContact {
	width: 12em; 
	padding: 15px 0;
	position:relative;
	left:0px;
	top:-300px; 
	z-index:10; 
}

/* Text - positioned }*/
#homePara {
margin:340px 0 100px 172px;
	width:350px; float:left;
}
#homePara p {
	margin:0;
	padding:10px 0 0 20px;
	color:#CCC; 
}

#contactusText {
	position:relative;
	top:-640px;
	left: 240px;
	z-index:3;
	color:#CCCCCC;
	width:300px;
}
#contactusText h5 {margin:40px 0 -10px 0;}

/* =========== Images ================= */
.Leftbarpic {margin:14em 0 0 1.8em;}
.aboutusLeft {background:url(../images/aboutus_left.jpg);height:1000px;width:195px;
			  background-repeat:no-repeat;}
#JobsLeft {
	background:url(../images/Jobs_left.jpg);
	height:33px;
	width:162px;
	background-repeat:no-repeat;
	position:relative;
	width:162px;
	height:33px;
	top:14px;
	left:25px;
	z-index:1;
}
.faqImgLeft {width:195px; margin:100px 0 0 0;}
.beneImgLeft {width:195px; margin:100px 0 0 0; padding:10em 0 10em 0;}

/* MainContent - a "culumn" adjasent to sidebar1 (navigation) */
#mainContentHead { 
	width:800px; 
	overflow:hidden;
	margin: 0 0 0 0; 
	background-image:url(../images/textarea/textareatop800.jpg); 
	background-repeat:no-repeat;
	z-index:3;
}
#mainContentHead h1, h2, h3, h4, h5, h6, ul, li  {padding:0 2em 0 3em;}
.topIntro {width:90%; padding:0 3em 0 3em;}
.topIntro p {margin:0; }
.textarea {
	overflow:hidden;
	margin: -1px 0 0 0; 
	background-image:url(../images/textarea/textareamiddleAdd800.jpg); 
	background-repeat:repeat-y;
}

.textarea p, h1, h2, h3, h4, h5, h6, ul, li {width:55em;padding:0 2em 0 3em;}


/* Content Middle - Apply for - to give room to Notice Box and 
   to make a "textarea" under it wider */
.contentmiddle  p{width:40em;}

/* Notice Box */
.noticeBox {width:210px; height:320px; 
		background-image:url(../images/textarea/NoticeBlue200.jpg); 					background-repeat:no-repeat;}
.noticeBox p{font-size:70%; margin:0;line-height:110%;color:#000000;width:150px;padding:0 5px 0 25px;}
.noticeBox h6{font-size:60%;margin:10px 0 0 20px;width:150px;text-align:center;padding:10px 0 0 0;}

/* Text Stuff */
.headingSentence {font-size:140%; font-weight:bold; width:150px; letter-spacing:-.5px;}
.bold {font-weight:bold;}
.italic {font-style:italic;}
.notePar {font-style:italic; font-weight:200; font-size:0.9em;}
.colorWhite {color:#fff;}
.colorWhite p{color:#fff;}
.colorGray p{color:#666;}
.colorOrange {color:#E2A400;}
.colorYellow {color:#FFFF00;}
.colorBlack {color:#000;}
.colorTeal {color:#68A093;}
.textIndent {text-indent:5em;}
.textIndent2 {text-indent:38px;}
h2.textIndent {text-indent:0;margin:30px 0 0px 0;}
.center {text-align:center;}

/* ================Tables=================== */

/* ---------BenefitsTable----------- */
.tableBene table{
	border:2px double #000; 
	padding:0 20px 0 100px;
	border-right:none;
	border-left:none; 
	margin:0 0 0 50px;
}
.tableBene td {padding: 0 40px 0 30px; color:#666666;}
.tablehead td{color:#333333; border-bottom:1px double #333;}

/* ------------Vacancy Tables------------- */
/* ************Paper*************** */

table.tableVac {
	border-collapse:collapse;
	font-size:80%; 
	width:750px;
	margin:1em auto 0;
	text-align:center;
}
.tableVac thead {background-color:#000; color:#fff; height:30px;}
.tableVac th {color:#fff; padding:3px;}
th.loc {background:url(../images/background/JobVacTableHeadR2.jpg) right top;background-repeat: no-repeat;}
th.datec {background:url(../images/background/JobVacTableHeadL.jpg);}
tr.tableVacRowData td {padding:5px 0 5px 0; border-top:3px solid #fff;}
td.annfont {font-size:.9em;}

.datec {width:12%;}
.ann {width:25%;}
.title {width:35%;}
.pp {width:10%;}
.whoMay {width:10%;}
.loc {width:8%;}

/* Text */
.bigger_p  p{font-size:1em;}


/* Footer */
#footer {
	font-size:0.8em;
	margin:  auto 10%; 
	padding:10px;
	color:#ff0;
}
#footer ul {list-style:none;}
#footer li {
	display:inline;
	margin:0 0 0 10px;
	padding:0 0 0 15px;
	background: transparent url(../images/bullets/diamondBlue.gif) no-repeat 0pt 50%;
}
#footer a {color:#CCCC00;}
#footer img {padding:0 20px 0 20px; border:0;}
#footer p {font-size:1em;}
/* Helpers */
.floatLeft {float:left;}
.floatRight {float:right;}
.clear {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.offLeft { position: absolute; left: -999px; width: 990px; margin:0; padding:0;}
.up {margin:-15px 0 0 0;}
.indent50 {margin:0 0 0 50px;}
.p_narrow p {width:44em;}

.dloads {margin: 120px 10px 10px 60px; text-align:left;color:#fff;}
.dloads a:link, .dloads a:visited {color:#fff; border: 10px inset #fff;padding:30px;}
.ribbon  { }
.ribbon p {background:url(../images/pics/ribbon2.gif) no-repeat left top; padding:0 0 30px 130px;width:350px;height:140px; color:#ccc; margin:0 0 0 100px;}