/* layout.css */

/* Layout is centered in the browser window */
/* Note:  For centering to work in IE, be sure to specify the Doc Type in index.html "-//W3C//DTD XHTML 1.1//EN" */
/* 3 Column DIV Layout */
/* old colors 
   apricot  #F4996C
*/

/* Color scheme from www.mountainviewtennis.net website */
/*
   OLD Color (2012)  ---  chartreuse  #B0BC1F;
   Mid-Green	#7BBC6B;

*/

body
{
  background-color: #EEEEEE;
  margin:0 auto;
}

/* DIV ID's */

#top_header {				/* '#' references a DIV ID  */
  clear:both;
 /* height:110px; */
  height:1500px;

  width:980px;
  margin:0 auto;     		/* these 2 lines dynamically centers the DIV as the browser window is stretched */
  position:relative;
  border:#000000 1px solid;	/* Temporary borders to aid layout design */
}

#content_wrap {		/* 3 Column DIV's are nested inside this wrapper DIV */
  /* -- width:980px; --> */
  width:1100px; 
  margin:0 auto;
  position:relative;
  /* background-color: #7BBC6B; */ /* Mid-Green */
  background-color: #32CD32;  /* Bright Green */

  border:#000000 1px solid;  
}



#left_content {  
  width:110px;
 /*  height:780px; */
  height:1000px;

  float:left;
  /* background-color: #7BBC6B; */ /* Mid-Green */
  background-color: #32CD32;   /* Bright Green */
  padding:10px;			/* Padding constrains the text area within a border frame */

}

#right_content {			/* IMPORTANT - It is necessary to position right_content DIV before the center_content DIV */
  width:320px;
 /* height:780px; */
  height:1000px;

  float:right;
  padding: 10px;		
  /* background-color: #7BBC6B; */ /* Mid-Green */
  background-color: #32CD32;  /* Bright Green */

}


#center_content {			/* Center content will slip in between left and right */ 	  
					/* Don't specify a width for the center_content DIV.  
					   It will stretch to the width of the content_wrap */
  /* padding: 0px 330px 10px 130px; */	/* Top = 0; right = 310+10+10; bottom = 10;left = 110+10+10 */   
	  padding: 0px 330px 100px 130px;	/* Top = 0; right = 310+10+10; bottom = 10;left = 110+10+10 */     

					/* It expands the background to allows room between the left and right side
						 plus 10px of breathing room */
  /* background-color:#EEEEEE; */	/* Neutral White */
	  background-color: #32CD32;  /* Bright Green */


  margin: 10px 0px 30px 0px;		/* puts a color frame on top and bottom */		
}

#footer {
  clear:both;
  /* width:980px; */
  width:1100px;

  margin:0 auto;
  position:relative;
  border: #000000 1px solid;
}

#doc_wrap {		/* Simple Document - inherits #content_wrap by being nested inside it. */
  background-color: #FFFFFF; 

  margin:0 20px 20px 20px;
  padding-left:20px;
  padding-bottom:10px;
}


/*  Context Selectors */

#center_content td.HP_MIDDLE { background-color: #FFFFFF} 		/* White */  

#center_content td.HP_MVOPEN {			/* "The Mountain View Open"  */
  width:510px;			/* Adjust the width of the rendered center content with this */
  /* background-color:#000033;	*/					/* Dark Blue */
  background-color:#1E90FF;						/* Midnight Blue */

}

#center_content td.HP_MIDDLE { background-color: #FFFFFF} 		/* White */  

#center_content td.HP_MVOPEN FONT {
  font-size:28pt;
  color:white;
}