@import url(mktree.css);
@import url(jquery.autocomplete.css);
@import url(menu.css);
@import url(content.css);

/* SITE GLOBAL */

/* position */
@media screen{

BODY {
  margin:0;
  padding-top: 130px;
}

BODY>DIV#header{
  position:fixed;
  width:100%;
}

BODY>DIV#navbar {
 position:fixed;
 width:100%;
 z-index:1000;
}

BODY>DIV#sidebar{
  position:fixed;
}

* HTML BODY {
  overflow:hidden;
}
* HTML DIV#content {
  height:100%;
  overflow:auto;
}

@media print {
  DIV#header  { display: none; }
  DIV#navbar  { display: none; }
  DIV#sidebar { display: none; }
}

DIV#header {
  background: rgb(41,135,155);
  background-image: url(../images/bg.jpg);
  background-repeat: no-repeat;
  background-position: right top;
  border-bottom: 3px solid orange;
  color:white;
}

DIV#header{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100px;
}

DIV#navbar {
 position:absolute;
 top:103px;
 left:0;
 width:100%;
 height:28px;
 padding: 0px;
 background-color:white;
 line-height: 25px;
}

DIV#sidebar{
  position:absolute;
  top:133px;
  left:0;
  width:300px;
  height:80%;
  text-align: top;
  background-color:white;
  overflow-y:auto;
}

DIV#content {
  min-height: 600px;
  padding-left:320px;
  padding-right: 20px;
}

DIV#header H1 {
  color: white;
  font-family: Georgia,serif;
  font-size: 27px;
  font-style: italic;
  padding-left: 10px;
}

/*DIV#header H1 {
text-shadow: 0px 0px 6px rgba(255,255,255,0.7);
}*/

DIV#header A {color: #FE6F5E}

DIV#navbar {
 background-color: rgb(234,232,209);
 border-bottom: 1px solid  rgb(214,212,199);
}

DIV#sidebar A:visited { color:blue }
DIV#sidebar A:hover { color:red }

A.check { padding:2px; background-color: yellow; border-radius: 3px; } /* #vislink */

DIV.void {}
DIV.hidden { display:none; }