@charset "utf-8";

/************************C5menu.v2**by j-neal.com*******************************/

body{ behavior: url("/themes/CrystalClear2012/csshover3.htc"); } /* this allows for cross browser happy fun */

#sidenav, ul#sidenav li { display: block; margin: 0; padding: 0; list-style-type: none; }
ul#sidenav { margin-bottom: 25px; text-align: left; }
ul#sidenav li { margin-bottom: 5px; }
ul#sidenav li a { display: block; padding: 3px 8px; }
ul#sidenav li a:hover { }
ul#sidenav li a.nav-selected { font-weight: 700; }
	
ul#sidenav li a.parenttitle { 
font-weight: 400; font-size: 32px; border-bottom: 1px dotted #666; 
padding: 0 0 10px 0; margin-bottom: 15px; }


#nav {	
	position: relative;
	margin: 21px 15px 0 0; padding: 10px 0 40px 0;
	width: 230px; height:auto;
	float: left; display: block;
	background-image: url(/themes/CrystalClear2012/images/CCM-navtile.png);
	background-repeat:repeat-y;
	border: 1px #fff solid;
	z-index: 5;
}

/* this hides the 'add-to header #nav' edit box in C5' comment this out in order 
to make changes to your initial templates when you first insert the #nav (or you won't see the 'add' box)
#nav .ccm-add-block { display: none; } 
 */
#nav ul {
	position: relative;
	float: left;
	width: 230px;
	margin: 0; padding: 0;
	z-index: 15;
}

/*position menus items */
#nav li { 
width: 230px; height: auto; float: left; list-style-type: none; padding: 0 0 2px 0;
background-image: url(/themes/CrystalClear2012/images/CCM-nav-bullet.png); background-position: right; background-repeat: no-repeat; }
#nav li:hover {  }

/* #nav styles */
#nav a {
	display: block;
	margin: 0;
	padding: 0 20px 0 15px;
	color: #fff;
	text-decoration: none;
	font-size: 17px;
	font-weight: bold;
	text-align: right; }

#nav a:hover { color: #875f00; }

#nav ul li > ul {  top: auto; left: 230px; } /* this magically postions 2nd level menus  */

	#nav ul ul {
	position: absolute;
	z-index: 500;
	width: 200px; height: auto;
	margin: -35px 0 0 0; padding: 5px 0;
	left: 0; top: 0;
	z-index: 15;
	background-image: url(/themes/CrystalClear2012/images/CCM-nav-subtile.png); background-repeat: repeat;
	}
	#nav ul li li { background: none; position: relative; border: 0; width: 200px; height: auto; display: block; padding: 0; margin: 0; }
	#nav ul li ul li a {
	color: #232020;
	margin: 0 0 -1px 0; padding: 5px 20px;
	width: 170px; height: auto;	
	text-decoration: none;
	display: block;
	border: 0;
	text-transform: none;
	text-align: left;
	float: left;
	}

/* hide/reveal */
	#nav ul ul,
	#nav ul li:hover ul ul,
	#nav ul ul li:hover ul ul { display: none; }
	
	#nav ul li:hover ul,
	#nav ul ul li:hover ul,
	#nav ul ul ul li:hover ul { display: block; }


/******************************C5menu.v2**end************************************/