/* Created by Peter Buescher for Donald L. Blount and Associates, June 2009*/
 
 body {
	background-color: black;
	background-image: url(commonfiles/LSliver.jpg);
	background-repeat:  repeat-x;}
	
.center {
	text-align: center;}
	
#divNav {
	position: relative; top: 0px;
	background: url(commonfiles/CommonHeader.png) no-repeat;
	margin-top: 0px;
	padding: 0;
	height: 106px;
	width: 876px;}
	
#nav {
	position: relative;
	top: -253px;
	left: 103px;
	height: 80px;
	width: 860px;}
	
#nav li ul, #nav li ul {
	margin: 0;
	padding: 0;}

#nav a {
	text-decoration: none;}

#nav li { /*float the main list items*/
	margin: 0;
	float: left;
	display: block;
	padding-right: 0px;}

#nav li ul {
	display: none;}

#nav li.off ul, #nav li.on ul  { /*put the subnav below*/
	position: absolute;
	top: 25px;
	left: -55px;
	padding-top: 45px;
	/*background: red; this bar covers the current page's secondary links when hovering over another primary*/
	height: 277px;
	width: 762px;
	padding-left: 20px;
	z-index: 0;}

#nav li.on ul {
	/*IE HACK*/} 

#nav li.on:hover ul, #nav li.over ul { /*for ie*/
	/*background: #224d6f;*/}

#nav li a {
	/*color: #224d6f;*/
	display: block;
	width: 115px;
	padding: 0;}

#nav li.on a {
	/*color: #f90;*/}

#nav li.on ul a, #nav li.off ul a {
	border: 0;
	float: left; /*ie doesn't inherit the float*/
	/*color: #f90;*/
	width: auto;
	margin-right: 15px;}

#nav li.on:hover ul a, #nav li.over ul li a { /*for ie - the specificity is necessary*/
	/*background: #224d6f;*/}

#nav li.on ul {
	display: block;}

#nav li.off:hover ul, #nav li.over ul {
	display: block;
	z-index: 100;}

#nav li.off a:hover, #nav li.on a:hover { 
	color: gray;} /*Color of 2ndary links when hovered over*/
	
#nav li.off ul a, #nav li.on ul a {
	text-align: center;
	z-index: 100;
	margin-left: 0px;	
	/*background: #224d6f;*/
	color: white; /*Color of 2ndary links when not hovered over*/
	font-family: palatino-linotype, palation, serif;
	font-size: 9pt;
	font-weight: normal;}		

#nav li.on ul a {
	/*background: #f90;*/}

/*do the image replacement*/

#nav li span {
	position: absolute;
	left: -9384px;}

#liHome a, #liDesign a, #liProduction a, #liResearch a, #liHistory a, #liStaff a, #liGallery a {
	display: block;
	position: relative;
	margin-left: 0px;
	height: 26px;
	background: url(commonfiles/MAINLINKROLLOVER.jpg) no-repeat; /*contains all hover states*/}

/*first, put the initial states in place*/

#liHome a {
	background-position: 0px 0;}
#liHome a img {
	height: 0; width: 0; border-width: 0; z-index: 100;}

#liDesign a {
	background-position: 0px 0;
	z-index: 1;}
#liDesign a img {
	height: 0; width: 0; border-width: 0; z-index: 1;}

#liProduction a {
	background-position: -115px 0;
	z-index: 1;}
#liProduction a img {
	height: 0; width: 0; border-width: 0; z-index: 1;}

#liResearch a {
	background-position: -230px 0;
	z-index: 1;}
#liResearch a img {
	height: 0; width: 0; border-width: 0; z-index: 1;}
	
#liHistory a {
	background-position: -345px 0;
	z-index: 1;}
#liHistory a img {
	height: 0; width: 0; border-width: 0; z-index: 1;}

#liGallery a {
	background-position: -460px 0;
	z-index: 1;}
#liGallery a img {
	height: 0; width: 0; border-width: 0; z-index: 1;}
	
#liStaff a {
	background-position: -575px 0;
	z-index: 1;}
#liStaff a img {
	height: 0; width: 0; border-width: 0; z-index: 1;}
	
#PAGETEXT {
	color: white;
	position: relative; 
	padding: 10px;
	top: 10px;
	text-align: justify;
	overflow: auto;
	font-size: 9pt;
	height: 300px;
	width: 775px;
	font-family: arial, helvetica, sans-serif;}
	
#ADDRESSBOX {
text-align: center;
color: gray;
position: relative; top: 308px;
font-size: 8pt;
height: 15px;
width: 800px;
font-family: arial, helvetica, sans-serif;}

#HOMELINK {
position: relative; top: -75px; left: -379px;
height: 50px; width: 100px;
z-index: 1000;}

#GALLERYTEXT {
color: white;
position: relative; 
padding: 5px;
top: 92px;
text-align: justify;
overflow: auto;
font-size: 9pt;
height: 300px;
width: 775px;
font-family: arial, helvetica, sans-serif; }
	
#GALLERYDIV {
position: relative; top: -295px; left: 2px;
height: 75px; width: 750px;
overflow: none;}

#GALLERYDIV2 {
position: relative; top: -240px; left: 0px;
height: 75px; width: 760px;}

#MAINSTAFFTEXT {
color: white;
position: relative; 
padding: 0px;
top: 15px;
text-align: justify;
font-size: 9pt;
height: 200px;
width: 782px;
font-family: arial, helvetica, sans-serif;}

#STAFFTEXT {
color: white;
position: relative; 
padding: 0px;
top: -205px;
text-align: justify;
font-size: 9pt;
height: 200px;
width: 782px;
font-family: arial, helvetica, sans-serif;}
	
#DIRECTORDiv {border: 0px dashed red;
text-align: center;
height: 70px;
width: 830px;
font-size: 9pt;
font-variant: small-caps;
font-family: arial, helvetica, sans-serif;
text-decoration: none;
position: relative; top: 0px; left: -20px; 
z-index: 0;}

#EMPLOYEEDiv {
position: relative; top: 0px; left: 0px;
text-align: center;
overflow: none;
font-size: 9pt;
height: 125px;
width: 782px;
font-family: arial, helvetica, sans-serif;
z-index: 0;}

#NAVARCHSDiv {
position: absolute; top: 0px; left: 0px;
height:125px;
width: 258px;
text-align: center;
font-size: 9pt;
font-variant: small-caps;
font-family: arial, helvetica, sans-serif;
text-decoration: none; }

#ENGINEERSDiv {
position: absolute; top: 0px; left: 262px;
height:125px;
width: 258px;
text-align: center;
font-size: 9pt;
font-variant: small-caps;
font-family: arial, helvetica, sans-serif;
text-decoration: none;}

#DESIGNERSDiv {
position: absolute; top: 0px; left: 524px;
height:125px;
width: 258px;
text-align: center;
font-size: 9pt;
font-variant: small-caps;
font-family: arial, helvetica, sans-serif;
text-decoration: none; }

#BIODiv {
padding: 10px;
overflow: auto;
text-align: justify;
color: white;
position: relative; top: -250px; left: 160px;
font-size: 9pt;
height: 205px;
width: 400px;
font-family: arial, helvetica, sans-serif;
z-index: 999;}

#ACTIVE {
position: relative; top: -26px; left: -130px;
z-index: 0;}

#HOMEPIC {
position: relative; top: 117px; left: 1px;
z-index: -1;}

#over {
	position: relative; top: -30px; left: 0px;
	width: 785px; height: 264px; 
	z-index: 1000;
	background-image: url(img0004.png);}		

li {
color: black;
font-family: arial, verdana, sans-serif;
font-size: 9pt;
font-weight: bold;
 }

a:link {
	color: white;
	/*font-weight: bold;*/
	text-decoration: none; }

a:visited {
	color: white;
	/*font-weight: bold;*/
	text-decoration: none; }

a:hover {
	color: gray;
	/*font-weight: bold;*/
	text-decoration: none; }
	
a:active, a:focus{ outline:none; }


img.vert {
	width: 280px;
	height: 400px; }

img.vertlarge {
	width: 350px;
	height: 500px; }
	
img.vertthumb {
position: relative; left: -50px;
	width: 50px;
	height: 75px;}
	
strong {
	text-align: center;
	text-decoration: underline;
	color: gray;
	font-variant: small-caps;
	font-size: 10pt; }

#blanket {
   background-color:black;
   position:absolute;
   z-index: 9001; /*ooveeerrrr nine thoussaaaannnd*/
   top:0px;
   left:0px;
   text-decoration: none;
   outline: 0px;
   border: 0px;}
   
#popupdiv, #popupdiv2, #popupdiv3, #popupdiv4, #popupdiv5, #popupdiv6, #popupdiv7, #popupdiv8, 
#popupdiv9, #popupdiv10, #popupdiv11, #popupdiv12, #popupdiv13, #popupdiv14, #popupdiv15 {
	z-index: 9002;
	position:absolute; 
	text-decoration: none; 
	outline:0px;
	border: 0px;}