/* ActiveImage.ca .CSS file based on the Flexi skin */
body    { font-family: Verdana, Geneva, Helvetica, Arial, sans-serif; background-color: #d7eaff; background-image: none; background-position: 0 0; margin: 0; padding: 0 }
.clearer { height:1px; clear:both; margin-top:-1px; }

#FlexiAll { /*for setting e.g. additional Background-image*/
	padding-top:20px; }
#FlexiAll H3 { color: #d34900 }
* html #FlexiAll { height:1px; }	
#FlexiTop {
	position:absolute;
	top:0;
	right:15px;
	margin:0;
	height:1em;
	}
#FlexiLeftBox { 
	position:absolute;
	top:20px;
	left:2%;
	xwidth:190px;
	width:20%
	}
#FlexiLeft    { background-color: #f5f5f5; background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; padding: 0.5em; border: solid 2px #808080; -moz-border-radius: 25px   }

#FlexiMainBox   { margin-right: auto; margin-left: auto; position: relative; width: 775px; min-width: 585px; xmargin: 0px 1.5% 20px 0px  }
* html #FlexiMainBox { height:1px; }
#FlexiMain   { background: #fff url("http://www.activeimage.ca/pub/skins/flexiac/gfx/right.jpg") repeat-y right 50%; margin: 0; padding: 10px 0; position: relative; border-left: 2px solid #808080 }
* html #FlexiMain { height:1px; }
#FlexiMainTop    { background: url("http://www.activeimage.ca/pub/skins/flexiac/gfx/top.jpg") repeat-x right top; position: absolute; z-index: 10; top: 0; left: 0; width: 100%; height: 20px; min-width: 585px }
* html #FlexiMainTop { width:auto;}

#FlexiMainBottom   { background: url("http://www.activeimage.ca/pub/skins/flexiac/gfx/bottom.jpg") repeat-x; position: relative; height: 30px }
.tlc, .blc { float:left; width:20px; }
.trc, .brc { float:right; width:30px; }

#FlexiHeader     { background-image: url("http://www.activeimage.ca/pub/skins/flexiac/gfx/activepeople.jpg"); background-repeat: no-repeat; background-position: right center; margin: -10px 12px 0 1px; padding: 0; height: 120px }

#FlexiTopMenu   { color: #d48526; font-size: 1em; line-height: 133%; background: #eac26a; text-align: right; margin: 0 31px 0 21px; padding: 1px 1em 0.1em; border: solid 2px }
* html #FlexiTopMenu { height:1px; }


#FlexiTitle  { background: url("gfx/flexi/FlexiTitle.gif") no-repeat; margin: 0; height: 1.5em; border: solid 1px #bbb }

#FlexiContent      { color: #474747; font-size: 14px; line-height: 18px; padding: 1em 30px 1em 25px }
* html #FlexiContent {height:1%;} /*for IE*/

#FlexiFooter  { background: url("gfx/flexi/FlexiFooter.gif") no-repeat; margin: 0.5em 15px 0; height: 1em; border: solid 1px #bbb }
#FlexiRight    { font-size: 90%; background-color: #f5f5f5; background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; margin-left: 20px; padding: 0.5em; width: 170px; float: right; border: solid 2px #bbb; -moz-border-radius: 12px   }
#FlexiBottom   { color: #999; font-size: 0.8em; font-weight: normal; margin: 0 auto; padding-right: 20px; padding-left: 20px; width: 735px; height: auto }
#FlexiBottom a:link { color: #858585; text-decoration: none }
#FlexiBottom a:visited { color: #858585; text-decoration: none }
#FlexiBottom a:hover { color: #d34900; text-decoration: underline }
/*======= sidebar =====*/
.sidehead { font-size:125%; }
#FlexiLeft    { color: #666; font-size: 1em; font-weight: normal; width: auto }
#FlexiLeft a   { color: #d48528; font-size: 1em; font-weight: bolder; line-height: 2.5em; border-bottom: 1px dotted #d34900 }
#FlexiLeft a:hover   { color: #d34900; font-size: 1em; font-weight: bolder; background-image: url("gfx/activeperson-orange-20.gif"); background-repeat: no-repeat; border-bottom: 1px solid #d34900 }
#FlexiLeft ul  { list-style: none; margin: 0; padding: 0; width: auto } 
#FlexiLeft ul li { margin:0; padding-left:0}

#FlexiLeft li a  { text-decoration: none }
#FlexiLeft ul li a    { padding-left: 1.5em }
#FlexiLeft ul ul li a     { font-size: 0.9em; font-weight: bold; line-height: 2.5em; margin-left: 10px; padding-left: 1.5em }
#FlexiLeft ul ul li a:hover    { color: #d34900; font-size: 0.9em; font-weight: bold; background-image: url("gfx/activeperson-orange-15.gif"); background-repeat: no-repeat; padding-left: 1.5em }
#FlexiLeft ul ul li .selflink   { color: #d34900; font-size: 0.9em; font-weight: bold; background-image: url("gfx/activeperson-orange-15.gif"); background-repeat: no-repeat; padding-left: 1.5em; border-bottom: 1px solid #d34900 }
#FlexiLeft .selflink  { color: #d34900; font-size: 1em; font-weight: bolder; background-image: url("gfx/activeperson-orange-20.gif"); background-repeat: no-repeat; border-bottom: 1px solid #d34900 }
/*=== nav menus: Fat Erik's Pipelist (adapted) ===*/
.nav   { color: #c00; font-weight: bold }
.nav a  { color: #c00; font-weight: bold }
.nav a:hover { color: #ebebeb; font-weight: bold }
.nav ul { 
		list-style: none;
		padding:0;
		margin: 0 0 0 5px;
		}
.nav ul li { 
		display: inline;
		padding: 0;
		margin: 0;
		}
.nav ul li a { text-decoration:none; 
		padding:1px 2px 2px 2px; }
.nav ul li:before { content: "| "; }
.nav ul li:first-child:before { content: ""; }

.nav form { margin:0; padding:0; display:inline}

/*IE workaround for content:"| " */
/*All IE browsers*/
* html .nav ul { margin:0 0 0 -8px; }
* html .nav ul li { border-right: 1px solid #D48526;
		padding: 0 5px 0 5px;
		margin: 0 -5px 0 5px;
		}
/*Win IE browsers - hide from Mac IE\*/
* html .nav ul { height: 1%; float:right;}
* html .nav ul li {
		display: block;
		float: left;
		}
/*End hide*/
/*Mac IE 5*/
* html .nav ul li:last-child { border-right: 0; }

.roundbox {xheight:95px;
	padding:5px 0;
	border:2px solid #808080;
	-moz-border-radius: 15px;
	line-height:1.3em;
	}
.roundbox input { margin:3px 0;
	}
.inputbox { width:9em; }
#Icons   { text-decoration: none; background-image: none; border-bottom: none }
#Icons a { text-decoration: none; background-image: none; border-bottom: none }
#Icons a:link { text-decoration: none; background-image: none; border-bottom: none }
#Icons a:visited { text-decoration: none; background-image: none; border-bottom: none }
#Icons a:hover { text-decoration: none; background-image: none; border-bottom: none }
#Icons a:wikilink   { text-decoration: none; background-image: none; border-bottom: none }
#FlexiContent h1 { color: #a31; font-size: 32px; font-family: Impact, "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; line-height: 32px; text-align: center }
#FlexiContent h2 { color: #a31; font-size: 24px; font-family: Georgia, "Times New Roman", Times, serif; line-height: 26px; text-align: center }
#FlexiContent h3 { color: #a31; font-size: 18px; font-family: Georgia, "Times New Roman", Times, serif; line-height: 20px; text-align: center }
#FlexiContent h4 { color: #5e7702; font-size: 18px; font-family: Georgia, "Times New Roman", Times, serif; line-height: 20px; text-align: center }
#FlexiContent h5 { color: #5e7702; font-size: 18px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; line-height: 20px; text-align: center }