html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;
  }

  html, body, td, input, textarea, button {
    color: #221; /* 332 */
    font: normal normal normal 13px Tahoma, Geneva, sans-serif;
    -webkit-text-size-adjust: none;
  }
  
  @media screen and (min-width: 1400px) 
  {
    html, body, td, input, textarea, button { font-size: 0.94vw; }
  }
  
  p { margin: 0 0 0.8em 0; }
  pre { font-family: monospace; margin: 1em; }
  
  #content > p, p.just {
	text-align: justify;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
  }

  a, a:link, a:active, a:visited {
    color: #752;
    text-decoration: none;
  }

  a:hover {
    color: #953;
    text-decoration: underline;
  }

  #content img, a img { border: 1px solid #baa; }
  #content a:hover img { border: 1px solid #863; }

  i, em {
    color: #553; 
    font-style: italic;
  }

  b, strong {
    color: #554; 
    font-weight: bold;
  }

  ul {
    margin: 0 0 0.8em 0;
    padding: 0 0 0 1.9em;
  }

  li {
    margin: 0 0 0.3em 0;
    padding: 0;
  }

  .page-header {  
    display: block;
    margin: 0 0 0.8em 0;
    padding: 0.1em 0 0.1em 0.5em;
    border-left: 0.65em solid #ac6;
    color: #774;
    font: small-caps bold 1.1em verdana, sans-serif;
    letter-spacing: 0.14em;
  }

  .strong-text {
    font-weight: bold;
    color: #755;
  }

  .small-text {
    font-size: 0.9em;
  }

  .hr-line {
    display: block;
    margin: 0.9em 0 0.8em 0;
    border: 0; padding: 0; line-height: 0; height: 0;
    border-top: 1px dotted #ccc;
  }

/*** S T Y L E ********************************************************/

  html, body {
    height: 100%;
    cursor: default;
    line-height: 1.6em;
  }
  
  html {
    overflow: scroll;
    overflow-x: auto;
  }
  
  body {
    background: #b6bdc5 url(bg_main.jpg) fixed center;
    background-size: 110em;
  }

  form {
    margin: 0.92em 0 !important;
    padding: 0.8em 4.5% 0.5em 4.5%;
    border: dotted #ccc;
    border-width: 1px 0;
    background-color: #f7f7f7;
  }

  input, textarea, button {
    background-color: #fffffa;
    margin: 0.15em 0;
    padding: 0.23em;
    border: 1px solid #ccc;
    box-sizing: border-box;
    max-width: 100%;
    box-shadow: 0.08em 0.08em 0.12em 0 #777;
  }
  input[type=submit], input[type=button], button { 
    padding: 0.23em 0.30em 0.30em 0.30em;
    background-color: #eee;
    cursor: pointer; 
  }
  input[type=submit]:hover, input[type=button]:hover, button:hover {
    border-color: #bbb;
    background-color: #f3f3f3;
  }
  input[type=submit]:active, input[type=button]:active, button:active {
    margin: 0.23em -0.08em 0.07em 0.08em;
    box-shadow: none;
  }

  .paginate-menu {
    margin:  1em 0 1em -4.2%;
    padding: 0.1em 0.3em 0.15em 4.2%;
    border: dotted #ddd;
    border-width: 1px 1px 1px 0;
    background-color: #f7f7f7;
  }
  
  .paginate-menu > * {    
    padding: 0.3em 0.9em;
    border-right: 1px solid #ddd;
    line-height: 2.1em;
  }
  
  .paginate-menu a:hover { 
    text-decoration: none; 
    background-color: #eee;
  }

  .tiny-mce-editor {
    height: 30em;
  }

  .fill {
    width: 98%;
  }

  #page-title {
    display: block;
    margin: -1.12em 4.2% 0.8em 0 !important;
    padding: 1.12em 0 0.35em 4.2%;
    border-bottom: 1px dotted #ddd;
    border-right: 1px dotted #ddd;
    color: #773;
    font: small-caps bold 1.3em verdana, sans-serif;
    letter-spacing: 0.17em;
    background-color: #f7f7f7;
  }

  .tp-bd {
    margin-bottom: 1.07em;
    border: 1px dotted #ddd;
    padding: 0.23em 0;
    background-color: #f7f7f7;
  }

  .tp-frg, .tp-nr, .tp-lf, .tp-rg, .tp-mn { padding: 0 0.53em 0.15em 0.53em; }
  .tp-lf { float: left; }
  .tp-frg { float: right; text-align: right; }
  .tp-rg { text-align: right; }

  .tp-mn {
    margin: 0.23em 0 0 0;
    border-top: 1px dotted #ddd;
    padding-top: 0.23em;
  }

  #menu-content .tgl-btn { }

  #menu-content .tgl-pnl { }

  #menu-tree, #menu-tree ul, #menu-tree li {
    margin: 0; border: 0; padding: 0;
    list-style-type: none;
  }

  #menu-tree ul {
    padding-left: 0.1em;
  }
  
  #menu-tree div.tgl-btn:hover, #menu-tree a:hover {
	text-shadow: -1px 1px 2px #889;
	padding-left: 1px;
  }
  #menu-tree a { color: #530; }

  #menu-tree ul li {
    padding-left: 0.68em;
    background: url(li.png) no-repeat left center;
    background-size: 0.29em;
  }

  #menu-tree { 
    margin: 0 0 1.23em 0; 
    font-size: 1.15em;
    line-height: 2em; 
  }

  ul.ar-list {
    margin: 1.53em 0;
    list-style-image: url(ar.gif);
  }

  ul.ar-list li {
    margin: 0 2.30em 1.2em -0.46em;
    border: 0;
    padding: 0 0 0 0.3em;
  }

  ul.ar-list li * {
    margin: 0; border: 0; padding: 0;
  }

  ul.ar-list .name, ul.ar-list .name-l {
    font-family: verdana;
    letter-spacing: 0.15em;
  }

  ul.ar-list .name-l {
    padding-right: 0.92em;
    display: inline;
  }

  ul.ar-list .info {
    font-size: 0.84em;
    display: inline;
  }

  ul.ar-list .desc {
    padding-top: 0.23em;
  }

  .admin-view-item p {
    margin: 0 0 0.38em 0;
  }

  .admin-view-item p:first-child {
    margin-left: 0.38em;
    float: right;
  }

/*** L A Y O U T ******************************************************/

  #wrapper {
    margin: 0 auto;
    padding: 0;
    max-width: 53.84em;
    min-height: 100%;
    background: #fffffa url(dot.gif) repeat-y;  
    background-size: 12.49em;
    border: solid #aab;
    border-width: 0 1px;
    position: relative;
    box-shadow: 
      0.14em 0 0.4em 0 #555,
      -0.14em 0 0.4em 0 #555; 
  }

  div.page-margin { 
    height: 1.69em;  
  }

  #header {
    margin: 0; 
    padding: 0.95em 0 0 0;
    height: 6.75em;
    border: solid #ccc;
    border-width: 1px 0;
    background: #eee url(bg_top.jpg) repeat-x left 70%;
    background-size: 53.84em auto;
    position: relative; 
    z-index: 1;
    text-align: center;
    overflow: hidden;
    box-shadow: 0.1em 0.1em 0.13em 0 #777; 
  }
  
  #header span { 
    display: block; 
    font-family: verdana; 
    line-height: 1.6em; 
  }
  
  #header a, #header a:hover { 
    color: inherit; 
    text-decoration: none;
  }
  
  #hdr1 {
    margin: 0 39% 0 2%;
	color: #618042;
	font-size: 1.34em;
	font-weight: normal;
	letter-spacing: 0.6em;
	text-shadow: 
	  -0.06em -0.06em 0.06em #ddd, 
	  0.06em -0.06em 0.06em #ddd, 
	  -0.06em  0.06em 0.06em #ddd, 
	  0.06em  0.06em 0.06em #ddd,
	0.18em 0.18em 0.16em #000;
  }
  
  #hdr2 {
    margin: 0 12% 0 2%;
	color: #afbc68;
	font-size: 2.2em;
	font-weight: bold;
	letter-spacing: 0.12em;
	text-shadow:
	  -1px -1px 0 #777, 
	  1px -1px 0 #777, 
	  -1px  1px 0 #777, 
	  1px  1px 0 #777,
	0.12em 0.09em 0.09em #333;
  }
  
  #content {
    padding: 1.46em 0 0.69em 0;
    margin: 0 0 0 12.3em;
    min-height: 23em;
  }
  #content > * { margin-left: 4.2%; margin-right: 4.2%; }

  #menu-btn {
    visibility: visible;
    position: relative;
    z-index: 4;
    cursor: pointer; 
	background: #a0b152;
	border-radius: 4px;    
    margin: 0.15em 3.5em 1em -1.6em;
	padding: 0.24em 0 0.24em 1.6em;
	box-shadow:
	  0 0 1px 1px #ffd,
	  0 0 2px 1px #dda inset,
	  0.21em 0.21em 0.3em 0 #333;
	font: bold 1.15em "Trebuchet MS", Verdana, sans-serif;
	color: #eee;
	letter-spacing: 0.5em;
	text-shadow: 	  
	  -1px -1px 0 #777, 
	  1px -1px 0 #777, 
	  -1px 1px 0 #777, 
	  1px 1px 0 #777,
	  -1px -1px 0.4em #dda,
	  1px 1px 0.4em #dda,
	  -1px 1px 0.4em #dda,
	  1px -1px 0.4em #dda; 
  }
  #menu-btn:hover { background: #a7b859; }
  
  #left-panel {
    color: #110;
    position: absolute;
    margin: 0;
    background: #fffffa url(bg_menu.jpg) repeat-y;
    background-size: 12.46em auto;
    background-position: 0 0;
    width: 12.46em;
    min-height: 100%; 
    overflow: hidden;
    /* box-shadow: 0.07em 0 0.15em 0 #777; */
  }
  #left-panel.visible { visibility: visible !important; }

  #menu-content { 
    padding: 8.31em 0 1.38em 1.38em; 
  }
  
  #left-panel.menu-fix { 
    position: fixed;
    z-index: 2;
    top: 0;
    background-position: 0 7.34em;
  }
  .menu-fix #menu-content { 
    padding-top: 0.15em;
  }

  #ad-layer {
    margin-top: 1.23em;
    margin-bottom: 1.23em;
    font-size: 0.69em;
    letter-spacing: 0;
    color: #aa9;
  }

  #ad-layer a {
    color: #aa9;
  }

  #footer {
    text-align: right;
    margin: 0;
    padding: 0.5em 1.4em 0.6em 1.4em;
    border: solid #ccc;
    border-width: 1px 0;
    background: #eee;
    font: 0.76em verdana, sans-serif;
    color: #665;
    line-height: 1.5em;
    position: relative; 
    z-index: 3;
    box-shadow: 0.1em 0.1em 0.18em 0 #888;
  }
  
  #wrapper.small-screen #content {
	margin-left: 0;
	background: #fffffa;
  }
  #wrapper.small-screen #left-panel {
	visibility: hidden;
  }