html, body {
  display:relative;
  width:100%;
  height:100%;
  margin:0px;
  padding:0px;
  background:#eee;
  font-family:Verdana, Arial, Helvetica, sans-serif;
}


a:link,
a:visited,
a:focus,
a:hover,
a:active {
  color:#339;
  text-decoration:underline;
}

a:hover,
a:active {
  color:#66f;
}


#canvas {
  position:relative;
  min-width:700px;
  margin:0em 2em;
  padding:4.5em 0em 2em;
}


#logo {
  z-index:100;
  position:absolute;
  left:-1.25em;
  top:1em;
  /*height:4.5em;*/
  width:15.8em;
}


#box {
  border-left:solid 2px #c60;
  border-right:solid 2px #c60;
  border-top:solid 2px #f90;
  border-bottom:solid 2px #c60;
  background:#fff;
}


#header {
  position:relative;
  overflow:hidden;
  background:#ffb76f;
}

#header,
#header .m,
#header .l,
#header .r,
#header .building,
#header .separator {
  height:8em;
}


#header .m {
  background:url(bg-radial-m.gif) top repeat-x;
}

#header .l {
  background:url(bg-radial-l.gif) left top no-repeat;
}

#header .r {
  background:url(bg-radial-r.gif) right top no-repeat;
}

#header .building {
  background:url(bg-firma.gif) 9em bottom no-repeat;
}

#header .separator {
  margin-left:14em;
  background:url(bg-03.gif) bottom repeat-x;
}

#header img {
  border:none;
}

#header h1,
#header h2 {
  margin:0em;
  padding:0em;
}

#header h1 {
  /*display:inline;*/
  position:absolute;
  left:8em;
  top:0em;
  min-width:20em;
  width:auto!important;
  width:20em;
  color:#339;
  font-size:1.5em;
}

#header h1 img {
  display:inline;
  position:relative;
  top:1em;
  height:3.3em;
}

#header h1 a {
  color:#339;
  text-decoration:none;
}

#header h2 {
  display:inline;
  position:absolute;
  left:23em;
  top:6.2em;
  width:15em;
  color:#339;
  font-weight:bold;
  font-size:1em;
}


#shk {
  position:absolute;
  left:2em;
  top:1.5em;
  width:6em;
}


#body {
  background:#ffdbb7 url(bg-fade-02.gif) left bottom repeat-x;
}

#body .menu {
  z-index:100;
  position:relative;
  margin-bottom:80px;
  float:left;
  width:14.5em;
}

#body .menu ul {
  width:14.5em;
  margin:0em;
  padding:1em 0em 0.75em 0.5em;
  list-style:none;
  background:#ffb76f url(bg-02.gif) 14em repeat-y;
}

#body .menu li {
  display:block;
  height:2em;
  margin-bottom:0.25em;
  line-height:2em;
  background:#339;
}

#body .menu li a,
#body .menu li a:link {
  display:block;
  width:14em;
  height:2em;
  padding-left:0.5em;
  font-weight:bold;
  text-decoration:none;
  color:#fff;
}

#body .menu li a img {
  display:block;
  float:right;
  width:2em;
  height:2em;
  margin:0em;
  padding:0em;
  border:none;
  vertical-align:middle;
  background:#fc9;
}

#body .menu li a:hover,
#body .menu li a:focus,
#body .menu li a:active {
  text-decoration:underline;
}

#body .menu li a:hover img,
#body .menu li a:focus img,
#body .menu li a:active img {
  background:#f93;
}

#body .menu li a span {
  font-size:0.9em; /*0.8em;*/
}

#body .menu li.active {
  height:auto;
}

#body .menu li.selected img {
  background:#f93;
}

#body .menu li.active ul {
  padding:0.25em 0em 0em 0em;
  background:#ffb76f url(bg-02.gif) 13.5em repeat-y;
}

#body .menu li.active ul li {
  background:#666;
}

#body .menu li.active ul li a img {
  background:#fc9;
}

#body .menu li.active ul li a:hover img,
#body .menu li.active ul li a:focus img,
#body .menu li.active ul li a:active img {
  background:#f93;
}

#body .menu li.active ul li.active a img {
  background:#f93;
}

#body .menu .fading {
  height:80px;
  margin-right:0.5em;
  background:url(bg-fade-01.gif) left top repeat-x;
}

#body .content {
  position:relative;
  margin-left:14em;
  padding:1em 2em 1em 2.5em;
  background:#fff url(bg-01.gif) left repeat-y;
}

#body .content h2,
#body .content h3 {
  margin-top:0em;
  padding-top:0em;
}

#body .content h2 {
  font-size:1.5em;
}

#body .content p,
#body .content ul,
#body .content label,
#body .content input,
#body .content textarea {
  margin-top:0em;
  line-height:1.5em;
  font-size:0.8em;
}

#body .content li {
  margin-bottom:0.5em;
}

#body .content img {
  position:relative;
  margin-left:20px;
  margin-bottom:20px;
  padding:5px;
  border-left:solid 1px #999/*#c60*/;
  border-right:solid 1px #999/*#c60*/;
  border-top:solid 1px #ccc/*#f90*/;
  border-bottom:solid 1px #333/*#930*/;
  float:right;
  clear:right;
}

#body .content form {
  position:relative;
  margin:0px auto;
  overflow:hidden;
}

#body .content form br {
  clear:both;
}

#body .content input.data,
#body .content textarea.data {
  position:relative;
  margin-bottom:0.5em;
  border:inset 1px #999;
}

#body .content textarea.data {
  overflow:auto;
  font-family:Verdana, Arial, Helvetica, sans-serif;
}

#body .content input.button {
  position:relative;
}

#body .content label {
  width:8em;
  margin-right:1em;
  float:left;
  vertical-align:top;
}

#body .content .font {
  font-family:Georgia, "Times New Roman", Times, serif;
  font-size:1.25em;
}

* html #body div.form {
  position:relative;
  width:99%;
  /*width:30em;
  overflow:hidden;*/
}

* html #body label {
  position:relative;
}


#footer {
  background:#eee;
  text-align:right;
}

* html #footer {
  border-top:solid 2px #c60;
}

#footer a:link,
#footer a:visited,
#footer a:focus,
#footer a:hover,
#footer a:active {
  color:#999;
  text-decoration:none;
  font-family:Times New Roman, Times, serif;
  font-size:0.9em;
}

#footer a:hover,
#footer a:active {
  color:#333;
}


.clear-both {
  clear:both;
}


.invisible {
  display:none;
}