/* *********************************************************
	Import slide CSS
*/
@import url("slideSS.css");

/* *********************************************************
	Slideshow root page styles
*/
div#tplRootPge{
	position: absolute;
	top:2px;
	left:2px;
	bottom:2px;
	right:2px;
	background: white url("../img/tpl/btmPge.png") bottom right repeat-x;
}

div#tplToc{
	position: absolute;
	top:30px;
	left:0px;
	bottom: 30px;
	background: #476042;
	-moz-box-shadow: 0px 0px 5px #888;
	-webkit-box-shadow: 0px 0px 5px #888;
	box-shadow: 0px 0px 5px #888;
	-moz-border-radius: 0px 5px 5px 0px;
	-webkit-border-top-right-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	border-radius: 5px;
}
div.tplTocOn{
	width: 250px;
}
div.tplTocOff{
	width: 10px;
}
div#tplTocCo{
	position: absolute;
	top:0px;
	left:5px;
	right:10px;
	bottom: 0px;
}
div#tplTocScroll{
	position: absolute;
	top:20px;
	left:0px;
	right:0px;
	bottom: 20px;
	background: #FFF5E6;
	-moz-box-shadow: inset 0px 0px 3px #BBB;
	-webkit-box-shadow: inset 0px 0px 3px #BBB;
	box-shadow: inset 0px 0px 3px #BBB;
	-moz-border-radius: 5px;
	-webkit-border-top-right-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	border-radius: 5px;
}
div.tocSrlUp{
	position: absolute;
	top:5px;
	left:0px;
	right:0px;
	height: 10px;
}
div.tocSrlDwn{
	position: absolute;
	bottom:5px;
	left:0px;
	right:0px;
	height: 10px;
}
div.tocSrlUp a,
div.tocSrlDwn a{
	position: absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom: 0px;
	text-align: center;
}
div.tocSrlUp span,
div.tocSrlDwn span{
	display: none;
}
a.tocSrlUpBtn{
	background: url(../img/toc/btnSrlUp.png) no-repeat center center;
}
a.tocSrlUpBtn:hover{
	background-image: url(../img/toc/btnSrlUpOvr.png);
}
a.tocSrlDwnBtn{
	background: url(../img/toc/btnSrlDwn.png) no-repeat center center;
}
a.tocSrlDwnBtn:hover{
	background-image: url(../img/toc/btnSrlDwnOvr.png);
}
#tplToc div.btnOff a{
	background-image: url(../img/toc/btnSrlDis.png);
}
#tplToc div.btnOff a:hover{
	background-image: url(../img/toc/btnSrlDis.png);
}
a.btnTocTglOn,
a.btnTocTglOff{
	position: absolute;
	top: 0px;
	height:100%;
	width:10px;
	right:0px;
	background-repeat: no-repeat;
	background-position: center center;
}
a.btnTocTglOn{
	background-image: url(../img/toc/btnTgleOn.png);
}
a.btnTocTglOn:hover{
	background-image: url(../img/toc/btnTgleOnOvr.png);
}
a.btnTocTglOff{
	background-image: url(../img/toc/btnTgleOff.png);
}
a.btnTocTglOff:hover{
	background-image: url(../img/toc/btnTgleOffOvr.png);
}
a.btnTocTglOn span,
a.btnTocTglOff span{
	display: none;
}
div#tplSldFra{
	position: absolute;
	top:0px;
	right:10px;
	bottom: 40px;
	background-color: white;
}
div.tplSldFraTocOn{
	left: 260px;
}
div.tplSldFraTocOff{
	left: 27px;
}
div#tplRootNav{
	position: absolute;
	right: 0px;
	bottom: 0px;
	height: 35px;
	width: 100px;
	background: white url("../img/tpl/btmPge.png") bottom right repeat-x;
}
div.slide{
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: white;
}
h1.slideTi{
	position: absolute;
	width: 100%;
	height: 10%;
	margin:0px;
	text-align: center;
}
iframe.slideFra{
	position: absolute;
	top:0px;
	left:0px;
	width: 100%;
	height: 100%;
	bottom:0px;
	border: 0px;
	overflow: hidden;
}
a.btnPrv,
a.btnNxt{
	position: absolute;
	width:30px;
	height:30px;
	top: 0px;
	background-repeat: no-repeat;
}
a.btnPrv{
	left: 15px;
	background-image: url(../img/nav/btnPrv.gif);
}
a.btnPrv:hover{
	background-image: url(../img/nav/btnPrvOvr.gif);
}
a.btnNxt{
	right: 15px;
	background-image: url(../img/nav/btnNxt.gif);
}
a.btnNxt:hover{
	background-image: url(../img/nav/btnNxtOvr.gif);
}
a.btnPrv span,
a.btnNxt span{
	display: none;
}
div#tplZoomFra{
	position: absolute;
	left: 20px;
	right: 20px;
	top: 20px;
	bottom: 43px;
	background-color: white;
	border: 3px solid #476042;
	-moz-box-shadow:  0px 0px 8px #888;
	-webkit-box-shadow:  0px 0px8px #888;
	box-shadow:  0px 0px 8px #888;
	-moz-border-radius: 10px;
	-webkit-border-top-right-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	-webkit-border-top-left-radius:20px;
	-webkit-border-bottom-left-radius:10px;
	border-radius:10px;
}
div#tplZoomCo{
	position: absolute;
	left: 5px;
	right: 5px;
	top: 5px;
	bottom: 5px;
	overflow: hidden;
}
div.tplZmFrg,
div.tplZmSld{
	position: absolute;
	width:100%;
	height:100%;
	text-align: center;
}
a.btnZmCls{
	position: absolute;
	width:40px;
	height:40px;
	top: -5px;
	right: -5px;
	background-repeat: no-repeat;
	background-image: url(../img/nav/btnZmCls.png);
}
a.btnZmCls:hover{
	background-image: url(../img/nav/btnZmClsOvr.png);
}
a.btnZmCls span{
	display: none;
}
div#tplFootBanner{
	position: absolute;
	bottom: 5px;
	left: 10px;
	font-size: 0.8em;
	color: gray;
	cursor:default;
}
div#tplFootBanner .copyright{
	font-style: italic;
}
div#tplFootBanner .version{
	color: #6A9662;
}

/* *********************************************************
	Menu styles
*/
ul#toc{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin: 0px;
	padding: 0px;
	text-align:left;
	cursor: default;
}
ul#toc a {
	text-decoration: none;
	color: #f17c0b;
}
ul#toc a img{
	border: 0px;
	vertical-align: middle;
}
ul#toc ul{
	list-style: none;
	margin: 2px 0px 0px 0px;
	padding: 0px 0px 0px 14px;
	}
ul#toc li{
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 2px 0px;
}

ul#toc .toc_i{
	color: black;
	padding-left: 15px;
	position: relative;
}
ul#toc a.toc_tgle_o,
ul#toc a.toc_tgle_c {
	position: absolute;
	left:0px;
	height:100%;
	width: 15px;
}
ul#toc a.toc_tgle_o img,
ul#toc a.toc_tgle_c img{
	position: absolute;
	top:50%;
	left:50%;
	margin-top:-7px;
	margin-left:-7px;
}
ul#toc a.toc_lnk {
	padding: 2px 2px;
	display: block;
}
/*** Leaf ***/
ul#toc .toc_l{
	background: url(../img/toc/itm.gif) 3px no-repeat;
}
ul#toc div.toc_sel_no a.toc_lnk:hover{
	color: #6a9662;
	text-decoration: underline;
}
ul#toc div.toc_sel_yes a.toc_lnk{
	color: gray;
}
ul#toc .pres{
	background: url(../img/toc/itmHome.gif) 3px no-repeat;
}
/* *********************************************************
	Content styles
*/
.sldHome_ti{
	text-align: center;
	margin-top:2em;
}