/* Style sheet for Dauphin Swim & Dive Association Main Page */

/* Header Row */
/* Container for Headers */

#HeaderContainer {clear: both;
                 padding: 0;
                 vertical-align: top;
                 display: block;
                 }
/* Logo */

#Logo {font-family: Arial, Verdana, Sans-serif;
	  background: #25A47A;
	  background-image: url(images/BackgroundLogo.jpg);
      background-repeat: no-repeat;
      background-position: center;
 /*     float: left;  */
      position: absolute;
      top: 0px;
      left: 0px;
	  width: 150px;
	  height: 110px;
	  }

/*I'm not sure this img style is doing anything. I'm trying to center it for real. */
#Logo img {align: center;
          vertical-align: middle;
          } 
      
#Header {font-family: Arial, Verdana, Sans-serif;
/*        float: left; --> */
		position: absolute;
        top: 0px;
        left: 150px;
        background: #2E9283;
		background-image: url(images/BackgroundHeader.jpg);
        background-repeat: no-repeat;
        background-position: center;
        width: 600px;
		height: 110px;
        }
            
#Header h2 {text-align: left;
           color: #000000;
           margin-left: 6px;
           }
            		
#Header h3 {text-align: center;
           color: #000000;
           margin-right: 6px;
           }

/* Main Content Area */
#MainContentContainer {clear:both;
                      border:none;
                      padding:0;
                      vertical-align:top;
                      display:box;
                      }
                 
/* Link Column*/

#LinkColumn {font-family: Arial, Verdana, Sans-serif;
/*			float: left;   */
      		position: absolute;
            top: 110px;
            left: 0px;
            background: #0EC9C5;
			background-image: url(images/BackgroundColumn.jpg);
            background-repeat: no-repeat;
            background-position: center;
            width: 150px;
			height: 450px;
            padding: 0px;
 			boarder: none;
            }

#LinkColumn a {font-size: medium;
              font-style: normal;
              color: #3F6833;
              text-decoration: none;
              }

#LinkColumn p {font-size: medium;
              font-style: normal;
              color: #000000;
              }
/* Greeting Text Area */

#Greeting {display: block;
          position: absolute;
          top: 110px;
          left: 150px;
  /*        float: left;  */
          width: 600px;
		  height: 450px;
		  border:none;
          padding:0;
          background-image: url(images/DauphinPool.jpg);
          background-repeat: no-repeat;
          background-position: center;
          }

#Greeting table {font-family: Arial, Verdana, Sans-serif;
                font-size: 90%;
                }
#Greeting a {font-family: Arial, Verdana, Sans-serif;
            text-decoration: none;
            color: #000000;
            }

#Greeting h1 {font-family: Times New Roman, Courier New, Serif;
             font-weight: 800;
             color: #2E9283;
             text-align: center;
             margin-left: 2%;
             margin-right: 2%;
             }

#Greeting p {font-family: Times New Roman, Courier New, Serif;
             font-weight: 700;
             font-size: 110%;
             color: #2E9283;
             text-align: left;
             margin-left: 2%;
             margin-right: 2%;
             line-height: 2;}

/* Footer Row */
/* Container for Footer */

#FooterContainer {clear: both;
                 padding: 0;
                 display: block;
                 height: 60px;
                 width: 750px;
                 border: none;
                 padding: 0px;
                 }

#FooterContainer #Link {display: block;
                     	float: left;
                        background: #0EC9C5;
                        width: 150px;
                        height: 60px;
                        }

#FooterContainer #Footer {float: left;
                         height: 60px;
                         width: 600px;
                         background: #2E9283;
                         }
