/* Link in HTML to stylesheet */
/* <LINK rel="stylesheet" TYPE="text/css" HREF="http://tonge.ca/~sflondon/css/sfl.css" media="screen"> */
/*  --OR--  */
/* <LINK rel="stylesheet" TYPE="text/css" HREF="/css/sfl.css" media="screen"> */
/*  --OR--  */
/* <LINK rel="stylesheet" TYPE="text/css" HREF="sfl.css" media="screen"> */  

/* @import url("http://sfl.london.on.ca/css/tabsHorzGif/SlidingDoors/tabs_horz.Bisque.css") screen; */

/* SFL Style Sheet for screens */

#page-header-section { 
	position: relative; 
	left: 0;
	top: 0;
	} 
#page-header-col1 {
	position: relative; 
	}

#mid-section {
	position: relative;
	left: 0;
	top: 0;
	padding-right: 25px;
	}

#index-col {
	position: relative; /* Default: relative; Was: absolute */
	top: 0;
	left: 0;
	/* float: left; */ 
	width: 12em; /* ensure a minimum width for the index that shows the widest line; express it in ems!  Default: 12 em; */
	}

/* navlist was here */

/*  Defaults: left=0; width=80% */
/* left was 12 em when #index-col position was absolute */
/* width was 83% when #content-coll left was 12 em */
/*
<!--[if IE 6]>
#content-col {
  margin-left: 15em;
	}
<!--[endif]>
*/
#content-col {
	position: absolute;
	top: 0;
	left: 12em; 
	padding-left: 35px;
	float: left;
	width: 83%; 
	}
#content-main {
	position: relative;
	height: 95%;
	}
#content-footer {
	position: relative;
	clear: both; 
	top: 0;
	left: 0;
	height: 5%;
	border-top: 1px ridge #FFF;  
	padding-top: 0.5em; 
	margin-top: 0.5em; 
	}

#page-footer-section {
	position: relative;
	left: 0;
	top: 0;
	}
#page-footer-col1 {
	position: relative;
	text-align: right;
	}

p.footer { 
	font-size: smaller; 
	text-align: left; 
	}

	
body {
	color: #FFF;
	background-color: #00C; 
	background-repeat: repeat;
	font-family: "Myriad Roman", "Frutus T Light", Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	margin: 2%; 
	}
EM {
	font-style: italic;
	font-weight: bold;
	color: #0F0; 
	}
H1, H2, H3, H4, H5, H6 {
	font-family: Tekton, "VAG Rundschrift D", Arial, Helvetica, sans-serif;
	color: #F93;
	}
ul {
	list-style: outside square;
	}
ul.social_events {
	padding-left: 9em;
	margin-left: 9em;
	}

.new {
  font-size: larger;
  }	
.blue {
  color: #00D;
  }
.red {
  color: #F00;
  }
.bordered {
	border: medium inset #FFF; 
	}
.unbordered {
	border: none;
	} 	
.boxed-tight th, .boxed-tight td {
	border: 3px ridge #333;
}
.boxed table {
	border: 1px solid white;
}
.boxed th, .boxed td {
	border: 3px ridge #FFF;
	padding: 2px;
}
table {
	border-collapse: collapse;
}
.floatright {
	float: right;
	margin: 0 0 20px 20px;
	}
.floatleft {
	float: left;
	margin: 0 20px 20px 0;
	}
.transparent {
	background-color: #EEE; /* for transparent images */
	}
.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
.lettered {
	list-style-type: lower-alpha;
	}
.clear {
  clear: both;
	}
.expired {
  display: none;
	}

caption {
  margin: 2px; 
	padding: 0px; 
	text-align: left;
	caption-side: bottom; 
	font-size: 80%; 
	color: #fc0;
  }

th {
	text-align: left;
	}
	
th.copy-heading {
  font-style : normal;
  font-weight : bold;
  font-size : 90%;
  color : #fff;
  border-color : black;
  background-color : #060;
  text-align : left;
  }	
TR.heading {
	text-align: left;
	padding: 5px 5px 5px 5px; 
	background-color: #F93;
	}
TR.detail {
	color: #000;
	background-color: #FFF; 
	padding: 5px; 
	}
td.copy-thumbnail {
  font-style: normal;
	font-weight: normal;
	font-size: 90%;
	color: #333;
	background-color: #fff;
	border-color: black;
	text-align: left;
  }
td.copy-location, td.copy-origins, td.copy-copyright {
  font-style : normal;
  font-weight : normal;
  font-size : 90%;
  color : #333;
  background-color : #fc0;
  border-color : black;
  text-align : left;
  }
TD.comment {
	color: #000; 
	background-color: #FFF;
	padding: 5px; 
	}
TD.spacer {
	font-size: 25%; /* sets height of spacer */
	background-color: #F93;
	}
TD.special-event {
	color: #F00;
	background-color: #FFF;
	font-weight: bold;
	padding: 5px 5px 5px 5px;
	}
TR.odd {
	color: #000;
	background-color: #FFF;
	}			 
TR.even {
	color: #000;
	background-color: #EFD;
	}
td.report-description {
  	font-style : normal;
  	font-weight : normal;
  	font-size : 90%;
  	color : #333;
  	background-color : #fc0;
  	border-color : black;
  	text-align : left;
  	padding: 5px 5px 5px 5px;
	}
td.report-link {
  	font-style : normal;
  	font-weight : normal;
  	font-size : 90%;
  	color : #333;
  	background-color : #fc0;
  	border-color : black;
  	text-align : left;
  	padding: 5px 5px 5px 5px;
}
						
/* N.B. The CSS for links must ALWAYS be in the order: link, visited, hover, active. */
a:link {
	color: #FFF;
	}
a:visited {
	color: #CCF; /* default: #ccccff */  
	}	  
a:hover { 
	color: #191970;
	background-color: #faebd7; 
	}
a:active {
	color: #39C;
	background-color: #C93;
	}

/* tabs_horz was here */

/* SF Links */
#sflinks {
  position: relative;
	top: 0;
	left: 0;
	clear: both;
	}
#sflinks ul {
	margin: 0;
	padding: 0; 
	color: #FFF; /* default: #ffffff; the colour of the text that isn't in the link */
	list-style-type: none; /* default: square */
	}
#sflinks li { /* controls area behind list dots */
	padding: 5px 5px 5px 5px; 
	background-color: #FFF; /* default: #0000cc; controls the colour behind both the link and the text that isn't in the link */
	color: #00C; /* default: #ffffff; controls the colour of the text that isn't in the link and the dots */
	border: medium solid #F93;
	margin: 0px 5px 10px 5px; 
	}
#sflinks a {
	background-color: #FFF; 
	color: #00C; 
	}
#sflinks a:link, table a:link { /* unvisited link */
	background-color: #FFF;
	color: #00C;
	}
#sflinks a:visited, table a:visited { /* has been visited previously */
	background-color: #FFC;
	color: #00C;
	}
#sflinks a:hover, table a:hover { /* link over which mouse is currently situated */
	background-color: #191970; 
	color: #faebd7;
	}
#sflinks a:active, table a:active { /* most recently visited */
	background-color: #FFF; 
	color: #F93; 
	}
sflinks #current {
	/* background-image: url("/images/tabsHorzGif/SlidingDoors/left_on.Bisque.gif"); */
	}
sflinks #current A {
	/* background-image: url("/images/tabsHorzGif/SlidingDoors/right_on.Bisque.gif"); */
	/* padding-bottom: 5px; */
	/* color: #333; */
	}