/* ---------- Common ------------------------------------------------------- */

* { margin: 0; padding: 0; }
html, body { height: 100%;  }
body { font: 0.6em Verdana, Geneva, Arial, Helvetica, sans-serif; }

a { outline: none;  }

h1, h2, h3, h4, h5, h6 { font: bold 4em "Palatino Linotype", "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif; }
h1 { text-align: center; }
h2 { }
h3 { }
li { list-style-position: outside; list-style-type: none; }
#container { position: relative; width: 97%; height: 100%; margin: 0 auto;  }

#header { margin: 0 0 3px 0; background: url(boxes.gif) center 45px no-repeat; }
#header h1 { background: url(logo.gif) 10px 20px no-repeat; height: 90px; border-bottom: 1px solid #669; margin-bottom: 3px; text-indent: -10000px; }
#header #info { height: 20px; background: #669; font-weight: bold; color: #FFF; line-height: 20px; text-align: center; margin-bottom: 3px; }

#cnt_container { height: 75%; border-top: 3px solid #669; padding: 3px 0; }


#sidebar { width: 20%;   height: 100%; float: left; background: #669; margin-right: 3px; display: inline; overflow: auto; direction: rtl;  }
#content { width: 79.6%; height: 100%; float: left; display: inline; overflow: hidden; }

#content #cnt_inn { border: 1px solid #669; height: 99.6%; }
#footer { background: #669; height: 20px; line-height: 20px; padding: 0 10px; text-align: center; }
#footer a { padding: 0 3px; text-decoration: none; color: #FFF; font-weight: bold; }
#footer a:hover { text-decoration: overline; }
#clean { clear: both; height: 3px; overflow: hidden;  }

* html #clean { margin-top: -6px; }

#clean { border-bottom: 3px solid #669; margin-bottom: 3px; margin-top: -3px; }
#welcome h1 { color: #669; padding: 100px 0 0 0; }

/* ---------- Navigation ------------------------------------------------------- */
#nav {direction: ltr; padding: 10px; }
#nav li { list-style-type: none; list-style-position: outside; font-weight: bold; font-size: 22px; text-align: right; color: #FFF; padding-bottom: 8px; text-indent: 5px; }
#nav li a { text-decoration: none; color: #FFF; font-weight: bold; }
#nav li ul { margin: 1px 0 10px 0;  }
#nav li ul li { padding: 0; font-size: 10px; text-align: left;  }

#nav li ul li a { display: block; height: 15px; padding: 0; line-height: 14px; text-decoration: none; color: #FFF; white-space: nowrap; overflow: hidden; }
#nav li ul li a:hover { background: #6f6fa0; }
#nav li ul li a.selected, #nav li ul li a.selected:hover { background: #FFF; color: #558;  }

#nav li ul li ul { border-top: 1px solid #7c7cad; }
#nav li ul li ul li { border-bottom: 1px solid #7c7cad; }
#nav li ul li ul li a { display: block; height: 15px; padding: 0; line-height: 14px; text-decoration: none; color: #FFF; font-weight: normal; white-space: nowrap; overflow: hidden; }
#nav li ul li ul li a:hover { background: #6f6fa0; }
#nav li ul li ul li a.selected, #nav li ul li a.selected:hover { background: #FFF; color: #558;  }

* html #nav li ul li a { line-height: 13px; }
/* ---------- Predefine styles ------------------------------------------------------- */