/* GENERAL STYLES */

th.small {width: 10%;}
th.medium{width: 15%;}
th.large {width: 25%;}

/* 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;
					background: #aaa;
				}

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

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


/* body {background-color: #BDAF42; */
body {background-color: #F3EFCE;
	  background-attachment: fixed;
	  color: #3E1400;
	  font-family : sans-serif;
	  }

	  			 
/* nicked from Andy */	  			 
	a {color: #3E1400; font-weight: bold; text-decoration: underline; }
	a.selected {color : #3E1400; background-color : #E3BA17; text-decoration : underline; }
	a.normal   {color: #3E1400; font-weight: bold; text-decoration: underline;  }
	a:visited {color: #3E1400; font-weight: bold; text-decoration: underline; }
	a:active {color: #AAAAFF; font-weight: bold; text-decoration: none; }
	a:hover {text-decoration: none; }

/* GENERAL STYLES */

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

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, table {	margin: 0.5em 12px 0.5em 12px; 
					padding: 0; 
					text-align: center; 
					width: 95%;
					font-size: 90%;
					vertical-align: top;
				}


div.table-row, tr 	{	border: none;
					margin-top: 0; 
					margin-right: auto; 
					margin-bottom: 4em; 
					margin-left: 0;
					padding-left: 1em;
					padding-bottom: 12px; 
					text-align: left;
					vertical-align: top;
					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%;
				}
			   
	  

p {font-family: sans-serif}

div.page_title {text-align: left;
								float: right;
								width: 80%;
}

div.menu {
	border: 0;
		position: absolute;
		left:0px;
		top:0px;
/*		width:285px; */
		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; */
	min-width: 280px;
/*	width:280px; */
	font-size: 80%;
	}
/* Again, "be nice to Opera 5". */
/*   div.menu {width:150px;} */
/*   div.menu {width:280px;}  */


div.main {
	float: left; 
	width: 75%;         /* and herein lies the problem--we have a &age float right and a fixed size float left! */
	padding-right: 30px;
	padding-left: 300px
	}


p {font-family: sans-serif}

h1, h2 {text-align: left;}
ul {
	list-style: disc url(disc.gif) ;
	}

div.choice {width: 170px; float: left; padding-right: 5px;}
div.l_choice {width: 80px; float: left; }
div.r_choice {float: left; } 

img {border: 0px;}

p.note {
		background-color: #9999FF;
		width: 40em;
	    color: #0000FF;
	    border: 8px;
	}

tr.me {	background-color: #FFCC99; }