/*    header    */
.base_body {
	margin-top:49px;
	left: 0;
	right: 0;
	margin-left: 0;
	margin-right: 0;
	/*
	*/
}

.base_body_div {
	/*
	border: solid blue 1px;
	*/
}

.base_nav_root {
    width: 100%;
    height: 50px;

	background-color: #212D5B;
    padding-left: 20px;
	position: fixed;
	left: 0;
	top: 0;
	z-index:11;
}

.base_nav_root_logo{
    font-family: 'Times New Roman', Times, serif;
	font-size: 24pt;
	text-decoration: none !important;
    color: #FFFFFF;
	
	position: fixed;
    padding-top: 8px;

    transition:all .2s linear;
    -webkit-transition:all .2s linear;
    -moz-transition:all .2s linear;
    -o-transition:all .2s linear;

	/*
	border: solid orange 2px;
	*/
}

.base_nav_root_logo:hover{
    color: #D2D2D2;
    color: #68ffcd;
}

.base_nav_root nav {
    float: right;
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 18px;
    margin-right: 50px;
	width:200px;/*Make sure the items all fit on one line.  If they wrap, make this bigger.*/
	/*
	border: solid orange 2px;
	*/
}

.base_nav_root nav ul li {
    list-style: none;
    display: block;
    float: left;
    margin-left: 50px;
}

.base_nav_root nav ul li a {
    text-decoration: none;  
    font-size: 14px;
    color: #FFFFFF;

    transition:all .2s linear;
    -webkit-transition:all .2s linear;
    -moz-transition:all .2s linear;
    -o-transition:all .2s linear;
}

.base_nav_root nav ul li a:hover{
    color: #68ffcd;
}

/*From reset.css*/
.base_nav_root ul, li, nav {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}




/* Account Management Image/Drop Down Functionality */
#hover-container {
    height: 35px;
    vertical-align: baseline;
    position: absolute;
}
#hover-container-image {
    background-image: url(../img/icon-account-2.jpg);
    background-size: cover;
    background-position: center;
    width: 35px;
    height: 35px;
    vertical-align: baseline;
    margin-top: -10px;
    position: relative;
}
#hover-container-image ul {
    display: none;
    position: absolute;
    top: 25px; /*Puts list hitbox right under the base nav bar*/
    height: 200px;
    width: 200px;
    padding-top:15px;
    margin-left: -110px; /*Align with edge of page*/

    z-index: 20;
}
#hover-container-image ul li {
    display: flex;
    width: 100%;
    padding-left: 0; /* Remove padding */
    margin-left: 0; /* Remove margin */
    list-style-type: none; /* Remove bullets */
    align-items: center; /* Vertically centers the anchor tag */
    justify-content: right; /* Horizontally centers the anchor tag */
    height:35px;
	background-color: #212D5B;
    margin-right:10px;

    z-index: 20;
}
#hover-container-image ul a {
    border: white solid 1px; /*Temp so can see the boundary during Dev*/
    width:100%;
    height:100%;
    display: flex; /* CSS3 */
    align-items: center; /* Vertically centers the anchor tag */
    justify-content: right; /* Horizontally centers the anchor tag */
    padding-right:20px;

    z-index: 20;
}
#hover-container:hover ul {
    display: block; /*Needed to have submenu show downward*/

    z-index: 20;
}

/*

*/