* {
     margin: 0;
     padding: 0;
     }
  html {
 	   margin: 0;
 	   padding: 0;
	   background-color: #444444;
      }
  * html .floatholder {
                     height: 1%;
                     }

  
  body {text-align: center;}                   
  #wrapper {margin: auto;
           width: 800px;
           height: 5000px;
           background-color: #efefef;
           border-left: 2px solid #000000;
           border-right: 2px solid #000000;
           border-bottom: 2px solid #000000;
           text-align: left;          
           
  }                     
  
  
 
  hr {padding-bottom: .1em;
      border: 0px 0px;
     }                     
      
         
  .gallery {margin: 5px 20px 5px 20px;
           }   
       
  .header {font-family: Arial,Helvetica,"Nimbus Sans",Sans-Serif;
		   background-image: URL(capflagheader800.jpg);
		   background-repeat: no-repeat;
		   color: #eeeeee;
		   height: 160px;
		   padding: 1px 0px 0px 3.1em;
		   margin: 0px 0px 0px 0px;
		   border-bottom: 1px solid #000;
		   border-left: 1px solid #000;
  		  }
		  
  .header p {font-size: 1.1em;
  		  	margin: 0px;
			padding: 0px;
  		  	}
  .header h2 {margin: 10px 0px 0px 0px;
			padding: 0 0 0 0;
		    color: #0099dd;
  		  	}
            
  #navbar {background-color: #ccc;
  		  border-bottom: solid 1px #000000;
		  border-left: solid 0px #000000;
          border-right: solid 0px #000000;
		  width: 100%;
  		  margin: 0px 0px 0px 0px;
  		  padding: 4px 0px 4px 0px;
		  text-align: center;
		  	    
  		   }
  
  #navbar p {display: inline;
  		  	 font-family: Arial, Helvetica,"Nimbus Sans", Sans-Serif;
			 font-size: .8em;
			 font-weight: 600;
  		     margin: 0 0 0 0;
			 padding: 0 10px 0 10px;
			 
			}
			
/*The next section styles links in the navigation bar*/

  #navbar a:link {color: #000;
  		  text-decoration: none;
  		 }
		 
  #navbar a:hover{color: #880033;
  		  text-decoration: none;
 
		  }
  #navbar a:visited {color: #006699;
  			text-decoration: none;
			
/*end of navbar link styles*/

/*Begin content area styles*/
  			}			
  #content {margin:20px 10px 10px 10px;
  		   padding: 0 0px 0 0px;
  		   font-family: Arial, Helvetica, "Nimbus Sans", Sans-Serif;
		   font-size: 1em;
           /*width: 100%;*/
		   }
	   
  #content a:link {color: #069;
 		   text-decoration: none;
  		   }
		 
  #content a:hover{color: #880033;
  		   text-decoration: none;
  		    }
  #content a:visited {color: #006699;
  		   text-decoration: none;
  			}
			/*end of content main text link styling*/
  #content p {margin:2px 20px 0px 20px;}
  
  #content h2 {margin:2px 20px 0px 20px;
               font-size: 1em;
               font-style: italic;
               text-indent: 1.3em;
              }	
           
 #content ul {margin:2px 25px 5px 40px;}
  
 #content li {font-weight: 600;
              font-size: .9em;
      margin: 2px 20px 5px 0px;}
      
 .plainlist ul {margin:10px 40px 5px 60px;
               font-family: Arial, Helvetica, "Nimbus Sans", Sans-Serif;
               font-size: .7 em;
               font-weight: 600;
 }
      
 .plainlist li {margin:2px 40px 5px 60px;
               font-weight: 600;
 
 }
  
  	
  				
		  
			
  .imgright {float: right;
             clear: right;
             margin: 0px 20px 0 10px;
  			 border: 1px solid #000000;
			 }		
			
  .imgleft {float: left;
  			 border: 1px solid #000000;
			 margin: 6px 12px 0px 20px;
           }
  .imgmoi {float: left;
           border: 1px solid #000000;
           margin: 5px 10px 0px 0px;
          }
             
   
  .imgboth {float: both;
  			 border: 1px solid #000000;
			 margin: auto;         
		    }
            
  .imgtext {float: left;
  		   border: none;
		   margin: 0px 6px 0px 0px;
		   }	
  
   		
  		  
  
		  
  #sectionnav {padding: 0 5px;
  			   margin: 5px 5px 20px 20px;
				width: 200px;
				border: 1px #000 solid;
				/*position:relative; top: 0; left: 0;*/
				font-family: Arial, Helvetica, "Nimbus Sans", Sans-Serif;
				font-size: 1em;
				background-color: #ccc;
				/*display: "inline";*/
				color: #0bf;
				float: right;
                clear: right;
                }
	
	#sectionnav ul {padding: 2px;
				list-style-type:none;
				}
    #sectionnav li {list-style-type:none;
				   padding: 2px;
				   font-weight: 700;
				   color: #000000;}	
				   
	#sectionnav div {
					}
					
/*This is a class for normal italics to get around the inheritance of the span em*/

    .normal_em {font-style: italic;}
    /*The following are various text stylings and div classes for use with images. Damn if I know how those work, but they seem to.*/
	.specialtext {font-style: italic;
				 font-weight: 600;
				 color: #880033;
				 font-size: 1.1em;
	}
    .question    {font-style: italic;
				 font-weight: 600;
				 color: #880033;
				 font-size: 1em;
                 }
                 
    .answer      {font-style: normal;
                 font-weight: 600;
				 color: #000000;
				 font-size: 1em;
                 }
                 
	.specialannounce {font-family: "Times New Roman", Serif;
                 font-style: italic;
				 font-weight: 600;
				 color: #2A3877;
				 font-size: 1.5em;
				 margin: 10px 0 10px 0;}
                 
    .signature {font-family: "Times New Roman", Serif;
                 font-style: italic;
				 font-weight: 600;
                 text-align: right;
                 padding-right: 2em;
				 color: #2A3877;
				 font-size: 1.5em;
				 margin: 10px 0 10px 0;}
                 
     .attribution {font-family: "Times New Roman", Serif;
                 font-style: italic;
                 font-weight: 600;
                 text-align: right;
                 padding-right: 3em;
				 color: #2A3877;
				 font-size: 1.2em;
				 margin: 10px 0 10px 0;}
	
	.specialhead {font-family: Arial,Helvetica,"Nimbus Sans",Sans-Serif;
				 	font-style: strong;
				 	font-weight:600;
					font-size: 1.3em;
					color: #000000;
				    text-indent: 1em;
                    }
                    
                    
     .boldannounce {font-family: Arial,Helvetica,"Nimbus Sans",Sans-Serif;
                   font-style: strong;
                   font-weight:600;
				   font-size: 1.6 em;
				   color: #007700;
                   text-align: center;
                   }
      .divleftfloat {float: left;
                     /*clear: left;*/
                     /*padding-left: 50;*/
                    padding-top: 1em;
      }
      .divrightfloat {float: right;
                     clear: left;
                    /*padding-left: 50;*/
                    padding-top: 1em;
      }
      .notes {font-size: .8em;
  		  
		  }	
          
       .numberedlist {margin-left: 4em;
                      margin-right: 4em;
                     
                     }
	
/*This is the styling for photos in a gallery on any page with vertical only photos. NOTE: I changed this from an ID to a Class, which produced the same effect, but it will allow me to use the same code in another gallery on the same page.*/
	
	.albumlist {
	list-style-type: none;
    font-family: Arial, Helvetica, "Nimbus Sans", Sans-Serif;
    margin-left: 2em;
    clear: both;
    }
	.albumlist li {
	float: left;
    margin-top: 20px;
	margin-right: 12px;
	margin-bottom: 10px;
    margin-left: 5px;
	font: bold 0.7em Arial, Helvetica, sans-serif;
	color: #222222;
	width: 216px;
	height: 320px;
	}
	.albumlist img {
	display: block;
	border: 1px solid #333300;
	}
/*This is for a photo page with horizontally oriented photos*/

.albumlisthoriz {
	list-style-type: none;
    clear: both;
    margin-left: 4em;
    font-family: Arial, Helvetica, "Nimbus Sans", Sans-Serif;
	}
	.albumlisthoriz li {
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 10px;
    margin-left: 20px;
	font: bold 0.7em Arial, Helvetica, sans-serif;
	color: #222222;
	width: 400px;
	height: 400px;
	}
	.albumlisthoriz img {
	display: block;
	border: 1px solid #333300;
	}