/* GENERAL STYLES */

/* Styles for the left hand side menu bar */
div.menu {
	border: 0;
		position: absolute;
		left:0px;
		top:0px;
/*		width:200px; */
		height: 100%;
/*		background:#acf; */

/*	float: left; */
	width:20%;
	padding:10px; 
	line-height:17px;
/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:150px; 
	font-size: 80%;
	}
/* Again, "be nice to Opera 5". */
   div.menu {width:150px;} 


div.main {
	float: right; 
	width: 75%;
	padding-right: 5%;
	}

/*------------------------------------------*/

/* for copyright captions */
p.copy {font-style: italic;
        font-size: smaller
        }
        
        
/* provides floating thumbnail grids */        
div.thumb {width: 100px;
           padding: 10px;
           float: left;
           text-align: center;
           }        

div.thumb p {
   text-align: center;
   }

/* provides a 'transparent' break across the page */

div.spacer {clear: both;
			margin: 0; 
			padding: 0; 
			width: auto;}



/* general centering paragraph */

div.centre {text-align: center;
		    margin-left: auto;
		    margin-right: auto;
		    }

/* styles used in the big picture pages - allow for linking the gallery together with the arrow gifs */

p.nav-menu {float: left;
			width: 60px; 
			margin: 0;
			padding: 0;
			}	
		   
div.picture-frame
			{
			float: left;
			width: 75%;
			margin: 0;
			padding: 0;
			text-align: center;
			}		   
div.picture-frame p {clear: both}	
div.picture-frame em {font-style: oblique;}		   

/* -- Styles needed for 3 column table (eg: Babylon programme) -- */

/* styles needed for programme matrix - could move to general for the TEC programme as well, when we get this sorted */


div.table-base  {	margin: 0.5em 12px 0.5em 12px; 
					padding: 0; 
					text-align: center; 
					width: 95%;
					font-size: 90%
				}


div.table-row 	{	border: none;
					margin-top: 0; 
					margin-right: auto; 
					margin-bottom: 12px; 
					margin-left: 0;
					padding-left: 1em; 
					text-align: center; 
					width: 100%;
  				}

div.left-of-3 	{	border: none;
					float: left; 
					margin: 0; 
					padding: 0;
					width: 20%;
					text-align: left;
				}

div.middle-of-3 {	border: none;
					float: left; 
					margin: 0; 
					padding-left: 1em; 
					width: 30%;
					text-align: left;
				}

div.right-of-3  {	border: none; 
					float: right; 
					margin: 0; 
					padding: 0; 
					text-align: left;
					width: 40%;
				}