/* Presentation Stylesheet */ 

body{
	font-family: century gothic, ariel, helvetica, sans-serif;
	font-size: 80%;
} 
p {
	padding: 0px 15px;
	text-align: justify;

}

#content .caption{
  font-weight: bold;
  display: block;
  text-align: center;
}
#content strong{
  color: red; 
}
#content .centered{
  display: block;
  width: 85%;
  padding-left: 5%;
  border:1px solid black;
  border-style: none;
}
#content_index{
  display:block;
  text-align: center;

  width:100%
  //padding-left:-10%;
  //padding:0em;
  border-style:none;
}


table{
  background: #fff;
  font-size: smaller;
}
#content .hundred{
  display: block;
  width: 85%;
  padding-left: 15%;
  border:1px solid black;
  border-style: none;
  background: white;
  font-size: 100%;
  }
td{
  border: 1px solid white;
  background: #ddd;
}

h4, h3 {
 margin:0; 
 padding: 5px 0;
 }

#content p:first-letter {
 font-size: 150%; 
 font-weight: bold;
 color:#006;
 }

/* standard style for links */
a{
        color: #009;
        font-weight: bold;
        text-decoration: none;
}
a:visited{
        color: #009;
        text-decoration: none;
}
a:hover{
        text-decoration: underline;
}

/* special style for links in the left menu */
#linkList{
	float: left; /* to keep the other floating objects contained*/
	position: relative; /* This can also be fixed or absolute*/
	width: 100%;

}

#linkList ul{
        margin: 0;
        list-style: none;
        padding: 10px 10px 20px 10px;
        border: none;
}
#linkList ul li
{
	position: relative;  
}
#linkList ul li ul li,
#linkList ul li ul li ul li,
#linkList ul li ul li ul li ul li
{ 
	margin: 0;
	padding: 0;
	float: left;
	list-style-type: none;
	position: relative;  
}
/* add more for each extra submenu level*/
#linkList ul li ul,
#linkList ul:hover li ul li ul,
#linkList ul:hover li ul li ul li ul,
#linkList ul:hover li ul li ul li ul li ul
{ 
	display: none;
	z-index: 999;
}

/* First submenu level*/
#linkList  > ul > li:hover > ul{
	display: block; /*unhide it*/

	float: right;	
	position: absolute; /* It needs to be absolute
	for the effect to work.*/
	
	width: 7em;
	top: 0.2em; 
	left: 8em;
	
}
#linkList ul li:hover ul li{ 
	display: block;
 	float: left;   
 	width: 100%;
}


/* The on state for the link when you are on the submenu.
This should be before the hover state for the link itself*/
#linkList ul li:hover > a{
	background-color: #03a;
	color: #ff0;
}

#linkList ul li ul li a{ 
	float: none;
	
	border-color: #345D84;  
	border-style: solid; 
 	border-width: 0 1px 1px 1px;  
	
 	background-color: #ff9;
 	color: #009;
	
 	font-size: 85%;
 	white-space: normal;
 }

#linkList ul li ul li:first-child a{
	border-width: 1px 1px 1px 1px;
}

/* space items out by adding grey border, pad the left to let the blue background show */
#linkList li{
  border: 2px solid #ddd;
  padding: 0 0 0 8px;
  background-color: #339;
}
/* pad the anchor to give a box effect, blue on yellow */
#linkList li a {
   display: block;
  margin: 0;
  color: #009;
	background-color: #ff9;
  padding: 2px 8px 5px 8px;
}
/* rollover effect by changing to yellow on blue */
#linkList li a:hover{
  color: #ff0;
  background-color: #03a;
  text-decoration:none;
}



#linkList li.submenu{
  list-style: none;
  border: 1px solid #ddd;
  padding: 0 0 0 5px;
  background-color: #339;
  position: relative;
  left:20px;
  font-size: 90%;
}
/* current page is not a link */
/* this one only works with ie6 */
#linklist   .thisPage{
  padding: 2px 8px 5px 8px;
  color: #ff0;
  font-weight: bold;
}
/* this one only works with firefox - bizzarre */
.thisPage{
  padding: 2px 8px 5px 8px;
  color: #ff0;
  font-weight: bold;
}





  
/* Styling for the items in the right column (news, etc) */
#rh-col{
  color: #009;
}
#rh-col h3{
	font-size: 95%;
	font-weight:bold;
	background-color: #ff9;
	padding-left: 10px;
}
#rh-col h4{
  font-size: 80%;
  margin: 0 10px;
}
#rh-col p{
  font-size: 80%
}
img.c{
	margin: 0px;
  border: 10px solid #ddd;
  background: black;
}
#centered{
  text-align: center;
}
.rightimages{
  width:300;
  float:right;
  padding: 0px 20px
}
#content li{
  margin: 10px 0px;
}
/* special for the images in the art of rowing page, as they need to join up*/
td img{
  margin: 0px;
}

dt{
  font-weight: bold;
}
.bordered{
  border: 1px solid gray;
  padding:0px 10px;
  margin:0px;
  
}

#ad_right img{
  margin:10px;
  border: none;
  float:right;
}

#pondlife{
  margin:10px;
  border: 1px black solid;
  float: left;
}
.pondlife table{
  margin:10px;
  border: 1px black solid;
  float: left;
}