@charset "utf-8";
body {
  font-family: Verdana, Geneva,  sans-serif;
  font-size: 100%;
  background-color: grey;
  margin:0;
}

#wrapper {
  width: 960px;
  margin: 0 auto;
  background-color: #333;
  color: #ccc;
  /* outline: 2px solid red; */ 
}

#header {
  text-align: center;
  color: #ccc;
  font: bold 1.5em "Times New Roman";
  padding-top: .1em;
  border-bottom: double white;
  background-image: url("/Graphics/Header_1400x150.jpg"); 		/* For display on Internet */
  /* background-image: url("/Vietnam/Graphics/Header_1400x150.jpg");  	/*For desktop display */  
  /* outline: 2px solid green; */ 
}

#sidebar {
  float:left;
  position: relative;
  width: 200px;
  padding: 10px;
  padding-bottom: 134px;
  margin: 0;
  font-size: 95%;
  background-color: #369;
  
}


ul li a {
  text-decoration: none; /* Removes underbar under names */
  color: white;
  font-weight: bold;
}

ul {
  list-style: none; /* Removes the dots next to the names */
  margin: 0;
  padding: 10px;
}

#sidebar ul li {
  text-transform: uppercase;
}

a:link { color: #3ccfff; 
}     /* color is light blue */
a:visited {
 color: #fff79d;
}   /* color if link has been visited, light yellow */
a:focus {
 color: orange;
}      /* color after link has been visited and before another link is selected */
a:hover {
 color: pink; 
}       /* color when cursor is moved over link */
a:active {
 color:teal; 
}
       /* color when link is selected */

li {
  margin-top: 1em;
  margin-bottom: 1em;
}

 
h5 {
  text-align: center;
  background-color: #369;
  padding: 4px 4px;
 }

#photos {
  float:left;
  position: relative;  
  width: 737px;
  margin: 0 ;
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 40px;
  background-color: #333;
  color: #ccc;
  font-size: 95%;
  border-left:  double white;
  /* outline: 2px solid orange; */
}


p.PhotoThumb {
  float: left;
  margin: 5px;
  /* outline: 1px solid red; */
}

p.PhotoDescription {
  font-size: 95%;
  padding-right: 5px;
  
}


#footer {
  clear: left;
  text-align: center;
  font-size: 80%;
  border-top: double white;
  color: yellow;
  padding-bottom: 10px;
  background-image: url("/Graphics/Header_1400x150.jpg");  /* For Internet display */
  /* background-image: url("c:/Vietnam/Graphics/Header_1400x150.jpg");  For desktop display */
}

h4 {
  text-align: center;
}

p {
  padding-left: 5px;
  padding-right: 5px;
  /* outline: 1px solid green; */
}