html {
    
}

body {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: left;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 12px;
}

h1 {
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 10px;
}

h2 {
    font-size: 1.2em;
    margin-bottom: 5px;
}

strong {
	font-weight: bold;
}

em {
    font-style: italic;
}

legend {
    display: none;
}

p {
    padding-top: 5px;
    padding-bottom: 10px;
}


/*
 *  Template styles
 */

div#allDocument {
    display: block;
    margin-left:auto;
    margin-right:auto;
    width: 950px;
    height: 100%;
}

div#header{
    position: relative;
    height: 100px;
    width: 100%;
    margin-left:auto;
    margin-right:auto;
    z-index: 2;
}

div#mainContent {
    position: relative;
    z-index: 1;
}

div#footer {
    position: relative
    width: 100%;
    height: 30px;
    z-index: 0;
}

.kitpages.clear {
    clear: both;
}

/*
 * Horizontal menu
<div class="kitpages hMenu">
  <ul>
    <li>
      <a href="menu1.php">menu1</a>
    </li>
    <li>
      <a href="menu2.php">menu2</a>
      <div class="kitpages hSubMenu">
        <ul>
          <li>
            <a href="submenu.php">submenu</a>
          </li>
        </ul>
      </div>
    </li>
  </ul>
</div>
 */
div.kitpages.hMenu {
} 
/* top menu */
    div.kitpages.hMenu ul {
        position: relative;
    } 

    div.kitpages.hMenu ul li {
        position: relative;
        float:left;
    } 

    div.kitpages.hMenu ul li a {
        display: block;
        width: 100px; 
        float: left;
        background-color: #FAFAFA;
        height: 30px;
        line-height: 30px;
        text-align: center;
        border-left: 1px solid #F0F0F0;
    } 
    div.kitpages.hMenu ul li:first-child a {
        border-left: none;
    }
    div.kitpages.hMenu ul li a:hover {
        background-color: #F0F0F0;
    }
    
    
    /* sub menu */
    div.kitpages.hMenu ul li div.kitpages.hSubMenu {
        position: absolute;
        top: 30px;
        display: none;
    } 

    div.kitpages.hMenu ul li div.kitpages.hSubMenu ul li {
        position: relative;
    } 

    div.kitpages.hMenu ul li div.kitpages.hSubMenu ul li a {
        display: block;
        float: none;
        background-color: #FAFAFA;
        text-align: center;
        border-left: none;
    }
    div.kitpages.hMenu ul li div.kitpages.hSubMenu ul li a:hover {
        background-color: #F0F0F0;
    }
    
    
/*
Column management
<div class="kitpages column firstParam">
</div>
<div class="kitpages column">
</div>
<div class="kitpages column lastParam">
</div>
<div class="kitpages clear"></div>
*/
div.kitpages.column {
    position: relative;
    display: block;
    float: left;
}

    div.kitpages.column.firstParam {
        width: 310px;
    }
    div.kitpages.column.lastParam {
        float: right;
        width: 600px;
    }
    
/*
Box Management
<div class="kitpages box">
  <div class="hdParam">
  </div>
  <div class="bdParam">
  </div>
  <div class="ftParam">
  </div>
</div>
*/
div.kitpages.box {
    position: relative;
    width: 303px;
    background-image: url(kitpagesStd/boxBackground.png);
    background-repeat: repeat-y;
}
    div.kitpages.box .hdParam {
        background-image: url(kitpagesStd/boxTop.png);
        background-repeat: no-repeat;
        height: 17px;
    }
    div.kitpages.box .bdParam {
        background-image: url(kitpagesStd/boxGradiant.png);
        background-repeat: no-repeat;
        background-position: 0px 0px;
        min-height: 178px;
        padding-left: 10px;
        padding-right: 10px;
    }
    div.kitpages.box .ftParam {
        background-image: url(kitpagesStd/boxBottom.png);
        background-repeat: no-repeat;
        height: 13px;
    }