﻿/* MENU SETUP */

img
{
	border: 0px;
}

* 
{
	text-decoration:none;
}

#menu
{
	position:relative;

	color: #3e3e3e;
	font-family: 'Rubik', sans-serif;
	font-weight:normal;
	font-size:16px;
	cursor: pointer;	

	vertical-align:middle;
	text-align:left;

	margin:0px;
	padding:0px;
	display:table;

    z-index:100;
        width: initial;
    float: right;
}

#menu li
{
	float: left;
	text-align:center;
	
	position:relative;	
	list-style-type: none;
	list-style-image:none;
	color:#3e3e3e;
	font-size:16px;
    font-family: 'Rubik', sans-serif;
	text-decoration:none;
    width: auto;
    text-align: center;
	margin:0px;
	padding:0px;
    background: none;
}
#menu > li
{
    display: inline-block;
    margin-left: 100px;
}

#menu > li:first-of-type
{
    margin-left: 0!important;
}

#menu li a
{
	min-height:24px;
	color: #3e3e3e;
    font-family: 'Rubik', sans-serif;
	font-weight:normal;
	font-size:16px;
	line-height: normal;
	padding:0 0 6px 0!important;
	cursor:pointer;
	/*text-transform:uppercase;*/
	text-decoration:none;
	background-image:none;
	border-top: 1px solid #f4f4f4;


    /*padding-top:25px;
	height:47px;*/
}

ul#menu > li > a {
    min-height: 0;
    color: #3e3e3e;
    font-family: 'Rubik', sans-serif;
    font-weight: 700;
    font-size: 18px;   
    padding: 8px 10px;
    border-top: 0px;
    border-bottom: solid 2px #fff;
}


    /*ul#menu > li:hover > a, ul#menu > li > a:focus, ul#menu li.menu_hit > a, ul#menu li.menu_hit_hover > a {*/
    ul#menu > li > a:focus, ul#menu li.menu_hit > a, ul#menu li.menu_hit_hover > a, ul#menu li.menu_hover > a {
        /*background-color:#ffd748;
	background: url(/images/bruyere/top-menuitem-bg-hover.png) repeat-x center;*/
        border-bottom: solid 2px #17a3ac;
    }

.spacer
{
	width:10px;
	color:#3e3e3e;
}



/*Sub Menu Hit Style*/

#menu>li:hover>ul
{
	display:block;
}

#menu ul {
    position: absolute;
    left: 2px;
    /*top: 65px;*/
    /*top: 54px;*/
    top: 100%;
    width: 240px;
    /*background-color: #ffd748;*/
    background-color: #4C498C; /*#FFFFFF;*/
    padding: 0px;
    margin: 0px;
    /*-moz-border-radius: 0px 0px 10px 10px;
    -webkit-border-radius: 0px 0px 10px 10px;
    -khtml-border-radius: 0px 0px 10px 10px;
    border-radius: 0px 0px 10px 10px;
    
    behavior: url(/js/PIE-2.0beta1/PIE.htc);*/
}

/*#menu ul:not(:empty)
{
    border: 1px solid #ebebeb;
}*/

#menu  li.menusub
{
	position:relative;

	color: #000000;
    /*font-family:  "Avenir Next" 'Open Sans 4', 'Open Sans', "Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
	font-family: 'Rubik', sans-serif;
	font-weight:normal;
	font-size:16px;
	
	border:0;
	text-decoration: none;
	text-align:left;
	float:none;
	display:block;
	padding:0px;
	/*overflow:hidden;*/
	/*border-bottom:1px solid #f1f2f2;*/
}

/*#menu li.menusub:first-child
{
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #007672;
}*/

/*#menu li.menusub:last-child
{
	background-image:url('/images/hrrh/menusub-bg.png')!important;
	
}

#menu  li.menusub_hover:last-child
{
	background-image:url('/images/hrrh/menusub-bg-hover.png')!important;
	
}*/



#menu  li.menusub a, #menu  li.menusub_hover a, #menu  li.menusub_hit a, #menu  li.menusub_hit_hover a
{
    /*height:auto;*/
}



/*#menu ul:AFTER{
    content: url("/images/new/top_menu_btm.png");

}

#menu ul:BEFORE{
    content: url("/images/new/menu_top.png");
	height:12px;
	display:block;

}
*/

/*Sub Menu HOVER Style*/

#menu  li.menusub_hover
{
	position:relative;

	color: #ffffff;
    /*font-family:  "Avenir Next" 'Open Sans 4', 'Open Sans', "Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
	font-family: 'Rubik', sans-serif;
	font-weight:normal;
	font-size:16px;

	border:0;
	text-decoration: none;
	text-align:left;
    /*overflow:hidden;*/
	float:none;
	display:block;
	/*border-right:3px solid #007672;*/
	/*border-bottom:1px solid #f1f2f2;*/
	background-color:#4C498C; /*#02808b*/
}

/*Sub Menu HIT Style 397c75*/

#menu  li.menusub_hit, #menu  li.menusub_hit_hover
{
	position:relative;

	color: #ffffff;
    /*font-family:  "Avenir Next" 'Open Sans 4', 'Open Sans', "Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
	font-family: 'Rubik', sans-serif;
	font-weight:normal;
	font-size:16px;

	border:0;
	text-decoration: none;
	text-align:left;
    /*overflow:hidden;*/
	float:none;
	display:block;
	/*border-bottom:1px solid #f1f2f2;*/
	/*border-right:3px solid #007672;*/
    background-color:#4C498C; /*#02808b*/
}

#menu li.menusub a
{
	color: #ffffff;
    /*font-family:  "Avenir Next" 'Open Sans 4', 'Open Sans', "Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
	font-family: 'Rubik', sans-serif;
	font-weight:normal;
	font-size:15px;     /*12px;*/

    /*padding:10px 20px 5px 16px;*/
	display:flex;
    align-items:center;
    /*text-transform:uppercase;*/
}

#menu li.menusub_hover a, #menu li.menusub_hover a:hover, #menu li.menusub_hit a:hover, #menu li.menusub_hit_hover a:hover {
    color: #dddddd;
    /*font-family:  "Avenir Next" 'Open Sans 4', 'Open Sans', "Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
    font-family: "Avenir Next" "LatoLatinWebSemibold", sans-serif;
    font-weight: normal;
    font-size: 15px;        /*12px;*/
    display: flex;
    align-items: center;
    
    /*padding:10px 20px 5px 16px;*/
    background-color: #4C498C; /*#02808b*/
    /*text-transform: uppercase;*/
}

#menu li.menusub_hit a, #menu li.menusub_hit_hover a
{
	color: #ffffff;
    /*font-family:  "Avenir Next" 'Open Sans 4', 'Open Sans', "Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
	font-family: 'Rubik', sans-serif;
	font-weight:normal;
	font-size:15px;

	display:block;
}

#menu .menusub_hover>li:hover>ul, #menu .menusub_hit>li:hover>ul, #menu .menusub_hit_hover>li:hover>ul
{
	display:block!important;
}

#menu .menusub ul, #menu .menusub_hover ul, #menu .menusub_hit ul, #menu .menusub_hit_hover ul
{
	position:absolute;
	left:240px;
	top:0px;
	width:240px;
	/*background-color:#ffd748!important;*/
	background-color:#FFFFFF!important;
	padding:0px;
    /*border: 1px solid #f1f2f2;*/
}

/*#menu .menusub ul:not(:empty), #menu .menusub_hover ul:not(:empty), #menu .menusub_hit ul:not(:empty), #menu .menusub_hit_hover ul:not(:empty)
{
    border: 1px solid #ebebeb;
}*/

#menu  li.menusubsub
{
	position:relative;

	color: #000000;
    /*font-family:  "Avenir Next" 'Open Sans 4', 'Open Sans', "Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
	font-family: 'Rubik', sans-serif;
	font-weight:normal;
	font-size:16px;
	
	border:0;
	text-decoration: none;
	text-align:left;
	float:none;
	display:block;
	padding:0px;
	/*overflow:hidden;*/
	/*border-bottom:1px solid #f1f2f2;*/
	background-color:#FFFFFF!important;
}

#menu  li.menusubsub_hover
{
	position:relative;

	color: #ffffff;
    /*font-family:  "Avenir Next" 'Open Sans 4', 'Open Sans', "Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
	font-family: 'Rubik', sans-serif;
	font-weight:normal;
	font-size:16px;

	border:0;
	text-decoration: none;
	text-align:left;
    /*overflow:hidden;*/
	float:none;
	display:block;
	/*border-bottom:1px solid #f1f2f2;*/
    background-color:#4C498C; /*#02808b*/
}

#menu  li.menusubsub_hit, #menu  li.menusubsub_hit_hover
{
	position:relative;

	color: #ffffff;
    /*font-family:  "Avenir Next" 'Open Sans 4', 'Open Sans', "Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
	font-family: 'Rubik', sans-serif;
	font-weight:normal;
	font-size:16px;

	border:0;
	text-decoration: none;
	text-align:left;
    /*overflow:hidden;*/
	float:none;
	display:block;
	/*border-bottom:1px solid #f1f2f2;*/
    background-color:#4C498C; /*#02808b*/
}


#menu li.menusubsub a
{
	color: #000000;
    /*font-family:  "Avenir Next" 'Open Sans 4', 'Open Sans', "Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
	font-family: 'Rubik', sans-serif;
	font-weight:normal;
	font-size:16px;

    /*padding:10px 20px 5px 16px;*/
	display:block;
	background-color:#FFFFFF!important;
}

#menu li.menusubsub_hover a, #menu li.menusubsub_hover a:hover,  #menu li.menusubsub_hit a:hover, #menu li.menusubsub_hit_hover a:hover
{
	color: #ffffff;
    /*font-family:  "Avenir Next" 'Open Sans 4', 'Open Sans', "Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
	font-family: 'Rubik', sans-serif;
	font-weight:normal;
	font-size:16px;

    display:block;
    /*padding:10px 20px 5px 16px;*/
    background-color:#4C498C; /*#02808b*/
}

#menu li.menusubsub_hit a, #menu li.menusubsub_hit_hover a
{
	color: #ffffff;
    /*font-family:  "Avenir Next" 'Open Sans 4', 'Open Sans', "Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
	font-family: 'Rubik', sans-serif;
	font-weight:normal;
	font-size:16px;

	display:block;
}

#menu .menusubsub ul, #menu .menusubsub_hover ul, #menu .menusubsub_hit ul, #menu .menusubsub_hit_hover ul
{
	position:absolute;
	left:240px;
	top:0px;
	width:240px;
	/*background-color:#f2f2f2!important;*/
	padding:0px;
    /*border: 1px solid #f1f2f2;*/
}

/* Random stuff */

.menu-container
{
	clear: both;
	text-decoration: none;
}
* html .menu-container
{
	display: inline-block;
}


.clear_both
{
	clear: both;
}

/* Hides all the levels when initially loading. Add more "sub"s as needed  */

#menu .menu ul, #menu .menusub ul, #menu .menusubsub ul, /*#menu .menusub_hover ul, #menu .menusubsub_hover ul,*/ #menu .menu_hit ul, #menu .menusub_hit ul, #menu .menusubsub_hit ul
{
	display: none;
}


#menu>li:nth-child(6)>ul, #menu>li:nth-child(5)>ul
{
	right:0px!important;
	left:auto!important;
}

#menu>li:last-child>ul>li>ul, #menu>li:nth-child(6)>ul>li>ul
{
	left:-240px!important;
}

/*#menu>li:last-child>ul li.menusub_hover, #menu>li:nth-child(6)>ul li.menusub_hover
{
	background: #20abe6 url('/images/winchester/menusub-left-arrow.png') no-repeat 5% center;
}*/
