/*==============================================================================

	GRC multi-level script-free pure-CSS menuing system stylesheet.
   This code is hereby placed into the public domain by its author
   Steve Gibson. It may be freely used for any purpose whatsoever.

	Computed Geometries:	with a default 12px font, 1.0em == 12px and
	1px == 0.08333em.
	Thus, our 98px wide Freeware & Research buttons are 8.166666em wide.

                      PUBLIC DOMAIN CONTRIBUTION NOTICE							 
   This work has been explicitly placed into the Public Domain for the
	benefit of anyone who may find it useful for any purpose whatsoever.
	
==============================================================================*/
body { behavior: url("/sites/paintball/skin/css/csshover3.htc"); } 
 /*========================= TOP OF THE MENU CASCADE =========================*/

.menu {
	position:relative;        /* establish a menu-relative positioning context */
	float:left;                                     /* play nicely with others */
	margin:0;
	padding:0;
	border:0;
	height:33px;                                  /* the menu's overall height */
	width:980px;         /* we always want our menu to fill the available space */
	background-image: url('/sites/paintball/skin/img/menuBg.gif');
	background-repeat: repeat;
	z-index: 11;
}

.menu ul {
	margin:0;
	list-style-type:none;          /* we don't want to view the list as a list */
}

.menu li {
	float:left;    /* this creates the side-by-side array of top-level buttons */
	position:relative;    /* create local positioning contexts for each button */
	margin:0;
	line-height:100%;
	text-align:left;
}

.menu li.top {
	border-right:1px solid #FFFFFF;
	height:33px;
	line-height:33px;
	margin:0;
	position:relative;
	text-align:center;
}

/*======================== TOP LEVEL MENU DEFINITIONS ========================*/

.menu ul li ul {
	display:none;                  /* initially hide the entire list hierarchy */
	padding:0;                               /* this is our box border width */
}

.menu ul li a {                    /* unselected top-level menu items */
	display:block;
	font-weight: bold;
	text-decoration:none;
}

/*======================== 2ND LEVEL MENU DEFINITIONS ========================*/

.menu li ul.sub,
.menu li ul.sub-last {
	background: #F3EEEA;
	margin: 0;
	padding: 10px;
	width: 385px;
	font-family: "Trebuchet MS";
	
	-moz-border-radius:10px;
	-moz-border-radius-topleft:0;
	-moz-border-radius-topright:0;	
	
	-webkit-border-radius:10px;
	-webkit-border-top-right-radius:0;
	-webkit-border-top-left-radius:0;
}

.menu li ul.sub div.left {
	float: left;
	border-right: 1px solid #D3CECB;
	padding-right: 11px;
	width:170px;
}

.menu li ul.sub-last div.left {
	border-right: none;
	border-left: 1px solid #D3CECB;
	padding-right: 0;
	padding-left: 11px;
	float: left;
	width:170px;
}

.menu li ul.sub div.middle {
	float: left;
	border-right: 1px solid #D3CECB;
	padding-right: 11px;
	padding-left: 11px;
	width:181px;
}

.menu li ul.sub-last div.middle {
	border-right: none;
	border-left: 1px solid #D3CECB;
	padding-right: 11px;
	padding-left: 11px;
	float: left;
	width:181px;
}

.menu li ul.sub div.right {
	float:left;
	padding-left:11px;
	width:170px;
}

.menu li ul.sub-last div.right {
	padding-right: 11px;
	padding-left: 0;
	float: left;
	width:170px;
}

.menu li ul.sub li,
.menu li ul.sub-last li {
	background: #FFFFFF;
	border: 1px solid #D3CECB;
	padding: 10px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
}

.menu li ul.sub li div.left p,
.menu li ul.sub li div.middle p,
.menu li ul.sub-last li div.left p,
.menu li ul.sub-last li div.middle p {
	border-bottom: 1px solid #D3CECB;
	margin-bottom: 2px;
}

.menu li ul.sub li div.left p.last,
.menu li ul.sub-last li div.left p.last,
.menu li ul.sub li div.middle p.last,
.menu li ul.sub-last li div.middle p.last {
	border-bottom: none;
	margin-bottom: 0;
}

.menu li ul.sub li div.right p,
.menu li ul.sub-last li div.right p {
	background:url("/sites/paintball/skin/img/bullet.gif") no-repeat left;
	margin-bottom:10px;
	padding-left:8px;
}

.menu li ul.sub li div.right p.title,
.menu li ul.sub-last li div.right p.title {
	background: none;
	margin-bottom:0;
	padding-left:0;
}

.menu li ul.sub li a,
.menu li ul.sub-last li a {
	border-right: none;
	color: #4D4D4D;
	font-weight: bold;
	float: none;
	margin: 0;
	padding: 4px;
	text-decoration: none;
}

.menu li ul.sub li span,
.menu li ul.sub-last li span {
	margin-bottom: 10px;
	display: block;
	color: #333;
	font-weight:bold;
	font-size:14px;
}

.menu ul li:hover,
.menu ul li a:hover {
	background: #F3EEEA;
}

.menu ul li:hover ul.sub,
.menu ul li a:hover ul.sub {                           /* 2nd level drop-down box */
	display:block;
	position:absolute;
	margin:0;
	top:33px;              /* place us just up underneath the top-level images */
	left:0px;       /* left-align our drop-down to the previous button border */
	height:auto;      /* the drop-down height will be determiend by line count */
}

.menu ul li:hover ul.sub-last,
.menu ul li a:hover ul.sub-last {                           /* 2nd level drop-down box */
	display:block;
	position:absolute;
	margin:0;
	top:33px;              /* place us just up underneath the top-level images */
	right:0px;       /* left-align our drop-down to the previous button border */
	height:auto;      /* the drop-down height will be determiend by line count */

}

.menu ul li ul.sub a:hover,
.menu ul li ul.sub-last a:hover {
	color: #FF7C07;
	background: none;
}