/* CSS Document */
body {font-family: "Tahoma";font-size:12px;color:#515151; background-image:url(images/bkg-img.jpg);}

/*NAVIGATION*/
#navcontainer { width: 166px; height:198px; float:left; border-top:4px solid #bed688; border-left:0px solid #000000; border-right:4px solid #ffffff;background-color: #5d5d5d; border }
#navcontainer2{ width: 450px; height:198px; margin-left:30px; float:left;  border-left:0px solid #000000; border-right:4px solid #ffffff; }
#navcontainer2b{ width:400px; height:600px; margin-left:30px; margin-right:0px; float:left; solid #000000; border-right:4px solid #000000; }
#navcontainer3{ width: 250px; height:198px; margin-left:30px; float:left;  border-left:0px solid #000000; border-right:4px solid #ffffff; }
#navcontainer4{ width: 450px; height:198px; margin-left:30px; float:left;  border-left:0px solid #000000; border-right:4px solid #ffffff; }
#navcontainer5{ width: 300px; height:198px; margin-left:30px; float:left;  border-left:0px solid #000000; border-right:4px solid #ffffff; }
#navcontainer ul{padding:0; margin:0; list-style-type: none;background-color: #5d5d5d; margin-top:8px; margin-left:5px;}
#navcontainer li a{font-family: "Tahoma";font-size:11px;display:block;width: 170px;height:18px;text-decoration: none;color: #ffffff;}
#navcontainer li a:hover{background-color: #ffffff;color: #000000;}
.clicked { background-color: #81939F;}

/*MAIN SYLES*/
#topnav {width:947px;height:198px;margin-left: auto;margin-right: auto;}




#topnav2 {width:947px;height:320px;margin-left: auto;margin-right: auto; border-bottom:1px dotted #bbbbbb;}
#topnav2b {width:947px;height:600px;margin-left: auto;margin-right: 50px; border-bottom:1px dotted #bbbbbb;}
#topnav3 {width:947px;height:250px;margin-left: auto;margin-right: auto; border-bottom:1px dotted #bbbbbb;}
#topnav5 {width:947px;height:600px;margin-left: auto;margin-right: auto; border-bottom:1px dotted #bbbbbb;}
#topnav6 {width:947px;height:650px;margin-left: auto;margin-right: auto; border-bottom:1px dotted #bbbbbb;}
#topnav7 {width:947px;height:225px;margin-left: auto;margin-right: auto; border-bottom:1px dotted #bbbbbb;}


#navimage {width:777px;height:198px;float:left;margin-left: auto;margin-right: auto; border-top: 4px Solid #bed688; background-repeat:no-repeat;}
#maintext {width:947px;margin-left: auto;margin-right: auto;padding:0px 0px 0px 0px; border-top: 1px Solid #bbbbbb;border-left:0px solid #bbc8d1;border-right:0px solid #bbc8d1; background-color:#ffffff; }



/*TOP OF ALL TOPS*/
#top {width:947px;height:100px;margin-left: auto;margin-right: auto; background-color: white;}
.topleft {float:left; width:947px;}
.topmiddle {float:left; width:395px; font-size:24px; }
.topright {float:left; width:305px;}
.toptext { width:260px; padding:1px 0px 0px 10px; text-align:justify;}
.toptext2 { width:400px; padding:20px 0px 0px 10px; text-align:left;}
.toptext3 { width:650px; padding:20px 0px 0px 10px; text-align:left;}


#header-content, #content, #footer-content {
	width: 790px;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
}

/* header */
#header {
	height: 100px;
	text-align: left;	
}
#header-content {
	margin: 0 auto;
	padding: 0;
	position: relative;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#header-content h1#logo {
	position: absolute;
	font: bold 45px 'Trebuchet MS', Sans-serif;
	letter-spacing: -2px;
	color: #FFF;
	margin: 0;
	padding: 0;
	/* change the values of left and top to adjust the position of the logo */
	top: 0px;
	left: -6px;
	z-index: 10;
}
#header-content h1#logo a {
	text-decoration: none;
	color: #FFF;
}

/*FOOTER*/
#footer { width:947px;margin-left: auto;margin-right: auto; background-color:white; clear:both;}
.footerleft { height:18px; width:468px; float:left; border-top:4px solid #bed688; color:#000000; padding:0px 0px 0px 5px; }
.footerright { height:18px; width:469px; float:left; border-top:4px solid #bed688;  text-align: right; padding:0px 5px 0px 0px;}
.footerright a:link {color:#000000; text-decoration:none;}
.footerright a:hover {color:#dddddd; text-decoration:none;}
.footerright a {color:#000000; text-decoration:none;}

/*DEFAULT PAGE STYLE*/
.defaulttext {float:left;width:495px; text-align:justify; margin-right:15px;}
.defaultleft {float:left;width:130px;border:1px solid #81939F; border-right:0px solid; height:90px; text-align:justify; padding:0px 3px 0px 3px; }
.defaultright {float:left;width:90px;border:1px solid #81939F; border-left:0px solid; height:90px; }
.defaultposition {background-color:#BBC8D1; display:block; font-weight:bold; margin-left:-3px; margin-right:-3px; padding:0px 0px 0px 2px;}
.defaultname {background-color:#BBC8D1; display:block; font-weight:bold; text-align:right; padding:0px 2px 0px 0px;}

/*HISTORY SECTION*/
.topyear { background-color:#BBC8D1; font-weight:bold;}
.topyearright { font-size:18px; font-weight:bold; text-align:right; }
.headerhistorytimeline { font-size:18px; background-color:#81939F;}
.tablehistorytimeline {width:263px; float:left; margin-top:2px; margin-left:-3px;}
.displayhistory {width:430px; float:left; margin-left:20px; margin-top:2px;}

/*EQUAL OPPORTUNITIES*/
.lighterblue { background-color:#BBC8D1;}
.mediumblue { background-color:#81939F;color:white;}

/*CAREER OPPORTUNITIES*/
.detailspositiontable { border:1px solid #000000; padding: 5px 5px 5px 5px; margin-top:5px; margin-bottom:5px;}
.positiontable { text-align:left;border:1px solid #000000; margin-top:5px; margin-bottom:5px; width:90%; margin-left:auto; margin-right:auto;}
.listvacheader {border-bottom:1px solid #000000; background-color:#81939F; font-weight:bold;}
/*FONTS*/
.boldmebig { font-size:16px; font-weight:bold;}
.williams { font-family:"Times New Roman", Times, serif; font-size:13px;}
.arrow {color:#FFFFFF; font-size:14px;}
.boldmenormal { font-weight:bold;}

/*ROW COLORS CHANGE*/
.row1{ background-color:#D7DFE7;}
.row2{ background-color:#FFFFFF;}


/*APPLICATION ONLINE FORM*/
.personaldetails {width:80%; border:1px solid #666; padding:5px 5px 5px 5px; float:left; font-family:"Tahoma";}
form input {border:1px solid #666;}
form  select{border:1px solid #666;}
form textarea{border:1px solid #666;}
.informationcontainer{
  float: right;
  width: 15%;
  height: auto;
  margin: 0px 0px 10px 10px;
  padding: 5px;
  border: 1px solid #666666;
  background-color: #ffffe1;
  color: #666666;
  font-size: 88%;
}
.informationheader{
  background-image: url(images/icon_info.gif);
  background-repeat: no-repeat;
  background-position: top left;
  padding: 3px 0px 3px 27px;
  border-width: 0px 0px 1px 0px;
  border-style: solid;
  border-color: #666666;
  color: #666666;
  font-size: 110%;

}
.informationtext {
  margin: 0em 0em 1.2em 0em;
  color: #666666;
  }

legend {
  font-size: 125%;
  font-weight: bold;
  color: #000000;
  margin: 0px 0px 0px 0px;
  padding: 5px 5px;
  }
  
fieldset { padding: 0px 5px;}

.educationheader {border-bottom:1px solid #666; font-weight:bold;}
.givemeaborder{border-bottom:1px solid #666;}