body, p {background-color: #FFFFDD; 
		 color: #000080;
		 font-family: verdana, sans-serif}

A:link { color: #000080 }       /* unvisited link */
A:visited { color: #000040 }   /* visited links */
A:active { color: #0000CC }    /* active links */



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.page_title {text-align: center;
				float: right;
				width: 80%;
}

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

/* three column layout - three 20% wide columns with a 20% margin on each side*/

#columnLeft {
	left: 20%;
	width : 30%;
	top: 5px;
	text-align: center;
}
#columnMiddle {
	left: 40%;
	top: 5px;
	width : 30%;
	border-width: 0;
	text-align: center;
}
#columnRight {
	left: 70%;
	width : 30%;
	top: 5px;
	border-width: 0;
	text-align: center;
}


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

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

/* 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%;
				}
			   
/* provides floating thumbnail grids */        
div.thumb {width: 100px;
           padding: 10px;
           float: left;
           text-align: center;
           }        

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