/* CSS document */
html {height: 100%;}
body {
	margin: 0;
	padding: 0;
	overflow: auto;
	height: 100%; 
	width: 100%;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.96em;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #333;
}
* a {
	/*letter-spacing: 1px;*/
	text-decoration:none;
}
a:link {color:#3080e0;}
a:visited {color:#3080e0;}
a:hover{
	color: #aa0608;
}
a:active{
	color:#3080e0;
}
	
* img {
	border: 0;
}
.imgcenter {
	display: block;
    margin-left: auto;
    margin-right: auto;
	border: 0;
}
.fleft{vertical-align:text-top; float:left; padding-right:10px;}
.fright{vertical-align:text-top; float:right; padding-left:10px;}
table, th, td {
    border: 0;
}

h1, h2, h3 {
  font-family: Georgia, "Times New Roman", Times, serif;
}
p {
  margin-top: 1em;
  margin-bottom: 1em;
	width: 0;
}
.kato{padding-top: 75px; text-align:right; padding-right: 10px;}
		
.textbox {display:flex; justify-content: space-between;}

.alignleft {
  width: 33.33333%;
  text-align: left;
}
.aligncenter {
  width: 33.33333%;
  text-align: center;
}
.alignright {
  width: 33.33333%;
  text-align: right;
}
.t600 {
	width:600px;
}
.tborders{
	border-top: solid 1px;
	border-bottom: 1px solid;
	border-bottom: 1px solid;
	border-left: 1px solid;
	border-right: 1px solid;
	padding: 0.3em;
}
.topbot{
	border-top: 1px solid;
	border-bottom: 1px solid;
	border-bottom: 1px solid;
	padding-top: 0.3em;
	padding-bottom:0.3em;
}
.tbottom{
  border-bottom: 1px solid;
  padding-bottom:0.3em;
}
.note{
    background-color: #ccffcc;
    border-left: 6px solid #33bb66;
    padding: 3px 3px 6px 10px;
}
.info {
  background-color: #e1e3d0;
  border-left: solid 6px #608010;
  padding: 3px 3px 6px 10px;
  margin-top: 0.85em;
  margin-bottom: 0.85em;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  color:#412;
}
.bgchaki, .bggray {
	/*width: 100%;*/
	/*height: 60px;*/
    padding: 15px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.bgchaki {
	background: rgb(210, 210, 190);
}
.bggray {
  background: #899;
}
.cdarkgray {
  background: #444;
  color:#ddd;
  padding: 5px 5px 5px 5px;
}
.cgray {
  background: #aaa;
  color:#000;
  padding: 5px 5px 5px 5px;
}
.mega, .midi {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
}
.mega { font-size: 1.5em; }
.midi { font-size: 1.15em; }
.title1, .title2 {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  color:#982;
}
.title1 { font-size: 1.5em; }
.title2 { font-size: 1.15em; }
.title2 a:link, .title2 a:visited, .title2 a:active {color: #AD9F67;}
.title2 a:hover {color:#F33;}
.timesb {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
}
.stdw {width: 100%;}
ul.stdw, ol.stdw {
	/*width: 100%;*/
	padding: 0;
	padding-left: 16px;
}
.midigold {
  font-size: 1.3em;
  color: #982;
}
.kentro { text-align:center;}
.current { color:#982; }
.bgnote {background:#FFC;}
#leftframe {
	position: absolute;
	overflow: hidden;
	width: 181px;
	height: 100%;
	top: 0;
	left: 0;
	background: #4b4c4c url(images/bg_left.png) no-repeat top left;
	padding: 0;
	border: 0 solid #A28C67;
	border-right-width: 1px;
	z-index: 1;
}

#topframe {
	position: absolute;
	overflow: hidden;
	left: 0;
	/*right: 0;*/
	top: 0;
	width: 100%;
	height: 104px;
	border: 0 solid #A28C67;
	border-bottom-width: 1px;
	background: #4b4c4c url(images/patt.png) no-repeat;
	padding: 0;
	z-index: 2;
}

#docTitle {
	position:fixed;
	/* overflow: auto; */
	/* background:#fff; */
	left:0;
	top:135px;
	width:100%;
	z-index:110;
	color: #AD9F67;
	padding: 0;
	padding-left: 15px
}
#apDiv1{
	position: fixed;
	/*width:100%;
	height: 100%;*/
	left: 0;
	top: 170px;
	right: 0;
	bottom: 0;
	padding: 0;
	padding-left: 15px;
	overflow: auto!important;
	z-index: 200;
}
#apDiv1 div {width:96%;}
#apDiv1 p {width: 96%;}
#apDiv1 ul {width:96%;}
#apDiv1 ol {width:96%;}
#apDiv1 footer {width:96%;}
#apDiv1 h3 {width:96%;}
#apDiv1 hr {width:96%;}
#apDiv1 pre {width:96%;}
@media screen and (min-width: 900px) {
	  #apDiv1 div {
		margin-left: auto;
		margin-right: auto;
		width: 60%;
	  }
	  #apDiv1 p {
		margin-left: auto;
		margin-right: auto;
		width: 60%;
	  }
	  #apDiv1 ul {
		margin-left: auto;
		margin-right: auto;
		width: 60%;
	  }
	  #apDiv1 ol {
		margin-left: auto;
		margin-right: auto;
		width: 60%;
	  }
	  #apDiv1 footer {
		margin-left: auto;
		margin-right: auto;
		width: 60%;
	  }
	  #apDiv1 h3 {
		margin-left: auto;
		margin-right: auto;
		width: 60%;
	  }
	  #apDiv1 hr {
		margin-left: auto;
		margin-right: auto;
		width: 60%;
	  }
	  #apDiv1 pre {
		margin-left: auto;
		margin-right: auto;
		width: 60%;
	  }
}
#leftimg {
	background: url(images/mpencil.png);
	overflow: hidden;
	position: absolute;
	left: 157px;
	top: 30px;
	width: 47px;
	height: 600px;
	margin: 0;
	padding: 0;
	z-index: 5;
}

#leftnav {
	position: absolute;
	top: 170px;
	left: 12px;
	width: 116px;
	margin: 0;
	padding: 0;
	font: 13px/normal  Verdana, Arial, sans-serif;
	color: #B1A370;
	font-weight: bold;
	text-shadow: 0 2px 1px rgba(0,0,0, 0.6);
	z-index: 4;
}

#leftnav a {
	text-decoration: none;
	color: #99aaaa;
	line-height: 1.5em;
	/*text-shadow: 0 1px 1px rgba(0,0,0, .6);*/
}
#leftnav a:hover {
	color: #fff;
	/*text-shadow: 0 1px 1px rgba(255,255,255, .6);*/
}

/* **********************************************
 * Horizontal CSS Drop-Down Menu Module
 ************************************************/
#topnav {
	position: fixed;
	top: 92px;
	padding-left: 15px;
	padding-top: 1px;
	height: 0;
	/*width: 485px;*/
	z-index: 1005;
}
ul.dropdown li > a {
	text-shadow: 0 1px 1px rgba(255,255,255, .6);
}
ul.dropdown li > a:hover {
	text-shadow: 0 1px 1px rgba(0,0,0, .6);
}	

ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

ul.dropdown {
 position: relative;
 z-index: 597;
 float: left;
}

ul.dropdown li {
 float: left;
 line-height: 1.5em;
 vertical-align: middle;
 zoom: 1;
}


ul.dropdown li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
}

ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: -1px;
 z-index: 598;
 /*width: 100%;*/
}

ul.dropdown ul li {
 float: none;
}

ul.dropdown ul ul {
 top: 1px;
 left: 100%;
}

ul.dropdown li:hover > ul {
 visibility: visible;
}

/* ================================================
 * Default CSS Drop-Down Menu Theme
 *-------------------------------------------------
 * @section		Base Drop-Down Styling
 * @structure	ul (unordered list)
 *				ul li (list item)
 *				ul li a (links)
 *				/*\.class|(li|a):hover/
 * @level sep	ul
 */


ul.dropdown {
	font: 13px/normal  Verdana, Arial, sans-serif;
	
}

ul.dropdown li {
 padding: 2px 10px;
 border: 1px solid #A28C67;
 border-left-width: 0;
 background-color: #000;
 color: #99aaaa;
 background-image: url(images/gradient.png );
 background-position: 0 -20px;
}
ul.dropdown li:first-child {border-left-width: 1px;}
ul.dropdown li.hover,
ul.dropdown li:hover {
 background-color: #000;
 color: #fff;
}

ul.dropdown a:link { color: #000; text-decoration: none; }
ul.dropdown a:visited	{ color: #000; text-decoration: none; }
ul.dropdown a:hover		{ color: #fff; }
ul.dropdown a:active	{ color: #A28C67; }


/* -- level mark -- */

ul.dropdown ul {
 width: 180px;
 margin-top: 0;
 border: 1px solid #A28C67;
}

ul.dropdown ul li {
 font-weight: normal;
 border: 1px solid #505050;
 border-top-width: 0;
}



/*-------------------------------------------------/
 * @section		Support Class `dir`
 * @level sep	ul, .class
 */

/*
ul.dropdown *.dir {
 padding-right: 20px;
 background-image: url(images/nav-arrow-down.png);
 background-position: 100% 80%;
 background-repeat: no-repeat;
}
*/
.right {
	text-align: right;
}
.overline {
	border-style: solid;
	border-width: 0;
	border-color: #AD9F67;
	border-top-width: 1px;
}