html {
	height: 100%;
	overflow-y: scroll;
}

body {
	font-size: 0.95em;
}


/*----------------------------------------------------------------------------------------------------
 * table for supervision lists
 ----------------------------------------------------------------------------------------------------*/


table.supervision {
	border-collapse: collapse;
	padding: 4px 4px 4px 4px;
	margin: 0px 8px 25px 0px;
	font-size: 0.8em;
}

table.supervision th {
	border: 3px solid #FFFFFF;
	background: #D6D5D1;
	font-weight: strong;
	padding: 6px 6px 6px 6px;
	
}

table.supervision td {
	border: 3px solid #FFFFFF;
	background: #F7F5F4;
	padding: 6px 6px 6px 6px;
	
}


.floatright {
	float: right;
	
}


/*----------------------------------------------------------------------------------------------------
 * menus
 ----------------------------------------------------------------------------------------------------*/

.nav {
	margin: 5px 0px -5px 5px;
}

.menu li { 
	list-style: none;
	text-decoration: none;
	line-height: 1.3;
	font-size: 0.86em;
	margin: 0px 0px 0px -2px;
} 

.nav-box {
	padding:15px 0px 0px 3px;
}


/*----------------------------------------------------------------------------------------------------
 * hr styles
 ----------------------------------------------------------------------------------------------------*/

.psi-hr {
	width:95%;
	color:rgb(190,164,126);
	background-color:rgb(190,164,126);
	height:1px;
	border:none;
}

.psi-hr-full {
	width:100%;
	color:rgb(190,164,126);
	background-color:rgb(190,164,126);
	height:1px;
	border:none;
}

.psi-hr-pale {
	width:95%;
	color:#F9F9F7;
	background-color:#E4D2CB;
	height:1px;
	border:none;
}

/*----------------------------------------------------------------------------------------------------
 * announcements and highlight boxes
 ----------------------------------------------------------------------------------------------------*/

.announce {
	border: #ECE0C6 1px solid;
	padding:10px;
	margin:5px auto;
}

.announce-02 {
	background-color:#F5F3F1;
	padding:10px;
	margin:10px auto;
}


/*----------------------------------------------------------------------------------------------------
 * stops images falling out bottom of divs
 ----------------------------------------------------------------------------------------------------*/

 
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.clearfix {display: inline-block;}



/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}
.clearfix {display: block;}

/* End hide from IE-mac */




/*----------------------------------------------------------------------------------------------------
 * div for profile photo, contact details and jump links... will get to this sometime
 ----------------------------------------------------------------------------------------------------*/