@charset "utf-8";
/* CSS Document */

/* Main navigation bar styles */
.menu{
	height:24px;
	padding:10px 0 0 0;
	line-height:24px;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	width:830px;
	margin:0 auto;
	text-transform:uppercase;
	position:relative;
	z-index:600;
}

.menu ul { padding:0; margin:0; list-style-type:none;position:relative;} 
.menu ul li {
	float:left;
	position:relative; 
	z-index:800; 
	margin:0;
	padding:0 5px;  
	border-left: 1px dotted; /*new*/
  	height: inherit; /*new, 27px wasn't allowing the 2 line ones to load. Changed to inherit.*/
}

.menu ul li:first-child {border-left: 0px solid; } /*new*/

.menu a:link, .menu a:visited{color:#fff;text-decoration:none;display:block;float:left;height:34px; }

.menu a:hover{color:#efa21d;background:none;}
/* float the top list items to make it horizontal */ 

/* Main menu rollover styles, allows button to stay highlighted when on the dropdown */ 
.rollover {display:block;} 
.rollover:hover {color:#f48037} 
.rollover a { display:block; float:left; line-height:20px; font-size:12px; text-decoration:none;} 
.rollover a:hover { color:#f48037;background:none;}

/* Rollover fix for IE 6 */ 
.rollover :hover > a {color:#f48037;background:none;}
.current { display:block; padding:0; margin:0;} 
.current a { display:block; float:left;line-height:20px; font-size:12px; color:#FFFFCC; text-decoration:underline; padding:0px; margin:0 } 
.current a:hover {color:#f48037; text-decoration:none; background:none;}
/* Rollover fix for IE 6 */


/* First level dropdown styles */
/* hide the sub levels and give them a positon absolute so that they take up no room */ 
.menu ul ul { width:160px; visibility:hidden; position:absolute; height:0; top:30px; left:-5px; margin-left:0px;z-index:1000;background-color:#999;} 
.menu ul ul li {display:block; width:160px; position:relative; border:none; padding:0;margin:0; border-bottom:1px solid #555}
/* rollover styles */
.menu ul ul a:link, .menu ul ul a:visited { display:block; width:150px; height:auto;background-color:#666; color:#FFF; text-align:center;padding:8px 5px; margin:0; font-family:Arial, Helvetica, sans-serif;font-size:9px; line-height:14px;}
.menu ul ul a:hover {color:#efa21d; background:#663300;} 
.menu ul ul :hover > a {color:#efa21d; background:#663300;}
/** html .menu ul ul a {width:165px; w\idth:165px;}*/


/* style the table so that it takes no part in the layout - required for IE to work */ 
.menu table {position:absolute; left:0px; top:0px; font-size:1px;border-collapse:collapse;}
* html .menu li a:hover {position:relative; text-decoration:none;}
 
/* Style the second level flyouts level background and rollovers */ 
.menu ul ul ul{left:160px; top:0; width:160px; background-color:#663300;}

/* position the third level flyout menu */ 
.menu ul ul ul a:link, .menu ul ul ul a:visited {background:#663300; } 
.menu ul ul ul a:hover {background:#333;} 
.menu ul ul ul :hover > a {background:#333;}

/* Style the third level flyouts level background and rollovers */ 
.menu ul ul ul ul {left:181px; top:0; width:160px;}

/* position the third level flyout menu */ 
.menu ul ul ul ul a {background:#277BC7;} 
.menu ul ul ul ul a:hover {background:#0F5DA4;} 
.menu ul ul ul ul :hover > a {background:#0F5DA4;}

/* Styles for the right side drop down */ 
.right ul ul { left:-105px;} 
.right ul ul ul{left:-175px; top:0; width:160px; border:solid #8F855B; border-width:1px 0 0 0 }

/* make the second level visible when hover on first level list OR link */ 
.menu ul :hover ul{visibility:visible; height:auto; padding-bottom:3em; background:transparent url('http://breakspark.burkecom.com/BreaksParkSite/wp-content/themes/my-theme/img/trans.gif');}

/* keep the third level hidden when you hover on first level list OR link */ 
.menu ul :hover ul ul{visibility:hidden;}

/* keep the fourth level hidden when you hover on second level list OR link */ 
.menu ul :hover ul :hover ul ul{visibility:hidden;}

/* make the third level visible when you hover over second level list OR link */ 
.menu ul :hover ul :hover ul{visibility:visible;}

/* make the fourth level visible when you hover over third level list OR link */ 
.menu ul :hover ul :hover ul :hover ul {visibility:visible;}

/* ==============================================================sidenav=============================================================== */
#sidenav{
	width:200px;
	text-align:right;
	color:#552B0F;
	font-size:13px;
	padding:15px 0px 0 43px;
	z-index:200;
}

#sidenav ul { padding:0; margin:0; list-style-type:none;position:relative;} 
#sidenav ul li {position:relative; z-index:300; margin:0;padding:5px 10px;}

#sidenav a:link, #sidenav a:visited{color:#552B0F;text-decoration:none;display:block;width:180px; padding-right:20px;}

#sidenav a:hover{color:#F90;background:none;}
/* float the top list items to make it horizontal */ 


/* First level dropdown styles */
/* hide the sub levels and give them a positon absolute so that they take up no room */ 
#sidenav ul ul { background:#FFF;width:160px; visibility:hidden; position:absolute; height:0; top:0px; left:195px; margin-left:0px;z-index:500;} 
#sidenav ul ul li {display:block; width:160px; position:relative; border-bottom:1px solid #CCC; padding:0;margin:0;}
/* rollover styles */
#sidenav ul ul a:link, #sidenav ul ul a:visited { display:block; width:150px; height:30px;line-height:30px;background-color:#EDFEB1; color:#552B0F; text-align:center;padding:0px 5px; margin:0; font-family:Verdana, Geneva, sans-serif;font-size:11px; }
#sidenav ul ul a:hover {color:#efa21d; background:#663300;} 
#sidenav ul ul :hover > a {color:#efa21d; background:#663300;}


/* style the table so that it takes no part in the layout - required for IE to work */ 
#sidenav table {position:absolute; left:0px; top:0px; font-size:1px;border-collapse:collapse;}
* html #sidenav li a:hover {position:relative; text-decoration:none;}

/* make the second level visible when hover on first level list OR link */ 
#sidenav ul :hover ul{visibility:visible; height:auto; padding-bottom:0; background:none;}