/*
//  Home page styles
//
//
// old gray: #5d5959
*/

body {background: rgb(0%,0%,0%);
  margin: 0; padding: 0;
  }
a { 
  color: #B8B8B8; 
  text-decoration: underline;
}  
  a:hover {
  text-decoration: none; 
  color: gold;
}
a:visited {}  

a#rollover {
    border: 1px dashed black;	
}
a#rollover:hover {
	border: 1px dashed gold;
}
a#PortfolioLink {
  font: 14px/1.5 Courier, Tahoma, Verdana, Arial, sans-serif;
 }  
a#PortfolioLink:hover {

 }   
a#PortfolioLink:visited {
  font-style: italic; 
 }    
  
div#home-wrap {border: 2px solid black; border-left-width: 0;
  position: absolute; z-index: 100;
  margin: 0 80px 0 0; padding: 0 0 2em 2px;
  left: 20px; right: 30px; top: 0px;
   right: 0;}
  
div#home-Links {
	border: 2px gray;
	position: absolute;
	z-index: 200;
	padding: 0 0 2em 2px;
	color: gray;
	left: 218px;
	right: 30px;
	top: 103px;
	font: 18px/1.5 Courier, Tahoma, Verdana, Arial, sans-serif;
  }
div#wrap {border: 2px solid black; border-left-width: 0;
  position: absolute; z-index: 100;
  margin: 0 80px 0 0; padding: 0 0 2em 2px;
  left: 20px; right: 30px; top: 20px;
   right: 0;}
  
div#Links {border: 2px gray;
  position: absolute; z-index: 200;
   padding: 0 0 2em 2px; color: gray;
  left: 250px; right: 30px; top: 200px;
  font: 18px/1.5 Courier, Tahoma, Verdana, Arial, sans-serif;
  }

div#Email {border: 2px gray;
  position: absolute; z-index: 200;
   padding: 0 0 2em 2px; color: gray;
  left:260px; right: 30px; top: 620px;
  font: 8px/1.5 Courier, Tahoma, Verdana, Arial, sans-serif;
  }

div#Copyright {border: 2px gray;
  position: absolute; z-index: 200;
   padding: 0 0 2em 2px; color: gray;
  left: 285px; right: 30px; top: 635px;
  font-size: small;
  font: 10px/1.5 Courier, Tahoma, Verdana, Arial, sans-serif;
  }
  
div#image_canvas {border: 2px gray;
  position: absolute; z-index: 200;
   padding: 0 0 2em 2px; color: gray;
  left: 50px; right: 30px; top: 30px;
  font: 18px/1.5 Courier, Tahoma, Verdana, Arial, sans-serif}

div#map_canvas {
  position: absolute; z-index: 3000;
  border: 3px ridge gray;
   
  padding: 0 0 2em 2px; color: gray;
  left: 470px; right: 20px; top: 20px;
  font: 18px/1.5 Courier, Tahoma, Verdana, Arial, sans-serif;
  }

div#navbar {border: 2px gray;
  position: absolute; z-index: 200;
   padding: 0 0 2em 2px; color: gray;
  left: 50px; right: 0px; top: 500px;
  font: 18px/1.5 Courier, Tahoma, Verdana, Arial, sans-serif;
  }

div#Image_Title	{
  position: absolute; z-index: 200;
  padding: 0 0 0 2px; color: gray;
  left: 50px; right: 100px; top: 475px;
  background-color: rgb(18%,18%,18%);
  font: 12px Courier, Tahoma, Verdana, Arial, sans-serif;
  color: gray;
  text-indent: 2em;}

div#Page_Title	{
  position: absolute; z-index: 200;
  padding: 0 0 0 2px; color: gray;
  left: 50px; top: 455px; 
  background-color: rgb(18%,18%,18%);
  font: 12px Courier, Tahoma, Verdana, Arial, sans-serif;
  color: gray;
  text-indent: 2em;}
  
div#LowLinks {border: 2px gray;
  position: absolute; z-index: 20000;
   padding: 0 0 2em 2px; color: gray;
  left: 50px; right: 30px; top: 570px;
  font: 18px/1.5 Courier, Tahoma, Verdana, Arial, sans-serif;
  }  

  
div#slideshow-image {
	border: 2px gray;
	text-align: center;
	position: absolute;
	z-index: 200;
	padding: 0 0 2em 2px;
	color: gray;
	left: 199px;
	top: 180px;
}   


div#HomePageImageTitle {
  position: absolute; z-index: 200;
  font: 9px Arial, Tahoma, Verdana, Arial, sans-serif;
  color: gray;
  left: 10px; max-width: 250px; top: 575px;
}

div#text {border: 2px gray;
  position: absolute; z-index: 200;
  color: gray;
  margin: 0; padding: 0 0.5em;
  left: 100px; max-width: 630px; top: 225px;
  }   
  
div#biotext {border: 2px gray;
  position: absolute; z-index: 200;
  color: gray; 
  margin: 0; padding: 0 0.5em;
  left: 100px; max-width: 650px; top: 250px;
  }  
  
div#booktext {border: 2px gray;
  position: absolute; z-index: 200;
  color: gray;
  margin: 0; padding: 0 0.5em;
  left: 100px; max-width: 630px; top: 250px;
  }  
div#googletext {border: 2px gray;
  position: absolute; z-index: 200;
  color: gray;
  margin: 0; padding: 0 0.5em;
  top: 300px; left: 500px; 
  
  font: 14px/1 Courier, Tahoma, Verdana, Arial, sans-serif;
  }  
  
img#google-image {position: absolute; z-index: 1000;
  top: 300px; left: 400px;
  border: 1px solid black;
  
  }
  
  
div#portfoliotext {border: 2px gray;
  position: absolute; z-index: 200;
  color: gray;
  margin: 0; padding: 0 0.5em;
  left: 100px; max-width: 630px; top: 250px;
  }

h1 {border-bottom: 2px solid rgb(45%,35%,35%);
  color: white;
  background: rgb(9%,9%,9%);
  margin: 0; padding: 0.125em 0.25em;
  text-align: right; text-transform: lowercase;
  font-style: italic; letter-spacing: 0.25em;
  font-size: 100%; line-height: 1.25em;}
  
h2 {
	margin: 0;
	color: gray;
	position: absolute;
	z-index: 200;
	left: 128px;
	right: 40px;
	top: 156px;
	font: 150% Courier, Tahoma, Verdana, Arial, sans-serif;
  }

/* h3, p {margin: 1em 10px 1em 16px; padding-left: 15px; color: white;} */

h3 {border: 1px solid gray; border-width: 1px 0;
  background: rgb(22%,22%,22%); font-size: 100%;
  position: relative;
  left: 8px; right: 30px; top: 5px;
  margin: 0; padding: 0 0.5em; color: #c0c0c0;
  font: 10px/1.5 Courier, Tahoma, Verdana, Arial, sans-serif;
  }

h4 {
	margin: 0;
	color: gray;
	position: absolute;
	z-index: 200;
	left: 117px;
	right: 40px;
	top: 55px;
	font: 150% Courier, Tahoma, Verdana, Arial, sans-serif;
  }  
img#left-image {position: absolute; z-index: 1000;
  top: 17em; left: 55px;
  border: 1px solid black;}
  
img#right-image {position: absolute; z-index: 1000;
  top: 300px; left: 400px;
  border: 1px solid black;}

img#lower-right-image {position: absolute; z-index: 1000;
  top: 450px; left: 600px;
  border: 1px solid black;}
img#slideshow
    {
    display: block;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px;
}



.Image_Title	{
font: 12px Tahoma, Verdana, Arial, Helvetica;
color: gray;
text-indent: 2em
}

.Large_Title	{
font: 16px Tahoma, Verdana, Arial, Helvetica;
color: gray;
text-indent: 1em;
text-align: left;
}
 
.Small_Title	{
font: 10px Tahoma, Verdana, Arial, Helvetica;
color: gray;
text-indent: 1em;
text-align: left	
} 
 
.Left-Align 	{
text-align:	left;
} 
 
.Left-Middle	{
text-align: left;
vertical-align: middle; 	
}
 
.heading {
font: 12px Tahoma, Verdana, Arial, Helvetica;
color: gray;
}

.tagline {
font: 10px Tahoma, Verdana, Arial, Helvetica;
color: gray;
text-align: left;
}