/*This CSS file is the main CSS file, for standards-compliant browsers (Firefox, Opera, Safari)*/

/* BEGIN SITEWIDE DIVS */
/* sets the spacer div so that content doesn't land on the JSN+ALD logo, z-index is for Opera */ 
#spacer {
    height: 50px;
    position: fixed;
    width: 100%;
    z-index: 100;
}
#navdiv {
    white-space: nowrap;
    position: fixed;
    top: 55px;
    width: 150px;
}
/* content div that exists next to main navigation div */ 
#contdiv {
    padding-top: 0px;
    margin-top: 0px;
    position: fixed;
    top: 55px;
    vertical-align: top;
    left: 160px;
    width: 100%;
    height: 90%;
    overflow: auto;
}
/* This div is just to hold the site map to the bottom of the page */
#sitediv {
	position: fixed;
    bottom: 5px;
	overflow: auto;
	border: none;
	width: 150px;
}
/*These are the flash intro page divs*/
  #maindiv {
        text-align: center;
        height: 100%;
        width: 100%;
        vertical-align: middle;
  }
  #swfdiv {
        height: 100%;
		width: 1024;
        text-align:center;
  }
  #skip{
   text-align: center;
  font-family: verdana;
  } 
  /*the main page container div*/
  #mcontdiv {
  max-width: 800px;
  top: 55px;
  position: fixed;
  text-align: justify;
  left: 160px;
  padding-right:20px;
  padding-bottom:0px;
  margin-bottom:0px;
  }
  #mapdiv {
   top: 55px;
   position: fixed;
   text-align: center;
   left: 160px; 
   width: 400px;
   }
   #empdiv {
   top: 55px;
   position: fixed;
   text-align: center;
   left: 160px; 
   width: 600px;
   }
   #linkdiv {
   text-align: center;
   width: 483px;
   }
   #gmapdiv {
   height: 500px;
   width: 483px;
   }
   #map {
   height: 500px;
   width: 483px;
   }
   
  
/* END SITEWIDE DIVS */

/* BEGIN CLIENT PAGE DIVS */
#ccontdiv {
    padding-top: 0px;
    margin-top: 0px;
    position: absolute;
    top: 0px;
    vertical-align: top;
    left: 300px;
    height: 100%; 
	right: auto; 
	width: 300px;
}
#cholddiv {
    padding-top: 0px;
    margin-top: 0px;
    position: fixed;
    top: 55px;
    vertical-align: top;
    left: 160px;
    overflow: auto;
	width: 100%; 
	height: 90%;
}
#cmnavdiv {
    white-space: nowrap;
    position: fixed;
    top: 55px;
    width: 150px;
}
#cnavdiv {
    padding-top: 0px;
    margin-top: 0px;
    position: absolute;
    top: 0px;
    vertical-align: top;
    left: 0px;
    width: 300px;
	height: 100%
}
/* END CLIENT PAGE DIVS */

/* BEGIN PROJECT DIVS */
/* The project content area - project lists go here */
#pcontdiv {
    padding-top: 0px;
    margin-top: 0px;
    position: absolute;
    top: 0px;
    vertical-align: top;
    left: 150px;
    width: 600px;
    overflow: auto;
    padding-bottom: 20px;
    z-index: 50;
}
/*Holds everything to the right of the main navigation bar*/
#pholddiv {
    padding-top: 0px;
    margin-top: 0px;
    position: fixed;
    top: 55px;
    vertical-align: top;
    left: 160px;
    width: 600px;
    overflow: auto;
}
/* The project navigation bar */
#pnavdiv {
    padding-top: 0px;
	padding-bottom: 2px;
    margin-top: 0px;
    position: fixed;
    top: 55px;
    vertical-align: top;
    left: 160px;
    width: 150px;
    overflow: auto;
}
/*The project content area in individual projects */
 #pscontdiv {
    padding-top: 0px;
    margin-top: 0px;
    position: fixed;
    top: 55px;
    vertical-align: top;
    left: 150px;
	width: 600px;
    overflow: auto;
    padding-bottom: 20px;
}
/* The divs on the sub-project image enlargement popup pages */
#picdiv {
	position:absolute;
	margin-top: 30px;
}
/* The divs below are the divs that make up the subproject pages */
#tdiv {
padding-bottom: 3px;
}
#pdiv {
}
#infdiv {
white-space: nowrap;
font-size: x-small;
}
#thdiv {
}
/* END PROJECT DIVS */

/* BEGIN SITEMAP DIVS */
/* The content div for the sitemap */
#scontdiv {
    padding-top: 0px;
    margin-top: 0px;
    position: absolute;
    top: 0px;
    vertical-align: top;
    width: 100%;
    overflow: auto;
    padding-bottom: 20px;
	left: 0px; 
}
/* The holder div that wraps the sitemap information */
#sholddiv {
    padding-top: 0px;
    margin-top: 0px;
    position: fixed;
    top: 55px;
    vertical-align: top;
    left: 160px;
    width: 100%;
	height: 100%;
    overflow: auto;
}
/* END SITEMAP DIVS */

/* BEGIN CLASSES */
/*for the awards/publications tooltip*/
.awpub {
padding: 2px;
}
.left {
text-align: left;
}
/* text styles */
.style1 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    font-size: small;
}
.style2 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #E2a121;
    font-size: small;
}
.style3 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    font-size: medium;
}
.style4 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    font-size: x-small;
}
.style5 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: x-small;
}
.style6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: x-small;
	font-style: italic;
}
.thumb {
padding-left: 5px;
}
/* END CLASSES */

/* BEGIN UNIVERSAL FORMATTING */
a:link, a:visited {
    text-decoration: none;
    color: #FFFFFF
}
a:hover, a:focus, a:active {
    text-decoration: none;
    color: #e2a121;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
/* 4 tags below included to allow XHTML 1.0 strict validation */
table{
border: none;}
td {
border: none; }
tr {
border: none; }
img{
border: none; }
/* prevents unwanted spacing down from top of page + aligns nav and contdiv text */
p {
    margin-top: 0px;
}
/* sets the body background to the gray color in case of image failure, and keeps the background fixed to prevent repetition on long pages */
body {
    background-color: #595c5d;
    height: 100%;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
/* END UNIVERSAL FORMATTING */