/* general */
html, body {
  margin-left: 0px;
}

body,td,p {
  font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
  font-size: 10pt;
  color: #101050;
  scrollbar-arrow-color: #101050;
  scrollbar-track-color:#FFFFF0;
  background-color : #FFFFF0;
}

p {
  margin: 10px 0px 0px 0px;
}

a, a:active, a:link, a:visited {
  color: #101050;
}

a:hover {
  text-decoration:none;
  color: #FF8040;
}

h1 {
  font-size : 125%;
  padding-top: 5px;
}

h2 {
  font-size : 110%;
  margin-bottom: 5px;
}

h3  { 
  font-size: 100% ; 
  font-style: normal; 
  margin-bottom: 3px; 
  font-weight: bold;
}


/* header */
#head {
  display: block;
  float : left;
  position: absolute;
  left: 15px; top: 10px;
  height: 98px;
  background-image : url('../i/head_back.gif');
  background-position : top left;
  background-repeat : no-repeat;
  border-bottom-color : #ff0000;
  width : 100%;
  max-width: 1024px;
}

#logo {
left: 10px;
width : 173px;
height: 88px;
}

#breadcrumb {
  display: block;
  clear:both;
  float : right;
  z-index: 1;
  position : absolute;
  left: 424px; top: 60px;
  width : 600px;
  padding: 0px 20px 0px 0px;
  color: grey;
  background-color: transparent;
  font-size: 80% ;
}

#breadcrumb ul {
  float : right;
  list-style: none;
}

#breadcrumb li {
  float : left; 
  clear: none;
  padding: 0px 3px 0px 3px;
}

#breadcrumb a {
  text-decoration:none;
  color: #aaaaaa;
}

#breadcrumb a:hover {
  color: #FF8040;
}


/* main */
#main {
  display: block;
  float : left;
  z-index: 0;
  position : absolute; 
  top: 98px; left: 15px;
  min-height: 80%;
  padding: 5px 5px 30px 205px;
  background-image : url('../i/content_back.gif');
  background-position : top left;
  background-repeat : repeat-y;
  border-bottom-color : #ff0000;
}


/* content */
#content {
  display: block;
  position : relative; 
  top: 0px; left: 0px;
  width: 810px;
}

/* main menu */
#mainmenu {
  display: block;
  float : left; 
  position : absolute; 
  top: 0px; left: 0px;
  left: 160px; top : 4px;
  width : 864px; height: 42px;
  overflow: hidden;
  background: #CCCCFF;
  font-size:93%;
  line-height:normal;
  background-color: transparent; 
}

#mainmenu ul {
  margin: 0px 0px 10px 0px;
  padding:5px 5px 0px 50px;
  list-style:none;
}

#mainmenu li {
  float:left;
  background: #CCCCFF; 
  border:1px solid #ffffff;
  margin: 5px 0px 0px 0px;
}

#mainmenu a {
  display:block;
  float:left; 
  padding: 3px 10px 3px 10px;
  color: #101050; 
  background: #CCCCFF; 
  text-align:center; 
  text-decoration:none; 
}

#mainmenu a:hover {
  color: #FFFFF0; 
  background: #000066;
}

#mainmenu li.menu_act_li {
  border: 3px solid #000066;
  background: #FFFFF0;
  margin: 0px 0px 0px 0px;
  padding: 3px 0px 3px 0px;
}

#mainmenu .menu_act_li a {
  background: #FFFFF0;
}

#mainmenu .menu_act_li a:hover {
  font-weight: bold;
  color: #000066; 
  background: #FFFFF0;
}

/* sub menu */
#submenu {
  display: block;
  z-index: 1;
  float : left;
  position : absolute; 
  top: 98px; left: 15px;
  width : 163px;
  margin: 0px 0px 0px 0px;
  padding: 10px 5px 5px 5px;
  background-color : #CCCCFF;
}

#submenu ul {
  clear:both;
  float : left;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  list-style: none;
}

#submenu ul ul {
  float : left;
  font-size: 8pt;
  padding: 0px 1px 5px 15px;
  margin: 0px 0px 0px 0px;
  list-style: square;
}

#submenu ul ul ul {
  float : left;
  padding: 2px 1px 0px 15px;
  margin: 0px 0px 0px 0px;
  list-style: square;
}

#submenu li {
  width: 100%;
  float : left; 
  clear: left;
  margin: 5px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

.submenu_top_li {
  display: none;
}
  
.submenu_act_li a {
  font-weight: bold;
}

#submenu a {
  text-decoration:none;
}


/* directory */
#directory {
  display: block;
  float : left;
  clear: both;
  position : relative; 
  top: 10px; left: 10px;
  width : 100%;
  margin: 0px 0px 0px 0px;
  padding: 10px 5px 5px 5px;
}

#directory ul {
  clear:both;
  float : left;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  list-style: square;
}

#directory li {
  width: 100%;
  float : left; 
  clear: left;
  margin: 5px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

#directory a {
  text-decoration:none;
}


/* footer */
#footer {
  display: block;
  clear:both;
  position: relative;
  left: 0px; top: 30px;
  height: 20px;
  margin: 0px 0px 10px 0px;
  padding: 0px 0px 0px 0px;
  color: #aaaaaa;
}