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

/* div#navlist { 	position: absolute; left: 1.0em; text-align: right; 	}  */
ul#navlist {
	margin: 0; 
	padding: 0; 
	}
#navlist li {
	list-style-type: none;
	border-bottom: .1em solid #ffffff;
	text-align: right;
	padding: .1em;
	margin-bottom: .1em;
	}
#navlist li a {
	color: #FFF; 
	text-decoration: none;
	display: block;
	}
#navlist li a:hover {
	background-color: #faebd7; 
	color: #191970;
	}
#navlist li.group {
	border: none;
	font-weight: 600;
	text-align: right;
	color: #F93;
	background-color: #6875f6;
	}
#navlist li.spacer {
	border: none;			
	}

#content-col {
	position: absolute; 
	top: 0;
	left: 12em; 
	padding-left: 35px;
	float: left;
	width: 80%; 
	}
#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;
	}
TD {
	padding: 5px;
	}

.bordered {
	border: medium inset #FFF; 
	/* border-top: 4px outset #d0d0d0; */
	/* border-left: 4px outset #d0d0d0; */
	/* border-right: 4px outset #a9a9a9; */
	/* border-bottom: 4px outset #a9a9a9; */
	}	 
.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;
	text-align: center;
	}
.lettered {
	list-style-type: lower-alpha;
	}
.heading {
	text-align: left;
	padding: 5px;
	background-color: #F93;
	}
.detail {
	color: #000;
	background-color: #FFF;
	padding: 5px;
	}
.comment {
	color: #000; 
	background-color: #FFF;
	padding: 5px; 
	}
td.spacer {
	font-size: 25%; /* sets height of spacer */
	background-color: #F93;
	}
.special-event {
	color: #F00;
	background-color: #FFF;
	font-weight: bold;
	padding: 5px 5px 5px 5px;
	}
.expired {
	text-decoration: line-through;
	}
							 
/* 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;
	}

/* 2D Horizontal Tabs that use GIFs */

#tabs_horz {
	 font-size: smaller; 
	/* background: url("http://sfl.london.on.ca/images/tabsHorzGif/SlidingDoors/bg.transparent.gif") transparent repeat-x 50% bottom; */
	/* background: url("http://sfl.london.on.ca/images/tabsHorzGif/SlidingDoors/bg.Bisque.gif") transparent repeat 50% bottom; */  
	float: left;
	width: 100%; 
	line-height: normal;
	border-bottom: 2px solid #FFF; 
	}
#tabs_horz ul {
	padding: 10px 10px 0px 10px; 
	margin: 0px;
	list-style-type: none;
	}
#tabs_horz li {
	padding: 0px 0px 0px 9px; 
	background: url("http://sfl.london.on.ca/images/tabsHorzGif/SlidingDoors/left.Bisque.gif") no-repeat left top;
	float: left;
	margin: 0px;
	}
#tabs_horz a {
	padding: 5px 15px 4px 6px; /* Was: 5px 15px 4px 6px */ 
	display: block;
	font-weight: bold;
	background: url("http://sfl.london.on.ca/images/tabsHorzGif/SlidingDoors/right.Bisque.gif") no-repeat right top;
	float: left;
	color: #765;
	text-decoration: none;
	}
#tabs_horz a:hover {
	color: #333;
	}
tabs_horz #current {
	background-image: url("http://sfl.london.on.ca/images/tabsHorzGif/SlidingDoors/left_on.Bisque.gif");
	}
tabs_horz #current A {
	background-image: url("http://sfl.london.on.ca/images/tabsHorzGif/SlidingDoors/right_on.Bisque.gif");
	/* padding-bottom: 5px; */
	color: #333;
	}

/* 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("http://sfl.london.on.ca/images/tabsHorzGif/SlidingDoors/left_on.Bisque.gif"); */
	}
sflinks #current A {
	/* background-image: url("http://sfl.london.on.ca/images/tabsHorzGif/SlidingDoors/right_on.Bisque.gif"); */
	/* padding-bottom: 5px; */
	/* color: #333; */
	}