@charset "utf-8";

/* A 45° slant menu by Stu Nicholls   
   http://www.cssplay.co.uk/menus/slanty.html 
*/

#slant {
	padding: 0;
	list-style: none;
	margin-left: auto;
	margin-right: auto;
}

#slant li {float:left; text-align:center; margin-right:-20px;}
#slant a {display:block; text-decoration:none;}
#slant a em {font-style:normal; display:block; padding:0 15px; height:25px; background:#597686; float:left; cursor:pointer; color:#beb; line-height:24px;}

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

#slant a span {height:0; border-top:25px solid #597686; border-right:25px solid black;}

#slant a b.p1,
#slant a b.p2,
#slant a b.p3,
#slant a b.p4,
#slant a b.p5 {border-top:5px solid black; border-right:5px solid #597686;}

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

#slant a b.p6,
#slant a b.p7,
#slant a b.p8,
#slant a b.p9,
#slant a b.p10 {border-bottom:5px solid black; border-left:5px solid #597686;}

#slant a b.p6 {height:20px;}
#slant a b.p7 {height:15px;}
#slant a b.p8 {height:10px;}
#slant a b.p9 {height:5px;}
#slant a b.p10 {height:0;}

#slant a:hover {background:#0E8DD2;}

#slant a:hover em, #slant a.selected em {color:#030; background:#0E8DD2;}

#slant a:hover b.p1, #slant a.selected b.p1,
#slant a:hover b.p2, #slant a.selected b.p2,
#slant a:hover b.p3, #slant a.selected b.p3,
#slant a:hover b.p4, #slant a.selected b.p4,
#slant a:hover b.p5, #slant a.selected b.p5 {border-right-color:#0E8DD2; background: #0E8DD2;}

#slant a:hover b.p6, #slant a.selected b.p6,
#slant a:hover b.p7, #slant a.selected b.p7,
#slant a:hover b.p8, #slant a.selected b.p8,
#slant a:hover b.p9, #slant a.selected b.p9,
#slant a:hover b.p10, #slant a.selected b.p10 {border-left-color:#0E8DD2; background: #0E8DD2;}

#slant a:hover span, #slant a.selected span {border-top-color:#0E8DD2;}

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