/*
CSS for Westside Interclub Golf Association website, supports 
  index (2), bylaws, functions, schedule, scorecards, contacts, results 
*/
	
 /* this statement for testing only
  #heading1, #nested1, #nested2, #clubinfo, #navigateme, #hole1 {
		border: 1px solid red;	  
	}  */
	body {
	font-family: Helvetica;
	color: black; 
	} 	
	 /* index page css in this section */
 #flex-container1a {
	 display: flex; 
	 flex-direction: row; 
	 justify-content: center;
	 align-items: center;		
}  
  #flex-container2a {
	 display: flex; 
	 flex-direction: row; 
	 justify-content: center;
	 align-items: center;
 }	   
  #maincontainer {
   background-color: #f7dc6f;
   color:navy;
   font-weight: bold;
   Font-size: x-large;
   width: 760px;
   height: 150px;
   padding-left: 30px;
   position: relative; 
   margin: auto;
  }
   #maingreen {
   background-color: #90EE90;
   color:black;
   font-weight: bold;
   Font-size: x-large;
   width: 760px;
   height: 150px;
   padding-left: 30px;
   position: relative; 
   margin: auto;
  }
  .greenbox {
  	 background-color: #90EE90;
  }
	 .tournament {
	font-weight: bold;
	font-size: 120%;
	color: black; 
	}   
  #flex-container3a {
	 display: flex; 
	 flex-direction: row; 
	 justify-content: center;
	 align-items: center;
	 align-content: space-between;
	 height: 400px;
	} 
 #flex-container4a {
	 display: flex; 
	 flex-direction: column; 
	 justify-content: center;
	 align-items: center;
	 align-content: space-between;
	 height: 250px;	
} 
 /* index page with event cancel message change  */
  #flex-container2b {
	 display: flex; 
	 flex-direction: row; 
	 justify-content: center;
	 align-items: center;
 }	     
  .yellowbox {
  	 background-color: yellow;
  }		
	
 /* this section is for bylaws page  */     
  
	#stdhead {
		position: absolute;
		top: 5px;
		left: 100px;
		width: 80%;
		height: 120px;
		margin: auto;
		text-align: center;
	}
	
	#navtosubs {
		position: relative;
		width: 80%;
		height: 50px;
		margin: auto;
		text-align: center;
	}
	#maintxt1 {
		position: relative;
		top: 210px;
		left: 1px;
		width: 70%;
		margin: auto;
	}
	#finaltxtc {
		position: relative;
		width: 80%;
		margin: auto;
		text-align: center;
	}
	
	h1 {
		font-size: x-large;
		padding-left: 130px;
	}
	
	h2 {
		font-size: large;
		padding-left: 20px;
	}
	
 /* this section is for scorecards and uses bylaws css plus these 2 unique items */
 #maintxt2d {
		position: relative;
		top: 210px;
		left: 1px;
		width: 70%;
		margin: auto;
	}	
	
	#finaltxtd {
		position: relative;
		top: 200px;
		width: auto;
		margin: auto;
		text-align: center;
	}  
	
 /* this section is for css contacts and functions page  */ 	
    #flex-container1f {
    	 display: flex;
    	 flex-direction: column;
    	 justify-content: center;
    	 align-items: center;    	  
    }          
    #flex-container4f {
	 display: flex; 
	 flex-direction: row; 
	 justify-content: center;
	 align-items: center;
	 align-content: space-between;	
  }    
  	#finaltxte {
		position: absolute;
		top: 1400px;
		left: 700px;
		width: 300px;					
	} 
	/* schedule page container and uses table.table2   */ 
  /*  not used	#maintxtsched {	
		 display: flex;
    	 flex-direction: column;
    	 justify-content: center;
    	 align-items: center;    	  	 	
	}   */
	
	table.table2 {
 	  border: 2px solid black;
 	  font-family: helvetica;
 	  font-size: 110%;
 	  text-align: center; 	 
 	  border-collapse: collapse; 
 }
 
  table.table2 th {
  	 border: 2px solid black;
  	 background-color: #90ee90;
  	 font-size: 105%;
  	 padding: 10px;
  }
 
   table.table2 td {
  	border: 2px solid black;
  	padding: 10px;
  	line-height: 1.5em;
  }
	
  /* contacts oage css  uses table.table1   */  	
	#flex-container1g {
    	 display: flex;
    	 flex-direction: column;
    	 justify-content: center;
    	 align-items: center;      	  	  
    }            
    
	#flex-container2g {
    	 display: flex;
    	 flex-direction: column;
    	 justify-content: center;
    	 align-items: center;    	  
    }    
   
   .commish {
   	font-weight: bold;
   } 
          
	table.table1 {
		border: thin solid black;
		border-collapse: collapse;
		font-family: sans-serif;
		
	}	
	
	table.table1 tr	 {
	  border: thin solid black;	
	}	
	 
	 table.table1 td {
	 	border: thin solid black;
	 	padding: 5px;
	 }
	 
	  	#finaltxtg {
		position: absolute;
		top: 1200px;
		left: 780px;
		width: 300px;					
	}