﻿
/* GOLD THEME - July 2014 */

html {font-size: .625em} /*10px to make relative rem font-size calculations easier*/
body {
	margin:0;
	font: 1.2em/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif; /*15px current text size*/
	color:#333;
	-webkit-font-smoothing: antialiased;
    -ms-text-size-adjust: 100%; 
    -webkit-text-size-adjust: 100%;  /* orientation iOS font-size fixes */
}
body.web_page {font-size: 1.5em}


/*GLOBAL LAYOUT
--------------------------------*/

#w_topbar_inner, .inner-nav, #wrapper, #header-wrapper, #logo, .bottom_list-inner, .inner_footer_links {
	max-width:990px; 
	margin:0 auto;
	}
#w_topbar_inner {min-height: 23px} /*When socials icons arent't present*/

#wrapper {
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
	min-height: 520px;
	padding: 30px 0 75px;
	background: #fff;
	}
.cg_background #mainContainer {margin:0 30px;}

#mainContainer {overflow: hidden;}

	#sidecol_lft + #mainContainer {margin: 0 0 0 252px}
	#sidecol_rgt + #mainContainer {margin: 0 252px 0 0}
	#sidecol_lft + #sidecol_rgt + #mainContainer {margin: 0 252px}
	.cg_background #sidecol_lft + #mainContainer {margin: 0 0 0 272px}
	.cg_background #sidecol_rgt + #mainContainer {margin: 0 272px 0 0}
	.cg_background #sidecol_lft + #sidecol_rgt + #mainContainer {margin: 0 272px}

#sidecol_lft {width:232px; float: left}
#sidecol_rgt {width:232px; float:right}
	#sidecol_lft, .cg_background #sidecol_rgt, .cg_background #sidecol_lft + #mainContainer {margin-right: 20px}
	#sidecol_rgt, .cg_background #sidecol_lft, .cg_background #sidecol_rgt + #mainContainer {margin-left: 20px}

@media (max-width: 1030px) { /*Side margins*/
	#sidecol_lft {margin-left: 20px} 
	#sidecol_rgt {margin-right: 20px}
	#mainContainer {margin:0 20px}
		#sidecol_lft + #mainContainer {margin: 0 20px 0 272px}
		#sidecol_rgt + #mainContainer {margin: 0 272px 0 20px}
		#sidecol_lft + #sidecol_rgt + #mainContainer {margin: 0 272px}
	}
@media (max-width: 960px) { /* 3 columns layout & divers */
	.cg_content > table {width: 100% !important}
        .cg_content > p > img {max-width: 100%;}
	.col3 #wrapper {
			display:table; /*Enable table-caption value to work*/
			width: 100%; 
			margin-top: 30px;
			}
	.col3 #sidecol_lft {margin: 0 2%; width: 47%}
	.col3 #sidecol_rgt {margin: 0 2% 0 0; width: 47%}
	.col3 #sidecol_lft + #sidecol_rgt + #mainContainer {display: table-caption; margin: 0 2%}
	}
	@media (max-width: 710px) { /* 2 columns layout*/
		#wrapper {padding-top: 10px}
		#wrapper #sidecol_lft, #wrapper #sidecol_rgt {
			float:none;	
			width:auto; 
			margin:0 20px;
			} 
		#sidecol_lft + #mainContainer, #sidecol_rgt + #mainContainer {margin: 0 20px !important}
		.col3 #web_sub_menu {display: none} /* 3 columns layout*/
		}
		@media (max-width: 480px) { /*Smartphone*/
			#sidecol_lft, #sidecol_rgt {margin:0 15px !important} 
			#mainContainer {margin: 0 15px !important}
			body.web_page {
    				font-size: 12px !important;
			}
			}

/*COMMON RULES
--------------------------------*/

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display: block} /*Firefox & IE not définied display*/
div:not(.cgw .w_content) table {
  border-collapse: collapse;
  border-spacing: 0;
}
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
} /* Uniformise Firefox and other browsers.*/

button, input, optgroup, select, textarea {
	color: inherit;  /*Known issue: affects color of disabled elements*/
	font: inherit; 
	margin: 0; 
}
textarea {overflow: auto} /* Remove default vertical scrollbar in IE */
button::-moz-focus-inner, input::-moz-focus-inner {border: 0; padding: 0} /* Remove inner padding and border in Firefox 4+ */

iframe {border:none}
div:not(.cgw .w_content) table {
	table-layout:fixed; 
	border-collapse:collapse;
	background:#FFF; /*prevent inaccessible content when table exceed maincol width*/
	} 

a {
	text-decoration: none;
	color:#0681c7;
	} 
a:active, a:hover {outline: 0; text-decoration: underline} /* Improve readability when focused and also mouse hovered in all browsers */
img {vertical-align: middle} /*Prevent space under*/
a img {border:0} /*remove borders in IE8>10*/
#cg_content img, .img_resize {max-width: 100%; height:auto}

.clearfix:before, .clearfix:after { /*To contain float elements*/
	content: ""; 
	display: table;
	border-collapse:collapse;
	clear:both;
	}
	.cg_content a:not(.btns):hover, #sidecol a:not(.btns):hover {border:none}

.w_list_item {
	border-top: 1px #E7E7E7 solid;
	padding: 7px 0;
}
#content p:empty {display: none} /*Hide useless CMS generated p*/
.cg_content p, #ajax_about .w_content p {margin: 0 0 .8em 0}

.w_reg_counter {font-size: 1.6em !important;}
.txt_column2, .cw_top_photo .cw_text, .cw_list .cw_text, .cw_text .cw_text, .cw_background_photo .cw_text  {
	-webkit-column-width: 20em;
	-webkit-column-gap: 30px;
	-moz-column-width: 20em;
	-moz-column-gap: 30px;
	column-width: 20em;
	column-gap: 30px;
	}


.left {float: left}
.right {float:right}
.clear {clear: both}

.center {margin-left: auto; margin-right: auto}
.txtleft {text-align: left}
.txtright {text-align: right}
.txtcenter {text-align: center}

.inbl { 
	display: inline-block;
	vertical-align: middle;
}
.table {
	display:table;
	table-layout:fixed;
	border-collapse:collapse;
	width:100%;
	}

@media (max-width: 480px) {
	.cg_content > table td {
		word-break: break-all
	}
}
	.cell {
		display:table-cell; 
		vertical-align:top;
		}

/*---------------------------------------------- H E A D E R ------------------------------------------------*/

/* @TOPBAR
--------------------------*/
#w_topbar {
	position: fixed; 
	z-index: 100;
	top: 0; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box; 
	width:100%;
	background:#24282f; 
	padding: .5em 15px;
	color: #fff; 
	box-shadow: 0 1px rgba(0,0,0, 0.5);
	font-size: 15px /*IE8*/;
	font-size: 1.5rem;
	}
		@media (max-width: 980px) { /*Smartphone*/
			#w_topbar {padding: 1.05em 15px}
	}

	#w_topbar a {
		text-decoration:none;
		color:#eee;
		-webkit-transition: all .1s;
		transition: all .1s;
		}
		#w_topbar ul a:hover {color:#9599a0}  
		#w_topbar_inner > span, #w_topbar_inner > a {vertical-align:middle}
				
	#w_topbar .school_name {padding-right:10px} 
	#w_topbar .school_name ~ a {
		color:#9599a0; 
		padding: 0 10px;
		} 
		#w_topbar .school_name ~ a:hover {color:#fff;}

	/*social icons*/
	.social_icon {
		display: inline-block;
		vertical-align: middle;
		}
		.social_icon a {margin-right: 15px}
		.social_icon a img {
			vertical-align:middle;
			-webkit-transition: all .15s;
			transition: all .15s;
			}
			.social_icon a:hover img {
				-webkit-transform: rotate(360deg);
				transform: rotate(360deg);
				}
	.right_link {
		float:right;
		font-size:0 /*Prevent spaces between inline-block elements*/
		} 
		.right_link > ul {
			padding:0;
			margin:0;
			} 
		.right_link > ul, .right_link li, .right_link > div {
			display:inline-block;
			vertical-align:middle;
			font-size: 14px;
			font-size: 1.4rem;
			} 
			.right_link ul a {padding-left: 20px}
			.right_link a:hover {color:#9599a0;}

/* @HEADER CONTENT
--------------------------*/
#header {margin-top: 38px;}
	#header h1 {margin: 0}
		#logo {display:block}
		#header-banner h1 > a > img {
			max-width: 100%;
			height:auto;
			}
/*		#header #logo > img { margin:0; padding: 15px}*/
		
	#header-wrapper {padding: 18px 0 15px}
		#header-wrapper h1 > a > span { /*GROUP NAME*/
			margin-left: 15px;
			display: inline-block;
			vertical-align: middle;
			color: #383b42;
		/*	padding: 12px;
			line-height: 63px;
			margin-bottom: -2px;*/
		}
		#header-wrapper h1 > a > span:first-child {
			margin: .25em 0;
			font: 42px "jaf-bernino-sans",sans-serif !important;
			} /*GROUP NAME ALONE*/
		#club_logo img {vertical-align: middle; max-width: 110px; max-height: 100px;} /*LOGO*/
.header-inner #school_logo img {max-width: 113px}

/*
.header-inner h1 {
	margin:0;
	padding:0 27px 0 0;
	float:left;
}
.bx-wrapper .bx-caption {
	background: #9b1115 !important;
	font-size: 15px;
	font-weight: 700;
}
*/


/* @MAIN MENU
-------------------------*/

#cssmenu ul, .nav {background: #31343b} /*all*/
.nav {border-top: 1px solid #fff}

#cssmenu ul { /*all*/
	margin: 0;
	padding: 0;
	font-size:0 /*Prevent spaces between inline-block elements*/
	}
#cssmenu li {list-style: none} /*all*/
#cssmenu .mn_webpage {
	display:inline-block;
	border-right: 1px solid rgba(255,255,255, 0.8);
	}
#cssmenu a { /*all*/
	display:block;
	text-decoration: none !important;
	font-size: 14px;
	-webkit-transition: all .15s;
	transition: all .15s;
	}
#cssmenu .mn_webpage > a {
	padding: 0 20px;
	line-height: 3.4em;
	}

	/* @SUB MENU */
	#cssmenu .web_sub_menu2 {
		display: none;
		position: absolute;
		z-index: 200;
		min-width: 155px;
		border:none !important;
		border-radius: 0 0 3px 3px;
		box-shadow: 1px 1px 2px rgba(52,55,70, .6) ;
		}
		#cssmenu .has-sub.w_menu_item:hover > .web_sub_menu2 {
			display: block;
			-webkit-filter: brightness(.9);
			filter: brightness(.9);
			-webkit-transition: all .2s;
			transition: all .2s;
			}
			#cssmenu .has-sub > .web_sub_menu2:hover {-webkit-filter: none; filter: none}
			#cssmenu .web_sub_menu2 a {
				line-height:3em;
				font-size: 13px; /*IE8*/
				font-size: 1.3rem;
				color:#FFF;
				padding: 0 20px 0 15px;
				border-top: 1px solid rgba(255,255,255, 0.15);
				}
				#cssmenu .web_sub_menu2 > li:first-child > a {
					box-shadow: inset 0 1px 2px rgba(42,44,50, .3);
					border:none;
				}
				#cssmenu .web_sub_menu2 > li:last-child > a {border-radius: 0 0 3px 3px}
				

header nav ul {display:none} /*temp*/



/*------------------------------------------------ C O N T E N T ----------------------------------------------*/

/* @SIDE MENU */

#web_sub_menu ul {
	margin:0 0 30px 0;
	padding:0;
	border-radius: 3px;
    border: 1px solid #CCC;
	}
	#web_sub_menu li {
		list-style:none;
		border-top: 1px solid rgba(255,255,255, 0.8);
		font-size: 1.05em;
		}
	#web_sub_menu li:first-child, #web_sub_menu li:first-child .on {border-top:none; border-radius: 3px 3px 0 0}
	#web_sub_menu li:last-child, #web_sub_menu li:last-child > a {border-radius: 0 0 3px 3px}
	#web_sub_menu a {
		display: block;
		padding: .7em 15px;
		text-decoration:none;
		line-height: 1.4;
		-webkit-transition: all .15s;
		transition: all .15s;
		}

	@media (max-width: 710px) { /* 2 columns layout*/
	#web_sub_menu ul {
		display:table;
		width: 100%;
		font-size:0; /*prevent excess space between inline-block elements*/
		}
	#web_sub_menu li {
		display:table-cell;
		font-size: 15px; /*IE8*/
		font-size: 1.5rem;
		text-align:center;
		border: 0;
		border-right: 1px solid #888;
		}
		#web_sub_menu li:first-child {border-radius: 3px 0 0 3px}
		#web_sub_menu li:last-child, #web_sub_menu li:last-child a {border-radius: 0 3px 3px 0; border:0}
		}
		@media (max-width: 600px) {#web_sub_menu {display: none}}




/* @MAINCOL
-------------------------------------------------------------------------------- */

/* @HEADINGS */
h1, h2, h3, h4, h5, h6 {
	font-family: "jaf-bernino-sans",sans-serif;
	margin: 1.2em 0 .4em;
	line-height:1.2;
	color:#242b36;
	}
	h1 {font-size:31px/*IE8*/; font-size: 3.1rem} /*Header group name & sometime page title*/
		#header-wrapper h1 {margin-left: 13px}
	h2 {font-size:25px; font-size: 2.5rem}
	h3 {font-size:21px; font-size: 2.1rem}
	h4 {font-size:17px; font-size: 1.7rem}
	h5 {font-size:15px; font-size: 1.5rem}
	h6 {font-size:13px; font-size: 1.3rem}

	h1:first-child, h2:first-child, h3:first-child,	
	style + h1, style + h2, style + h3 /*style scoped*/ {margin-top:0}

/*CLEAN?*/
/*****banner*******/
.banner {
	background:url(/css/themes/booth/images/banner.png) no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	ackground-size: cover;
	width:100%;
	height:250px;
}


/********left-panel*********/

/*CLEAN?*/
.cg_content > hr {
	background:#9b1115;
	border:none;
	height:1px;
	margin:15px 0 0 0;
}

/********left-panel end here*********/



/********right-panel*********/
.cg_content .main_float {
	float: left;
	padding-top: 0;
}


/*******comment_box********/
.comment_box {
	max-width:546px;
	width:100%;
	margin:0 auto;
	border:1px solid #b3b4b6;
	padding:25px 25px;
	position:relative;
	font-size:15px;
}
.comment_box p {
	font-size:15px;
	color:#a8a8a8;
	margin:0;
	padding:0;
	line-height:26px;
}
.arrow {
	background:url(/css/themes/booth/images/arrow.png) no-repeat;
	width:25px;
	height:26px;
	position:absolute;
	top:-25px;
}
/*******event_box*****/
.event_box {
	border:1px solid #b3b4b6;
	margin-top:7px;
	min-height:120px;
}
.event_box h1 {
	background:url(/css/themes/booth/images/event_icon.png) no-repeat 20px 10px #24282f;
	text-align:left;
	font-size:16px;
	color:#fff;
	margin:0;
	padding:15px 15px 15px 20px;
	font-weight:normal;
}

/*******title_panel*****/
.title_panel { padding:25px 0; }
.title_panel h6 {
	font-size:16px;
	font-weight:700;
}
.title_panel p {
	line-height:23px;
	color:#000;
	margin:0;
	padding:10px 10px 20px 0;
	text-align:justify;
	font-size:15px;
}
/*******title_panel end*****/

/*******title_panel*****/
.bottom_list {
	background:#9b1115;
	width:100%;
	margin:0;
}
.bottom_list-inner {
	display:block;
}
.bottom_list ul {
	margin:0;
	padding:0;
	list-style:none;
}
.bottom_list ul li {
	width:20%;
	display:block;
	float:left;
}
.bottom_list ul li a {
	display:block;
	background:#9b1115;
	font-size:15px;
	font-weight:700;
	color:#fff;
	text-decoration:none;
	padding:25px 15px;
}
.bottom_list ul li a span {
	font-size:14px;
	font-weight:normal;
}
.bottom_list ul li a:hover {
	background:#7e0a0d;
	color:#fff;
}
.bottom_list ul li a.act {
	background:#7e0a0d;
	color:#fff;
}
.drop_down {
	display:none;
	width:98%;
	margin:0 auto;
}
/*******title_panel end*****/


/*******photos start*****/
.photos { padding:0 0 15px 0; }
.photos img.left {
	float:left;
	margin-bottom:30px;
	max-width:100%;
}
.photos img.right {
	float:right;
	margin-bottom:30px;
	max-width:100%;
}
.socail-icon { }
.socail-icon img {
	float:left;
	margin:0 10px 0 0;
}
/******first_column******/
.first_column {
	float:left;
	width:376px;
	padding:8px 0 0 0;
}
.first_column p.justify {
	text-align:justify;
	color:#333;
	line-height:24px;
	font-size:16px;
}
.first_column img {
	max-width:100%;
	margin-bottom:31px;
}
.first_column label {
	color:#333;
	font-size:16px;
	display:block;
	clear:both;
}
.first_column label.height {
	height:20px;
	display:block;
}
.first_column label img.checkbox {
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	width:auto;
	max-width:auto;
}
/******first_column end******/


/******secong_column******/
.second_column {
	float:right;
	width:382px;
}
.second_column p {
	text-align:left;
/*	font-size:16px;
	line-height:24px;*/
}
.second_column p.justify {
	text-align:justify;
	color:#333;
	line-height:24px;
	margin:35px 0 0 0;
	font-size:16px;

}
.second_column img {
	max-width:100%;
	margin-bottom:31px;
}
.second_column input.button {
	background:#9b1115;
	margin-top:20px;
	font-weight:700;
	cursor:pointer;
	color:#fff;
	font-size:24px;
	text-align:center;
	border:none;
	padding:10px 30px;
}
.second_column input.button:hover { background:#333; }
.top_column { margin-bottom:31px; }
.top_spacing { padding:26px 0 24px 0; }
/******first_column end******/


/*******grey*******/
.grey {
	background:#cccccc;
	padding:2%;
	width:44%;
	float:left;
}
.cg_content .grey h3 {
	font-size:18px;
	color:#fff;
	margin:0;
	padding:10px 0 5px 10px;
	text-transform:uppercase;
}
.cg_content .grey p {
	color:#fff;
	line-height:24px;
	text-align:justify;
	margin:0;
	padding:0 10px 10px 10px;
}
.red {
	background:#9b1115 !important;
	float:right !important;
}
/*******grey*******/

/*****first_row******/
.first_row {
	margin-bottom:31px;
	clear:both;
}
.second_row {
	margin-bottom:31px;
	clear:both;
}
.third_row {
	margin-bottom:31px;
	clear:both;
}
/*****first_row end******/

/*****table grid*****/
/* Temproray de-activating table customization 
.table_div { margin: 25px 0 30px 0; }
.cg_content > table:not(.cgw) {
	font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	margin: 20px 0 0;
}
.cg_content > table:not(.cgw) tr {
	background: none repeat scroll 0 0 #24282f;
	border-top: 1px solid #FF0000 !important;
	min-height: 60px;
}
.cg_content > table:not(.cgw) tr:hover { background: none repeat scroll 0 0 #325da7; }
.cg_content > table:not(.cgw) th {
	border-bottom: 1px solid #949496;
	border-right: 1px solid #949496;
	color: #FFFFFF;
	font-size: 17px;
	padding: 15px;
	text-align: left;
	background: none repeat scroll 0 0 #325da7;
}
.cg_content > table:not(.cgw) tr td {
	border-bottom: 1px solid #949496;
	border-right: 1px solid #949496;
	color: #FFFFFF;
	font-size: 15px;
	padding: 15px;
	text-align: left;
}
.id_sorting {
	float: right;
	padding: 7px 10px 0 0;
	width: 7px;
}
*/
/****contact-form*****/
.contact_form {
	width:375px;
	float:left;
	background:#fff;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	border:1px solid #ebedee;
	padding:40px;
}
.contact_form p {
	margin:0;
	padding:0 0 15px 0;
}
.contact_form label {
	font-size:24px;
	color:#333;
	font-weight:700;
	display:block;
	padding:0 0 15px 0;
	width:100%;
}
.contact_form input {
	width:98%;
	padding:2% 1%;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	border:1px solid #ebedee;
	color:#969ca3;
	font-size:18px;
}
.contact_form textarea {
	width:98%;
	padding:2% 1%;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	border:1px solid #ebedee;
	color:#969ca3;
	font-size:18px;
	resize:none;
}
.msg-btn {
	-moz-text-align-last: left;
	border-radius: 5px;
	color: #000000;
	float: left;
	outline: medium none;
	text-align: left;
	width: 30%;
}
.msg-btn a {
	background: url("/css/themes/booth/images/msg-icon.png") no-repeat scroll center center #9b1115;
	border: 2px solid #9b1115;
	border-radius: 5px;
	display: block;
	padding: 20px 40px;
}
.get_in_touch {
	width:374px;
	float:right;
}
.get_in_touch h2 {
	font-size:24px;
	color:#333;
	margin:0;
	padding:0 0 10px 0;
	text-transform:uppercase;
}
.get_in_touch img.map_icon {
	margin:30px 0;
	max-width:100%;
}
.get_in_touch p {
	font-size:16px;
	color:#333;
	line-height:24px;
}
.details {
	font-size:16px;
	color:#333;
	padding:25px 0 0 0;
	width:100%;
}
.details p { padding:0 0 15px 0; }
.details img.ico {
	float:left;
	margin-right:15px;
}
.bottom_image {
	width:100%;
	margin-top:20px;
}
.bottom_image img { width:100%; }



/*@F O O T E R 
------------------------------------------------------------------*/
#footer {
/*	background:#fafafa !important;
	padding:0!important;
	width:100%;
	margin:0;
	border-top: none !important;*/
}
#footer p:empty {display:none} /*temp*/
#footer, #footer a {color:#fff}
	.footer_links  {padding: 30px 15px}
			.inner_footer_links {
				display:table;
				width: 100%;
				}
				.address_footer, .site_map_footer, .social_footer {
					display: table-cell;
					width: 33.3%; /*IE8*/
					width: calc(100% / 3);
					padding: 0 15px;
					}
				.social_footer > p {white-space:nowrap}

/*.inner_footer {
	width:940px;
	margin:0 auto;
}
.social_icon_panel {margin-top: 45px}
.inner-social {
	margin: 0 auto;
	width: 251px;
}
.social-logo { margin-right: 17px}
.social-logo-last { margin-right: 0}

.address_footer {width:35%;}
.site_map_footer {width:35%;}
.social_footer {width:27%; margin-left:2%}
.site_map_footer ul span {font-size:16px}
*/

.address_footer p {
	font-size:14px;
	line-height:18px;
	margin:0;
	padding:10px 0;
}
.address_footer a:hover {text-decoration:none;}

.inner_footer_links > div > span:first-child {font-size: 18px}
.site_map_footer ol, .site_map_footer ul {
	display:table;
	padding-left: 0;
	min-width: 65%;
	}
	.site_map_footer li {
		list-style: none;
		border-top: 1px solid rgba(255,255,255, .2);
		padding: .4em 0;
		font: 16px 'Trebuchet MS', serif;
	}
	.site_map_footer ul li:first-child {border-top: none}
		.site_map_footer a {
			font-size: 16px;
			text-decoration: none;
			-webkit-transition: all .15s;
			transition: all .15s;
			}
			.site_map_footer a:hover {padding-left: 5px}


/* @WIDGETS
--------------------------------------------*/ 

body.web_page #content .cgw {
	border: none;
	box-shadow: none;
	border-radius: 0;
	margin: 0 0 40px;
}

body.web_page .cg_content .main_right .cgw { margin-right: 0; }
body.web_page .cg_content .main_side_right .cgw { margin-right: 0; }

body.web_page .cgw .w_title {
	height: auto !important;
}
body.web_page .cgw .w_title .ttl {
	font-size: 26px;
	font: 2.6rem "jaf-bernino-sans-condensed",sans-serif;
	color:#40454d;
	margin: 0 15px 0 0;
	text-transform:uppercase;
}

body.web_page .cgw .w_lft { display: none !important; }
body.web_page div.cgw .w_title {
	border-bottom:1px solid #b3b4b6 !important;
	border-top: none !important;
	margin-bottom: 20px !important;
	line-height: 30px !important;
	padding-bottom: 4px;
}

body.web_page .cgcw .cw_title {
	font-size: 28px;
    font: 2.8rem "jaf-bernino-sans-condensed",sans-serif;
    color: #40454d;
    margin: 0 15px 0 0;
    text-transform: uppercase;
    display: inline-block;
    vertical-align: middle;
    padding: 0;
    border: 0;
    border-bottom: 1px solid #b3b4b6 !important;
    border-top: none !important;
    margin-bottom: 20px !important;
    line-height: 30px !important;
    padding-bottom: 4px;
}

#ajax_mini_calendar .w_title, #ajax_job_postings .w_title {margin-bottom:0 !important}


body.web_page .cgw.w_events_calendar .w_title, .cgw.w_websites_contact .w_title {
	margin-bottom: 0 !important;
}

body.web_page div.cgw .ttl{
	line-height: 38px !important;
}
body.web_page div.cgw .w_content {padding: 0}
body.web_page .cgw hr.clear_float { display: none !important; }
body.web_page .cgw .message.information {
	margin: 0 !important;
	font-size: 16px;
	line-height: 24px;
	color: #3F3F3F;
}

body.web_page div.cgw.w_events .w_content {font-size: 0.9em;}

body.web_page .cgw.w_events_calendar .w_title, body.web_page .cgw.w_websites_contact .w_title, body.web_page .cgw.w_websites_blog .w_title, body.web_page .cgw.w_websites_forum_sections .w_title, body.web_page .cgw.w_members .w_title { margin-bottom: 0 !important; }
.cgw.w_events_calendar th {
	background: #325da7 !important;
	color: #fff;
	font-weight:normal;
	font-size: 13px;
}
body.web_page .cgw.w_websites_forum_categories .w_title {
	margin: 0px 0px 16px 0px !important;
}
body.web_page .cgw.w_websites_forum_categories .w_title {
	padding: 0px !important;
}
body.web_page #forum_sections {
	padding-top: 0px !important;
}
#ajax_mini_calendar .w_legend {
	border-radius: 0 0 3px 3px;
	padding: 6px 3px;
	border: 1px solid #e4e7eb;
	border-top:0;
}
#ajax_mini_calendar .w_actions_bottom {border-color: #FFF}

body.web_page .cgw.w_events_calendar .w_content .w_legend img {
	padding-right: 4px;
	vertical-align: middle;
	margin-top: -2px;
}
body.web_page .cgw.w_websites_contact #contact_form { background-color: #f2f2f2 !important; }
body.web_page #ajax_contact_us .cgw.w_websites_contact #contact_info{padding-top: 24px !important;}
body.web_page #ajax_contact_us .cgw.w_websites_contact #contact_form label { font-size: inherit !important; }
body.web_page #ajax_contact_us .cgw.w_websites_contact #contact_info p { font-size: inherit !important; }
body.web_page #ajax_contact_us .cgw.w_websites_contact #contact_info h2 {
	font-size: 1.5em !important;
	color: #000 !important;
}
body.web_page #ajax_contact_us { opacity: 1 !important; }
body.web_page .cgw.w_websites_contact a, body.web_page .cg_content .btns { color: #fff !important; }

body.web_page .ajax_officers_pictures .cgw .w_content a {color: transparent !important;}
body.web_page #ajax_officers_pictures .cgw .w_content a img {padding: 0 2px 8px 2px;}

#ajax_job_postings .w_event_container {margin: 5px 0px;}

/* @NEW WIDGETS
--------------------------------------------*/ 

.cgcw { border-radius: 4px; background:#FFF; color:#444}
.cw_edit {overflow:hidden}
.cw_title {font-size: 1.6em; font-weight:bold; margin-bottom: .5em}
.cw_subtitle {font-size: 1.2em;}
.cw_left_photo .cw_before_photo {float:left; margin: 0 20px 20px 0}
.cw_right_photo .cw_before_photo {float:right; margin: 0 0 20px 20px}
.cw_top_photo .cw_before_photo {
	width:100%;
	height:auto;
	margin-bottom: 20px
	}

.cw_background_photo .cw_wrapper {background-size:cover; padding: 10px}
.cw_background_photo .cw_content {
	background: rgba(255,255,255, .9); 
	border-radius: 3px;
	padding: 10px 15px 5px;
	}


/*Erwann temp adds

#sidecol .cgw {margin: 0 0 15px !important}

#sidecol .cgw th, #sidecol .cgw td {font-size: 12px !important}
.cgw .w_content .w_item:last-child {padding:0; margin:0; border:none}

.w_legend {font-size: 13px}
.w_cal_date abbr {
	background-image: none !important;
	border-radius: 3px 3px 0 0; 
	font-size: 12px !important;
	}
.w_cal_date span.nbr {font-size: 18px  !important; line-height: 1.1 !important}
.w_cal_date .day {font-size: 12px !important; line-height: 1 !important}

.member_card .other { padding: 10px 13px;}

.cg_content .w_content p span {font-size: 15px !important; /*IE8 font-size: 1.5rem !important}*/

@media (max-width: 885px) {
	#sidecol_lft + #mainContainer #contact_info, #sidecol_rgt + #mainContainer #contact_info,
	#sidecol_lft + #mainContainer #contact_form, #sidecol_rgt + #mainContainer #contact_form {display:block}
	}

/*Cancel head rules*/
.clr {display:none  !important} /*Test supposed clearing */
#club_logo { width:auto !important /*IE8-9*/; float:none !important /*IE8-9*/}


.tr_resp:last-child .rsvp_total_ttl {display:none}
.rsvp_payment_date, .rsvp_time_left {display:block}
   

/*------------------------------- @R E S P O N S I V E   R U L E S ----------------------------------- */


@media only screen and (max-width: 980px) { 

.top_spacing { padding:0 0 7px 0; }
.red p { line-height:24px !important; }
.photos img.left {
	max-width:48%;
	margin-bottom:11px;
}
.photos img.right {
	max-width:48%;
	margin-bottom:12px;
}
}
/*WIDGETS
-----------------------------*/

.group_activity {margin-top: -0.7em}
.group_activity > li {margin: 0; width: 100%}



/*.htmtableborders td + td + td { width: 252px}*/