@import url('//fonts.googleapis.com/css?family=Raleway:400,700');
.watermark {
	background-color:#FFFFFF;
}

header {
	position:relative;
	height:auto;
	width:100%;
}

#nav_header_container  { 
	background-color:#FFF; 
	padding-bottom:5px; 
}

#layout_wrapper, .layout-wrapper {
width:100% !important;
min-width:initial !important;
max-width:80rem !important;
margin-left:auto;
margin-right:auto;
}
#menu_container { 
	margin-top:0px; 
	width:100%; 
}

nav {
	position:relative;
	display:block;
	height:auto;
	width:100%;
	zoom:1;
}
header {
	position:relative;
	display:block;
	height:auto;
	width:100%;
	z-index:0;
}
.crumb-trail-container {
	margin-top:3px;
	margin-left:0px;
}

.cb-3 { 
	margin-top:0px; 

}
.cb-2 { 
	margin-bottom:0px;
	margin-top:0px;
}

.add-me-link { 
	color:#000000;
	font-weight:bold;
	margin-left:5px;
}
.social-network-panel {
	float:right; 
	margin-right:30px;
	margin-top:5px;
}
.user-panel {
	float:right;
	margin-top:10px;
}
#user_wrapper {
	float:right;
}
.top-wrapper,
.bottom-wrapper {
	width:100%;
	left:0px;
	right:0px;
	float:left;
}
.layout-wrapper {
	margin:0px auto;
	box-sizing:border-box;
}

.top-wrapper,
.layout-top-section { 
	background-color:#FFFFFF; 
}

.user-tools {
	margin-top:10px;
	padding-top:5px;
	float:left;
}
#non_member_panel { 
	margin-top:5px; 

}
#page_content { 
	min-height:400px; 

}

.static-bar {
	width:100%;
	background-color:#051d49;
}

.cp-holder { 
	float:right;
}

nav { 
	float:left;
}
header { 
	clear:left; 
}

.horizontal.control-panel-link {
	font-weight: bold;
	color:#777;
}

header {
	width:100%;
}
header img { 
	max-width:100%;
}
#nav_header_container {
	position:relative;
}

#content_column,
#inner_content,
.admin-page-wrapper #layout_wrapper #content_column {
	width:100%;
}
#content_column {
	padding:10px;
	box-sizing:border-box;
}

.cb-common {
	padding:0px;
}
.static-bar { 
	background-color:#f5f5f5; 
	padding-bottom:5px;
	padding-top:5px; 
}
.checklist-link {
	float:left;
	margin-top:5px;
	display:inline-block;
}
.horizontal.control-panel-link,
.static-bar .add-me-link,
.static-bar #non_member_panel .login-link,
#full_name,
#favorites_hover {
	font-size:15px;
	color:#777;
	font-weight:normal;
	font-family:Raleway, 'Open Sans', sans-serif;
}
#favorites_hover a {
	font-family:Arial, sans-serif;
}
.static-bar #non_member_panel .login-link {
	font-weight:bold;
}
.cp-holder { 
	margin-top:5px; 
}
.static-bar #non_member_panel {
	margin-top:4px;
}
.static-bar #non_member_panel .login-link,
.static-bar .add-me-link {
	transition:all .5s ease;
}
.static-bar #non_member_panel .login-link:hover,
.static-bar .add-me-link:hover {
	text-decoration:none;
}
.static-bar .add-me-link {
	float: left;
	vertical-align: middle;
	margin-left: 20px;
	display:inline-block;
	margin-top:4px;
}

.menu-toggle {
	float:left;
	display:none;
	font-size:24px;
}

footer {
	background-color:#3a3a3a;
	padding-top:20px;
	padding-bottom:20px;
}
.footer-container, .footer-container a, .footer-container span {
	font-size: 15px;
	line-height: 1.5;
	color: #FFF;
}
.ce-button { 
	background-color:#e8e8e8; 
	background-image:none; 
	color:#272727; 
	border:1px solid #272727;
	border-radius:5px;
	padding:5px 8px; 

}
.ce-button:hover { 
	background-image:none; 
	background-color:#c9c9c9; 
	border:1px solid #000000; 
	color:#000000; 

}
ul.horizontal.site-menu li { 
	transition: all .5s ease; 

}

/** Centers Navigation
#menu_container nav { 
	float:right; 
	left:-50%;
	text-align:left; 
	width:auto !important; 
}
#menu_container nav .nav-container {
	position: relative;
	left: 50%;
	float: none;
	width: auto;
	margin: initial;
}
 ***/
#header_cell img {
max-width:100%;
}
#favorites_hover {
	font-weight:normal;
	margin-top:1px;
	margin-right:10px;
}
/***** Media Queries *****/

@media (max-width : 768px)  {
	.menu-toggle { 
		display:block; 
		color:#FFF; 
		padding-top:5px;
		padding-bottom:5px;
	}
	.menu-toggle .material-icons { 
		vertical-align:top; 
		color:#FFF; 
		font-size:30px;
	}
	.menu-toggle{ 
		background-color:#000;
		width:100%;
		cursor:pointer;
	}

	#menu_container nav.hidemenu { 
		display:block; 
		width:100%; 
		clear:left;
	}
	#menu_container nav { 
		display:none; 
		clear:left;
	}
	#menu_container nav ul.horizontal.site-menu li { 
	width:100% !important; 
	border-left:none !important; 
	border-right:none !important; 
	text-align:center !important;
	border-bottom:1px solid #cdcdcd;
	}
	#menu_container nav ul.horizontal.site-menu li span a { 
		line-height:30px !important; 
	}
	#menu_container ul.horizontal.site-menu li.sub-parent:hover ul { 
		left:initial !important; 
		top:initial !important; 
		position:relative; 
		width:100%;
		max-width:initial !important; 
		min-width:initial !important;
	}
	#menu_container ul.horizontal.site-menu li.sub-parent:hover ul{ 
		top:initial !important; 
	}

	#menu_container ul.horizontal.site-menu ul.sub-menu { 
		position:relative; 
		width:100%; 
		max-width:initial !important; 
		min-width:initial !important;
		opacity:1 !important; 
		opacity: 1 !important;
		left: initial;
		z-index: initial !important;
		display:none;
	}
	#menu_container ul.horizontal.site-menu ul.sub-menu li { 
		display:block; 
		width:100% !important;
		float:none;
		max-width:initial;
	}


	#menu_container ul.horizontal.site-menu li span a, 
	ul.horizontal.site-menu li span span { 
		width:100%;
		 display:block; 
	}

	#menu_container .site-menu,#menu_container ul.horizontal.site-menu {
		list-style: none;
		display: block;
		align-items:initial;
		float: none;
		margin: 0;
		box-sizing: border-box;
		justify-content:initial;
		margin-left: auto;
		margin-right: auto;
	}
	ul.horizontal.site-menu.narrow ul.sub-menu li {
		height:40px;
	}
	#menu_container nav { float:none; left:initial;text-align:center; width:100% !important; }
	#menu_container nav .nav-container {
		position: relative;
		left:initial;
		float: none;
		width: 100%;
		margin: initial;
	}
}


@media only screen and (min-width : 1000px) and (max-width:1390px) {
	#layout_wrapper, .layout-wrapper {
	width:100% !important;
	min-width:initial !important;
	max-width:80rem !important;
	margin-left:auto;
	margin-right:auto;
	}
}

/* Large screens --- */
@media only screen
and (min-width : 1824px) {
/* Styles */
	#layout_wrapper, .layout-wrapper
	{
	max-width:100rem !important;
	margin-left:auto;
	margin-right:auto;
	}
}