/******************************************************************
Theme Name: Bones Child Theme
Theme URI: http://www.themble.com/genesis/bones
Description: Helpful for building Genesis Child Themes, Bones for Genesis is a child development theme for the Genesis Framework.
Author: Eddie Machado
Author URI: http://www.themble.com/
Version: 1.02
Tags: html5, css3, fixed, hb5
Template: genesis
Template Version: 1.8
******************************************************************/
/*
Stylesheet: Main Stylesheet

This file is slim and doesn't contain any styles for a reason.
We're importing all our other files so we can keep each
breakpoint organized and well documented. 
*/
/*********************
IMPORTING STYLES
*********************/
/******************************************************************
Site Name:
Author:

Stylesheet: Normalize Stylesheet

Normalize works a lot like a classic CSS Reset only instead of 
reseting EVERYTHING, it only changes what's inconsistent across
the different browsers. It's much slimmer and compact than resets.

For more info, view the github repo:
http://necolas.github.com/normalize.css/

******************************************************************/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
audio:not([controls]) {
  display: none;
}
[hidden] {
  display: none;
}
/* base styles */
html {
  font-size: 100%;
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
body,
button,
input,
select,
textarea {
  font-family: sans-serif;
  color: #333;
}
/* margins, padding, & borders */
body,
figure,
form,
blockquote,
button,
input,
select,
textarea,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
fieldset {
  margin: 0;
}
ul,
ol,
button::-moz-focus-inner,
input::-moz-focus-inner,
fieldset,
input[type="checkbox"],
input[type="radio"] {
  padding: 0;
}
img,
legend,
button::-moz-focus-inner,
input::-moz-focus-inner,
fieldset {
  border: 0;
}
/* images */
img {
  -ms-interpolation-mode: bicubic;
}
svg:not(:root) {
  overflow: hidden;
}
/* links & typography */
a:focus {
  outline: thin dotted;
}
a:hover,
a:active {
  outline: 0;
}
h1 {
  font-size: 2em;
}
p {
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -epub-hyphens: auto;
  hyphens: auto;
  margin: 0;
}
ol,
ul {
  list-style-type: none;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn,
em {
  font-style: italic;
}
small,
sub,
sup {
  font-size: 75%;
}
sub,
sup {
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
q {
  quotes: none;
}
q:before,
q:after {
  content: '';
  content: none;
}
mark {
  background: #ff0;
  color: #000;
}
pre,
code,
kbd,
samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em;
}
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}
nav ul,
nav ol,
.widget ol,
.widget ul,
.comment-list {
  list-style: none;
  list-style-image: none;
}
/* forms */
legend {
  *margin-left: -7px;
}
button,
input,
select,
textarea {
  font-size: 100%;
  vertical-align: baseline;
  *vertical-align: middle;
}
button,
input {
  line-height: normal;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
  *overflow: visible;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
tarea,
textarea {
  overflow: auto;
  vertical-align: top;
}
/* tables */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/* wordpress junk */
.wp-smiley,
.wp-wink {
  margin: 0 !important;
  max-height: 1em;
}
/******************************************************************
Site Name: 
Author: 

Stylesheet: Mixins & Constants Stylesheet

This is where you can take advantage of LESS' great features: 
Mixins & Constants. I won't go in-depth on how they work exactly,
there are a few articles below that will help do that. What I will
tell you is that this will help speed up simple changes like
changing a color or adding CSS3 techniques like box shadow and
border-radius.

A WORD OF WARNING: It's very easy to overdo it here. Be careful and
remember LESS is more. See what I did there? Nice.

******************************************************************/
/*********************
=1a CLEARFIXING GENESIS
What's this? Fixing floats is one
of the oldest headaches in web design.
Instead of using overflow:hidden, we
are going to clear them using a cool
trick used in the HTML5 Boilerplate:
http://nicolasgallagher.com/micro-clearfix-hack/
To do this though, we have to manually add
the items we want to clearfix here.
Kind of a pain, yes, but it's a much more
natural solution.
*********************/
#inner:before,
#inner:after,
#title-area:before,
#title-area:after,
.entry-content:before,
.entry-content:after,
.author-box:before,
.author-box:after,
.navigation:before,
.navigation:after,
.user-profile:before,
.user-profile:after,
.featuredpage:before,
.featuredpost:before,
.featuredpage:after,
.featuredpost:after,
.featuredpage .page:before,
.featuredpost .post:before,
.featuredpage .page:after,
.featuredpost .post:after,
#footer:before,
#footer:after,
#footer-widgets:before,
#footer-widgets:after,
.wrap:before,
.wrap:after,
#comments:before,
#respond:before,
#comments:after,
#respond:after,
.menu:before,
.menu:after,
.breadcrumb:before,
.breadcrumb:after {
  content: "";
  display: table;
}
#inner:after,
#title-area:after,
.entry-content:after,
.author-box:after,
.navigation:after,
.user-profile:after,
.featuredpage:after,
.featuredpost:after,
.featuredpage .page:after,
.featuredpost .post:after,
#footer:after,
.wrap:after,
#comments:after,
#respond:after,
#footer-widgets:after,
.menu:after,
.breadcrumb:after {
  clear: both;
}
#inner,
#title-area,
.entry-content,
.author-box,
.navigation,
.user-profile,
.featuredpage,
.featuredpost,
.featuredpage .page,
.featuredpost .post,
#footer,
.wrap,
#comments,
#respond,
#footer-widgets,
.menu,
.breadcrumb {
  zoom: 1;
}
/*********************
HIDING ELEMENTS
*********************/
.hidden {
  display: none;
  visibility: hidden;
}
/*********************
CLEARFIXIN'
*********************/
/* Contain floats: nicolasgallagher.com/micro-clearfix-hack/ */.clearfix {
  /* for IE */

  zoom: 1;
}
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
/*********************
TOOLS
*********************/
/* http://www.zeldman.com/2012/03/01/replacing-the-9999px-hack-new-image-replacement/ */
.image-replacement {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
/*********************
COLORS
Need help w/ choosing your colors? Try this site out:
http://0to255.com/
*********************/
/*********************
TYPOGRAPHY
*********************/
/* 	To embed your own fonts, use this syntax
	and place your fonts inside the 
	library/fonts folder. For more information
	on embedding fonts, go to:
	http://www.fontsquirrel.com/
	Be sure to remove the comment brackets.
*/
/*	@font-face {
    	font-family: 'Font Name';
    	src: url('../fonts/font-name.eot');
    	src: url('../fonts/font-name.eot?#iefix') format('embedded-opentype'),
             url('../fonts/font-name.woff') format('woff'),
             url('../fonts/font-name.ttf') format('truetype'),
             url('../fonts/font-name.svg#font-name') format('svg');
    	font-weight: normal;
    	font-style: normal;
	}
*/
/* 
use the best ampersand 
http://simplebits.com/notebook/2008/08/14/ampersands-2/
*/
span.amp {
  font-family: Baskerville, 'Goudy Old Style', Palatino, 'Book Antiqua', serif;
  font-style: italic;
}
/* alerts & notices */
.alert {
  margin: 10px;
  padding: 5px 18px;
  border: 1px solid;
}
.help {
  border-color: #e8dc59;
  background: #ebe16f;
}
.info {
  border-color: #cbe0f8;
  background: #e1edfb;
}
.error {
  border-color: #f8cdce;
  background: #fbe3e4;
}
.success {
  border-color: #deeaae;
  background: #e6efc2;
}
/*********************
BORDER RADIUS
*********************/
/* .borderRadius(4px); */
/* .borderRadius-left(4px); */
/* .borderRadius-right(4px); */
/* .borderRadius-bottom(4px); */
/* .borderRadius-top(4px); */
/*********************
TRANISTION
*********************/
/* .transition(all,2s); */
/*********************
CSS3 GRADIENTS
Be careful with these since they can 
really slow down your CSS. Don't overdue it.
*********************/
/* .css-gradient(#dfdfdf,#f8f8f8); */
/*********************
BOX SIZING
*********************/
/* .boxSizing(border-box); */
/*********************
BOX SHADOW
*********************/
/* .boxShadow(0 0 4px #444); */
/*********************
BUTTONS
*********************/
input[type=button],
input[type=submit],
.button,
.button:visited {
  border: 1px solid #a9cc80;
  border-top-color: #b8d596;
  border-left-color: #b8d596;
  padding: 4px 12px;
  margin: 8px 0px;
  color: #3c3828;
  display: inline-block;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
  cursor: pointer;
  margin-bottom: 20px;
  line-height: 21px;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  background-color: #bdd89d;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#c9dfaf), to(#bdd89d));
  background-image: -webkit-linear-gradient(top, #c9dfaf, #bdd89d);
  background-image: -moz-linear-gradient(top, #c9dfaf, #bdd89d);
  background-image: -o-linear-gradient(top, #c9dfaf, #bdd89d);
  background-image: -ms-linear-gradient(top, #c9dfaf, #bdd89d);
  background-image: linear-gradient(top, #c9dfaf, #bdd89d);
}
input[type=button]:hover,
input[type=submit]:hover,
.button:hover,
.button:visited:hover,
input[type=button]:focus,
input[type=submit]:focus,
.button:focus,
.button:visited:focus {
  color: #ffffff;
  border: 1px solid #a9cc80;
  border-top-color: #98c266;
  border-left-color: #98c266;
  background-color: #b0d08b;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#bdd89d), to(#b0d08b));
  background-image: -webkit-linear-gradient(top, #bdd89d, #b0d08b);
  background-image: -moz-linear-gradient(top, #bdd89d, #b0d08b);
  background-image: -o-linear-gradient(top, #bdd89d, #b0d08b);
  background-image: -ms-linear-gradient(top, #bdd89d, #b0d08b);
  background-image: linear-gradient(top, #bdd89d, #b0d08b);
}
input[type=button]:active,
input[type=submit]:active,
.button:active,
.button:visited:active {
  background-color: #c9dfaf;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#bdd89d), to(#c9dfaf));
  background-image: -webkit-linear-gradient(top, #bdd89d, #c9dfaf);
  background-image: -moz-linear-gradient(top, #bdd89d, #c9dfaf);
  background-image: -o-linear-gradient(top, #bdd89d, #c9dfaf);
  background-image: -ms-linear-gradient(top, #bdd89d, #c9dfaf);
  background-image: linear-gradient(top, #bdd89d, #c9dfaf);
}
/******************************************************************
BASE (MOBILE) SIZE 
This is the average viewing window. So Desktops, Laptops, and 
in general anyone not viewing on a mobile device. Here's where
you can add resource intensive styles.
******************************************************************/
/* styles in base.less */
/******************************************************************
Site Name: 
Author: 

Stylesheet: Base Mobile Stylesheet

Be light and don't over style since everything here will be
loaded by mobile devices. You want to keep it as minimal as
possible. If you set good, clean defaults you will only need
small touch ups on larger stylesheets.

******************************************************************/
html,
body {
  width: 100%;
  margin: 0px;
  padding: 0px;
  overflow-x: hidden;
}
body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 1.5;
  padding: 0px;
  margin: 8px 0px  0px 0px;
  background: url(/wp-content/themes/cccf/library/images/header-colors.png) repeat-x top center #e1f1ff;
}
/*********************
LINKS
*********************/
a,
a:visited {
  color: #3a5775;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #496e94;
  text-decoration: underline;
}
/*********************
Tables
*********************/
.stripeMe tr.alt {
  background-color: #e1edfb;
}
/*********************
SELECTION TEXT
*********************/
/*
::-moz-selection {
	background-color: @link-color;
	color: @white;
}

::selection {
	background-color: @link-color;
	color: @white;
}
*/
/*********************
BODY CLASSES
Remember, you want to keep mobile as light as possible so don't
overload it with background images. Save those for larger screens
and better connections.
*********************/
/* home page */
/* blog page */
/* archive page */
/* date archive page */
/* replace the number to the corresponding page number */
/* search page */
/* search result page */
/* no results search page */
/* individual paged search (i.e. body.search-paged-3) */
/* 404 page */
/* single post page */
/* individual post page by id (i.e. body.postid-73) */
/* individual paged single (i.e. body.single-paged-3) */
/* attatchment page */
/* individual attatchment page (i.e. body.attachmentid-763) */
/* style mime type pages */
/* author page */
/* user nicename (i.e. body.author-samueladams) */
/* paged author archives (i.e. body.author-paged-4) for page 4 */
/* category page */
/* individual category page (i.e. body.category-6) */
/* replace the number to the corresponding page number */
/* tag page */
/* individual tag page (i.e. body.tag-news) */
/* replace the number to the corresponding page number */
/* custom page template page */
/* individual page template (i.e. body.page-template-contact-php */
/* replace the number to the corresponding page number */
/* replace the number to the corresponding page number */
/* if user is logged in */
/* paged items like search results or archives */
/* individual paged (i.e. body.paged-3) */
/*********************
GRID & LAYOUT
no need to put anything here since there's no room for a grid
on mobile layouts. So, we save even more bytes here. :)
*********************/
#wrap {
  background-color: #ffffff;
  margin: 0;
  padding: 0;
}
/*
there are others you probably won't use at this size, so I 
removed them. Remember, keep things light.
*/
#inner {
  padding: 20px 0 0;
  margin: 0 auto;
}
/*********************
TITLES & HEADLINES
What's with the classes? It's a great way to keep
your CSS slim. Instead of adding another selector to
make a title look like an H1, you simply add the .h1
class to it. ( i.e. <h5 class="h1"> ). So easy.
*********************/
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5 {
  font-family: sans-serif;
  line-height: 1.25em;
  margin: 0 0 10px;
}
h1,
.h1 {
  font-size: 2em;
  font-family: 'Open Sans', Arial, serif;
  font-weight: 700;
}
h2,
.h2 {
  font-size: 1.6em;
  font-family: 'Open Sans', Arial, serif;
  font-weight: 700;
}
h3,
.h3 {
  font-size: 1.4em;
  font-family: 'Open Sans', Arial, serif;
  font-weight: 700;
}
h4,
.h4 {
  font-size: 1.25em;
}
h5,
.h5 {
  font-size: 1.125em;
}
.accessHide {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
/*********************
HEADER
*********************/
#headerWrap {
  background: url(/wp-content/themes/cccf/library/images/cccf-feature_image_thin_en_1.jpg) no-repeat bottom center #82a0c1;
  overflow: hidden;
}
.fr #headerWrap {
  background: url(/wp-content/themes/cccf/library/images/cccf-feature_image_thin_fr_1.jpg) no-repeat bottom center #82a0c1;
}
#headerStripWrap {
  background: url(/wp-content/themes/cccf/library/images/header-bg-strip.png) repeat-x top center;
}
#featurePicWrap {
  height: 360px;
  width: 960px;
  margin: -360px auto 0px auto;
  background-color: #ccc;
}
#header {
  width: 100%;
  min-height: 225px;
  background: url(/wp-content/themes/cccf/library/images/header-bg-en.png) no-repeat top center;
  /*********************
	HEADER WIDGET AREA
	*********************/

  /*********************
	HEADER SEARCH
	*********************/

  /*********************
	HEADER MENU
	*********************/

  /* end .menu */

}
#header .wrap {
  width: 960px;
  margin: 0 auto;
}
#header .widget-area {
  padding: 0 0 10px;
}
#header .searchform {
  text-align: center;
}
#header .s {
  margin: 0 -7px 0 0;
}
#header .menu {
  border: 1px solid #ddd;
  box-sizing: border-box;
}
/* end header */
#title-area {
  text-align: center;
}
#title {
  font-size: 2.25em;
  line-height: 1.125;
  text-transform: uppercase;
  text-align: center;
}
#title a,
#title a:visited {
  color: #333;
  text-decoration: none;
}
#description {
  font-size: 0.875em;
  text-align: center;
}
/*********************
IMAGE HEADER (PARTIAL)
*********************/
.header-image #title-area {
  height: 100px;
  overflow: hidden;
  text-indent: -9999;
  width: 100%;
  padding: 0;
}
/*********************
IMAGE HEADER (FULL)
*********************/
.header-full-width #title-area {
  width: 100%;
}
/*********************
NAVIGATION
*********************/
.menu {
  clear: both;
  color: #333;
}
.menu ul {
  list-style: none;
}
.menu li {
  /* 
		drop downs & sub menus 
		So I'm hiding these. Why? Because on mobile,
		every bit of space counts. Do you really want
		your users to have to scroll down for 2 min. just
		to read the article? This is why you'll want to
		really plan out your menu. You obviously don't
		have to do it this way, but it's an option. :) 
		*/

}
.menu li a {
  color: #333;
  display: block;
  font-size: 0.87em;
  position: relative;
  text-decoration: none;
  padding: 10px 3%;
  border-bottom: 1px solid #ddd;
  /* hover & current page highlight */

}
.menu li a:hover,
.menu li a:focus {
  background-color: #f2fbe7;
  color: #333;
}
.menu li ul {
  display: none;
  background: #F0F0F0;
  position: inherit;
}
.menu li li li a,
.menu li li li a:link,
.menu li li li a:visited {
  color: #ffffff;
}
.menu li .sub-menu {
  border: 1px solid #c9dfaf;
  width: 190px;
  padding: 0px;
}
.menu li .sub-menu li a {
  background-color: #ffffff;
  color: #565656;
  border-top: #c9dfaf 1px solid;
  padding: 4px 10px;
  width: 170px;
  /* hover & current page highlight */

}
.menu li .sub-menu li a:hover,
.menu li .sub-menu li a:focus {
  background-color: #f2fbe7;
  color: #333;
}
.menu li .sub-menu li.current-menu-item a,
.menu li .sub-menu li.current_page_item a,
.menu li .sub-menu li.current-cat a {
  background-color: #7392b4;
  color: #ffffff;
}
.menu li.current_page_parent a,
.menu li.current-menu-item a,
.menu li.current_page_item a,
.menu li.current-cat a {
  background-color: #f2fbe7;
  color: #837c62;
}
/* end .menu */
.menu-primary {
  margin: 2px 0px 0px 2px;
  padding: 0px;
}
.menu-secondary {
  border-top: 0;
}
/*********************
NAV EXTRAS
*********************/
#nav {
  /*********************
	NAV SEARCH
	*********************/

}
#nav li.right {
  /* hiding this for mobile */

  display: none;
}
#nav .s {
  background-color: #ffffff;
  margin: 2px 2px 0 0;
}
/*********************
SUBNAV
*********************/
/*********************
POSTS & CONTENT
*********************/
/* layout options */
/*********************
BREADCRUMBS
*********************/
.breadcrumb {
  font-size: 0.875em;
  padding: 5px 10px;
  margin: 0 20px 20px;
  background-color: #f5f5f5;
  border: 1px solid #ddd;
}
/*********************
DESCRIPTIONS
*********************/
.taxonomy-description {
  background-color: #ffffff;
  margin: 0 20px 20px;
}
.taxonomy-description h1 {
  font-size: 0.875em;
  margin: 0;
  padding: 9px 10px 8px;
  background-color: #f5f5f5;
  border-bottom: 1px solid #ddd;
}
.taxonomy-description p {
  font-size: 0.875em;
  padding: 15px;
}
.archive-page {
  padding: 20px 0 0;
}
.archive-page ul,
.archive-page ol {
  padding-bottom: 25px;
}
.archive-page ul ul,
.archive-page ol ul {
  padding-bottom: 0;
}
/* archive page */
/*********************
POST CLASSES
*********************/
.post {
  padding: 0 20px;
  margin: 0 0 40px;
}
.page {
  padding: 0px;
}
.sticky {
  background-color: #f5f5f5;
  margin: -10px 0 40px;
  padding: 20px;
}
/*********************
POST INFO
*********************/
.post-info {
  font-size: 0.875em;
  margin: -5px 0 15px;
}
/*********************
ENTRY CONTENT
*********************/
.entry-content {
  /* lists */

  /*********************
    BLOCKQUOTES
    *********************/

  /*********************
    DATALISTS
    *********************/

  /*********************
    POST IMAGES
    *********************/

  /*********************
    POST VIDEOS
    *********************/

}
.entry-content p {
  padding: 0 0 25px;
  color: #565656;
}
.entry-content ul,
.entry-content ol {
  padding-bottom: 25px;
}
.entry-content ul ul,
.entry-content ol ul,
.entry-content ul ol,
.entry-content ol ol {
  padding-bottom: 0;
}
.entry-content ul {
  list-style: square;
}
.entry-content ol {
  list-style: decimal;
}
.entry-content li {
  margin-left: 30px;
}
.entry-content .entry-content blockquote {
  margin: 5px 5px 20px;
  padding: 25px 30px 5px;
}
.entry-content .entry-content blockquote p {
  color: #999;
  font-style: italic;
}
.entry-content img {
  height: auto;
  max-width: 100%;
}
.entry-content .post-image {
  margin: 0 10px 10px 0;
  background-color: #f5f5f5;
  border: 1px solid #ddd;
  padding: 4px;
}
.entry-content .alignnone,
.entry-content img.alignnone {
  display: inline;
  margin: 0 0 10px;
}
.entry-content .alignleft,
.entry-content img.alignleft {
  display: inline;
  float: left;
  margin: 0 15px 10px 0;
}
.entry-content .alignright,
.entry-content img.alignright {
  display: inline;
  float: right;
  margin: 0 0 10px 15px;
}
.entry-content .aligncenter,
.entry-content img.aligncenter,
.entry-content .entry_content .centered {
  display: block;
  margin: 0 auto 10px;
}
.entry-content pre {
  font-size: 0.875em;
  padding: 10px;
  background: #f5f5f5;
  border: 1px solid #ddd;
}
/* end entry-content */
/*********************
ENTRY CONTENT
*********************/
.entry-content blockquote {
  padding-left: 70px;
}
.entry-content ul,
.entry-content ol {
  position: relative;
  padding: 21px;
  margin: 20px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  background: #CFDEF0;
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#cfdef0), to(#f0f5fb));
  background: -webkit-linear-gradient(#cfdef0, #f0f5fb);
  background: -moz-linear-gradient(#cfdef0, #f0f5fb);
  background: -ms-linear-gradient(#cfdef0, #f0f5fb);
  background: -o-linear-gradient(#cfdef0, #f0f5fb);
  background: linear-gradient(#cfdef0, #f0f5fb);
  -pie-background: linear-gradient(#cfdef0, #f0f5fb);
  behavior: url(/wp-content/themes/cccf/library/css/PIE.htc);
}
.entry-content ul ul,
.entry-content ul ol,
.entry-content ol ul {
  padding: 0px;
  margin: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  background: none;
  -pie-background: none;
}
/* end entry-content */
/*********************
WP-CAPTION
*********************/
.wp-caption {
  padding: 5px;
  text-align: center;
}
.wp-caption .wp-caption-text {
  font-size: 0.875em;
  padding: 5px 0;
}
/*********************
POST GALLERIES
*********************/
/* end gallery */
/*********************
POST META
*********************/
/*********************
AUTHOR BOX
*********************/
.author-box {
  background-color: #f5f5f5;
  margin: 0 20px 40px;
  padding: 10px;
}
.author-box p {
  font-size: 0.875em;
}
.author-box .avatar {
  background-color: #ffffff;
  float: left;
  margin: 0 10px 0 0;
}
/* end author-box */
/*********************
FEATURED POSTS
*********************/
.genesis-grid-even,
.genesis-grid-odd {
  margin: 0 0 20px;
  padding: 0 0 15px;
  width: 48%;
}
.genesis-grid-even {
  float: left;
}
.genesis-grid-odd {
  float: right;
  clear: both;
}
.featuredpage,
.featuredpost {
  clear: both;
  margin: 0 0 15px;
}
.featuredpage img,
.featuredpost img {
  background: #f5f5f5;
  border: 1px solid #ddd;
  padding: 4px;
}
.featuredpage .page,
.featuredpost .page,
.featuredpage .post,
.featuredpost .post {
  border-bottom: 1px solid #ddd;
  margin: 0 0 5px;
  padding: 5px 15px 10px;
}
.more-from-category {
  padding: 5px 15px 0;
}
/*********************
=3h POST NAVIGATION
*********************/
.navigation {
  font-size: 0.875em;
  padding: 20px 0;
  margin: 0 20px 20px;
}
.navigation li {
  display: inline;
}
.navigation li a {
  border: 1px solid #ddd;
  padding: 5px 8px;
}
.navigation li a:hover {
  background-color: #f5f5f5;
}
.navigation li.active a {
  background-color: #f5f5f5;
}
/*********************
SIDEBARS & ASIDES
*********************/
.sidebar {
  /* sidebar search */

}
.sidebar p {
  font-size: inherit;
  line-height: inherit;
}
.sidebar .searchform {
  padding: 5px 0 0 15px;
}
/* end sidebar */
/*********************
SIDEBAR ALTERATIONS
*********************/
/*********************
WIDGET STYLES
*********************/
.widget {
  font-size: 0.875em;
  background: #ffffff;
  border: 1px solid #ddd;
  padding: 0 0 15px;
  margin: 0 20px 20px;
}
.widget h4 {
  margin: 0 0 5px;
  background-color: #f5f5f5;
  border-bottom: 1px solid #ddd;
  font-size: 0.875em;
  padding: 9px 10px 8px;
}
.widget ul,
.widget ol {
  padding: 5px 15px 0;
}
.widget li {
  border-bottom: 1px solid #ddd;
  margin: 0 0 7px;
  padding: 0 0 5px;
  word-wrap: break-word;
  /* remove the border for the last item in a list */

}
.widget li:last-child {
  border-bottom: 0;
}
/* end widget */
/* links widget */
/* end links widget */
/* meta widget */
/* end meta widget */
/* pages widget */
/* end pages widget */
/* recent-posts widget */
/* end recent post widget */
/* archives widget */
/* end archives widget */
/* tag-cloud widget */
.widget_tag_cloud div div {
  padding: 5px 15px 0;
}
/* calendar widget */
#wp-calendar {
  width: 100%;
}
#wp-calendar thead {
  background-color: #f5f5f5;
  font-weight: 700;
  margin: 10px 0 0;
}
#wp-calendar td {
  background-color: #f5f5f5;
  padding: 2px;
  text-align: center;
}
#wp-calendar caption {
  font-size: 0.75em;
  font-style: italic;
  padding: 2px 5px 0 0;
  text-align: right;
}
/* category widget */
/* recent-comments widget */
/* search widget */
/* text widget */
.textwidget {
  padding: 5px 15px 0;
}
/* eNews and Update Widget */
.enews p {
  padding: 5px 15px;
}
.enews #subscribe {
  padding: 0 0 0 15px;
}
.enews #subbox {
  margin: 5px -7px 0 0;
  padding: 6px 5px;
  width: 75%;
}
/* User Profile Widget */
.user-profile p {
  padding: 10px 15px 0;
}
.user-profile .posts_link {
  padding: 0 15px;
}
/*********************
COMMENT STYLES
**********************/
#comments {
  margin: 0 0 15px;
  padding: 0 20px;
}
/* end comments */
.subscribe-to-comments {
  padding: 20px 0 10px;
}
.comment-list {
  /* vcard */

  /* end .commentlist .vcard */
}
.comment-list li {
  font-weight: 700;
  margin: 15px 0 5px;
  padding: 10px 5px 10px 10px;
}
.comment-list li ul.children {
  /* variations */

  /* change number for different depth */

}
.comment-list li ul.children li {
  margin-left: 10px;
  margin-right: -6px;
}
.comment-list li.depth-1 {
  border: 1px solid #ddd;
}
.comment-list .alt {
  border: 1px solid #ddd;
}
.comment-list .even {
  border: 1px solid #ddd;
}
.comment-list .thread-alt {
  background-color: #f5f5f5;
}
.comment-list .thread-even {
  background-color: #f5f5f5;
}
.comment-list .vcard cite.fn {
  font-style: normal;
}
.comment-list .vcard .commentmetadata {
  margin: 0 0 5px;
  font-size: 0.75em;
}
.comment-list .vcard img.avatar {
  background: #ffffff;
  float: right;
  margin: 0 5px 0 10px;
}
.comment-list .comment-content p {
  font-size: 0.875em;
  padding: 0 0 20px;
}
.comment-list .comment-content .reply {
  font-weight: 300;
  font-weight: 0.875em;
}
/* end comment-list */
/*********************
PING LIST
*********************/
.ping-list {
  margin: 0 0 40px;
}
.ping-list li {
  font-weight: 700;
  margin: 15px 0 5px;
  padding: 10px 5px 10px 10px;
}
.ping-list cite {
  font-style: normal;
}
/* end ping list */
/**********************
COMMENT FORM STYLES
*********************/
#respond {
  margin: 0 0 15px;
  padding: 0 20px;
}
#author,
#email,
#url,
#comment {
  margin: 10px 5px 0 0;
  padding: 5px;
  width: 250px;
}
#comment {
  height: 150px;
  margin: 10px 0;
  width: 98%;
}
/*********************
FORM VALIDATION
*********************/
/*********************
NO COMMENTS
*********************/
.nocomments {
  text-align: center;
}
/*********************
FOOTER STYLES
*********************/
#footer {
  background-color: #e1f1ff;
  border-top: none;
  clear: both;
  color: #999;
  font-size: 0.875em;
}
#footer .wrap {
  padding: 10px 10px;
  width: 940px;
  margin: 0 auto;
}
#footer a,
#footer a:visited {
  color: #f5f5f5;
}
#footer a a:hover,
#footer a:visited a:hover,
#footer a a:focus,
#footer a:visited a:focus {
  color: #ffffff;
  text-decoration: none;
}
/* end footer */
.gototop,
.creds {
  text-align: center;
}
/*********************
FOOTER WIDGETS 
*********************/
#footer-widgets {
  background: url(/wp-content/themes/cccf/library/images/footer-colors-bg.jpg) repeat-x top center #e1f1ff;
  border-top: 1px solid #ddd;
  clear: both;
  padding-top: 60px;
  /* overrides for the featured posts */

  /* override for tag cloud */

  /* override for the text widgets */

  /* override for the calendar widget */

}
#footer-widgets .wrap {
  padding: 60px 10px 40px;
  width: 940px;
  margin: 0 auto;
  background: url(/wp-content/themes/cccf/library/images/footer-vert-dividers.jpg) no-repeat top center;
}
#footer-widgets h4 {
  background: none;
  border: none;
  margin: 0 0 5px;
  padding: 0;
}
#footer-widgets p {
  font-size: inherit;
  line-height: inherit;
  padding: 0 0 10px;
}
#footer-widgets .widget {
  background: none;
  border: 0;
  margin: 0 0 15px;
  padding: 20px 20px 0;
}
#footer-widgets .widget ul,
#footer-widgets .widget ol {
  padding: 0;
}
#footer-widgets .featuredpage .page,
#footer-widgets .featuredpost .post {
  margin: 0 0 10px;
  padding: 0;
}
#footer-widgets .widget_tag_cloud div div {
  padding: 0;
}
#footer-widgets .textwidget {
  padding: 0;
}
#footer-widgets #wp-calendar thead,
#footer-widgets #wp-calendar td {
  background: none;
}
/* end footer widgets */
/*********************
GRAVITY FORM STYLES 
*********************/
div.gform_wrapper .ginput_complex label {
  font-size: 0.875em;
}
div.gform_wrapper input,
div.gform_wrapper select,
div.gform_wrapper textarea {
  box-sizing: border-box;
  color: #333;
  font-family: sans-serif;
  font-size: 0.875em !important;
  padding: 4px 5px !important;
}
div.gform_wrapper li,
div.gform_wrapper form li {
  margin: 0 0 10px;
}
div.gform_wrapper .gform_footer {
  border: none;
  margin: 0;
  padding: 0;
}
div.gform_wrapper .gform_footer input.button {
  color: #333;
}
/* end gform_wrapper */
/*********************
Home Layout 
*********************/
#homeTopicsWrapper {
  background: url(/wp-content/themes/cccf/library/images/home-topic-bg.jpg) no-repeat top left;
  min-height: 96px;
  padding: 0px 10px 20px 10px;
}
#homeTopicsWrapper .post {
  float: right;
  width: 90%;
  padding: 0px;
  margin: 20px 0px 0px 18px;
}
#homeTopicsWrapper .entry-title {
  font-size: 12px;
}
#homeTopicsWrapper .entry-content {
  font-size: 12px;
}
#homeTopicsWrapper .entry-content img {
  margin-top: 0px;
}
#homeTopicsWrapper .post-info,
#homeTopicsWrapper .post-meta {
  display: none;
}
#homeTopicsWrapper .more-link {
  font-weight: bold;
}
#homeTopicsNav {
  float: right;
  margin-right: 20px;
}
#homeTopicsNav a {
  background-color: #a3bedd;
  font-size: 8px;
  font-family: verdana;
  font-weight: bold;
  padding: 1px 4px 2px 4px;
  margin: 0px 2px;
  width: 10px;
  display: inline-block;
  text-align: center;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
#homeTopicsNav a.activeSlide {
  background-color: #7392b4;
  color: #fff;
}
#homeNewsWrapper {
  clear: both;
  background: url(/wp-content/themes/cccf/library/images/home-news-bg.jpg) no-repeat top left;
  min-height: 310px;
  padding: 30px 10px 20px 10px;
}
#homeNewsWrapper h2 {
  font-size: 18px;
  font-weight: 700;
}
#homeNewsWrapper .post {
  width: 90%;
  padding: 20px 10px 0px 10px;
  margin: 0px 20px 0px 0px;
  border-top: 1px solid #b9b6a7;
}
#homeNewsWrapper .entry-title {
  font-size: 14px;
}
#homeNewsWrapper .post-info,
#homeNewsWrapper .post-meta {
  display: none;
}
#homeNewsWrapper .more-link {
  font-weight: bold;
}
#homeNewsWrapper .navigation {
  display: none;
}
hr {
  background: url(/wp-content/themes/cccf/library/images/dot-grey.png) 0px 100% repeat-x;
  border: 0;
}
body.page-id-43 tr {
  border-top: solid 1px #cccccc;
}
/*********************
Store Product Links 
*********************/
a.storeProductLink:hover,
a.memberDocLink:hover,
a.memberJoinLink:hover {
  background: #D0DFF0;
  color: #3A5775;
  text-decoration: none;
}
ul.products li.product h3 {
  font-size: 0.9em;
}
.woocommerce #content .nav-previous,
.woocommerce #content .nav-next {
  float: left;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  background: #E4E4E4;
  padding: 4px 14px;
}
.woocommerce #content .nav-next {
  float: right;
}
#dropdown_product_cat {
  margin: 10px;
}
.widget_product_search form div {
  margin: 10px;
}
.widget_shopping_cart p {
  margin-left: 15px;
}
a.storeProductLink,
a.memberDocLink,
a.memberJoinLink {
  position: relative;
  display: block;
  margin: 0 auto;
  text-align: center;
  padding: 15px;
  width: 300px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  background: #3A5775;
  behavior: url(/wp-content/themes/cccf/library/css/PIE.htc);
  font-size: 17px;
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
}
/*********************
Members Area
*********************/
.membershipLeft {
  position: relative;
  width: 500px;
  padding: 20px;
  float: left;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  background: #D2E4BD;
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#d2e4bd), to(#ffffff));
  background: -webkit-linear-gradient(#d2e4bd, #ffffff);
  background: -moz-linear-gradient(#d2e4bd, #ffffff);
  background: -ms-linear-gradient(#d2e4bd, #ffffff);
  background: -o-linear-gradient(#d2e4bd, #ffffff);
  background: linear-gradient(#d2e4bd, #ffffff);
  -pie-background: linear-gradient(#d2e4bd, #ffffff);
  behavior: url(/wp-content/themes/cccf/library/css/PIE.htc);
}
.membershipRight {
  position: relative;
  width: 320px;
  padding: 20px;
  float: right;
  margin-right: 20px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  background: #B2CAE4;
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#b2cae4), to(#e6eff9));
  background: -webkit-linear-gradient(#b2cae4, #e6eff9);
  background: -moz-linear-gradient(#b2cae4, #e6eff9);
  background: -ms-linear-gradient(#b2cae4, #e6eff9);
  background: -o-linear-gradient(#b2cae4, #e6eff9);
  background: linear-gradient(#b2cae4, #e6eff9);
  -pie-background: linear-gradient(#b2cae4, #e6eff9);
  behavior: url(/wp-content/themes/cccf/library/css/PIE.htc);
}
.membershipJoinBox {
  position: relative;
  text-align: center;
  padding: 20px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  background: #FFF;
  behavior: url(/wp-content/themes/cccf/library/css/PIE.htc);
}
a.joinBtn,
a.sidebarJoinBtn {
  position: relative;
  font-size: 22px;
  font-weight: bold;
  text-transform: uppercase;
  display: block;
  margin: 0 auto;
  width: 200px;
  border: 1px solid #696;
  padding: 20px 0px;
  text-align: center;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: #666 0px 2px 3px;
  -moz-box-shadow: #666 0px 2px 3px;
  box-shadow: #666 0px 2px 3px;
  background: #D2E4BD;
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#d2e4bd), to(#dfefcd));
  background: -webkit-linear-gradient(#d2e4bd, #dfefcd);
  background: -moz-linear-gradient(#d2e4bd, #dfefcd);
  background: -ms-linear-gradient(#d2e4bd, #dfefcd);
  background: -o-linear-gradient(#d2e4bd, #dfefcd);
  background: linear-gradient(#d2e4bd, #dfefcd);
  -pie-background: linear-gradient(#d2e4bd, #dfefcd);
  behavior: url(/wp-content/themes/cccf/library/css/PIE.htc);
}
a.sidebarJoinBtn {
  font-size: 16px;
  width: 250px;
  padding: 10px 0px 8px 0px;
  margin: 0px;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}
a.joinBtn:hover,
a.sidebarJoinBtn:hover {
  position: relative;
  text-decoration: none;
  color: #fff;
  background: #99B07D;
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#99b07d), to(#f0f8e7));
  background: -webkit-linear-gradient(#99b07d, #f0f8e7);
  background: -moz-linear-gradient(#99b07d, #f0f8e7);
  background: -ms-linear-gradient(#99b07d, #f0f8e7);
  background: -o-linear-gradient(#99b07d, #f0f8e7);
  background: linear-gradient(#99b07d, #f0f8e7);
  -pie-background: linear-gradient(#99b07d, #f0f8e7);
  behavior: url(/wp-content/themes/cccf/library/css/PIE.htc);
}
.membershipOptionBox {
  position: relative;
  padding: 20px 20px;
  text-align: center;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  background: #EBF1E7;
  behavior: url(/wp-content/themes/cccf/library/css/PIE.htc);
}
/****************************
Interactions Archive Page
****************************/
body.interaction-archive table,
body.archives-du-magazine-interaction table {
  border: solid 1px #e1edfb;
}
body.interaction-archive table td,
body.archives-du-magazine-interaction table td {
  padding: 2% ;
  font-size: 0.8rem;
}
body.interaction-archive table th,
body.archives-du-magazine-interaction table th {
  padding: 1% ;
  background: #3a5775;
  color: #ffffff;
}
body.interaction-archive table ul,
body.archives-du-magazine-interaction table ul {
  padding: 0px;
  margin: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  background: none;
  -pie-background: none;
  font-size: 0.7rem;
}
body.interaction-archive table .memberDocLink,
body.archives-du-magazine-interaction table .memberDocLink {
  width: 30px;
  height: 30px;
}
#search-3 .widgettitle {
  display: none;
}
/****************************
French
****************************/
body.home .fr #homeCartBtn {
  background: url(/wp-content/themes/cccf/library/images/home-store-btn-fr.jpg) no-repeat top center;
}
body.home .fr #homeMembersBtn {
  background: url(/wp-content/themes/cccf/library/images/home-members-btn-fr.jpg) no-repeat top center;
}
body.home .fr #homeNewsletterBtn {
  background: url(/wp-content/themes/cccf/library/images/home-newsletter-btn-fr.jpg) no-repeat top center;
}
body .fr .am-body-content .showEn {
  display: none;
}
body .en .am-body-content .showFr {
  display: none;
}
.events .entry-content ul {
  position: relative;
  padding: 21px;
  margin: 20px;
  border: none;
  background: none;
}
/****************************
Give Page
****************************/
a.giveBackBtn {
  float: right;
  position: relative;
  display: block;
  margin: -40px auto 0 auto;
  text-align: center;
  padding: 4px 12px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  background: #3A5775;
  behavior: url(/wp-content/themes/cccf/library/css/PIE.htc);
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
}
a.giveBackBtn:hover {
  background: #D0DFF0;
  color: #3A5775;
  text-decoration: none;
}
#menu-ece li,
#menu-epe li {
  width: 95%;
}
#header .gsc-search-button {
  display: none;
}
#header .widget {
  height: 25px;
}
.gsc-input-box input.gsc-input {
  font-size: 12px;
  background-image: none;
}
/******************************************************************
TABLET & MID-RANGE STYLES
This is used for tablets like iPads and Android tablets or if 
someone resizes their browser to a medium size. Here, we'll add
to our already simple base styles.
******************************************************************/
@media only screen and (min-width: 600px) and (max-width: 959px) {
  /* styles in 600up.less */
  /******************************************************************
  Site Name: 
  Author: 
  
  Stylesheet: Standard Desktop
  
  This is your standard view. It's what most of your visitors will
  see and it will be on a good connection so we can really add some
  hefty styles here.
  
  ******************************************************************/
  /*********************
  GRID & LAYOUT
  We have room now so start working in our grid and lay things out
  a bit more. Things should still be light, but you can customize it
  a bit for a unique tablet experience.
  *********************/
  .five-sixths,
  .four-fifths,
  .four-sixths,
  .one-fifth,
  .one-fourth,
  .one-half,
  .one-sixth,
  .one-third,
  .three-fifths,
  .three-fourths,
  .three-sixths,
  .two-fifths,
  .two-fourths,
  .two-sixths,
  .two-thirds {
    float: left;
    margin: 0 0 20px;
    padding-left: 3%;
  }
  .one-sixth {
    width: 14%;
  }
  .one-fifth {
    width: 17.4%;
  }
  .one-fourth {
    width: 22.5%;
  }
  .one-third,
  .two-sixths {
    width: 31%;
  }
  .two-fifths {
    width: 37.8%;
  }
  .one-half,
  .three-sixths,
  .two-fourths {
    width: 48%;
  }
  .three-fifths {
    width: 58.2%;
  }
  .four-sixths,
  .two-thirds {
    width: 65%;
  }
  .three-fourths {
    width: 73.5%;
  }
  .four-fifths {
    width: 78.6%;
  }
  .five-sixths {
    width: 82%;
  }
  .first {
    clear: both;
    padding-left: 0;
  }
  /*********************
  WRAPS & INNER
  *********************/
  #wrap {
    margin: 0px auto;
  }
  #content-sidebar-wrap {
    width: 750px;
    float: left;
  }
  .content-sidebar #content-sidebar-wrap,
  .full-width-content #content-sidebar-wrap,
  .sidebar-content #content-sidebar-wrap {
    width: 100%;
  }
  .sidebar-content-sidebar #content-sidebar-wrap,
  .sidebar-sidebar-content #content-sidebar-wrap {
    float: right;
  }
  #innerWrap {
    background: url(/wp-content/themes/cccf/library/images/inner-bg.jpg) repeat-y top center #ffffff;
  }
  #inner {
    padding: 10px;
    width: 940px;
    margin: 0px auto ;
    background: #fff;
    z-index: 2;
  }
  /*********************
  HEADER
  *********************/
  #header {
    /*********************
  	HEADER WIDGET AREA
  	*********************/
  
    /*********************
  	HEADER SEARCH
  	*********************/
  
  }
  #header .widget-area {
    float: right;
    padding: 14px 20px 0 0;
    width: 300px;
    height: 30px;
  }
  #header .widget {
    border: none;
    margin: 0;
  }
  #header .searchform {
    float: right;
    padding: 0px 0 0;
  }
  #header .s {
    margin: 10px -7px 0 0;
    border: solid 1px #c9dfaf;
    padding: 4px;
    color: #999999;
  }
  #header .searchsubmit {
    display: none;
  }
  #header #title a {
    display: block;
    height: 200px;
    margin-top: -150px;
  }
  /* end header */
  #title-area {
    width: 630px;
    /* 760 */
  
    float: left;
    text-align: left;
    padding: 0px;
  }
  #busHeaderNav {
    width: 220px;
    float: right;
    text-align: right;
    text-transform: uppercase;
    margin-top: 25px;
    color: #b9b6a7;
    font-size: 11px;
  }
  #title {
    width: 380px;
    text-align: left;
    display: inline-block;
  }
  #description {
    text-align: left;
  }
  /*********************
  IMAGE HEADER (PARTIAL)
  *********************/
  .header-image #title-area {
    float: left;
    width: 380px;
  }
  #homeFeaturePicBgWrapper {
    display: none;
  }
  #homeFeaturePicBgWrapper1 {
    background: url(/wp-content/themes/cccf/library/images/feature_image.jpg) no-repeat top center;
    height: 390px;
    overflow: hidden;
  }
  #homefeatureContentWrapper {
    display: none;
  }
  /*********************
  NAVIGATION
  *********************/
  .menu {
    clear: both;
    color: #333;
    overflow: hidden;
    /*********************
  	NAV EXTRAS
  	*********************/
  
  }
  .menu li#menu-item-134 a,
  .menu li#menu-item-191 a {
    padding: 10px 30px 10px;
    color: #ffffff;
    text-shadow: 1px 1px 3px #000;
    background: url(/wp-content/themes/cccf/library/images/nav-donate-bg.png) repeat-x top center;
  }
  .menu li#menu-item-134 a:hover,
  .menu li#menu-item-191 a:hover,
  .menu li#menu-item-134 a:focus,
  .menu li#menu-item-191 a:focus {
    background-image: none;
    background-color: #a3bedd;
    color: #ffffff;
  }
  .menu li#menu-item-134.current-menu-item a,
  .menu li#menu-item-134.current-cat a,
  .menu li#menu-item-134.current_page_item a,
  .menu li#menu-item-191.current-menu-item a,
  .menu li#menu-item-191.current-cat a,
  .menu li#menu-item-191.current_page_item a {
    color: #ffffff;
    background-color: #a3bedd;
    background-image: none;
  }
  .menu li#menu-item-134.current-menu-item a:hover,
  .menu li#menu-item-134.current-cat a:hover,
  .menu li#menu-item-134.current_page_item a:hover,
  .menu li#menu-item-191.current-menu-item a:hover,
  .menu li#menu-item-191.current-cat a:hover,
  .menu li#menu-item-191.current_page_item a:hover,
  .menu li#menu-item-134.current-menu-item a:focus,
  .menu li#menu-item-134.current-cat a:focus,
  .menu li#menu-item-134.current_page_item a:focus,
  .menu li#menu-item-191.current-menu-item a:focus,
  .menu li#menu-item-191.current-cat a:focus,
  .menu li#menu-item-191.current_page_item a:focus {
    background-color: #a3bedd;
    color: #ffffff;
  }
  .menu li {
    float: left;
    /* 
  		drop downs & sub menus 
  		So I'm hiding these. Why? Because on mobile,
  		every bit of space counts. Do you really want
  		your users to have to scroll down for 2 min. just
  		to read the article? This is why you'll want to
  		really plan out your menu. You obviously don't
  		have to do it this way, but it's an option. :) 
  		*/
  
    /* show sub-menu on hover */
  
  }
  .menu li a {
    display: block;
    padding: 10px 20px 10px 20px;
    border-bottom: 0;
    font-weight: bold;
    /* hover & current page highlight */
  
  }
  .menu li ul {
    display: block;
    position: absolute;
    height: auto;
    left: -9999em;
    margin: 0 0 0 -1px;
    width: 160px;
    z-index: 8999;
  }
  .menu li ul a {
    width: 140px;
  }
  .menu li ul li:first-child a {
    border-top: 1px solid #ddd;
  }
  .menu li ul ul {
    margin: -30px 0 0 159px;
  }
  .menu li:hover > ul {
    left: auto;
  }
  .menu li li li a,
  .menu li li li a:link,
  .menu li li li a:visited {
    background-color: #ffffff;
    color: #333;
    border: 1px solid #ddd;
    border-top: 0;
    font-size: 0.75em;
    padding: 5px 10px;
    width: 138px;
    text-transform: none;
  }
  .menu li li li a:hover,
  .menu li li li a:link:hover,
  .menu li li li a:visited:hover,
  .menu li li li a:focus,
  .menu li li li a:link:focus,
  .menu li li li a:visited:focus {
    background-color: #f5f5f5;
  }
  .menu li.right {
    display: inherit;
    float: right;
    font-size: 0.875em;
    padding: 5px 15px 4px;
  }
  .menu li.right a {
    background: none;
    border: 0;
    display: inline;
    font-size: inherit;
  }
  .menu li.right a:hover {
    color: #0d72c7;
  }
  /* end .menu */
  .menu-secondary {
    border-top: 0;
  }
  /*********************
  NAV SEARCH
  *********************/
  #nav {
    width: 940px;
    height: 55px;
    margin: -15px auto 0 auto;
    z-index: 99;
    background: url(/wp-content/themes/cccf/library/images/main-nav-bar.png) no-repeat top center;
    position: relative;
  }
  #nav .s {
    background-color: #ffffff;
    margin: 2px 2px 0 0;
  }
  /*********************
  POSTS & CONTENT
  *********************/
  #content {
    float: left;
    padding: 10px 10px ;
    width: 410px;
  }
  /* layout options */
  .content-sidebar #content,
  .sidebar-content #content {
    width: 625px;
  }
  .sidebar-content #content,
  .sidebar-sidebar-content #content {
    float: right;
  }
  .full-width-content #content {
    width: 880px;
  }
  /*********************
  BREADCRUMBS
  *********************/
  .breadcrumb {
    margin: -10px 0 30px;
    background: url(/wp-content/themes/cccf/library/images/dot-grey.png) 0px 100% repeat-x;
    background-color: none;
    border: none;
  }
  /*********************
  DESCRIPTIONS
  *********************/
  .taxonomy-description {
    margin: -10px 0 30px;
  }
  .archive-page {
    float: left;
    width: 45%;
  }
  /*********************
  POST CLASSES
  *********************/
  .post,
  .page {
    padding: 0;
  }
  .post-meta {
    border-top: 1px solid #ddd;
    clear: both;
    font-size: 0.875em;
    padding: 5px 0 0;
  }
  /*********************
  AUTHOR BOX
  *********************/
  .author-box {
    margin: 0 0 40px;
  }
  /*********************
  POST NAVIGATION
  *********************/
  .navigation {
    margin: 0;
  }
  /*********************
  SIDEBAR ALTERATIONS
  *********************/
  #sidebar {
    float: right;
    display: inline;
    width: 280px;
  }
  #sidebar-alt {
    float: left;
    width: 150px;
  }
  .sidebar-content #sidebar,
  .sidebar-sidebar-content #sidebar {
    float: left;
  }
  .content-sidebar-sidebar #sidebar-alt {
    float: right;
  }
  /*********************
  WIDGET STYLES
  *********************/
  .widget {
    margin: 0 0 15px;
  }
  /*********************
  COMMENT STYLES
  **********************/
  #comments,
  #respond {
    padding: 0;
  }
  /*********************
  FOOTER STYLES
  *********************/
  .gototop {
    float: left;
    text-align: left;
    width: 30%;
  }
  .creds {
    float: right;
    text-align: right;
    width: 65%;
  }
  /*********************
  FOOTER WIDGETS 
  *********************/
  #footer-widgets {
    background-color: #e1f1ff;
  }
  #footer-widgets .wrap {
    padding: 30px 30px 40px;
  }
  #footer-widgets .widget {
    padding: 0;
  }
  #footer-widgets .footer-widgets-1 {
    float: left;
    width: 648px;
    font-weight: bold;
  }
  #footer-widgets .footer-widgets-1 .footerBannerBox {
    margin-bottom: 10px;
    border: solid 1px #6D869F;
    width: 640px;
    overflow: hidden;
  }
  #footer-widgets .footer-widgets-3 {
    float: right;
    width: 230px;
    padding: 30px;
  }
  /* end footer widgets */
  /*********************
  Home 
  *********************/
  body.home #headerWrap {
    height: 390px;
    background: #82A0C1;
  }
  body.home #headerStripWrap {
    margin-top: -390px;
    height: 390px;
    position: relative;
  }
  body.home #homeFeaturePicBgWrapper {
    height: 390px;
    overflow: hidden;
    display: block;
  }
  body.home .homeFeaturePicBg {
    height: 390px;
    overflow: hidden;
  }
  body.home #homefeatureContentWrapper {
    display: block;
    width: 960px;
    margin: -300px auto 0px auto;
    overflow: hidden;
  }
  body.home #homefeatureContentWrapper #homefeatureContent {
    margin-left: 480px;
    overflow: hidden;
    width: 474px;
    height: 270px;
  }
  body.home #homefeatureContentWrapper #homefeatureContent .post-meta {
    display: none;
  }
  body.home #homefeatureContentWrapper #homefeatureContent .featureBgImage {
    display: none;
  }
  body.home #homefeatureContentWrapper #homeFeatureNav {
    position: relative;
    margin: 0px 0px 0px 0px;
    width: 255px;
    text-align: center;
    float: right;
  }
  body.home #homefeatureContentWrapper #homeFeatureNav li {
    margin: 0px 2px;
    padding: 0px;
    float: left;
  }
  body.home #homefeatureContentWrapper #homeFeatureNav li a {
    display: block;
    background-color: #fff;
    height: 10px;
    width: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
  }
  body.home #homefeatureContentWrapper #homeFeatureNav li a span {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
  }
  body.home #homefeatureContentWrapper #homeFeatureNav li.activeSlide a {
    background-color: #7392b4;
  }
  body.home #homefeatureContentWrapper .post-image {
    display: none;
  }
  body.home #header {
    height: 390px;
  }
  body.home #inner {
    padding: 0 10px;
    width: 940px;
    margin: 0px auto;
  }
  body.home #content {
    padding: 0px;
    margin: 20px 0px;
    width: 645px;
  }
  
  
  body.home #homeMembersBtn {
    height: 251px;
    width: 280px;
    background: url(/wp-content/themes/cccf/library/images/home-members-btn.jpg) no-repeat top center;
    margin: 0px 0px 20px;
	/*margin: -110px 0px 20px;*/
  }
  body.home #homeMembersBtn a {
    height: 251px;
    width: 280px;
    display: block;
    overflow: hidden;
  }  
  body.home #homeMembersBenefitsBtn a {
    height: 289px;
    width: 280px;
    display: block;
    overflow: hidden;
  }
  
  
  /*
  body.home #homeMembersBenefitsBtn {
    height: 289px;
    width: 280px;
    background: url('/wp-content/themes/cccf/library/images/home-members-benefits-btn-en.jpg') no-repeat top center;
    margin: -83px 0px 20px;
  }
  
  body.home .fr #homeMembersBenefitsBtn {
  	background: url('/wp-content/themes/cccf/library/images/home-members-benefits-btn-fr.jpg') no-repeat top center;
  }
  */
  
  
  /*
  body.home #homeMembersBtn {
    height: 251px;
    width: 280px;
    background: url(/wp-content/themes/cccf/library/images/home-members-btn.jpg) no-repeat top center;
    margin: -110px 0px 20px;
  }
  body.home #homeMembersBtn a {
    height: 251px;
    width: 280px;
    display: block;
    overflow: hidden;
  }
  */
  body.home #homeNewsletterBtn {
    height: 92px;
    width: 280px;
    background: url(/wp-content/themes/cccf/library/images/home-newsletter-btn.jpg) no-repeat top center;
    margin: 20px 0px;
  }
  body.home #homeNewsletterBtn a {
    height: 92px;
    width: 280px;
    display: block;
    overflow: hidden;
  }
  body.home #homeCartBtn {
    height: 92px;
    width: 280px;
    background: url(/wp-content/themes/cccf/library/images/home-store-btn.jpg) no-repeat top center;
    margin: 20px 0px;
  }
  body.home #homeCartBtn a {
    height: 92px;
    width: 280px;
    display: block;
    overflow: hidden;
  }
  .full-width-content #content {
    width: 100%;
  }
  /*********************
  Professional Development
  *********************/
  .proDevCol1,
  .proDevCol2,
  .proDevCol3 {
    position: relative;
    width: 155px;
    height: 510px;
    padding: 21px;
    margin: 5px;
    float: left;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background: #D2E4BD;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#d2e4bd), to(#ffffff));
    background: -webkit-linear-gradient(#d2e4bd, #ffffff);
    background: -moz-linear-gradient(#d2e4bd, #ffffff);
    background: -ms-linear-gradient(#d2e4bd, #ffffff);
    background: -o-linear-gradient(#d2e4bd, #ffffff);
    background: linear-gradient(#d2e4bd, #ffffff);
    -pie-background: linear-gradient(#d2e4bd, #ffffff);
    behavior: url(/wp-content/themes/cccf/library/css/PIE.htc);
  }
  .proDevCol1 a.goBtn,
  .proDevCol2 a.goBtn,
  .proDevCol3 a.goBtn {
    position: relative;
    color: white;
    padding: 4px 6px;
    background: #3c3828;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    text-decoration: none;
    behavior: url(/wp-content/themes/cccf/library/css/PIE.htc);
  }
  .proDevCol2 {
    position: relative;
    width: 155px;
    padding: 21px;
    margin: 5px;
    float: left;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background: #B2CAE4;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#b2cae4), to(#e6eff9));
    background: -webkit-linear-gradient(#b2cae4, #e6eff9);
    background: -moz-linear-gradient(#b2cae4, #e6eff9);
    background: -ms-linear-gradient(#b2cae4, #e6eff9);
    background: -o-linear-gradient(#b2cae4, #e6eff9);
    background: linear-gradient(#b2cae4, #e6eff9);
    -pie-background: linear-gradient(#b2cae4, #e6eff9);
    behavior: url(/wp-content/themes/cccf/library/css/PIE.htc);
  }
  .proDevCol3 {
    position: relative;
    width: 155px;
    padding: 21px;
    margin: 5px;
    float: left;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background: #AFA999;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#afa999), to(#e4e1dc));
    background: -webkit-linear-gradient(#afa999, #e4e1dc);
    background: -moz-linear-gradient(#afa999, #e4e1dc);
    background: -ms-linear-gradient(#afa999, #e4e1dc);
    background: -o-linear-gradient(#afa999, #e4e1dc);
    background: linear-gradient(#afa999, #e4e1dc);
    -pie-background: linear-gradient(#afa999, #e4e1dc);
    behavior: url(/wp-content/themes/cccf/library/css/PIE.htc);
  }
  .proDevDashboard {
    position: relative;
    border: 1px solid #E6E6E6;
    padding: 20px 0px 20px 1px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background: #E6E6E6;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#e6e6e6), to(#ffffff));
    background: -webkit-linear-gradient(#e6e6e6, #ffffff);
    background: -moz-linear-gradient(#e6e6e6, #ffffff);
    background: -ms-linear-gradient(#e6e6e6, #ffffff);
    background: -o-linear-gradient(#e6e6e6, #ffffff);
    background: linear-gradient(#e6e6e6, #ffffff);
    -pie-background: linear-gradient(#e6e6e6, #ffffff);
    behavior: url(/wp-content/themes/cccf/library/css/PIE.htc);
    overflow: hidden;
  }
  .proDevDashboard h3 {
    background-color: whiteSmoke;
    padding: 4px;
  }
  .page-template-tmp-pro-dev-php .sidebar {
    padding-top: 270px;
  }
  .page-template-tmp-pro-dev-php #inner {
    background: url(/wp-content/themes/cccf/library/images/pro-dev-tall-bg.jpg) no-repeat top right #ffffff;
  }
  #proDevIntro {
    height: 210px;
  }
  #am4login-2,
  #am4login-3 {
    position: relative;
    font-weight: 700;
    border: 1px solid #E6E6E6;
    padding: 20px 0px 10px 1px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background: #E6E6E6;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#e6e6e6), to(#ffffff));
    background: -webkit-linear-gradient(#e6e6e6, #ffffff);
    background: -moz-linear-gradient(#e6e6e6, #ffffff);
    background: -ms-linear-gradient(#e6e6e6, #ffffff);
    background: -o-linear-gradient(#e6e6e6, #ffffff);
    background: linear-gradient(#e6e6e6, #ffffff);
    -pie-background: linear-gradient(#e6e6e6, #ffffff);
    behavior: url(/wp-content/themes/cccf/library/css/PIE.htc);
    overflow: hidden;
  }
  #am4login-2 p,
  #am4login-3 p {
    margin-left: 20px;
  }
  #am4login-2 #loginform,
  #am4login-3 #loginform {
    margin: 10px;
    padding: 10px 0px 0px 0px;
    background-color: whiteSmoke;
  }
  #text-4 {
    border: none;
    background: none;
    height: 44px;
  }
  /*********************
  headers
  *********************/
  body.header-feature-14 .en #headerWrap,
  body.header-feature-203 .en #headerWrap {
    background: url(/wp-content/themes/cccf/library/images/cccf-feature_image_thin_en_7.jpg) no-repeat bottom center #82a0c1;
  }
  body.header-feature-136 .en #headerWrap {
    background: url(/wp-content/themes/cccf/library/images/cccf-feature_image_thin_en_9.jpg) no-repeat bottom center #82a0c1;
  }
  body.header-feature-23 .en #headerWrap {
    background: url(/wp-content/themes/cccf/library/images/cccf-feature_image_thin_en_3.jpg) no-repeat bottom center #82a0c1;
  }
  body.header-feature-18 .en #headerWrap {
    background: url(/wp-content/themes/cccf/library/images/cccf-feature_image_thin_en_4.jpg) no-repeat bottom center #82a0c1;
  }
  body.header-feature-428 .en #headerWrap {
    background: url(/wp-content/themes/cccf/library/images/cccf-feature_image_thin_en_6.jpg) no-repeat bottom center #82a0c1;
  }
  body.header-feature-26 .en #headerWrap {
    background: url(/wp-content/themes/cccf/library/images/cccf-feature_image_thin_en_8.jpg) no-repeat bottom center #82a0c1;
  }
  body.header-feature-130 .en #headerWrap {
    background: url(/wp-content/themes/cccf/library/images/cccf-feature_image_thin_en_2.jpg) no-repeat bottom center #82a0c1;
  }
  body.header-feature-132 .en #headerWrap {
    background: url(/wp-content/themes/cccf/library/images/cccf-feature_image_thin_en_4.jpg) no-repeat bottom center #82a0c1;
  }
  body.header-feature-147 .fr #headerWrap,
  body.header-feature-205 .fr #headerWrap {
    background: url(/wp-content/themes/cccf/library/images/cccf-feature_image_thin_fr_7.jpg) no-repeat bottom center #82a0c1;
  }
  body.header-feature-166 .fr #headerWrap {
    background: url(/wp-content/themes/cccf/library/images/cccf-feature_image_thin_fr_9.jpg) no-repeat bottom center #82a0c1;
  }
  body.header-feature-171 .fr #headerWrap {
    background: url(/wp-content/themes/cccf/library/images/cccf-feature_image_thin_fr_3.jpg) no-repeat bottom center #82a0c1;
  }
  body.header-feature-168 .fr #headerWrap {
    background: url(/wp-content/themes/cccf/library/images/cccf-feature_image_thin_fr_4.jpg) no-repeat bottom center #82a0c1;
  }
  body.header-feature-428 .fr #headerWrap {
    background: url(/wp-content/themes/cccf/library/images/cccf-feature_image_thin_fr_6.jpg) no-repeat bottom center #82a0c1;
  }
  body.header-feature-174 .fr #headerWrap {
    background: url(/wp-content/themes/cccf/library/images/cccf-feature_image_thin_fr_8.jpg) no-repeat bottom center #82a0c1;
  }
  body.header-feature-130 .fr #headerWrap {
    background: url(/wp-content/themes/cccf/library/images/cccf-feature_image_thin_fr_2.jpg) no-repeat bottom center #82a0c1;
  }
  body.header-feature-182 .fr #headerWrap {
    background: url(/wp-content/themes/cccf/library/images/cccf-feature_image_thin_fr_4.jpg) no-repeat bottom center #82a0c1;
  }
  /*********************
  Language Adjustments 
  *********************/
  body.fr #header {
    background: url(/wp-content/themes/cccf/library/images/header-bg-fr.png) no-repeat top center;
  }
  body.fr .menu li {
    float: left;
  }
  body.fr .menu li a {
    padding-left: 12px;
    padding-right: 14px;
  }
  body.members #header,
  body.give #header {
    background: url(/wp-content/themes/cccf/library/images/header-bg-bi.png) no-repeat top center;
  }
  body.members #header #busHeaderNav,
  body.give #header #busHeaderNav {
    display: none;
  }
  body.members #header .widget-area,
  body.give #header .widget-area {
    display: none;
  }
  body.members #headerWrap,
  body.give #headerWrap {
    background: url(/wp-content/themes/cccf/library/images/cccf-feature_image_thin_default.jpg) no-repeat bottom center #82a0c1;
  }
  body.members .menu li,
  body.give .menu li {
    float: left;
  }
  body.members .menu li a,
  body.give .menu li a {
    padding-left: 12px;
    padding-right: 14px;
  }
  .bannerBox {
    border: solid 1px #6D869F;
    width: 640px;
    overflow: hidden;
  }
  #adBannerBoxLeft,
  #adBannerBoxRight {
    background: #fff;
    border: 1px solid #d4d4d4;
    margin-left: -140px;
    display: block;
    margin-top: 10px;
    position: relative;
    float: left;
    width: 120px;
  }
  #adBannerBoxRight {
    margin-right: -140px;
    margin-left: 0px;
    *margin-right: -150px;
    *margin-left: 20px;
    float: right;
  }
  .members #adBannerBoxLeft,
  .members #adBannerBoxRight {
    display: none;
  }
  #memberLoginBtn {
    float: right;
    margin: 0px;
  }
  #memberLoginBtn img {
    border: none;
  }
  .gsc-control-searchbox-only {
    width: 140px;
    float: left;
  }
  /******************************************************************
  Site Name: 
  Author: 
  
  Stylesheet: Tablet & Mid-Range Stylesheet
  
  Here's where you can start getting into the good stuff.
  This size will work on iPads, other tablets, and desktops.
  So you can start working with more styles, background images,
  and other resources. You can also start working with layouts
  and grid systems if you like. Have fun!
  
  ******************************************************************/
  #footer-widgets {
    width: 960px;
    padding-left: 0px;
    padding-right: 0px;
  }
  #header,
  #headerWrap,
  #innerWrap,
  body,
  html,
  nav,
  footer,
  #inner,
  #innerWrapper {
    width: 960px;
    padding-left: 0px;
    padding-right: 0px;
  }
  body {
    width: 960px;
    overflow: hidden;
  }
  #footer-widgets .wrap {
    padding: 60px 0px 40px;
    width: 960px;
    margin: 0 auto;
    background: url(/wp-content/themes/cccf/library/images/footer-vert-dividers.jpg) no-repeat top center;
  }
}
/* end of media query */
/******************************************************************
DESKTOP STYLES
This is your standard view. It's what most of your visitors will
see and it will be on a good connection so we can really add some
hefty styles here without worrying it will overload mobile.
******************************************************************/
@media only screen and (min-width: 960px) {
  /* styles in 960up.less */
  /******************************************************************
  Site Name: 
  Author: 
  
  Stylesheet: Standard Desktop
  
  This is your standard view. It's what most of your visitors will
  see and it will be on a good connection so we can really add some
  hefty styles here.
  
  ******************************************************************/
  /*********************
  GRID & LAYOUT
  We have room now so start working in our grid and lay things out
  a bit more. Things should still be light, but you can customize it
  a bit for a unique tablet experience.
  *********************/
  .five-sixths,
  .four-fifths,
  .four-sixths,
  .one-fifth,
  .one-fourth,
  .one-half,
  .one-sixth,
  .one-third,
  .three-fifths,
  .three-fourths,
  .three-sixths,
  .two-fifths,
  .two-fourths,
  .two-sixths,
  .two-thirds {
    float: left;
    margin: 0 0 20px;
    padding-left: 3%;
  }
  .one-sixth {
    width: 14%;
  }
  .one-fifth {
    width: 17.4%;
  }
  .one-fourth {
    width: 22.5%;
  }
  .one-third,
  .two-sixths {
    width: 31%;
  }
  .two-fifths {
    width: 37.8%;
  }
  .one-half,
  .three-sixths,
  .two-fourths {
    width: 48%;
  }
  .three-fifths {
    width: 58.2%;
  }
  .four-sixths,
  .two-thirds {
    width: 65%;
  }
  .three-fourths {
    width: 73.5%;
  }
  .four-fifths {
    width: 78.6%;
  }
  .five-sixths {
    width: 82%;
  }
  .first {
    clear: both;
    padding-left: 0;
  }
  /*********************
  WRAPS & INNER
  *********************/
  #wrap {
    margin: 0px auto;
  }
  #content-sidebar-wrap {
    width: 750px;
    float: left;
  }
  .content-sidebar #content-sidebar-wrap,
  .full-width-content #content-sidebar-wrap,
  .sidebar-content #content-sidebar-wrap {
    width: 100%;
  }
  .sidebar-content-sidebar #content-sidebar-wrap,
  .sidebar-sidebar-content #content-sidebar-wrap {
    float: right;
  }
  #innerWrap {
    background: url(/wp-content/themes/cccf/library/images/inner-bg.jpg) repeat-y top center #ffffff;
  }
  #inner {
    padding: 10px;
    width: 940px;
    margin: 0px auto ;
    background: #fff;
    z-index: 2;
  }
  /*********************
  HEADER
  *********************/
  #header {
    /*********************
  	HEADER WIDGET AREA
  	*********************/
  
    /*********************
  	HEADER SEARCH
  	*********************/
  
  }
  #header .widget-area {
    float: right;
    padding: 14px 20px 0 0;
    width: 300px;
    height: 30px;
  }
  #header .widget {
    border: none;
    margin: 0;
  }
  #header .searchform {
    float: right;
    padding: 0px 0 0;
  }
  #header .s {
    margin: 10px -7px 0 0;
    border: solid 1px #c9dfaf;
    padding: 4px;
    color: #999999;
  }
  #header .searchsubmit {
    display: none;
  }
  #header #title a {
    display: block;
    height: 200px;
    margin-top: -150px;
  }
  /* end header */
  #title-area {
    width: 630px;
    /* 760 */
  
    float: left;
    text-align: left;
    padding: 0px;
  }
  #busHeaderNav {
    width: 220px;
    float: right;
    text-align: right;
    text-transform: uppercase;
    margin-top: 25px;
    color: #b9b6a7;
    font-size: 11px;
  }
  #title {
    width: 380px;
    text-align: left;
    display: inline-block;
  }
  #description {
    text-align: left;
  }
  /*********************
  IMAGE HEADER (PARTIAL)
  *********************/
  .header-image #title-area {
    float: left;
    width: 380px;
  }
  #homeFeaturePicBgWrapper {
    display: none;
  }
  #homeFeaturePicBgWrapper1 {
    background: url(/wp-content/themes/cccf/library/images/feature_image.jpg) no-repeat top center;
    height: 390px;
    overflow: hidden;
  }
  #homefeatureContentWrapper {
    display: none;
  }
  /*********************
  NAVIGATION
  *********************/
  .menu {
    clear: both;
    color: #333;
    overflow: hidden;
    /*********************
  	NAV EXTRAS
  	*********************/
  
  }
  .menu li#menu-item-134 a,
  .menu li#menu-item-191 a {
    padding: 10px 30px 10px;
    color: #ffffff;
    text-shadow: 1px 1px 3px #000;
    background: url(/wp-content/themes/cccf/library/images/nav-donate-bg.png) repeat-x top center;
  }
  .menu li#menu-item-134 a:hover,
  .menu li#menu-item-191 a:hover,
  .menu li#menu-item-134 a:focus,
  .menu li#menu-item-191 a:focus {
    background-image: none;
    background-color: #a3bedd;
    color: #ffffff;
  }
  .menu li#menu-item-134.current-menu-item a,
  .menu li#menu-item-134.current-cat a,
  .menu li#menu-item-134.current_page_item a,
  .menu li#menu-item-191.current-menu-item a,
  .menu li#menu-item-191.current-cat a,
  .menu li#menu-item-191.current_page_item a {
    color: #ffffff;
    background-color: #a3bedd;
    background-image: none;
  }
  .menu li#menu-item-134.current-menu-item a:hover,
  .menu li#menu-item-134.current-cat a:hover,
  .menu li#menu-item-134.current_page_item a:hover,
  .menu li#menu-item-191.current-menu-item a:hover,
  .menu li#menu-item-191.current-cat a:hover,
  .menu li#menu-item-191.current_page_item a:hover,
  .menu li#menu-item-134.current-menu-item a:focus,
  .menu li#menu-item-134.current-cat a:focus,
  .menu li#menu-item-134.current_page_item a:focus,
  .menu li#menu-item-191.current-menu-item a:focus,
  .menu li#menu-item-191.current-cat a:focus,
  .menu li#menu-item-191.current_page_item a:focus {
    background-color: #a3bedd;
    color: #ffffff;
  }
  .menu li {
    float: left;
    /* 
  		drop downs & sub menus 
  		So I'm hiding these. Why? Because on mobile,
  		every bit of space counts. Do you really want
  		your users to have to scroll down for 2 min. just
  		to read the article? This is why you'll want to
  		really plan out your menu. You obviously don't
  		have to do it this way, but it's an option. :) 
  		*/
  
    /* show sub-menu on hover */
  
  }
  .menu li a {
    display: block;
    padding: 10px 20px 10px 20px;
    border-bottom: 0;
    font-weight: bold;
    /* hover & current page highlight */
  
  }
  .menu li ul {
    display: block;
    position: absolute;
    height: auto;
    left: -9999em;
    margin: 0 0 0 -1px;
    width: 160px;
    z-index: 8999;
  }
  .menu li ul a {
    width: 140px;
  }
  .menu li ul li:first-child a {
    border-top: 1px solid #ddd;
  }
  .menu li ul ul {
    margin: -30px 0 0 159px;
  }
  .menu li:hover > ul {
    left: auto;
  }
  .menu li li li a,
  .menu li li li a:link,
  .menu li li li a:visited {
    background-color: #ffffff;
    color: #333;
    border: 1px solid #ddd;
    border-top: 0;
    font-size: 0.75em;
    padding: 5px 10px;
    width: 138px;
    text-transform: none;
  }
  .menu li li li a:hover,
  .menu li li li a:link:hover,
  .menu li li li a:visited:hover,
  .menu li li li a:focus,
  .menu li li li a:link:focus,
  .menu li li li a:visited:focus {
    background-color: #f5f5f5;
  }
  .menu li.right {
    display: inherit;
    float: right;
    font-size: 0.875em;
    padding: 5px 15px 4px;
  }
  .menu li.right a {
    background: none;
    border: 0;
    display: inline;
    font-size: inherit;
  }
  .menu li.right a:hover {
    color: #0d72c7;
  }
  /* end .menu */
  .menu-secondary {
    border-top: 0;
  }
  /*********************
  NAV SEARCH
  *********************/
  #nav {
    width: 940px;
    height: 55px;
    margin: -15px auto 0 auto;
    z-index: 99;
    background: url(/wp-content/themes/cccf/library/images/main-nav-bar.png) no-repeat top center;
    position: relative;
  }
  #nav .s {
    background-color: #ffffff;
    margin: 2px 2px 0 0;
  }
  /*********************
  POSTS & CONTENT
  *********************/
  #content {
    float: left;
    padding: 10px 10px ;
    width: 410px;
  }
  /* layout options */
  .content-sidebar #content,
  .sidebar-content #content {
    width: 625px;
  }
  .sidebar-content #content,
  .sidebar-sidebar-content #content {
    float: right;
  }
  .full-width-content #content {
    width: 880px;
  }
  /*********************
  BREADCRUMBS
  *********************/
  .breadcrumb {
    margin: -10px 0 30px;
    background: url(/wp-content/themes/cccf/library/images/dot-grey.png) 0px 100% repeat-x;
    background-color: none;
    border: none;
  }
  /*********************
  DESCRIPTIONS
  *********************/
  .taxonomy-description {
    margin: -10px 0 30px;
  }
  .archive-page {
    float: left;
    width: 45%;
  }
  /*********************
  POST CLASSES
  *********************/
  .post,
  .page {
    padding: 0;
  }
  .post-meta {
    border-top: 1px solid #ddd;
    clear: both;
    font-size: 0.875em;
    padding: 5px 0 0;
  }
  /*********************
  AUTHOR BOX
  *********************/
  .author-box {
    margin: 0 0 40px;
  }
  /*********************
  POST NAVIGATION
  *********************/
  .navigation {
    margin: 0;
  }
  /*********************
  SIDEBAR ALTERATIONS
  *********************/
  #sidebar {
    float: right;
    display: inline;
    width: 280px;
  }
  #sidebar-alt {
    float: left;
    width: 150px;
  }
  .sidebar-content #sidebar,
  .sidebar-sidebar-content #sidebar {
    float: left;
  }
  .content-sidebar-sidebar #sidebar-alt {
    float: right;
  }
  /*********************
  WIDGET STYLES
  *********************/
  .widget {
    margin: 0 0 15px;
  }
  /*********************
  COMMENT STYLES
  **********************/
  #comments,
  #respond {
    padding: 0;
  }
  /*********************
  FOOTER STYLES
  *********************/
  .gototop {
    float: left;
    text-align: left;
    width: 30%;
  }
  .creds {
    float: right;
    text-align: right;
    width: 65%;
  }
  /*********************
  FOOTER WIDGETS 
  *********************/
  #footer-widgets {
    background-color: #e1f1ff;
  }
  #footer-widgets .wrap {
    padding: 30px 30px 40px;
  }
  #footer-widgets .widget {
    padding: 0;
  }
  #footer-widgets .footer-widgets-1 {
    float: left;
    width: 648px;
    font-weight: bold;
  }
  #footer-widgets .footer-widgets-1 .footerBannerBox {
    margin-bottom: 10px;
    border: solid 1px #6D869F;
    width: 640px;
    overflow: hidden;
  }
  #footer-widgets .footer-widgets-3 {
    float: right;
    width: 230px;
    padding: 30px;
  }
  /* end footer widgets */
  /*********************
  Home 
  *********************/
  body.home #headerWrap {
    height: 390px;
    background: #82A0C1;
  }
  body.home #headerStripWrap {
    margin-top: -390px;
    height: 390px;
    position: relative;
  }
  body.home #homeFeaturePicBgWrapper {
    height: 390px;
    overflow: hidden;
    display: block;
  }
  body.home .homeFeaturePicBg {
    height: 390px;
    overflow: hidden;
  }
  body.home #homefeatureContentWrapper {
    display: block;
    width: 960px;
    margin: -300px auto 0px auto;
    overflow: hidden;
  }
  body.home #homefeatureContentWrapper #homefeatureContent {
    margin-left: 480px;
    overflow: hidden;
    width: 474px;
    height: 270px;
  }
  body.home #homefeatureContentWrapper #homefeatureContent .post-meta {
    display: none;
  }
  body.home #homefeatureContentWrapper #homefeatureContent .featureBgImage {
    display: none;
  }
  body.home #homefeatureContentWrapper #homeFeatureNav {
    position: relative;
    margin: 0px 0px 0px 0px;
    width: 255px;
    text-align: center;
    float: right;
  }
  body.home #homefeatureContentWrapper #homeFeatureNav li {
    margin: 0px 2px;
    padding: 0px;
    float: left;
  }
  body.home #homefeatureContentWrapper #homeFeatureNav li a {
    display: block;
    background-color: #fff;
    height: 10px;
    width: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
  }
  body.home #homefeatureContentWrapper #homeFeatureNav li a span {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
  }
  body.home #homefeatureContentWrapper #homeFeatureNav li.activeSlide a {
    background-color: #7392b4;
  }
  body.home #homefeatureContentWrapper .post-image {
    display: none;
  }
  body.home #header {
    height: 390px;
  }
  body.home #inner {
    padding: 0 10px;
    width: 940px;
    margin: 0px auto;
  }
  body.home #content {
    padding: 0px;
    margin: 20px 0px;
    width: 645px;
  }
  body.home #homeMembersBtn {
    height: 251px;
    width: 280px;
    background: url(/wp-content/themes/cccf/library/images/home-members-btn.jpg) no-repeat top center;
    margin: 0px 0px 20px;
	/*margin: -110px 0px 20px;*/
  }
  body.home #homeMembersBtn a {
    height: 251px;
    width: 280px;
    display: block;
    overflow: hidden;
  }
  
  body.home #homeMembersBenefitsBtn {
    height: 289px;
    width: 280px;
    background: url('/wp-content/uploads/elavon-banner.png') no-repeat top center;
    margin: -83px 0px 20px;
  }
  
  body.home .fr #homeMembersBenefitsBtn {
  	background: url('/wp-content/uploads/elavon-banner.png') no-repeat top center;
  }
  body.home #homeMembersBenefitsBtn a {
    height: 289px;
    width: 280px;
    display: block;
    overflow: hidden;
  }
  
  body.home #homeNewsletterBtn {
    height: 92px;
    width: 280px;
    background: url(/wp-content/themes/cccf/library/images/home-newsletter-btn.jpg) no-repeat top center;
    margin: 20px 0px;
  }
  body.home #homeNewsletterBtn a {
    height: 92px;
    width: 280px;
    display: block;
    overflow: hidden;
  }
  body.home #homeCartBtn {
    height: 92px;
    width: 280px;
    background: url(/wp-content/themes/cccf/library/images/home-store-btn.jpg) no-repeat top center;
    margin: 20px 0px;
  }
  body.home #homeCartBtn a {
    height: 92px;
    width: 280px;
    display: block;
    overflow: hidden;
  }
  .full-width-content #content {
    width: 100%;
  }
  /*********************
  Professional Development
  *********************/
  .proDevCol1,
  .proDevCol2,
  .proDevCol3 {
    position: relative;
    width: 155px;
    height: 510px;
    padding: 21px;
    margin: 5px;
    float: left;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background: #D2E4BD;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#d2e4bd), to(#ffffff));
    background: -webkit-linear-gradient(#d2e4bd, #ffffff);
    background: -moz-linear-gradient(#d2e4bd, #ffffff);
    background: -ms-linear-gradient(#d2e4bd, #ffffff);
    background: -o-linear-gradient(#d2e4bd, #ffffff);
    background: linear-gradient(#d2e4bd, #ffffff);
    -pie-background: linear-gradient(#d2e4bd, #ffffff);
    behavior: url(/wp-content/themes/cccf/library/css/PIE.htc);
  }
  .proDevCol1 a.goBtn,
  .proDevCol2 a.goBtn,
  .proDevCol3 a.goBtn {
    position: relative;
    color: white;
    padding: 4px 6px;
    background: #3c3828;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    text-decoration: none;
    behavior: url(/wp-content/themes/cccf/library/css/PIE.htc);
  }
  .proDevCol2 {
    position: relative;
    width: 155px;
    padding: 21px;
    margin: 5px;
    float: left;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background: #B2CAE4;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#b2cae4), to(#e6eff9));
    background: -webkit-linear-gradient(#b2cae4, #e6eff9);
    background: -moz-linear-gradient(#b2cae4, #e6eff9);
    background: -ms-linear-gradient(#b2cae4, #e6eff9);
    background: -o-linear-gradient(#b2cae4, #e6eff9);
    background: linear-gradient(#b2cae4, #e6eff9);
    -pie-background: linear-gradient(#b2cae4, #e6eff9);
    behavior: url(/wp-content/themes/cccf/library/css/PIE.htc);
  }
  .proDevCol3 {
    position: relative;
    width: 155px;
    padding: 21px;
    margin: 5px;
    float: left;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background: #AFA999;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#afa999), to(#e4e1dc));
    background: -webkit-linear-gradient(#afa999, #e4e1dc);
    background: -moz-linear-gradient(#afa999, #e4e1dc);
    background: -ms-linear-gradient(#afa999, #e4e1dc);
    background: -o-linear-gradient(#afa999, #e4e1dc);
    background: linear-gradient(#afa999, #e4e1dc);
    -pie-background: linear-gradient(#afa999, #e4e1dc);
    behavior: url(/wp-content/themes/cccf/library/css/PIE.htc);
  }
  .proDevDashboard {
    position: relative;
    border: 1px solid #E6E6E6;
    padding: 20px 0px 20px 1px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background: #E6E6E6;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#e6e6e6), to(#ffffff));
    background: -webkit-linear-gradient(#e6e6e6, #ffffff);
    background: -moz-linear-gradient(#e6e6e6, #ffffff);
    background: -ms-linear-gradient(#e6e6e6, #ffffff);
    background: -o-linear-gradient(#e6e6e6, #ffffff);
    background: linear-gradient(#e6e6e6, #ffffff);
    -pie-background: linear-gradient(#e6e6e6, #ffffff);
    behavior: url(/wp-content/themes/cccf/library/css/PIE.htc);
    overflow: hidden;
  }
  .proDevDashboard h3 {
    background-color: whiteSmoke;
    padding: 4px;
  }
  .page-template-tmp-pro-dev-php .sidebar {
    padding-top: 270px;
  }
  .page-template-tmp-pro-dev-php #inner {
    background: url(/wp-content/themes/cccf/library/images/pro-dev-tall-bg.jpg) no-repeat top right #ffffff;
  }
  #proDevIntro {
    height: 210px;
  }
  #am4login-2,
  #am4login-3 {
    position: relative;
    font-weight: 700;
    border: 1px solid #E6E6E6;
    padding: 20px 0px 10px 1px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background: #E6E6E6;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#e6e6e6), to(#ffffff));
    background: -webkit-linear-gradient(#e6e6e6, #ffffff);
    background: -moz-linear-gradient(#e6e6e6, #ffffff);
    background: -ms-linear-gradient(#e6e6e6, #ffffff);
    background: -o-linear-gradient(#e6e6e6, #ffffff);
    background: linear-gradient(#e6e6e6, #ffffff);
    -pie-background: linear-gradient(#e6e6e6, #ffffff);
    behavior: url(/wp-content/themes/cccf/library/css/PIE.htc);
    overflow: hidden;
  }
  #am4login-2 p,
  #am4login-3 p {
    margin-left: 20px;
  }
  #am4login-2 #loginform,
  #am4login-3 #loginform {
    margin: 10px;
    padding: 10px 0px 0px 0px;
    background-color: whiteSmoke;
  }
  #text-4 {
    border: none;
    background: none;
    height: 44px;
  }
  /*********************
  headers
  *********************/
  body.header-feature-14 .en #headerWrap,
  body.header-feature-203 .en #headerWrap {
    background: url(/wp-content/themes/cccf/library/images/cccf-feature_image_thin_en_7.jpg) no-repeat bottom center #82a0c1;
  }
  body.header-feature-136 .en #headerWrap {
    background: url(/wp-content/themes/cccf/library/images/cccf-feature_image_thin_en_9.jpg) no-repeat bottom center #82a0c1;
  }
  body.header-feature-23 .en #headerWrap {
    background: url(/wp-content/themes/cccf/library/images/cccf-feature_image_thin_en_3.jpg) no-repeat bottom center #82a0c1;
  }
  body.header-feature-18 .en #headerWrap {
    background: url(/wp-content/themes/cccf/library/images/cccf-feature_image_thin_en_4.jpg) no-repeat bottom center #82a0c1;
  }
  body.header-feature-428 .en #headerWrap {
    background: url(/wp-content/themes/cccf/library/images/cccf-feature_image_thin_en_6.jpg) no-repeat bottom center #82a0c1;
  }
  body.header-feature-26 .en #headerWrap {
    background: url(/wp-content/themes/cccf/library/images/cccf-feature_image_thin_en_8.jpg) no-repeat bottom center #82a0c1;
  }
  body.header-feature-130 .en #headerWrap {
    background: url(/wp-content/themes/cccf/library/images/cccf-feature_image_thin_en_2.jpg) no-repeat bottom center #82a0c1;
  }
  body.header-feature-132 .en #headerWrap {
    background: url(/wp-content/themes/cccf/library/images/cccf-feature_image_thin_en_4.jpg) no-repeat bottom center #82a0c1;
  }
  body.header-feature-147 .fr #headerWrap,
  body.header-feature-205 .fr #headerWrap {
    background: url(/wp-content/themes/cccf/library/images/cccf-feature_image_thin_fr_7.jpg) no-repeat bottom center #82a0c1;
  }
  body.header-feature-166 .fr #headerWrap {
    background: url(/wp-content/themes/cccf/library/images/cccf-feature_image_thin_fr_9.jpg) no-repeat bottom center #82a0c1;
  }
  body.header-feature-171 .fr #headerWrap {
    background: url(/wp-content/themes/cccf/library/images/cccf-feature_image_thin_fr_3.jpg) no-repeat bottom center #82a0c1;
  }
  body.header-feature-168 .fr #headerWrap {
    background: url(/wp-content/themes/cccf/library/images/cccf-feature_image_thin_fr_4.jpg) no-repeat bottom center #82a0c1;
  }
  body.header-feature-428 .fr #headerWrap {
    background: url(/wp-content/themes/cccf/library/images/cccf-feature_image_thin_fr_6.jpg) no-repeat bottom center #82a0c1;
  }
  body.header-feature-174 .fr #headerWrap {
    background: url(/wp-content/themes/cccf/library/images/cccf-feature_image_thin_fr_8.jpg) no-repeat bottom center #82a0c1;
  }
  body.header-feature-130 .fr #headerWrap {
    background: url(/wp-content/themes/cccf/library/images/cccf-feature_image_thin_fr_2.jpg) no-repeat bottom center #82a0c1;
  }
  body.header-feature-182 .fr #headerWrap {
    background: url(/wp-content/themes/cccf/library/images/cccf-feature_image_thin_fr_4.jpg) no-repeat bottom center #82a0c1;
  }
  /*********************
  Language Adjustments 
  *********************/
  body.fr #header {
    background: url(/wp-content/themes/cccf/library/images/header-bg-fr.png) no-repeat top center;
  }
  body.fr .menu li {
    float: left;
  }
  body.fr .menu li a {
    padding-left: 12px;
    padding-right: 14px;
  }
  body.members #header,
  body.give #header {
    background: url(/wp-content/themes/cccf/library/images/header-bg-bi.png) no-repeat top center;
  }
  body.members #header #busHeaderNav,
  body.give #header #busHeaderNav {
    display: none;
  }
  body.members #header .widget-area,
  body.give #header .widget-area {
    display: none;
  }
  body.members #headerWrap,
  body.give #headerWrap {
    background: url(/wp-content/themes/cccf/library/images/cccf-feature_image_thin_default.jpg) no-repeat bottom center #82a0c1;
  }
  body.members .menu li,
  body.give .menu li {
    float: left;
  }
  body.members .menu li a,
  body.give .menu li a {
    padding-left: 12px;
    padding-right: 14px;
  }
  .bannerBox {
    border: solid 1px #6D869F;
    width: 640px;
    overflow: hidden;
  }
  #adBannerBoxLeft,
  #adBannerBoxRight {
    background: #fff;
    border: 1px solid #d4d4d4;
    margin-left: -140px;
    display: block;
    margin-top: 10px;
    position: relative;
    float: left;
    width: 120px;
  }
  #adBannerBoxRight {
    margin-right: -140px;
    margin-left: 0px;
    *margin-right: -150px;
    *margin-left: 20px;
    float: right;
  }
  .members #adBannerBoxLeft,
  .members #adBannerBoxRight {
    display: none;
  }
  #memberLoginBtn {
    float: right;
    margin: 0px;
  }
  #memberLoginBtn img {
    border: none;
  }
  .gsc-control-searchbox-only {
    width: 140px;
    float: left;
  }
}
/* end of media query */
/******************************************************************
SUPER LARGE MONITORS STYLES 
This is for super wide monitors for the l33t people. If you 
worked in a good base in the previous styles, this should work
pretty seamlessly.
******************************************************************/
@media only screen and (min-width: 1382px) {
  /* styles in 1382up.less */
  /******************************************************************
  Site Name: 
  Author: 
  
  Stylesheet: Super Large Screens
  
  This is for super wide monitors for the l33t people. If you 
  worked in a good base in the previous styles, this should work
  pretty seamlessly.
  
  ******************************************************************/
}
/* end of media query */
/******************************************************************
MOBILE
This is for MOBILE Devices.
******************************************************************/
@media only screen and (min-width: 320px) and (max-width: 599px) {
  /* styles in mobile.less */
  /******************************************************************
  Site Name:
  Author:
  
  Stylesheet: Mobile  Stylesheet
  
  Here's where you can start getting into the good stuff.
  This size will work on iphone / Android.
  So you can start working with more styles, background images,
  and other resources. You can also start working with layouts
  and grid systems if you like. Have fun!
  
  ******************************************************************/
  body,
  body.page {
    margin: 0px 0px  0px 0px;
    padding: 0px;
    width: 100%;
  }
  #wrap {
    overflow: hidden;
  }
  /*********************
  Home
  *********************/
  body.home #headerStripWrap {
    position: relative;
  }
  body.home #homeFeaturePicBgWrapper {
    display: none;
  }
  body.home .homeFeaturePicBg {
    height: 390px;
    overflow: hidden;
  }
  body.home #homefeatureContentWrapper {
    display: none;
    overflow: hidden;
  }
  body.home #homefeatureContentWrapper #homefeatureContent {
    overflow: hidden;
    width: 474px;
    height: 270px;
  }
  body.home #homefeatureContentWrapper #homefeatureContent .post-meta {
    display: none;
  }
  body.home #homefeatureContentWrapper #homefeatureContent .featureBgImage {
    display: none;
  }
  body.home #homefeatureContentWrapper #homeFeatureNav {
    position: relative;
    margin: 0px 0px 0px 0px;
    width: 255px;
    text-align: center;
    float: right;
  }
  body.home #homefeatureContentWrapper #homeFeatureNav li {
    margin: 0px 2px;
    padding: 0px;
    float: left;
  }
  body.home #homefeatureContentWrapper #homeFeatureNav li a {
    display: block;
    background-color: #fff;
    height: 10px;
    width: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
  }
  body.home #homefeatureContentWrapper #homeFeatureNav li a span {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
  }
  body.home #homefeatureContentWrapper #homeFeatureNav li.activeSlide a {
    background-color: #7392b4;
  }
  body.home #homefeatureContentWrapper .post-image {
    display: none;
  }
  body.home #header {
    height: 390px;
  }
  body.home #header .wrap {
    width: 100%;
  }
  body.home #inner {
    padding: 0 10px;
    width: 940px;
    margin: 0px auto;
  }
  
  
  
  body.home #homeMembersBtn {
    height: 251px;
    width: 280px;
    background: url(/wp-content/themes/cccf/library/images/home-members-btn.jpg) no-repeat top center;
   	      margin: 20px auto;
	/*margin: -110px 0px 20px;*/
  }
  body.home #homeMembersBtn a {
    height: 251px;
    width: 280px;
    display: block;
    overflow: hidden;
  }
  
  body.home #homeMembersBenefitsBtn {
    height: 289px;
    width: 280px;
    background: url('/wp-content/uploads/elavon-banner.png') no-repeat top center;
    margin: -83px 0px 20px;
  }
  
  body.home .fr #homeMembersBenefitsBtn {
  	background: url('/wp-content/uploads/elavon-banner.png') no-repeat top center;
  }
  body.home #homeMembersBenefitsBtn a {
    height: 289px;
    width: 280px;
    display: block;
    overflow: hidden;
  }
  
  
  /* body.home #homeMembersBtn {
    margin: 20px auto;
    height: 251px;
    width: 280px;
    background: url(/wp-content/themes/cccf/library/images/home-members-btn.jpg) no-repeat top center;
  }
  body.home #homeMembersBtn a {
    height: 251px;
    width: 280px;
    display: block;
    overflow: hidden;
  }
  */
  
  body.home #homeNewsletterBtn {
    margin: 20px auto;
    height: 92px;
    width: 280px;
    background: url(/wp-content/themes/cccf/library/images/home-newsletter-btn.jpg) no-repeat top center;
  }
  body.home #homeNewsletterBtn a {
    height: 92px;
    width: 280px;
    display: block;
    overflow: hidden;
  }
  body.home #homeCartBtn {
    margin: 20px auto;
    height: 92px;
    width: 280px;
    background: url(/wp-content/themes/cccf/library/images/home-store-btn.jpg) no-repeat top center;
  }
  body.home #homeCartBtn a {
    height: 92px;
    width: 280px;
    display: block;
    overflow: hidden;
  }
  /*********************
  Home Layout
  *********************/
  #homeTopicsWrapper {
    width: 92%;
    background: none;
    background-color: #E1EDFB;
    min-height: 194px;
    padding: 2%;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
  }
  #homeTopicsWrapper .post {
    float: right;
    width: 90%;
    padding: 0px;
    margin: 0;
    padding: 2%;
  }
  #homeNewsWrapper {
    clear: both;
    background: url(/wp-content/themes/cccf/library/images/home-news-bg.jpg) no-repeat top left;
    min-height: 310px;
    padding: 30px 1%px 20px 1%px;
    width: 96%;
  }
  #homeNewsWrapper .post {
    width: 90%;
  }
  #footer-widgets .wrap {
    padding: 20px 0px;
    width: 100%;
    margin: 0px;
    background: none;
  }
  #nav {
    border-top: 1px solid #ccc;
    width: 100%;
  }
  #inner,
  body.home #inner {
    width: 100%;
    padding: 0px;
    margin: 0px;
  }
  #featurePicWrap {
    width: 100%;
  }
  #header {
    width: 100%;
    min-height: 225px;
    background: url(/wp-content/themes/cccf/library/images/CCCF-logo-mobile-en.jpg) no-repeat top center;
  }
  #header .wrap {
    width: 100%;
    margin: 0;
  }
  #header .wrap #title a {
    display: block;
    height: 200px;
    margin-top: -150px;
  }
  #header .wrap #busHeaderNav {
    margin-top: 30px;
  }
  #content {
    padding: 2%;
    margin: 0px;
    width: 98%;
  }
  #headerWrap {
    height: 175px;
    background: #fff;
    overflow: hidden;
  }
  #headerStripWrap {
    background: url(/wp-content/themes/cccf/library/images/header-bg-strip.png) repeat-x 0px 20px;
  }
  .widget_search {
    border: none;
    padding: 10px 0px;
    margin: 0px;
  }
  .widget_search .searchsubmit {
    margin-left: 20px;
  }
  #header .s {
    margin: 0;
    padding: 6px;
  }
  #sidebar {
    boarder-top: 1px solid #ccc;
    width: 100%;
  }
  body.members #headerWrap,
  body.give #headerWrap {
    height: 100px;
  }
  body.members #header,
  body.give #header {
    height: 100px;
    background: url(/wp-content/themes/cccf/library/images/CCCF-logo-mobile-bi.jpg) no-repeat top center;
  }
  body.members #header #busHeaderNav,
  body.give #header #busHeaderNav {
    display: none;
  }
  body.members #header .widget-area,
  body.give #header .widget-area {
    display: none;
  }
  body.members .menu li,
  body.give .menu li {
    float: left;
  }
  body.members .menu li a,
  body.give .menu li a {
    padding-left: 17px;
    padding-right: 18px;
  }
  .breadcrumb {
    width: 94%;
    font-size: 0.875em;
    padding: 2%;
    margin: 0px;
  }
  .membershipLeft {
    width: 94%;
    padding: 2%;
  }
  .membershipRight {
    width: 94%;
    padding: 2%;
    float: left;
  }
  a.storeProductLink,
  a.memberDocLink,
  a.memberJoinLink {
    padding: 10px;
    width: 240px;
  }
  #mobile-menu-primary {
    padding: 2%;
    border-bottom: solid 1px #ccc;
    border-top: solid 1px #ccc;
    text-align: center;
  }
  #prim-selector {
    width: 100%;
  }
  body .fr #headerWrap {
    background: none;
  }
  #adBannerBoxLeft,
  #adBannerBoxRight {
    display: none;
  }
  #memberLoginBtn {
    display: block;
    margin: 15px auto;
    width: 105px;
  }
}
/*



/******************************************************************
PRINT STYLESHEET
******************************************************************/
@media print {
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }
  a,
  a:visited {
    color: #444 !important;
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page  {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}
/* end of print stylesheet (DO NOT DELETE) */