/***** Ucadia DOM Model of CSS Elements *****/
/***** cssdom_05_navigation *****/
/** INSTRUCTION: This CSS File must Always be the 5th CSS **/
/*** Navigation and Link Elements ***/
/*** Navigation ***/
/***  Display Default Settings ***/
/* Main is used for document wrapper and ALWAYS as table. DO NOT CHANGE */

/* Header is used once only and ALWAYS as table row within Main table. DO NOT CHANGE */
body.nav-public {
   background-color: #FFFFFF;
}
body.nav-adam {
   background-color: #DEDEDE;
}
header {
	display: table;
	border 0;
	padding: 0;
	margin: 0;
	width: 100%;
	text-align: center;
}
/* Main are ALWAYS as table cells within Main table. DO NOT CHANGE */

/* Footer is used once only and ALWAYS as table row within Main table. DO NOT CHANGE */
footer {
	display: table;
	border: 0;
	padding: 0;
	margin: 0;
	width: 100%;
	text-align: center;
}
article.nav-adam-left {
	display: table-cell;
	height: 100%;
	width:10%;
   background-color: #DEDEDE;
   text-align: left;
   vertical-align: top;
}
article.nav-adam-center {
	display: table-cell;
	background-color: #FFFFFF;
	height: 100%;
	width: 47.5rem;
	text-align: left;
	vertical-align: top;
}
article.nav-adam-middle {
	display: table-cell;
	background-color: #FFFFFF;
	height: 100%;
	width: 47.5rem;
	text-align: left;
	vertical-align: top;
}
article.nav-adam-right {
	display: table-cell;
	height: 100%;
	width:10%;
   background-color: #DEDEDE;
   text-align: left;
   vertical-align: top;
}
footer.nav-adam-footer {
	background-color: #F0F0F0;
	width:100%;
}
/* ************************************************************** */
/* Navigation Top and Logo */
#navbox-login {	
	background-color:#FFFFFF;
   width:100%;
	padding:0.9em;
	height: 3.0em;
   line-height: 4.375rem;
   text-align: left;
   border-bottom:0.0625rem solid #cecece;
	}
.navlogo-login {
    background-image:url(css_images/logo/logo.png);
    background-size:4.0em;
    background-repeat:no-repeat;
    background-position:0.375rem 95%;
} 
#navbox {	
	background-color:#FFFFFF;
   width:100%;
	padding:0.9em;
	height: 3.0em;
   line-height: 4.375rem;
   text-align: left;
   border-bottom:0.0625rem solid #cecece;
	}
.navlogo {
    background-image:url(css_images/logo/logo.png);
    background-size:3.0em;
    background-repeat:no-repeat;
    background-position:0.375rem 95%;
} 	
.navbox-user {
   position:absolute;
   left:3.8rem;
   top:2.2rem;
   line-height: normal;  
   color:#000000;
   font-size: 1rem;
}
.navbox-breadcrumb {
   position:absolute;
   left:43rem;
   top:3.85rem;
   line-height: normal;  
   color:#000000;
   text-align: right;
   font-size: 0.7em;
}
/* ************************************************************** */
/* Navigation Horizontal Standard */
#navtop {
   position:fixed;
   left:0;
   top:0rem;
   width:100%;
   background:#ddd;
   border-bottom:0.125rem solid #000;
   overflow:hidden;  
}
#navtop ul {
   left:0;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   left:50%;
   text-align:center;
   width:100%;
}
#navtop ul li {
   display:block;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   right:50%;
   font-size: 0.6875rem;
   background:#fff;
}
#navtop ul li a {
   display:block;
   margin:0 0 0 0.0625rem;
   padding:0.1875rem 10rem;
   background:#ddd;
   color:#000;
   text-decoration:none;
   line-height:1.3em;
}
#navtop ul li a:hover {
   background:#369;
   color:#fff;
}
#navtop ul li a.active,
#navtop ul li a.active:hover {
   color:#fff;
   background:#000;
   font-weight:bold;
}   
.navtoplogo {
   background-image:url(css_images/logo/benfriends_logo.png);
   background-size:90%;
   background-repeat:no-repeat;
   background-position:0.625rem 10%;
} 

/* ************************************************************** */
/* Navigation Horizontal Boxes */
#navtopboxes {
   position:absolute;
   left:0;
   top:60rem;
   width:100%;
   background:#ccc;
   overflow:hidden;  
}
#navtopboxes ul {
   left:0;
   list-style:none;
   margin:0 0 0 0;
   padding:0;
   position:relative;
   left:50%;
   text-align:center;
   width:100%;
}
#navtopboxes ul li {
   display:block;
   float:left;
   list-style:none;
   margin:0 0.125rem 0 0;
   padding:0;
   border:0.0625rem solid #000;
   position:relative;
   right:50%;
   font-size: 0.6875rem;
   background:#fff;
}
#navtopboxes ul li a {
   display:block;
   margin:0 0 0 0.0625rem;
   padding:0.1875rem 10rem;
   background:#fff;
   color:#000;
   text-decoration:none;
   line-height:1.3em;
}
#navtopboxes ul li a:hover {
   background:#663300;
   color:#fff;
}
#navtopboxes ul li a.active,
#navtopboxes ul li a.active:hover {
   color:#fff;
   background:#000;
   font-weight:bold;
}   
/* ************************************************************** */
/* Navigation Horizontal Line */
#navtopline {
   position:fixed;
   left:0;
   top:0;
   width:100%;
   background:#fff;
   border-bottom:0.0625rem solid #cecece;
   overflow:hidden;  
}
#navtopline ul {
   left:0;
   list-style:none;
   margin:0 0 0 0;
   padding:0;
   position:relative;
   left:50%;
   text-align:center;
   width:100%;
}
#navtopline ul li {
   display:block;
   float:left;
   list-style:none;
   margin:0 0.125rem 0 0;
   padding:0;
   position:relative;
   right:50%;
   font-size: 0.7875rem;
   background:#fff;
}
#navtopline ul li a {
   display:block;
   margin:0 0 0 0.0625rem;
   padding:0.1875rem 0.625rem;
   background:#fff;
   color:#000;
   text-decoration:none;
   line-height:1.3em;
}
#navtopline ul li a:hover {
   background:#4C9900;
   color:#fff;
}
#navtopline ul li a.active,
#navtopline ul li a.active:hover {
   color:#fff;
   background:#4C9900;
   font-weight:bold;