html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* basic menu setup */
#menu-container {top:42px; left:-3px; position:relative;}
#menu {text-align:center; position:relative; height:8em;}
#menu .box {position:relative; float:left; top:30px;}
/* parent link details */
#menu a, #menu a:visited {position:relative; text-decoration:none; color:#fff; display:block; width:120px; height:15px; padding:5px;margin:0 1px;}
#menu a .topleft, #menu a .topright {position:absolute; top:0; width:0; height:0; overflow:hidden; border-top:10px solid #fff;}
#menu a .topleft {left:0;}
#menu a .topright {left:120px;}
/* individual classes */

#menu a.women {color:#fb9194; background-color:#ED596B;}
#menu a.women:hover {color:#fff; background-color:#C80411;}
#menu a.women .topleft {border-right:10px solid #ED596B;}
#menu a.women .topright {border-left:10px solid #ED596B;}
#menu a.women:hover .topleft {border-right:10px solid #C80411; border-top:10px solid #fff;}
#menu a.women:hover .topright {border-left:10px solid #C80411; border-top:10px solid #fff;}
#menu a.men {color:#B6C3FD; background-color:#6B84EE; margin-left:17px;}
#menu a.men:hover {color:#fff; background-color:#0121AE;}
#menu a.men .topleft {border-right:10px solid #6B84EE;}
#menu a.men .topright {border-left:10px solid #6B84EE;}
#menu a.men:hover .topleft {border-right:10px solid #0121AE; border-top:10px solid #fff;}
#menu a.men:hover .topright {border-left:10px solid #0121AE; border-top:10px solid #fff;}
#menu a.children {color:#a5fca4; background-color:#64eb63;}
#menu a.children:hover {color:#fff; background-color:#08b507;}
#menu a.children .topleft {border-right:10px solid #64eb63;}
#menu a.children .topright {border-left:10px solid #64eb63;}
#menu a.children:hover .topleft {border-right:10px solid #08b507; border-top:10px solid #fff;}
#menu a.children:hover .topright {border-left:10px solid #08b507; border-top:10px solid #fff;}



/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/pro_drop6.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */



#nav {padding:0; margin:0; list-style:none; background:#fff; position:relative; top:-4px; left:-5px; z-index:200; font-family:'Tahoma'; width:920px; background:url('images/dropdown/back.gif') repeat-x; height:25px;}
#nav li.top {display:block; float:left;}
#nav li a.top_link {display:block; float:left; height:25px; line-height:24px; color:#FFFFC2; text-decoration:none; font-size:11px; font-weight:bold; padding:0 4px 0 5px; cursor:pointer; background:url('images/dropdown/back.gif') repeat-x; border-right:1px solid #020356;}
#nav li a.top_link span {float:left; display:block; padding:0 12px 0 12px; height:20px; background:url('images/dropdown/back.gif') repeat-x;}
#nav li a.top_link span.down {float:left; display:block; padding:0 12px 0 12px; height:22px; background:url('images/dropdown/back.gif') repeat-x;}


#nav li:hover a.top_link,
#nav a.top_link:hover
{color:#fff; background:url('images/dropdown/back.gif') repeat-x;}
#nav li:hover a.top_link span, 
#nav a.top_link:hover span
{background:url('images/dropdown/back.gif') repeat-x;}
#nav li:hover a.top_link span.down,
#nav a.top_link:hover span.down
{padding-bottom:3px;}

#nav table {border-collapse:collapse; padding:0; margin:0; position:absolute; left:0; top:0;}

#nav li:hover {position:relative; z-index:200;}
#nav a:hover {position:relative; white-space:normal; z-index:200;}

#nav :hover ul.sub
{left:0px; top:35px; background:#FFFFC1; padding:3px; border:1px solid #950000; white-space:nowrap; width:160px; height:auto; z-index:300;}
#nav :hover ul.sub li
{display:block; height:20px; position:relative; float:left; width:160px; font-weight:normal;}
#nav :hover ul.sub li a
{display:block; font-size:11px; height:18px; width:160px; line-height:18px; text-indent:5px; color:#980000; text-decoration:none; padding:0px 0px 2px 0px;}
#nav li ul.sub li a.fly
{background:#fdccfe url(images/dropdown/arrow.gif) 130px 7px no-repeat;}
#nav :hover ul.sub li a:hover 
{background:#930000; color:#fff; border-color:#fff;}
#nav :hover ul.sub li a.fly:hover
{background:#930000 url(images/dropdown/arrow_over.gif) 130px 7px no-repeat; color:#fff;}

#nav li b {display:block; font-size:12px; height:18px; width:88px; line-height:18px; margin-bottom:3px; text-indent:6px; color:#000; border-bottom:1px solid #000; cursor:default;}
#nav li.beginner {display:block; font-size:12px; height:18px; width:88px; line-height:18px; margin-bottom:3px; text-indent:6px; color:#00c000; border-bottom:1px solid #000; cursor:default;}
#nav li.intermediate {display:block; font-size:12px; height:18px; width:88px; line-height:18px; margin-bottom:3px; text-indent:6px; color:#fc9b04; border-bottom:1px solid #000; cursor:default;}
#nav li.advanced {display:block; font-size:12px; height:18px; width:88px; line-height:18px; margin-bottom:3px; text-indent:6px; color:#C00000; border-bottom:1px solid #000; cursor:default;font-weight:bold; }



#nav a:hover a:hover ul,
#nav a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover a:hover ul
{left:89px; top:-4px; background: #50b5d0; padding:3px; border:1px solid #0b4d97; white-space:nowrap; width:90px; z-index:400; height:auto;}

#nav ul, 
#nav a:hover ul ul,
#nav a:hover a:hover ul ul,
#nav a:hover a:hover a:hover ul ul,
#nav a:hover a:hover a:hover a:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover li:hover > ul
{left:135px; top:-4px; background:#FFF7D3; padding:3px; border:1px solid #FFEA8A; white-space:nowrap; width:140px; z-index:400; height:auto;}
#nav li:hover > ul ul 
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
#nav li:hover li:hover > a.fly
{background:#FFEA8A url(images/dropdown/arrow_over.gif) 130px 7px no-repeat; color:#000; border-color:#fff;} 
#nav li:hover li:hover > li a.fly
{background:#50b5d0 url(images/dropdown/arrow.gif) 130px 7px no-repeat; color:#000; border-color:#50b5d0;}