/* HTML Tag orangeefinition */
html, body {height: 100%;  }
body {background-color: #FFFFFF; padding: 0px; margin: 0px; width:100%;}
img {border: 0px}
a { cursor:pointer}
fieldset { border:1px solid #ccc;}

/* error text class optionally provided by theme */
div.ccm-error-response {color: #f00; margin-bottom: 12px}
.clear {clear:both !important; display:block;} 

/* Page Structure / Navigation */
#page{ width:100%; margin:auto; text-align:left; padding:0px; margin-top:0px; }
#page #headerSpacer{ height:64px }

#page #header-wrap { width:100%; background-color:#ffffff; } 



#page #header-wrap #toplinewrap {background-color: #00a6cf; clear:both; padding:0px; margin:0px; }
#page #header-wrap #toplinewrap #topline {color:#FFFFFF; background-color: #00a6cf; margin:auto;  padding:7px 0px 7px 0px; font-weight:800; font-size:13px; line-height:24px;}
#page #header-wrap #toplinewrap #topline a {color:#FFFFFF; text-decoration:none;  }
#page #header-wrap #toplinewrap #topline a:hover {color: #65666a; background:none; text-decoration:none; -webkit-transition: all .3s ease; }
#page #header-wrap #toplinewrap #topline p {padding:0px; margin:0px; font-weight:800;} 
#page #header-wrap #toplinewrap #topline .left {float:left; color:#FFFFFF; font-family: Arial, Helvetica, sans-serif; padding:0;}
#page #header-wrap #toplinewrap #topline .left ul {list-style:none; margin:0px; padding:0px;}
#page #header-wrap #toplinewrap #topline .left li {display:inline; padding:0px 8px 0px 5px; margin:0px; border-right:1px solid #FFFFFF;}
#page #header-wrap #toplinewrap #topline .left li a {color:#FFFFFF; text-decoration:none;}
#page #header-wrap #toplinewrap #topline .left li a:hover {text-decoration:underline;}

#page #header-wrap #toplinewrap #topline .right {float:right; color:#FFFFFF;}
#page #header-wrap #toplinewrap #topline .right p {float:right; color:#FFFFFF; padding:0px; text-align:right; display:inline;}
#page #header-wrap #toplinewrap #topline .right img {float:right; border:0px none; margin-left:4px; display:inline;} 



#page #header-wrap #header{clear:both; margin:0px auto; background-color:#ffffff; padding:0px 10px 15px 10px; } 
#page #header-wrap #header #logo{ 
	margin-bottom: 0px; padding: 0px; margin-top:30px; cursor:pointer;  left:0px ; z-index:201; width:auto; float:left; position: relative; } 
#page #header-wrap #header #logo a {text-decoration:none; opacity:1.0; filter:alpha(opacity=100);}
#page #header-wrap #header #logo a:hover {text-decoration:none; opacity:.85; filter:alpha(opacity=85); } 
#page #header-wrap #header #logo img {opacity:1.0; filter:alpha(opacity=100);}
#page #header-wrap #header #logo img:hover {text-decoration:none; opacity:.85; filter:alpha(opacity=85); } 

@media only screen and (min-width: 881px) and (max-width: 900px) {
	.jbmm.custom {font-size:14px !important; }
	.jbmm.custom ul.mega-menuh li, .jbmm.custom ul.mega-menuh li a {font-size: 13px !important; }
	.jbmm.custom ul.mega-menuh li a.dc-mega {
	    padding: 10px 10px 10px 10px !important;
	}
}
@media only screen and (max-width: 900px) {
	div.area-container.right img {
	max-width: 130px !important; 
	}
}	

@media only screen and (min-width: 769px) and (max-width: 880px) {
	.jbmm.custom {font-size:13px !important; }
	.jbmm.custom ul.mega-menuh li, .jbmm.custom ul.mega-menuh li a {font-size: 13px !important; }
	.jbmm.custom ul.mega-menuh li a.dc-mega {
	    padding: 10px 4px 10px 4px !important;
	}
	.jbmm.custom ul.mega-menuh li, .jbmm.custom ul.mega-menuh li a {
		font-size:13px !important; 
	}
}

@media only screen and (max-width: 849px) {
	#header .large-7.columns {
	clear:both;
	display:block;
	float:left;
	text-align:left;
	width:100% !important;
	margin:10px 0px 0px 0px;
	padding:0px;
	}
	#page #header-wrap #header #right {width:100% !important; float:left !important; text-align:left !important; }
	#page #header-wrap #header #right .top-links, #page #header-wrap #header #right .top-links p {display:block; text-align:left !important; float:left !important; margin:10px 0px 0px 5px !important; line-height:20px !important;} 
	.jbmm.custom {
		float:left !important; 
		text-align:left !important;
		width:100% !important;
	}
	.jbmm.responsive ul.mega-menuh li .sub li {
		width: 100% !important;
	}
}
@media only screen and (max-width: 768px) {
	li.mega-hover div.area-container {
		display:none !important;
	}
	#page #header-wrap #toplinewrap #topline .right {
	float:left;
	display:block;
	}
}	

#page #header-wrap #header #right {font-family:'Open Sans', Arial, sans-serif; float:right; margin:0px; padding:0px; text-align:right; }
#page #header-wrap #header #right .top-links {display:block; color:#00a6cf; font-size:13px; line-height:26px; text-align:right; float:right; margin:32px 0px 0px 0px; font-weight:700 !important; text-transform:uppercase;}
#page #header-wrap #header #right .top-links p {display:inline-block; text-align:right; color:#00a6cf; font-size:13px; line-height:26px; padding:0px; margin:0px; font-weight:700;}
#page #header-wrap #header #right .top-links a {display:inline-block; text-align:right; text-decoration:none; font-weight:700;}
#page #header-wrap #header #right .top-links a:hover{}
#page #header-wrap #header #right .top-links ul {float:right; display:inline; list-style:none; margin:0px; padding:0px; font-weight:700;}
#page #header-wrap #header #right .top-links li {display:inline; padding:0px 10px 0px 10px; margin:0px;}
#page #header-wrap #header #right .top-links li a {color:#00a6cf; text-decoration:none;}
#page #header-wrap #header #right .top-links li a:hover {text-decoration:underline;}
#page #header-wrap #header #right .top-links img {float:right; display:inline-block; border:0px none; margin:0px 0px 0px 3px; }



/* =========  TEMP top nav for use with MEGAMENU feature ======== */


#page #header #right #headerNav {clear:both; padding-top:5px; }

#body-wrap {width:100%;
    margin: 0 auto;
	clear:both;
	padding:0px;
	z-index:100;
} 

#page #header-area {clear:both; width:100%; display:block; margin:0px; padding:0px;}
#page #header-area #header-area-inside {width:100%; margin:0px; padding:0px;}
#page #header-area img {width:100%; height:auto; display:block; border:0px none; }


#page #fullphoto-area {clear:both; width:100%; display:block; margin:0px; padding:0px; background-image: url(../images/footer-photo-bkgr2.jpg); background-repeat: no-repeat; color:#FFFFFF !important; } 


#page #bcrumb-wrap {width:100%; background:#eaeaea; clear:both; padding:0px; margin:0px 0px 15px 0px; }

#page #inner-wrap {width:100%;
    background: #FFFFFF;
    margin: 0 auto;
	clear:both;
	padding:35px 0px 55px 0px;}


#main-bottom {clear:both; padding: 20px 0px 0px 0px; margin:0px; }

#page .white-wrap {width:100%; background:#FFFFFF; clear:both; padding:0px; margin:0px; }

#page .gray-wrap-pattern {width:100%; background-image: url(../images/gray-pattern-bkgr.jpg); background-repeat: no-repeat; clear:both; padding:0px; margin:0px; }

#page .gray-wrap {width:100%; background:#f0f0f0; clear:both; padding:0px; margin:0px; }

#page .blue-wrap {width:100%; background:#00a6cf; clear:both; padding:0px; margin:0px; }
#page .blue-wrap a {color:#FFFFFF;}
#page .blue-wrap a:hover {color:#1b1c1b; -webkit-transition: all .3s ease;}


#page .fullbody {clear:both; width:100%; background:#FFFFFF; display:block; margin:0px; padding:0px;} 

#page #footerfeed { width:100%; margin:auto; background:#3b3637; clear:both; padding:60px 0px 30px 0px; color:#c1c0c0; font-size:13px; line-height:20px; } 
#page #footerfeed p {margin:0px; padding:0px 0px 12px 0px; color:#c1c0c0; font-size:13px; line-height:20px; }
#page #footerfeed a {color: #c1c0c0; font-weight:400; text-decoration:none; text-transform:uppercase; }
#page #footerfeed a:hover, #page #footerfeed ul li a:hover, #page #footerfeed ul.nav li a:hover {color: #FFFFFF; background:none; text-decoration:none; -webkit-transition: all .3s ease;}

#page #footerfeed  h4 {color:#FFFFFF !important; font-family:'Open Sans', Arial, Helvetica, sans-serif !important; font-size:14px !important; padding:0px 0px 10px 0px; margin:0px; font-weight:700; text-transform:uppercase;}
#page #footerfeed  h4 a {color:#FFFFFF !important; text-decoration:none; font-weight:700;} 
#page #footerfeed  h4 a:hover {color:#c1c0c0 !important; text-decoration:none;}

#page #footerfeed ul li {color: #c1c0c0; font-weight:400; text-decoration:none; list-style-type:none; padding:0px 0px 4px 0px; margin:0px;}

#page #footerfeed ul.nav {list-style-type:none; padding:0px 0px 3px 0px !important; margin:6px 0px 15px 0px !important;}
#page #footerfeed ul.nav li, #page #footerfeed ul.nav li a {color: #c1c0c0; font-weight:400; text-decoration:none; list-style-type:none; padding:0px 0px 4px 0px; margin:0px; text-transform:uppercase;}

#page #footerfeed .footer-social img {float:none !important; border:0px none; margin-right:4px; display:inline;} 


#page #footerfeed  .search {display:block;}
#page #footer  .search .ccm-search-block-text {float:left; font-family:'Open Sans', Arial,Helvetica, sans-serif; background:#dfe0e1; font-size:11px; border:1px solid #dfe0e1; height:23px; line-height:23px; margin:0px; padding:0px 4px;}


#page #footerfeed span.footer-social {float:left;}
#page #footerfeed span.footer-social .ccm-image-block {margin:0px 7px 0px 0px !important; border:0px none; padding:0px; float:right; opacity:.90 !important;
  filter:alpha(opacity=90) !important; }
  

#page #footer-wrap {width:100%; background:#2c2728; clear:both; font-size:11px; line-height:18px; padding:15px 0px; margin:0px; color:#c1c0c0; text-transform:uppercase;}
#page #footer-wrap p {padding:0px; margin:0px; font-size:12px; line-height:18px; color:#c1c0c0; text-transform:uppercase;}

#page #footer-wrap a{ text-decoration:none; color:#c1c0c0;  }
#page #footer-wrap a:hover { text-decoration:underline; color:#c1c0c0;  }



/* Page Elements */

.pagingNav{ margin:16px 0px 8px 0px}
.pagination{ text-align:center; color:#bbb; padding-top:4px}
.pagination .pageRight{width:20%; float:right; text-align:right}
.pagination .pageLeft{width:20%; float:left; text-align:left}

/* MISC STYLES & SHORTCUTS */
div.code {border: 1px solid #ddd; background: #eee; padding: 10px}
div.spacer,div.ccm-spacer{ clear:both; font-size:1px; line-height:1px }
.noTopSpace{margin-top:0px; padding-top:0px}
div.pageSection { margin-bottom: 10px; }



/* ================================== CONTENT+ ============================*/

 .column-left .cpb-image {
	margin: 0 15px 0px 0 !important;
 }

 .cpb-content ul, .cpb-content ol {
  overflow: hidden;
  padding-left: 20px !important;
  margin-left: 0;
  margin-top:5px !important;
  padding-top: 0px !important;
}