@charset "utf-8";

/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
/* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */

a:link {
	color: #006600;
	text-decoration: none; 
}
a:visited {
	color: #996666;
	text-decoration: none;
}
/* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
a:hover, a:active, a:focus { 
	text-decoration: none;
	color: #FF53FF;
}

ul, ol, dl {
	padding: 0;
	margin: 0;
	list-style-type: none;
	/* [disabled]position: absolute; */ /* new edit */
	/* [disabled]left: 14px; */
	/* [disabled]top: 60px; */
}

/* */
/* All above is taken from 'MainLayout.css' (and affects the whole website)*/
/* */

#MenuWrapper {
	padding: 0px;
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 60px;
	margin-left: auto;
}

/* Strip the ul of padding and list styling */

#MenuBar {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	position: absolute;
}

/* Create a horizontal list with spacing */
#MenuBar li {
    display: inline-block;
    float: left;
	margin-right: 1px
}

/* Style for menu links */
#MenuBar li a {
    display: block;
    min-width: 140px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #fff;
    background: #2f3036;
    text-decoration: none;
}
/*Hover state for top level links*/
#MenuBar li:hover a {
	background-color: #33FF00;
}
/*Style for dropdown links*/
#MenuBar li:hover ul a {
	color: #2f3036;
	height: 40px;
	line-height: 40px;
	background-color: #FF00FF;
}
/*Hover state for dropdown links*/
#MenuBar li:hover ul a:hover {
    background: #19c589;
    color: #fff;
}

/* Next up, some styling for the dropdown links. The first class defines that the dropdown will not be visible by default. And the final class says that the dropdown element will become visible on top level link hover */

/*Hide dropdown links until they are needed*/
#MenuBar li ul {
	display: none;
}
/*Make dropdown links vertical*/
#MenuBar li ul li {
	display: block;
	float: none;
}
/*Prevent text wrapping*/
#MenuBar li ul li a {
	width: auto;
	min-width: 100px;
	padding: 20px;
}
/*Display the dropdown on hover*/
#MenuBar li a:hover + .hidden, .hidden:hover {
	display: block;
}





#MenuBar {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	position: absolute;
	z-index: 16;
}