#sidemenu {
	background: #ffffff url(/snapshot/snapshotsite/images/menubackground2.png) repeat-x top left;
	width: 200px;
        height: 250px;
        text-color: #ffffff;
}


.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	/* width:			175px;  left offset of submenus need to match (see below) */ 	
        max-width: 350px;
        height: 20px;
}
.sf-menu ul li {
	width:			175px;
}
.sf-menu li:hover {
	visibility:		inherit; 
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			100%;
	top:			0px; 
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
	z-index:		99;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			175px; 
	top:			0;
	z-index:		99;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
	z-index:		99;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			175px; 
	top:			0;
	z-index:		99;
}

.sf-menu {
	float:			left;
	color: #ffffff;
	z-index:		99;
}
.sf-menu a {
	text-decoration:none;
	font: bold 10px verdana;
	padding-top: 3px;
	z-index:		99;
}
.sf-menu a, .sf-menu a:visited, .sf-menu a:hover  { 	
        color: #ffffff;
	z-index:		99;
}

.sf-menu li {
	height: 20px;
	z-index:		99;
}
.sf-menu li li {
	height: 20px;
	background: #000000 url(/snapshot/snapshotsite/images/menubackground2.png) repeat-x top left;
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;
	text-align: left;
	text-indent: 10px;
	z-index:		99;
}
.sf-menu li li li {
	height: 20px;
	background: #000000 url(/snapshot/snapshotsite/images/menubackground2.png) repeat-x top left;
        border-right: 1px solid #000000;
	border-left: 1px solid #000000;
	text-align: left;
	text-indent: 10px;
	z-index:		99;
}

.sf-menu li:hover {
background: transparent url(/snapshot/snapshotsite/images/bottom.png) repeat-x;

  	color: #ffffff;	
}



#boards:hover {
	background: transparent url(/snapshot/snapshotsite/images/bottom.png) repeat-x;
	color: #ffffff;
}


	
#leagues:hover {
	background: transparent url(/snapshot/snapshotsite/images/bottom.png) repeat-x;
	color: #ffffff;
}
	
#xbox:hover {
	background: transparent url(/snapshot/snapshotsite/images/bottom.png) repeat-x;
	color: #ffffff;
}
	
#downloads:hover {
	background: transparent url(/snapshot/snapshotsite/images/bottom.png) repeat-x;
	color: #ffffff;
}
	
#tutorials:hover {
	background: transparent url(/snapshot/snapshotsite/images/bottom.png) repeat-x;
	color: #ffffff;
}
	
#gallery:hover {
	background: transparent url(/snapshot/snapshotsite/images/bottom.png) repeat-x;
	color: #ffffff;
}
	
#events:hover {
	background: transparent url(/snapshot/snapshotsite/images/bottom.png) repeat-x;
	color: #ffffff;
}
	
#store:hover {
	background: transparent url(/snapshot/snapshotsite/images/bottom.png) repeat-x;
	color: #ffffff;
}

.sf-menu li ul li:hover {
	background-image: none;
	background-color: #CC3333;
}

#calder:hover {
	background-image: none;
	background-color: #003399;
}
#memorial:hover {
	background-image: none;
	background-color: #CC0000;
}


.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	outline:		0;
}