/* MUST leave fonts like this to match size of rest of page */
body {font-size: 85%;}
html>body {font-size: 85%; /* NOT IE5/6 */}

a#SeminarCaption {
	padding-bottom: 1px; 
	border-bottom: 1px solid #00f;
}
a#SeminarCaption:hover {
	border-color: #f00;
	text-decoration: none;
}

div#SlideshowButtons {
	font-size: 0.6em;
	text-align: center;
	padding: 0 1ex 2em 0.5ex;
}

div#SlideshowButtons a 
{
	font-weight: bold;
	text-decoration: underline;
	text-transform: capitalize;
}


a { text-decoration: none; }
a:link { color: #0000CC; }
a:visited { color: #990099; }
a:hover { color: Red; text-decoration: underline; }

a.Page { color: Black; }
a.Page:visited { color: #660066; }
a.Page:hover { color: Red; }

a.Image, a.Image:visited { color: White; }
a.Image:hover { color: Red; }

.elephant { font-size: 120pt; }

/* TEST - Make the 'popup caption' visible on page 
td#SeminarPhoto div#caption-for-SeminarImg {
	font-size: 0.65em;
	color: #000;
	background-color: transparent;
	display: inline;
}
td#SeminarPhoto div#caption-for-SeminarImg a {
	text-decoration: none;
	color: #000;
	border-bottom: 0;
}
*/

div.Section {
	padding: 0;
	/*
	background-color: #C37479;
	margin-top: 1em;
	border: 1px solid #8F4B50;
	width: auto;
	*/
}

div.Section H1 ,
div.Section .Foot ,
div.Collapsible .SecExpanderBar
{
	background-color: transparent; /* let 'Section' bgcolor show through */
}

div.Section .Foot {
	height: 1px;
	font-size: 1%;
}

div.Section H2 ,
div.Section H3 ,
div.Section H4 ,
div.Section .Content
{
	color: #000; /* MUST specify a color so will not 'flicker' on Section:hover */
}

div.Collapsible {
	/* sub-class of div.Section */
}

div.Collapsible .SecExpanderBar {
	height: 6px;
	text-align: center;
}

div.Collapsible .SecExpanderBar ,
div.Section H1 {
}

div.Section.Collapsible.Hover ,
td.PageColRight div.Sidebar.Collapsible.Hover
{
	color: #000;
	background-color: #dda;
}

div.Section.Collapsible H1 ,
div.Sidebar.Collapsible .Head ,
div.Collapsible .SecExpanderBar
{
	cursor: pointer;
	display: inline-block;
}

div.Section H1 {
	color: #000;
	background-color: #cc9;
	border: 1px solid #bb8;
	font-size: 1.25em;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding: 0 4px 0px 0.5ex;
	vertical-align: middle;
}

div.Section H1 img.Chevron {
	margin-top: 2px;
	/*
	float: right;
	*/
}

div.Section H2 { /* Section Sub-Title */
	font-size: 1.25em;
	margin: 0;
}

div.Section H3 { /* Section 'Tip' */
}
div.Section H3 img.IconLeft {
	margin-right: 0.75ex;
}

div.Section H4 { /* Section Footer */
}

div.Section .Body {
	/* container div for the 'collapsible area' - may contain multiple divs*/
}

div.Section H2 ,
div.Section .Body .Content 
{
	/* background-color: #fcfcfc; */
}

div.Section .Body .Content {
	/* container cells inside a 'section' - use padding to add spacing between columns */
}

div.Collapsible .LineBot {
	/* when we need to add a non-default 'divider' between sections */
	border-bottom: 1px solid #ccc;
}
div.Collapsible .LineTop {
	border-top: 1px solid #ccc;
}