/* ===================================
   Style sheet for Albany Tennis Club
   =================================== */

/*  General Link behavior  */
 
 
/*  a:link    {text-decoration: none; color: black}
  a:visited {text-decoration: none; color: purple}
  a:hover   {text-decoration: none; color: white; background-color: navy}
  a:active  {text-decoration: none; color: purple}   */

	
/* ===================================
   In general, removing all padding to keep
	 things even between different browsers
   =================================== */
	html {
	  margin: 0;
	  padding: 0;
  }

	body {
	  font-family: "Trebuchet MS", Arial, Verdana;
	  background-color: #f0f0f0;
	}	

	fieldset {
/*	  padding-right: 10px;
	  padding-left: 10px;
		padding-top: 10px;
*/
    padding: 10px;
	  font-family:  Arial, "Century Gothic", Verdana;
    letter-spacing: 1px;

	  }

  legend {
	  font-family: Papyrus, Arial, Verdana;
		font-weight: bold;
		font-size: 26px;
	  }

	#navigation {
  	position: absolute;
  	top:    200px;
  	left:    10px;
	  width:  190px;
	  height: 340px;
	  padding-left: 5px;
	  padding-top:  50px;
	  border:  none;
	  background: white url(staticimages/DownLine.jpg) no-repeat;
	  }


/* ===================================
   Link behavior for the Navigation area.
   =================================== */
		#navigation a:link {
     text-decoration: none;
		 color: black
		}
	
		#navigation a:visited {
     text-decoration: none;
		 color: purple;
		}
	
		#navigation a:hover {
     text-decoration: none;
		 color: white;
		 background-color: navy;
		}

		#navigation a:active {
     text-decoration: none;
		 color: purple;
  	}
		
		#navigation li {
		border-bottom: 1px dotted #183d96;
		}

/*  The following ul required for how Firefox handles list padding  */		
		
		#navigation ul {
    padding: 0;
		}
		
  #topcorner {
	  position: absolute;
	  top:    10px;
	  left:   10px;
	  }
	
  #clubname {
	  position: absolute;
	  top:     10px;
	  left:   170px;
	  width:  460px;
	  height: 100px;
  	background-image: url(backgrounds/BlueFade.png);
  	border:   0px;
		}

	#clubname h1 {
	  text-align: right;
		margin-top: 8px;
		margin-bottom: 6px;
		padding-right: 10px;
		color: #ffffff;
		font-family: "Trebuchet MS", Arial, Verdana;
		font-size: 30px;
	}

	#clubname h2 {
	  margin: 0;
	  text-align: right;
		padding-right: 10px;
		color: #ffffff;
		font-family: "Trebuchet MS", Arial, Verdana;
		font-size: 13px;
	}


  #bannerpic {
	  position: absolute;
	  top:    10px;
	  left:  630px;
	  }

  #headline {
	  position: absolute;
	  top:    110px;
	  left:   180px;
	  width:  835px;
	  height:  32px;
  	border-top:  3px solid #e4ff00;
  	border-bottom:  3px solid #e4ff00;
  	background-color: #183d96;
	  }

	#headline h3 {
	  margin: 0;
	  text-align: center;
		padding-top: 2px;
		color: #e4ff00;
		font-family: Rockwell, "Copperplate Gothic Light", Arial;
		font-size: 20px;
		letter-spacing: 1px;
	}	

 	#headline marquee {
	  width: 60;
		color: #e4ff00;
		font-family: Arial, Verdana;
		font-size: 20px;
		font-style: italic;
		padding-top: 2px;

	}	
		
 #pagename {
	  position: absolute;
	  top:     165px;
	  left:     10px;
	  width:   800px;
	  height:   30px;
		font-family: "Trebuchet MS", Arial, Verdana;
		font-size: 24px;
    color:  #183d96;
		padding-left:  210px;
		padding-right:   0px;
		padding-bottom: 3px;
		border-bottom:  3px solid #183d96;
 	  }

  #column1content {
	  position: absolute;
	  top:    200px;
	  left:   220px;
	  width:  395px;
		padding-top:  4px;
  	border-bottom: 1px solid black;
	  }	

  #column2content {
	  position: absolute;
	  top:    200px;
	  left:   620px;
		width:  395px;
		padding-top:  4px;
  	border-bottom: 1px solid black;
	  }

  #nocolumncontent {
	  position: absolute;
	  top:    200px;
	  left:   220px;
	  width:  790px;
		padding-top:  4px;
  	border-bottom: 1px solid black;
	  }	

  #column1content h4 {
	  margin-bottom: 0;
	  color: #0033cc;
	  }	

  #column1content p {
	  margin-top: 0;
	  }	


		
  #column2content h4 {
	  margin-bottom: 0;
	  color: #0033cc;
	  }	

  #column2content p {
	  margin-top: 0;
	  }	
		
		
		
  #nocolumncontent h3 {
    padding-top: 12px;
	  padding-bottom:0;
	  margin: 0;
	  color: #0033cc;
	 }

  #nocolumncontent p {
   padding-top:  0;
	 padding-bottom: 8px;
	 padding-right:  8px;
	 margin: 0;
	 }

		
  #rightinset {
    float: right;
	  width:  400px;
		padding:  4px;
		background-color: #00bb00;
  	border: 6px solid white;
	  }	

	#rightinset a{
		color: yellow;
	  }

    
  #tipofmonth {
    float: right;
	  width:  380px;
		padding:  4px;
  	font-family: "Comic Sans MS", Verdana, Arial;
		background-color: Ivory;
  	border: medium double black;
		margin-bottom: 10px;
        margin-right: 10px;
	  }	

  #tipofmonth h2 {
	 background-color: Maroon;
	 color: Ivory;
	 text-align: center;
	 letter-spacing: 7px;
	 font-family: Verdana, Arial;
	 font-weight: 400;
	 font-variant: small-caps;
   }
	 
  #announcement {
    float: right;
	  width:  380px;
		padding:  4px;
		background-color: Ivory;
  	border: medium double black;
		margin-bottom: 10px;
	  }	

  #announcement h2 {
	background-color: Maroon;
	color: Ivory;
	text-align: center;
	letter-spacing: 7px;
	font-family: Verdana, Arial;
	font-weight: 400;
	font-variant: small-caps;
	}

    #floatright {
      float: right;
      width: 300px;
      margin: 0 0 10px 10px;
      border: 1px solid #666;
      padding: 4px;
      background-color: white;
    } 

    #textright {
      float: right;
      width: 200px;
      margin: 0 0 10px 10px;
      padding: 4px;
    }

    #whitebox {
      width: 385px;
      margin: 0 0 10px 10px;
      border: 1px solid #666;
      padding: 4px;
      background-color: white;
    } 



		/* ===================================
   Used for the Contact page - specifically.
	 the table used to list the Board of Directors
   =================================== */
  .boardname {
    font-size: 16px;
    color: #990033;
    }

  .boardtitle {
    font-size: 75%;
	  font-weight: bold;
    color: black;
	  border-bottom: 2px solid #183d96;
    }

	.board caption {
	  font-size: 24px;
		text-align: left;
		text-decoration: underline;
	  color: #183d96;
	}
	
	.board {
     width: 325px;
	}
	
	.board td{
	vertical-align: top;
	}

  
	.nav {
      font-size: 15px;
      list-style-type: none;
	  margin: 0;
    }

  .name {
	  font-size: 20px;
      font-family: "Trebuchet MS", Arial, Verdana;
	  margin-left: 210px;
	  padding-bottom: 3px;
	  padding-top: 0;
	}

 	/* ===================================
   Keeps text that follows tight
      =================================== */   
    .close {
       padding-bottom: 0;
       margin-bottom: 0; }
    
	.photocaption {
	  font-size: 80%;
	  font-weight: bold;
	  margin-top: 0;
    }

  .email {
	  text-decoration: underline;
	}


  table.schedule {
      border-collapse:collapse;
       }

  table.schedule th, table.schedule td {
      text-align:center;
      font-size: 16px;
      border: 1px solid #000066;
      padding: 4px;
       }
  table.schedule th {

      color: white;
      background: #183d96; } 

 	/* ===================================
   Used in the table on Junior Programs
      =================================== */   

   .sessions {
      border-collapse:collapse;
      border: 2px solid #000066;
       }	
       
   .sessions td {
      border: 1px solid #909090;
      padding: 4px;
       } 
       
   .descriptor {
     background:  #ffcc99;
     font-weight: bold;
     text-align:center;
       }
       
    .smallarial {
      font-size: x-small;
      font-family: Arial, Verdana;
      text-align:center;
 }