/* File:  SitePg15.css 
   Last Modified: 2005/09/19 by R. C. Blasdell.  Removed unnecessary comments for deployment. */
/* CSS Language Notes:                            
  1.)  Standard CSS parameter oder: TRouBLe - Top, Right, Bottom, Left. 
  2.)  Beware of statements like font t y z.  They can be implicit and more local definitions of properties u, w, and x.*/

/* Remove browser-specific positioning booby traps. */
    body, table, tr, td, th, div, img, dl, ul, ol, li, dt, dd, h1, h2, h3, h4, h5, h6, p, a, pre { /* what about blockquote?! */
	  margin: 0px;
	  padding: 0px; /* Combination effectively turns off ul, ol, li behaviors. */
	  vertical-align: baseline;
      border-width: 0px;
	  border-style: hidden;}
    body, table, tr, td, div {
	  vertical-align: top;}

/* Define the html-body to be a centering black box for the container div-elements. */
	body {
	  text-align: center; /*Is this necessary to get around some browser bug that thinks div's are text??? 
	  ???????????????????????????????????????????????????????????? vs. baseline??? */
	  background-color: #111111;
	  font-family: Verdana, Arial, Helvetica, sans-serif;}
	  
/* Define the container for the gap at the top of the page. */
	div#TopGap {
	  width: 800px;
	}
/* Define centered black page. */
    div#Page {
/*	  display:block; */
	  text-align:left;
	  background-color: #000000; /* 333333; */
	  border-width: 0px; border-style: none; /* border-width: 1px; border-color: red; border-style: solid; */
	  width: 800px; /* vs. 744px; ???? */
	  margin-right: auto;
	  margin-left: auto; }

/* Define standard text and anchor styling. */
/*    a:link, a:hover, a:focus, a:active {  */
	a {
	  color: #666666; 
	  text-decoration: none;}
    a:hover {
	  color: #999999;}

	div#Logo {
	  float: left;
	  width: 300px;	
	  text-align: left;}
	div#Logo h1 {
	  color: #666666;
	  font-size: 18px;
	  line-height: 22px;
	  font-weight: normal;
	  letter-spacing: 5px;
	  padding: 20px 5px 20px 20px;}
	  
	div#NavTop {
	  float: left;
	  width: 500px;	
	  text-align: right;}
	  
	div#NavTop a, div#NavTop p  {
	  font-size: 18px;
	  line-height: 22px;
	  letter-spacing: 0px;
	  padding: 20px 0px 20px 5px; //bigger space since no commas.}
	  
	div#NavTop p {
	  color: #666666;
	  padding-right: 20px;}  

	div#NavBottom {
	  width: 800px;
	  padding-top: 20px;
	  padding-bottom: 20px;}
	div#NavBottom a, div#NavBottom h2 {
	  font-family: "arial narrow", Arial, Helvetica, sans-serif; 
	  font-size: 20px;
	  line-height: 24px;
	  letter-spacing: 4px;
	  color: #333333;}
	h2 {
	  text-align: center;}
	div#NavBottom a:hover {
	  color: #666666;}
	  
	div#Portfolio {
	  clear: both;
	  width: 800px;
	  background-color: #888888; //was #999999;
	  border-width: 0px; border-style: none;  
/*      border-width: 1px; border-color: red; border-style: solid; */}
     
	div#PhotoDisplay {
	  width: 800px;
	  margin: 0px 0px 0px 0px; /* 20px 0px 20px 0px; */}
	div#PhotoDisplay img {
	  float: left;
	  padding: 20px 0px 20px 0px;}
	  	
	div#NavPhoto {
	  width: 600px; 
	  background-color: #888888; 
	  margin-left:100px;
	  text-align: center;}
	div#NavPhoto img {
	  padding: 5px 1px 5px 1px;
	  margin: 0px 0px 0px 0px;}
	
	  
	div#Legal {
	  background-color: #333333;}
	div#Legal p {
	  font-size: 9px;
	  line-height: 11px;
	  color: #666666;
	  font-weight: bold;
	  text-align: center;
	  padding: 0px 0px 2px 0px;}	  
	
	div#NotesBottom {
	  width: 800px;
	  margin: 0px 0px 0px 0px; /* 20px 0px 20px 0px; */}
	div#NotesBottom p {
	  color: #333333;
	  text-align: center;}

	div#NotesLeft {
	  clear: both; /* FireFox mis-executes without this!!!!############## S T A N D A R D I Z E ? ! #################### */
	  width: 800px;
	  margin: 0px 0px 0px 0px; /* 20px 0px 20px 0px; */}
	div#NotesLeft h3 {
	  color: #666666;
	  font-weight: normal;
	  text-align: center;
	  padding: 50px 0px 25px 0px;}
	div#NotesLeft p {
	  color: #666666;
	  text-align: left;
	  font-size: 15px;
	  padding: 0px 100px 11px 100px;}

	div#NotesCenter {
	  width: 800px;
	  margin: 0px 0px 0px 0px; /* 20px 0px 20px 0px; */}
	div#NotesCenter p {
	  color: #666666;
	  text-align: center;}

	div#Content {
	  width: 800px;
	  margin: 0px 0px 0px 0px; /* 20px 0px 20px 0px; */}
	div#Content p {
	  color: #666666;
	  text-align: left;
	  padding-bottom: 6px;}
 
 	div.Selection {
	  float: left;}
	div.Selection p {
	  text-align: center;}