html
{ 
height: 100%; 
} 

body
{ 
height: 100%; 
background-color: gray;
} 

H1
{
color: white;
font-weight: bold;
font-style: italic;
text-align: center;
font-size: 40px;
}

H2
{
color: white;
font-weight: bold;
font-style: italic;
text-align: center;
font-size: 28px;
}

H3
{
color: white;
font-weight: bold;
text-align: center;
font-size: 24px;
}

H4
{
color: black;
font-weight: bold;
text-align: left;
font-size: 30px;
}

 p 
{
font-size:15px;
}

* 
{
  box-sizing: border-box;
}

/* Create one column that floats next to each other */

.column1
{
  float: left;
  width: 100%;
  padding: 15px;
  margin: 0px, 0px, 0px, 0px;
  height: auto; 
  font-size:15px;
  font-weight: bold;
  line-height: 25px;
}
/* Should be removed. Only for demonstration */

/* Create four columns that float next to each other */

.column4
{
  float: left;
  width: 25%;
  padding: 15px;
  height: auto; 
  font-size:15px;
  font-weight: bold;
  font-color: black;	
  line-height: 25px; 
}
/* Should be removed. Only for demonstration */


/* Clear floats after the columns */
.row:after 
{
  content: "";
  display: table;
  clear: both;
}




table 
{
  border-collapse: collapse; border: 4px solid #8B0000; padding: 7px; border-spacing:0 5px;
}

tr
{
  border: 0px; solid #8B0000; padding: 7px; font-size:15px;
}

th
{
  border-bottom: 0px; solid #8B0000; padding: 0px; font-size:20px; 
}

td 
{
  border: 0px solid #8B0000; padding: 3px; font-size:15px;
}



#wrapper
{
width: 1000px;
margin: 0px auto; 
padding: 0px; 
border: 0px solid white; 
border-radius: 0px;
background-color: #8B0000;
overflow: hidden;
}


#headerimage1
{
background: url(images/ORSHOFLogo.jpg) no-repeat left ;
    border-radius: 0px;	
    width: 150px;
    height: 150px;
    background-size: 150px;
margin: 20px 0px 0px 10px; 
padding: 0px; 
border: 2px solid gray; 
position: absolute;
background-color: white;
}

#headerimage2
{
background: url(images/ORSHOFLogo.jpg) no-repeat left ;
    border-radius: 0px;
    width: 150px;
    height: 150px;
    background-size: 150px;
margin: 20px 0px 0px 840px; 
padding: 0px; 
border: 2px solid gray; 
position: absolute;
background-color: white;
}


#Panel1
{
margin: 0px 0px 10px 0px; 
padding: 0px; 
border: 2px solid #8B0000; 
position: absolute;
background-color: white;
}


#Panel8
{
margin: 0px 0px 10px 805px; 
padding: 0px; 
border: 2px solid #8B0000; 
position: absolute;
background-color: white;
}

#WallPhoto2
{
margin: 0px 0px 0px 230px; 
padding: 0px; 
border: 0px solid #8B0000; 
position: absolute;
background-color: white;
}

#header
{
width: 890px;
height: 220px;
margin: 2px 0px 0px 35px; 
padding: 0px; 
float: left;
border: 0px ; 
background-color: #8B0000;
color: white;
font-weight: bold;
font-style: italic;
text-align: center;
}

#menu
{
display: inline;
width: 980px;
height: 50px;
margin: 0px 10px 0px 10px; 
float: left;
padding: 10px 10px 10px 8px; 
border: 0px solid white; 
background-color: gray;
}

#menu ul 
{
margin: 0;
padding: 0;
}

#menu li 
{
margin: 0 5px 10px 0;
padding: 0;
list-style: none;
display: list;
}

#menu a
{
padding: 0px 0px 0px 12px;
text-decoration: none;
font-size: 20px;
font-weight: bold;
color: white;
line-height: 100%;
margin:5px;
text align:center;
}

#menu a:hover 
{
color: red;
}


#body
{ 
width: 980px; 
float: left;
padding: 10px 10px 20px 10px; 
margin: 10px 10px 0px 10px; 
border: 0px solid gray;
background-color: white;
} 

#members1
{ 
width:830px; 
float: left;
padding: 20px; 
margin: 330px 25px 5px 5px; 
border: 5px solid #8B0000;
background-color: white;
} 

#members2
{ 
width:960px; 
height: auto;
float: left;
padding: 20px; 
margin: 0px 25px 5px 5px; 
border: 5px solid #8B0000;
background-color: white;
font color: "#8B0000"
} 

.dropbtn {
  background-color: gray;
  color: white;
font-weight: bold;
font-family:serif;
  padding: 0px;
  font-size: 20px;
  border: none;
}
 
.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color:  #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  color: black;
  padding: 0px 0px;
  text-decoration: none;
  display: block;
text-align: left;
}

.dropdown-content a:hover {background-color: #ddd;}

.dropdown:hover .dropdown-content {display: block;}

.dropdown:hover .dropbtn {background-color: red;}

#footer
{ 
width: 930px; 
float: left; 
padding: 0px 5px 0px  5px; 
margin:  5px 0px 5px 0px; 
border: 0px solid gray;
font-weight: bold;
background-color: #8B0000;
color: white;
font-size: 10px;
} 


#sports
{ 
width: 860px; 
float: left; 
padding: 0px; 
margin: 12px 0px 5px 35px; 
background-color: #8B0000;
font-size: 12px;
font-weight: bold;
font-style: italic;
color: white;
} 

#Announcements
{
border: 4px solid #8B0000;
padding: 10px; 
}

#Announcements2
{
border: 4px solid #8B0000;
padding: 20px; 
background-color: gray;
font-size: 24px;
font-weight: bold;
color: white;
}

#AbouttheORSHOF
{
border: 4px solid #8B0000;
padding: 10px; 
}

#BoardofDirectors
{
border: 4px solid #8B0000;
padding: 0px; 
}

#EligibilityRequirements
{
border: 4px solid #8B0000;
padding: 10px; 
}

#Photos
{
border: 4px solid #8B0000;
padding: 0px; 
}

#Donations
{
border: 4px solid #8B0000;
padding: 10px; 
font-size: 30px;
}

/***DISPLAY PHOTO OR IMAGES INLINE***/

#inductee
{ 
width: 830px; 
float: left;
padding: 10px; 
margin: 5px 15px 5px 5px; 
background-color: white;
border: 3px; #8B0000; solid;
} 

div.photoimages
{
height: auto;
width: auto;
float: left;
text-align: left;
display: inline;
padding: 5px;
}



/***DISPLAY PHOTO OR IMAGES INLINE***/