body 
{
    background-color: Gray;
    font-family: Arial, helvatica;
    font-size: 12px;
    color: black;
}


h1

{
    font-family:Arial, helvatica;
    font-size: 14px;
    color: #FF00BF;
    text-decoration: underline;
    
    }
    
 h2
 
 {
    font-family:Arial, helvatica;
    font-size: 14px;
    color: #968fa3;
    text-decoration: underline;
    }
    
.font

{
    font-family:Arial, helvatica;
    font-size: 16px;
    color: black;
}
    
    
 .mainStoryHeader
{
    border:0;
    margin:20px 0 20px 0;
    padding:0;
    font-size:20px;
    color:#575757;
    font-family:Tahoma;
    font-weight:normal;
    
}

.heading {
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 24px;
	font-weight: normal;
	color: black;
}

.banner
{
  background-image: url("images/rowingbanner.jpg");
  height: 240px;
  width: 880px;
  border-top: 2px solid #000000;
  border-right: 2px solid #000000;
  border-left: 2px solid #000000;
  margin: 0 auto;
  
  }
  
.flash
{
  background-image: url("images/poplarregatta.jpg");  
  border-right: 2px solid #000000;
  border-left: 2px solid #000000;
  border-top: 2px solid #000000;
  height: 50px;
  width: 880px;
  margin: 0 auto;
  
  }
  
.outline

{
  margin: 0 auto;
  border-top: 2px solid #000000;
  border-bottom: 2px solid #000000;
  border-right: 2px solid #000000;
  border-left: 2px solid #000000;
  background-color: #ffffff;
  height: 100%;
  width: 880px;
  overflow: hidden;
  
}

.content
{
  margin-top: 5px;
  margin-bottom: 10px;
  margin-left: 5px;
  margin-right: 0px;
  background-color: #ffffff;
  height: 420px;
  width: 800px;
  padding-bottom: 10px;
 
 
}

.headerimage
{
    float: right;
    margin-top: 20px;
    margin-right: 15px;
    margin-left: 5px;
    margin-bottom: 0px;
    height: 200px;
    width: 628px;
    padding:  0px 0px 0px 0px;
    border-top: 2px solid #000000;
    border-bottom: 2px solid #000000;
    border-right: 2px solid #000000;
    border-left: 2px solid #000000;
    
 
 
}

.leftcontainer
{
    background: white;
    float: left;    
    margin-top: 0px;
    margin-right: 2px;
    margin-left: 5px;
    height: 730px;
    width: 190px;
    padding: 0px 0px 20px 0px;
    
    
    
    
}
.leftcontent
{
    background: white;
    float: left;    
    margin-top: 20px;
    margin-right: 2px;
    margin-left: 2px;
    height: 230px;
    width: 190px;
    padding: 0px 0px 20px 0px;
    
    
    
}

.logo
{
    background: white;
    float: left;    
    margin-top: 20px;
    margin-right: 2px;
    margin-left: 0px;
    height: 60px;
    width: 200px;
    padding: 0px 0px 2px 0px;
    
    
}



.logothree
{
    background: white;
    float: left;
    margin-bottom: 0px;    
    margin-top: 20px;
    margin-right: 2px;
    margin-left: 0px;
    height: 60px;
    width: 200px;
    padding: 0px 0px 2px 0px;
    text-align: center;
    
    
}


.logobee
{
    background: white;
    float: left;  
    margin-top: 20px;
    margin-right: 2px;
    margin-left: 0px;
    height: 60px;
    width: 200px;
    padding: 0px 0px 2px 0px;
    
    
    
}

.maincontent
{
    background: white;
    float: right;
    margin-top: 10px;
    margin-right: 15px;
    margin-left: 5px;
    margin-bottom: 10px;
    height: auto;
    width: 610px;
    padding:   0px 10px 0px 10px;
    border-top: 1px solid #a59db4;
    border-bottom: 1px solid #a59db4;
    border-right: 1px solid #a59db4;
    border-left: 1px solid #a59db4;
    
}


    
 .footer
{
  
  
  background-image: url("images/footer.jpg");
  height: 50px;
  width: 880px;
  margin: 0 auto;
  border-top: 2px solid #000000;
  border-bottom: 2px solid #000000;
  border-right: 2px solid #000000;
  border-left: 2px solid #000000;
  
  
 
}

#navigation   
 
 {  
    width: 190px;
    top: auto;
    border-top: 1px solid 	#E6E6E6;
    
}     



#navigation ul

{list-style: none;
    margin: 0;
    padding: 0;
}

#navigation li 
{
    border-bottom: 1px solid 	#E6E6E6;
    
}

#navigation li a:link, #navigation li a:visited 
{
    font-size: 13px;
    display: block;
    padding: 0.7em 0 0.7em 0.7em;
    border-left: 12px solid 	#3f21f7;
    border-right: 1px solid 	#E6E6E6;
    border-bottom: 1px solid 	#E6E6E6;
    background-color: #ffffff;
    color: #000000;
    text-decoration: none;
}

#navigation li a:hover 

{
    background-color: 	#E6E6E6;
    color: blue;
}

#navigation ul ul
{
    margin-left:12px;
}

#navigation ul ul li

{border-bottom: 1px solid 	#0000CD;
    margin:0;
}

#navigation ul ul a:link, #navigation ul ul a:visited 

{background-color: #39E600;
    color: 	#269900;
}

#navigation ul ul a:hover 

{background-color: 	#0000CD;
    color:  #FFFFFF;
}


.index

{
   
  font-size: 20px;
  margin-bottom: 0px;
  margin-left: 100px;
  margin-right: 100px;
  border-top: 2px solid #000000;
  border-bottom: 2px solid #000000;
  border-right: 2px solid #000000;
  border-left: 2px solid #000000;
  background-color: #ffffff;
  height: 400px;
  
  width: 880px;
  
}