@charset "UTF-8";
/**
 * This is the base css file for HeJian XHTML/CSS Framework
 * Don't make any changes in this file!
 *
 * Copyright: Copyright 2008, Jian He
 * Home: http://shpchp.3322.org
 * Email: hejian.he@gmail.com
 */

@media all {

/* Global reset of paddings and margins for all HTML elements */
* { margin: 0; padding: 0; }
/* Fixing margin/padding reset caused too small select boxes. */
option { padding-left: 0.4em; }

/* Global fix of the Italics bugs in IE 5.x and IE 6 */
* html body * { overflow:visible; }
* html iframe, * html frame { overflow:auto; }
* html frameset { overflow:hidden; }

/* Forcing vertical scrollbars in Netscape, Firefox and Safari browsers */
html { height: 100%; margin-bottom: 1px; }

body {
  /* Fix for rounding errors when scaling font sizes in older versions of Opera browser */
  font-size: 100.01%;

  /* Standard values for colors and text alignment */
  color: #000;
  background: #fff;
}

/* Clear borders for <fieldset> and <img> elements */
fieldset, img { border: 0 solid; }

/* (en) new standard values for lists, blockquote and cite */
li { margin-left: 1.5em; line-height: 1.5em; }
dt { font-weight: bold; }
blockquote { margin: 0 0 1em 1.5em; }

/* Backup for correct positioning */
#header, #nav, #main, #footer { clear:both; }

  /* Standard: 200 Pixel */
  #col1 { float: left; width: 200px }
  /* Standard: 200 Pixel */
  #col2 { float:right; width: 200px }
  /* Standard: center column with flexible width */
  #col3 { width:auto; margin: 0 205px }

  .layout-321 #col1 { float: right }
  .layout-321 #col3 { margin: 0 410px 0 0 }

  .layout-13 #col2 { display: none }
  .layout-13 #col3 { margin-right: 0; }

  .layout-32 #col1 { display: none }
  .layout-32 #col3 { margin-left: 0; }

  .layout-31 #col2 { display: none }
  .layout-31 #col3 { margin: 0 205px 0 0; }

  .layout-3 #col1 { display: none }
  .layout-3 #col2 { display: none }
  .layout-3 #col3 { margin: 0 }

  /* Preparation for absolute positioning within content columns */
  #col1_content, #col2_content, #col3_content { position:relative; }

  /* clearfix method for clearing floats */
   .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }

  /* essential for Safari browser !! */
  .clearfix { display: block; }

  /* overflow method for clearing floats */
  .floatbox { overflow:hidden; }

  /* IE-Clearing: Only used in Internet Explorer, switched on in iehacks.css */
  #ie_clearing { display: none; }

/* others */

body {
  font-family: arial,helvetica,sans-serif;
}
input, select { vertical-align : middle; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }

/* Layout */
body {
  text-align: center;
  font-size: 11px;
}
body.liquid {
  padding: 10px;
}
#page {
  width: 980px;
  margin: 0 auto;
  text-align: left;
}
body.liquid #page {
  width: auto;
  margin: 0;
}

/* nav style */
#headernav li, #nav li, #footernav li {
  position: relative; /* positioning context for the absolutely positioned drop-down */
  list-style: none; /* removes the bullet off each list item */
  float: left; /* causes the list to align horizontally instead of stack */
  z-index: 10;
  margin: 0;
}
#headernav a, #nav a, #footernav a {
  padding: 0 10px;
}
/* the drop-down menu */
#nav ul li ul {
  position: absolute;
}
#nav ul li ul li {
  float: none;
}
/* make the drop-down display as the menu is rolled over */
#nav ul li ul {display:none;z-index:10;} /* conceals the drop-down when menu not hovered */
#nav ul li:hover ul {display:block; } /* shows the drop-down when the menu is hovered */
/* sub-menu */
#nav ul li ul li ul { visibility: hidden; z-index: 10;}
#nav ul li ul li:hover ul { visibility: visible; }
/* sub-sub-menu */
#nav ul li ul li:hover ul li ul { visibility: hidden; z-index: 10;}
#nav ul li ul li ul li:hover ul { visibility: visible; }

/* article style */
.article {
  overflow: hidden;
}

.vertnav {
  z-index: 10;
}
.vertnav li {
  position: relative;
  list-style: none;
  z-index: 10;
  margin: 0;
}
.vertnav a {
  display: block;
  padding: 2px 10px;
}
.vertnav ul li:hover {
  background: #c0c0c0;
}
.vertnav ul li ul {
  position: absolute;
  top: 0;
  left: 153px;
  background: #fff;
  border: 1px solid #c0c0c0;
  width: 152px;
}
.vertnav ul li ul { display: none; z-index: 10; }
.vertnav ul li:hover ul { display: block; }
.vertnav ul li ul li ul { visibility: hidden; z-index: 10; }
.vertnav ul li ul li:hover ul { visibility: visible; }

}