body { background-color: #334c43;
       color: #ffffff;
	   font-family: Verdana;
       overflow: auto;  }

h1   { background-image: url(../images/elitevalogowhitesm.png);
	 background-repeat: no-repeat;	 
     background-color: #334c43;
	 height: 350px;
	 text-align: right;
     color: #cc9900;
     font-family: "Baskerville";
     margin-bottom: 0px;
     margin-left: 0px;	 }
h2     { color: #000000; 
      text-align: left;
      margin-left: 15px;
	  padding-left: 5px;
      border-bottom: solid 2px; }
	  
#nav { 
	  width: 75%;
	  min-width: 800px; 
	  padding-top: 15px;
	  text-align: left;
  background: #000000;
  height: 35px;
  border-top: 2px solid;
  border-bottom: 2px solid;
  border-color: #cc9900;  
   }
#nav a { color: #cc9900; 
padding-left: 20px;
            text-decoration: none;
			text-align: left;
			font-weight: bold;
            margin: 5px;}
#nav a:hover{ color: #fffff;
                  text-decoration: underline; } 

#wrapper { background-color: #ffffff;
	 text-align: left;
     width: 75%;
	 min-width: 800px;
     color: #000000;
	 border-top: 2px solid;
  border-bottom: 2px solid;
  border-color: #cc9900; 
	 }

#featured-image {
display: table; min-width: 1px; float: left; margin-right: 10px;}
#featured-image .caption {display: table-caption; caption-side: bottom; margin: 5px; text-align: center; font-style: italic; font-size: 12px;}
#featured-image2 {
display: table; min-width: 1px; float: right; margin-left: 10px;}
#featured-image2 .caption {display: table-caption; caption-side: bottom; margin: 5px; text-align: center; font-style: italic; font-size: 12px;}
#container { float: left;
             width: 100%; 
			 height: 100%; }
#leftcolumn { margin-right: 200px; 
			  min-height: 700px;
			  background-color: #ffffff;
              margin-left: 0px;
              padding: 10px; 		
			  max-width: 80%; }
			  
#leftcolumn img { border: 0px solid;
              border-color: #000000;
			  border-radius: 25px; }
#rightcolumn { float: right;
               width: 236px;	
              background-color: #000000;
			  color: #ffffff;
			  padding-top: 15px;
			  position: relative; 
			  background: #000000; 
			  color: white; 
			  text-align: center; }
			  
#rightcolumn:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border-bottom: 35px solid #ffffff;
  border-left: 118px solid transparent;
  border-right: 118px solid transparent;
}
          

#footer { font-size: .70em;
     padding-bottom: 10px;
     font-weight: italic;
     clear: float;
	 color: #ffffff;
     background-color: #000000;
	      text-align: center;  }
		  
#gallery { position: relative; }
#gallery ul { width: 150px;
            list-style-type: none; }
#gallery li { display: inline; }
#gallery img { border-style: none;
              float: none; }
#gallery a { text-decoration: none;
            color: #000000;
            font-style: italic; }
#gallery span { display: none; }
#gallery a:hover span { display: block;
                      position: fixed;
                      text-align: center;
					  background-color: #ffffcc;
					  padding: 25px;
					  border: 3px solid #990000;
					  border-radius: 25px;
					  right: 375px;
                      top: 20px; }		
.ribbon {
     font-size: 16px;
     width: 75%;
	 min-width: 800px;
     position: relative;
     background: #000000;
     color: #fff;
     text-align: center;
     padding: 1em 2em;
     margin: 2em auto 3em; 
    }
.ribbon:before, .ribbon:after {
 content: "";
 position: absolute;
 display: block;
 bottom: -1em;
 border: 1.5em solid #000000;
 z-index: -1;
}
.ribbon:before {
 left: -2em;
 border-right-width: 1.5em;
 border-left-color: transparent;
}
.ribbon:after {
 right: -2em;
 border-left-width: 1.5em;
 border-right-color: transparent;
}
.ribbon .ribbon-content:before, .ribbon .ribbon-content:after {
 content: "";
 position: absolute;
 display: block;
 border-style: solid;
 border-color: #000000 transparent transparent transparent;
 bottom: -1em;
}
.ribbon .ribbon-content:before {
 left: 0;
 border-width: 1em 0 0 1em;
}
.ribbon .ribbon-content:after {
 right: 0;
 border-width: 1em 1em 0 0;
}

.ribbon a { color: #cc9900; 
padding-left: 20px;
            text-decoration: none;
			text-align: left;
			font-weight: bold;
            margin: 5px;}
.ribbon a:hover{ color: #fffff;
                  text-decoration: underline; }