/* this is taken from the Emsworth U3A site Feb 09 */

body {
	font-family: "Trebuchet MS", Verdana, Helvetica, sans-serif;
	font-size: 100%;
	background-color: aliceblue ;
	background-image:url(images/willowlite.gif);
	}

h6{font-size:8pt;
   color:blue;
   padding :0;
  height:8pt;
}    

    
#wwatable{
          border-collapse:collapse;
         }
 
    
   

   
#content {
	position:relative;
    top:10px;
    left:190px;
    width: 620px;
  	}
    
#content a:hover {  
	font-weight: bold;  
	text-decoration: none;  
	color: #118;  
	background-color:skyblue;  
}    
#content table {
         vertical-align:top;
         text-align:left;}
#content table th{
         text-align:left;}
         
#committees th{
           color:red;
 }      
#committees h6{
           color:blue;
           padding:0;
           height:10px;
 }      


#specialcontent a {  
	font-weight: bold;  
	text-decoration: none;  
	color: red;  
	display: block;  
	padding: 10px;  
	}  
      
#specialcontent a:hover {  
	  
	background-color:  skyblue;  
    }    	
/* Again, "be nice to Opera 5". 
body>#Menu {width:150px;}*/

#sidebar {    
	position:fixed;
    top:10px;
    left:10px;
    width: 150px;
	font-size:17px;
	line-height:20px; 	    
}   
#sidebar a {  
	font-weight: bold;  
	text-decoration: none;  
	color: black;  
	display: block;  
	}  
#sidebar a:hover {  
	font-weight: bold;  
	text-decoration: none;  	  
   	background-color: skyblue;  
	}
    
/* ------------------ for programme -- */    
#programme {
	text-align:center;
	}

#programme table{
	border-collapse:collapse;
	border:0;
	width:600px;
	}
	

#programme td{
	background-color:lightblue;
	font-weight:bold;
	height:56px;
    padding:5pt;
    border:solid black 1.0pt;
	}
	
#programme th{
	background-color:lightyellow;
    border:solid black 1.0pt;
	padding:5pt;	
	height:56px;
    text-align:center;
	}

#events table{
	border-collapse:collapse;
	text-align:left;
	border:0;
	width:500px;
	}
	
#events td{
	background-color:lightyellow;
	font-weight:bold;
	text-align:left;
	border:solid black 1.0pt;
	padding:5pt;
	}
	
#events th{
	background-color:lightgreen;
	border:solid black 1.0pt;
	padding:5pt;
    text-align:left;
	}
    
#column1 {float:left;position:relative;width:30%;}
#column2 {float:left; position:relative;width:30%;}
#column3 {float:left; position:relative;width:30%;}



#links {    
	float: left;    
	position: relative;
    text-align:center;
       
}  



#links a {  
	font-weight: bold;  
	text-decoration: none;  
	color: black;  
	display: block;  
	padding: 0; 

}  
#links a:hover {  
	font-weight: bold;  
	text-decoration: none;  
	color: #118;  
	background-color: skyblue;  
}
 #links h2{color:green;
 }    

/* This stuff fro Images in Rio Gravatai page */



#pic {
	background-color: #FFFFFF;
	left: 0px;
	position: relative;
	top: 10px;
	width: 135px;
}

#pic table {background-color: black ;
    
 }
#pic a .large {
	border: 0px;
	display: block;
	height: 1px;
	left: -1px;
	position: absolute;
	top: -20px;
	width: 1px;
}

#pic a img {
	border: 0;
}

#pic a.p1, #pic a.p1:visited {
	background: lavender;
	border: 0px solid #000000;
	display: block;
	height: 90px;
	left: 0;
	text-decoration: none;
	top: 0;
	width: 135px;
}

#pic a.p1:hover {	
	color: #000000;
	text-decoration: none;
}

#pic a.p1:hover .large {
	border: 1px solid #000000;
	display: block;
	left: 145px;
	position: absolute;
	top:100px;
	width: 405px;
    height: 270px;
	
}

#secure	table
{
	border-collapse: collapse;
	border: 1px solid #666666;
	margin-bottom: 5px;
	background-color: #FFFFF0;
	width:500px;
	font-family: 'Trebuchet MS';
}

#secure	td
{
	border: 1px solid #666666;
	padding: 3px 5px;

}

#secure	th
{
	text-align: center;
	border: 1px solid #666666;
	padding: 3px 8px;
	colour: #ffffff;
	background-color: #FFE485;
	font-size: 18px;
}

#secure	td a
{
	border: none;
	text-decoration: none;
	color: blue;
	
	}
#secure	td a:hover
{
	text-decoration: none;
	color: white;
	border-bottom: 1px solid #f2f2f2;
	background-color: darkgray;
}