/**************************************navigation*******************************/

/************************ the stylesheet #slantTop**********************************/
#slantTop {padding:0; margin:0; list-style:none;}
#slantTop li {text-align:center; margin-left:-25px; display:inline; float: right; width:167px;} 
#slantTop a {display:block; text-decoration:none;}
#slantTop a em {font-size:14px; font-style:normal; font-weight: bold; display:block; height:30px; width:107px; background:#C6CDD4; float:right; cursor:pointer; color:#04156D; line-height:30px;}

#slantTop a b, a span {cursor:pointer; display:block; width:0; overflow:hidden; float:right; background:#C6CDD4;}

#slantTop a span {height:0; border-top:30px solid #C6CDD4; border-left:30px solid #04156D;}

#slantTop a b.p0,
#slantTop a b.p1, 
#slantTop a b.p2,
#slantTop a b.p3,
#slantTop a b.p4,
#slantTop a b.p5 {border-top:5px solid #04156D; border-left:5px solid #C6CDD4;}

#slantTop a b.p0 {height:0px; margin-top:25px;}
#slantTop a b.p1 {height:5px; margin-top:20px;}
#slantTop a b.p2 {height:10px; margin-top:15px;}
#slantTop a b.p3 {height:15px; margin-top:10px;}
#slantTop a b.p4 {height:20px; margin-top:5px;}
#slantTop a b.p5 {height:25px;}

#slantTop a:hover {background:#879CC2;}

#slantTop a:hover em, #slantTop a.selected em {color:#FFFFFF; background:#879CC2 url(images/btn_arrow.gif) no-repeat center top;}

#slantTop a:hover b.p0, #slantTop a.selected b.p0,
#slantTop a:hover b.p1, #slantTop a.selected b.p1,
#slantTop a:hover b.p2, #slantTop a.selected b.p2,
#slantTop a:hover b.p3, #slantTop a.selected b.p3,
#slantTop a:hover b.p4, #slantTop a.selected b.p4,
#slantTop a:hover b.p5, #slantTop a.selected b.p5 {border-left-color:#879CC2; background: #879CC2;}

#slantTop a:hover span, #slantTop a.selected span {border-top-color:#879CC2;}

#slantTop a.selected:hover b, #slantTop a.selected:hover em, #slantTop a.selected:hover span {cursor:default;}

/************************ the stylesheet #slantBottom*********************************************/

#slantBottom {padding:0; margin:5px 0 0 0; list-style:none; float:right;}
#slantBottom li {text-align:center; margin-right:-25px;display:inline; float: left; width:167px;} 
#slantBottom a {display:block; text-decoration:none;}
#slantBottom a em {font-size:14px; font-style:normal; font-weight: bold; display:block; height:30px; width:107px;  background:#C6CDD4; float:left; cursor:pointer; color:#04156D; line-height:30px;}

#slantBottom a b, a span {cursor:pointer; display:block; width:0; overflow:hidden; float:left; background:#C6CDD4;}

#slantBottom a span {height:0; border-top:30px solid #C6CDD4; border-right:30px solid #04156D;}

#slantBottom a b.p0,
#slantBottom a b.p1,
#slantBottom a b.p2,
#slantBottom a b.p3,
#slantBottom a b.p4,
#slantBottom a b.p5 {border-top:5px solid #04156D; border-right:5px solid #C6CDD4;}

#slantBottom a b.p0 {height:0px; margin-top:25px;}
#slantBottom a b.p1 {height:5px; margin-top:20px;}
#slantBottom a b.p2 {height:10px; margin-top:15px;}
#slantBottom a b.p3 {height:15px; margin-top:10px;}
#slantBottom a b.p4 {height:20px; margin-top:5px;}
#slantBottom a b.p5 {height:25px;}

#slantBottom a:hover {background:#879CC2;}

#slantBottom a:hover em, #slantBottom a.selected em {color:#FFFFFF; background:#879CC2 url(images/btn_arrow_up.gif) no-repeat center bottom;}

#slantBottom a:hover b.p0, #slantBottom a.selected b.p0,
#slantBottom a:hover b.p1, #slantBottom a.selected b.p1,
#slantBottom a:hover b.p2, #slantBottom a.selected b.p2,
#slantBottom a:hover b.p3, #slantBottom a.selected b.p3,
#slantBottom a:hover b.p4, #slantBottom a.selected b.p4,
#slantBottom a:hover b.p5, #slantBottom a.selected b.p5 {border-right-color:#879CC2; background: #879CC2;}

#slantBottom a:hover span, #slantBottom a.selected span {border-top-color:#879CC2;}

#slantBottom a.selected:hover b, #slantBottom a.selected:hover em, #slantBottom a.selected:hover span {cursor:default;}