/*** Notes:

	These selectors specify the overall look of the text displayed on your web site, but not the positioning of each section.
	
	The order of selectors listed in the class attribute in your HTML makes no difference; 
	it is the order they are defined in the stylesheet that matters.
	
***/

/*** General formatting. 
	
	body.-sl-body	The font style and size.
	-sl-bg			The background of the web page and selected tab.
	h1.-sl-heading	The default heading for each page.

***/

body.-sl-body {
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
}

.-sl-bg {
	background:  #FFFCE8;
}

h1.-sl-heading {
	text-align: center;
	font-size: 26px;
}

h1.-sl-heading-banner {
	text-align: center;
	font-size: 20px;
}

/*** The Banner iframe: ***/

iframe.-sl-banner-frame {
	width: 100%;
	height: 70pt;
	border: 0;
}


/*** Tabs: 
	There are four tab variations:
		-sl-tab-home				When the tab is selected and the page is the home page for that tab.
		-sl-tab-current				When one of the sub-topics on the tab is selected. Used for the hyperlink.
		-sl-tab-other				A tab other than the current one, but an active link is available. Used for the hyperlink.
		-sl-tab-inactive				A tab is displayed, but is not selectable because there is no file configured.
***/

a.-sl-tab-other, a.-sl-tab-current, span.-sl-tab-inactive, span.-sl-tab-home {	
	font-family: "Arial";
	text-decoration: none;
	font-size:  13px;
	border: solid 1px blue;
	padding-top: 2px;
	padding-left: 14px;
	padding-right: 14px;
	padding-bottom: 1px;
	line-height: 22px;
}

a.-sl-tab-current, span.-sl-tab-home {	
	padding-bottom: 2px;			/* obliterate the tab section's baseline border. */
	border-bottom: none;
}

a.-sl-tab-current {
	color: blue;
	font-weight: bold;	
}

span.-sl-tab-home {
	font-weight: normal;
	color: black;
}

a.-sl-tab-other, span.-sl-tab-inactive {
	background: blue;
}

a.-sl-tab-other {
	color: white;
	font-weight: bold;
}

span.-sl-tab-inactive { 	
	color: gray;
}

a.-sl-tab-other:hover, a.-sl-tab-current:hover {
	background: yellow;
	color: blue;
}


/*** The Trail:
	-sl-book-box 				Sets the border and background for the navigation panel when in book mode.
	table.-sl-trail					The trail table.
	td.-sl-trail-current			The formatting when the trail item is the currently-selected page.
	td.-sl-trail-nested			Formatting for the nested image cell
***/

.-sl-book-box {
	border: ridge 3px #404080;  
	background: #FFE8C0;
}

table.-sl-trail {
	font-size: 13px;
	border-style: none;
	padding-left: 4px;
	padding-right: 4px;
	border-collapse: collapse;
}
    	
td.-sl-trail-current {		
	line-height: 12px;
	font-family: "Arial";
	font-size:  13px;
	color: black;
	font-weight: normal;
}
		
td.-sl-trail-nested {
	width: 36px;
	text-align: center;
	vertical-align: center;	
	line-height: 18px;	 /*To accomodate the pointer sizes. */
}


/* The Topics:  

	-sl-topic-heading		The "Topics" or "Section" heading.

	There are  three types of topic displays:
	
	-sl-topic				Topic style.
	-sl-topic-current 		the currently selected topic
	-sl-topic-inactive 		an unconfigured topic; may be used as a section divider
	
*/

p.-sl-topic-heading {
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	border-bottom: 4px solid #8080FF;
	padding-bottom: 5px;
	text-align: center;
}


ul.-sl-topic {
	font-size: 13px;
	margin-top: 2px;
	margin-bottom: 2px;
	padding-top: 5px;
	padding-bottom: 5px;
}


li.-sl-topic-current, li.-sl-topic-inactive, li.-sl-topic-normal {
	font-family: "Arial";
	/* font-size:  13px; */
	margin-top: 3px;
}

li.-sl-topic-current  {
	padding-left: 0px;
	padding-right: 3px;
	padding-bottom: 3px;
	list-style-image: url(pointer.png);
	color: black;
	list-style-image: url(pointer.png);	
}

li.-sl-topic-inactive {
	list-style-type: none;
	font-style: italic;
	color: #808080;	
	padding-top: 6px;
}

/*** The Topics when in Book Mode 

	ul.-sl-topic-book				The topic style for Book Mode, for the current topic list. This includes an indentation so that nested topics are indented deeper.
	li.-sl-topic-book-normal		Topics that are displayed but not part of the current path.
	li.-sl-topic-book-path		Topics that are on the path of the selection.
	li.-sl-topic-book-current		The currently-selected topic.

***/

ul.-sl-topic-book {
	font-size: 12px;	
	font-family: Arial; 
	list-style-type: none;
	padding-top: 0px; 
	padding-left: 5px;
	padding-bottom: 0px; 
	margin-top: 0px;
	margin-left: 5px;
}

li.-sl-topic-book-current, li.-sl-topic-book-normal, li.-sl-topic-book-path, li.-sl-topic-book-inactive {
	margin-top: 3px;
	padding-left: 2px;
}

li.-sl-topic-book-current {
	margin-right: 5px;
	background:  #FFF8D8; /* #FFFCE8; */
	border: 2px solid #C0C0C0; 
}


li.-sl-topic-book-path a {	
	border: 2px solid #C0C0C0;
}


li.-sl-topic-book-inactive {
	font-style: italic;
	color: gray;
	margin-top: 6px;
}


/*** Previous and Next pages for linked topics.

	table.-sl-book 			The table at the bottom of the topic page, if present, that contains the page number and linked siblings.
	-sl-book-sibling			The topic name of the next or previous page 
	-sl-book-page			The page number.
	-sl-book-next-pos		The position of the next link and topic name
	-sl-book-prev-pos		The position of the previous link and topic name
	
***/


table.-sl-book {
	width: 100%;
}

tr.-sl-book-sibling {
    	color: #808080;
    	font-size: 9px;
    	line-height: 9px;
	font-family: Arial;
 }

td.-sl-book-page {
	font-family: "Arial";
	font-size: 8pt;
	color: #808080;
	text-align: center;
}

td.-sl-book-next-pos  {
	text-align: right;
}

td.-sl-book-prev-pos {
	text-align: left;
}

a.-sl-book-prev-link, span.-sl-book-prev-end {
	font-size: 12px;
}

a.-sl-book-next-link, span.-sl-book-next-end {
	font-size: 16px;
}

span.-sl-book-next-end, span.-sl-book-prev-end {
	color: #A0A0A0;
}


/***

	-sl-link					The standard link appearance; this does not include the size.
	-sl-trail-link				Links displayed in the trail.
	-sl-book-next-link		The font, color, etc of the NEXT> link.
	-sl-book-prev-link		The font, color, etc of the <PREVIOUS link.
	-sl-book-next-end		The font and color of the inactive NEXT> component
	-sl-book-prev-end		The font and color of the inactive <PREVIOUS componont
 
 ***/ 


a.-sl-book-next-link, a.-sl-book-prev-link, span.-sl-book-next-end, span.-sl-book-prev-end, a.-sl-link, a.-sl-trail-link {
	font-family:"Arial";
	font-weight:bold;
	/* padding: 3px; */
}

a.-sl-book-next-link, a.-sl-book-prev-link, a.-sl-link, a.-sl-trail-link {
	text-decoration: none;
	color: blue;
}

a.-sl-link:hover, a.-sl-trail-link:hover, a.-sl-book-next-link:hover, a.-sl-book-prev-link:hover {
	background: yellow;
}