html, body {height: 100%;}
p{margin:0px 0px; font-size:12px; color:#000; font-family: Arial, Helvetica, sans-serif; padding: 0px 20px; line-height:150%}
#h1link{padding: 0px 0px; font-size:12px; font-weight: normal;}
h1{font-size:15px; color:#E2E2E2; font-family: Arial, Helvetica, sans-serif; padding: 2px 20px;}
h2{font-size:14px; color:#000; font-family: Arial, Helvetica, sans-serif; padding: 0px 20px; margin:10px 0px;}
a{color:#023a87;}
#top{background-color:#FFF; font-family: Arial, Helvetica, sans-serif;  border-top:1px solid #C4DAE5; overflow:hidden; height:5px;}
#bottom{clear:both; background-color:#FFF; font-family: Arial, Helvetica, sans-serif;  border-bottom:1px solid #C4DAE5; overflow:hidden; height:5px;}
#wrapper{margin:0px auto; padding:0px 0px; top:0; width:930px; min-height: 100%;}
* html #wrapper{height:100%} /* fix for IE6 */

#nav{float:left; width:225px; border-left:1px solid #C4DAE5; border-right:1px solid #C4DAE5; background-color:#F0F4F7; font-family: Arial, Helvetica, sans-serif; min-height:510px; padding:0px; margin:0px; display:none; visibility:hidden;}
* html #nav{height:510px;} /* fix for IE6 */

#nav-step2{float:left; width:225px; border-left:1px solid #C4DAE5; border-right:1px solid #C4DAE5; background-color:#F0F4F7; font-family: Arial, Helvetica, sans-serif; min-height:1055px; padding:0px; margin:0px;  display:none; visibility:hidden;}
* html #nav-step2{height:1075px;} /* fix for IE6 */

#nav-step3{float:left; width:225px; border-left:1px solid #C4DAE5; border-right:1px solid #C4DAE5; background-color:#F0F4F7; font-family: Arial, Helvetica, sans-serif; min-height:2010px; padding:0px; margin:0px;  display:none; visibility:hidden;}
* html #nav-step3{height:2040px;} /* fix for IE6 */

#nav-step4{float:left; width:225px; border-left:1px solid #C4DAE5; border-right:1px solid #C4DAE5; background-color:#F0F4F7; font-family: Arial, Helvetica, sans-serif; min-height:1665px; padding:0px; margin:0px;  display:none; visibility:hidden;}
* html #nav-step4{height:1705px;} /* fix for IE6 */

#nav ul#navlist, #nav-step2 ul#navlist, #nav-step3 ul#navlist, #nav-step4 ul#navlist{margin: 0; padding: 0; list-style-type: none; font-family: Arial, Helvetica, sans-serif; overflow:hidden;}

#nav ul#navlist ul, #nav-step2 ul#navlist ul, #nav-step3 ul#navlist ul, #nav-step4 ul#navlist ul{margin: 0; padding: 0; list-style-type:none; font-family: Arial, Helvetica, sans-serif; overflow:hidden;}

#navlist a{display: block; padding: 10px 20px; background-color: #e2e9ef; border-top: 1px solid #c4dae5;text-decoration:none; font-weight:bold; font-size:13px; overflow:hidden}
* html #navlist a{margin-bottom:-24px;} /* fix for IE6 */

#navlist a:link, #navlist a:visited{color: #023a87; text-decoration: none;}

#navlist ul a{display: block; padding: 10px 10px 10px 32px; line-height:125%; background-color: #fff; border-top: 1px solid #c4dae5;text-decoration:none; font-weight:normal; font-size:12px; overflow:hidden}
* html #navlist ul a#xpguide{margin-top:24px;} /* fix for IE6 */
* html #navlist ul a#xpuser{margin-top:24px;} /* fix for IE6 */
* html #navlist ul a.xpsysadmin{margin-top:24px;} /* fix for IE6 */

#navlist ul ul a{display: block; padding: 10px 10px 10px 52px; line-height:125%; background-color: #fff; border-top: 1px solid #c4dae5;text-decoration:none; font-weight:normal; font-size:12px; overflow:hidden}
* html #navlist ul ul a{margin-top:24px;} /* fix for IE6 */
* html #navlist ul ul a.xpuser{margin-top:0px;} /* fix for IE6 */

#navlist ul#hidemenu, #navlist ul ul#hidemenu, #navlist ul ul#hidemenu li{visibility:hidden; display:none;}

#navlist a:hover{background-color: #c4dae5;color: #023a87;}
#navlist a:active{background-color: #fff;color: #023a87;}
#navlist a#active{background-color: #fff;color: #023a87;}
#content{float:left; width:680px; padding:0px; margin:0px; font-size:12px; color:#000; font-family: Arial, Helvetica, sans-serif; height:450px;}
#content2{float:left; width:680px; padding:0px; margin:0px; font-size:12px; color:#000; font-family: Arial, Helvetica, sans-serif; height:50px; text-align:right;}

#navlist a#active2{background-color: #fff; border-right:5px solid #C4DAE5;}

ul{padding: 0px auto;}
li{line-height:150%; text-align:left;}
li.noBullet{list-style:none;}
.under{text-decoration:underline}

.button{border:1px solid #2B3864; background-color:#FFF; padding:2px; display: block; text-align:center; text-decoration:none;  margin-left: auto;  margin-right: auto; width:60%; position:relative; top:0px;}
.button a{display:block; padding:1px; text-decoration:none; text-align:center;}
.button a:link, .button a:vistited {text-decoration:none; text-align:center;}
.button a:hover{background-color:#E2E9EF;}

.nounder{text-decoration:none;}

/*ToolTip*/
a.info{
    position:relative; /*this is the key*/
    z-index:24; background-color:#ccc;
    color:#000;
    text-decoration:none}
 
a.info:hover{z-index:25; background-color:#ff0}
 
a.info span{display: none}
 
a.info:hover span{ /*the span will display just on :hover state*/
    display:none}