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

body {
	font-size: 0.95em;
}


.float-right {
	float: right;
	
}


/*----------------------------------------------------------------------------------------------------
 * two-column left - large left, small right
 ----------------------------------------------------------------------------------------------------*/
 
div.two-column-left {
	clear: both;
	width: 900px;
	padding: 0px;
	margin: 5px 0px 5px 0px;
	font-size: 0.8em;
}

div.two-column-left .column-1 {
	border: 1px solid #E2D9D8;
	float: left;
	width: 550px;
	padding: 8px 8px 8px 8px;
	margin: 0px 8px 5px 0px;
}

div.two-column-left .column-1 p {
	vertical-align: middle;
	
}

div.two-column-left .column-2 {
	border: 1px solid #E2D9D8;
	float: left;
	width: 270px;
	height: 100%;
	padding: 8px 8px 8px 8px;
	margin: 0px 5px 5px 0px;
}

/*----------------------------------------------------------------------------------------------------
 * two-column right - small left, large right
 ----------------------------------------------------------------------------------------------------*/

 
div.two-column-right {
	clear: both;
	width: 900px;
	height: 100%;
	padding: 0px 5px 0px 5px;
	margin: 0px 5px 5px 0px;
	font-size: 0.8em;
}

div.two-column-right .column-1 {
	float: left;
	width: 290px;
	padding: 0px 3px 0px 10px;
	margin: 0px 10px 0px 0px;
}

div.two-column-right .column-2 {
	float: left;
	width: 550px;
	height: 100%;
	padding: 0px 3px 0px 3px;
	margin: 0px 5px 5px 0px;

}


/*----------------------------------------------------------------------------------------------------
 * staff lists and profile pages overall div containers
 ----------------------------------------------------------------------------------------------------*/

div.staff-profile {
	clear: both;
	width: 780px;
	padding: 0px;
	margin: 5px 0px 5px 0px;
	font-size: 0.8em;
}

div.staff-list{
	clear: both;
	width: 780px;
	padding: 0px;
	margin: 5px 0px 5px 0px;
	font-size: 0.8em;
}

/*----------------------------------------------------------------------------------------------------
 * staff list div containers
 ----------------------------------------------------------------------------------------------------*/

div.staff-list .list-photo {
	float: left;
	width: auto;
	text-align: center;
	padding: 0px;
	margin: 0px 3px 3px 0px;

}
div.staff-list .list-photo img {
	border: 1px solid #A37372;
	background-color:#C0BDB6;
	padding: 7px 4px 7px 4px;

} 
 
div.staff-list .list-details {
	border: 1px solid #C7A9A7;
	background-color: #FAF9F8;
	float: left;
	width: 450px;
	height: 90px;
	padding: 7px 10px;
	margin: 0px 3px 3px 0px;
}

div.staff-list .list-details p {
	vertical-align: middle;
	
}

div.staff-list .list-contact {
	border: 1px solid #C7A9A7;
	background-color:#EDEAE7;
	float: left;
	width: 160px;
	height: 90px;
	padding: 7px 10px;
	margin: 0px 2px 3px 0px;
}

div.staff-list .list-credits {
	border: 1px solid #FFFFFF;
	background-color: #FFFFFF;
	width: 450px;
	padding: 7px 10px;
	margin: 0px 3px 3px 0px;
	font-size: 0.8em;
}

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

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

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

/*----------------------------------------------------------------------------------------------------
 * the vertical align sets the alignment against the parent element... hence the new 'p' tag
 ----------------------------------------------------------------------------------------------------*/
 
div.staff-list .list-contact p {
	vertical-align: middle;
}

/*----------------------------------------------------------------------------------------------------
 * staff profile div containers
 ----------------------------------------------------------------------------------------------------*/
 
div.staff .profile-details {
	border: 1px solid #C7A9A7;
	background-color: #FAF9F8;
	float: left;
	width: 360px;
	height: 100px;
	padding: 0px 10px;
	margin: 0px 2px 0px 0px;
}

div.staff .profile-details h2 {
	background-color: #FAF9F8;
	font-family: Arial, Helvetica, sans-serif;
	color: #800000;
	font-size: 1.3em;
} 

div.staff .profile-details p {
	vertical-align: middle;
} 
 
div.staff .profile-contact {
	border: 1px solid #C7A9A7;
	background-color:#EDEAE7;
	float: left;
	width: 158px;
	height: 100px;
	padding: 0px 10px;
	margin: 0px 2px 0px 0px;
}

/*----------------------------------------------------------------------------------------------------
 * the vertical align sets the alignment against the parent element... hence the new 'p' tag
 ----------------------------------------------------------------------------------------------------*/
 
div.staff .profile-contact p {
	vertical-align: middle;
}

div.staff .profile-blurb-01 {
	border: 1px solid rgb(189,181,172);
	float: left;
	width: 542px;
	height: 209px;
	padding: 0px 10px;
	margin: 2px 2px 0px 0px;
}

div.staff .profile-blurb-02 {
	border: 1px solid rgb(189,181,172);
	float: left;
	width: 746px;
	padding: 0px 10px;
	margin: 2px 2px 0px 0px;
}

div.staff .profile-photo {
	float: left;
	width: auto;
	text-align: center;
	padding: 0px;
	margin: 0px 2px 0px 0px;
}
div.staff .profile-photo img {
	border: 1px solid rgb(189,181,172);
}

div.clear {
	clear: both;
}


/*----------------------------------------------------------------------------------------------------
 * 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;
}


/*----------------------------------------------------------------------------------------------------
 * 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 */