@charset "utf-8";

/*********************************************/
/* FONTS
/*********************************************/
@font-face{
    font-family: myPassword;
    src: url("/include/fonts/password_dots.eot");
    src: url("/include/fonts/password_dots.eot?#iefix")format("embedded-opentype"),
        url("/include/fonts/password_dots.woff")format("woff"),
        url("/include/fonts/password_dots.woff2")format("woff2"),
        url("/include/fonts/password_dots.ttf")format("truetype"),
        url("/include/fonts/password_dots.svg#Password Dots Regular")format("svg");
    font-weight:normal;
    font-style:normal;
    font-display:swap;
}

/*********************************************/
/* CONSTANTS
/*********************************************/

:root {
  --cfgreen: #6F7C22; 
  --cfgreenalt: #7e9252;
	--cfgreenhover: #3B4B18;
	--cfdarkgreen: #3B4B18;
  --cfbrightgreen: #C8d53a;
  --cfblue: #2fa1e2; /*#6badc9; */
  --cfyellow: #ffd87d;
  --cfred: #9b243e; /*#aa273e;*/
  --cfpurple: #9da0c9;

	--cfdarkblue: #006DAB;
	--cfdarkred: #60081B;
	
	--cfdarkbluegrey: #2b363c;
	--cfmedbluegrey: #3e525d;
	--cfmedblue: #1384c5;
	
  --cfgrey: rgba(30, 30, 30, 0.28); /*#eeeeee;*/
  --cflightgrey: rgba(233, 233, 233, 0.6);
  --cflightgreen: #f0f1e7;
	--cfmedgrey: #464A4D;
  --cfdarkgrey: #262626;
  --cfwhite: #ffffff;
  --cfblack: #000000;
}

/*********************************************/
/* PAGE LAYOUT STYLES - Header / Footer, etc */
/*****************************E****************/
body {
	background: var(--cfwhite);
	padding: 0px;
	margin: 0px;
	font-family: ABeeZee, Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: var(--cfmedgrey);
	position: relative;
  text-align: center;
}

.BodyPopup {
	padding: 15px;
}

a {
	color: var(--cfgreen);
	text-decoration: none;
	font-weight: bold;
}
a:hover {
	color: var(--cfgreenhover);
}

hr {
	border: none;
	background:  none;
	border-bottom: 1px solid var(--cfgrey);
	display: block;
	clear: both;
}
.hrLine {
 	border: none;
	background:  none;
  margin: 4px 0px;
	border-bottom: 1px solid var(--cflightgrey);
	display: block;
	clear: both; 
}
img {
	border-color: var(--cflightgrey);
}
.PasswordFont {
	font-family: myPassword, Roboto !important;
}
/*********************************************/
/* Heading and Title styles
/*********************************************/
h1, h2, h3, h4, h5, h6 {
	line-height: 1.3em;
	margin: 8px 0px;
  color: var(--cfmedgrey);
	font-family: Roboto, ABeeZee, Helvetica, Arial, sans-serif;
	font-weight: 700;
}
h1 {
	font-size: 28px;
}
h1.green {
	background: var(--cfgreen);
	color: var(--cfwhite);
	padding: 4px 8px;
  margin: 10px 0px;
}
h1.greenlight {
	background: var(--cflightgreen);
	color: var(--cfgreen);
	padding: 4px 8px;
  margin: 10px 0px;
}
h2{
	font-size: 24px;
}
h2.green {
	background: var(--cfgreen);
	color: var(--cfwhite);
	padding: 4px 8px;
  margin: 10px 0px;
}
h2.greenlight {
	background: var(--cflightgreen);
	color: var(--cfgreen);
	padding: 4px 8px;
  margin: 10px 0px;
}
h3 {
	font-size: 22px;
}
h3.green {
	background: var(--cfgreen);
	color: var(--cfwhite);
	padding: 4px 8px;
  margin: 10px 0px;
}
h4{
	font-size: 20px;
	font-weight: normal;
}	
h4.green {
	background: var(--cfgreen);
	color: var(--cfwhite);
	padding: 4px 8px;
  margin: 10px 0px;
}
h5{
	font-size: 18px;
	font-weight: normal;
}	
h6{
	font-size: 16px;
	font-weight: normal;
}	

h1.black, h2.black, h3.black, h4.black, h5.black, h6.black {
	color: var(--cfblack);
}
h1.white, h2.white, h3.white, h4.white, h5.white, h6.white {
	color: var(--cfwhite);
}
h1.red, h2.red, h3.red, h4.red, h5.red, h6.red {
	color: var(--cfred);
}
ul li {
	list-style-image: url("/images/icons/arrow1.png");
	list-style-type: none;
	line-height: 1.65em;
	font-size: inherit;
}
/*************** HEADER **************/

.BodyBar {
  width: 100%;
  height: auto;
  margin: 0px 0px 0px;
  padding: 0px;
  text-align: center;
  display: block;
  position: relative;
}
.HeaderBar {
	background: var(--cfgreen);
	width: 100%;
	height: 35px;
  color: var(--cfwhite);
	text-align: center;
	position: relative;
	display: block; 
	padding: 0px 0px;
	margin: 0px;
	z-index: 5;
}
.HeaderBar .HeaderBox {
	width: 1100px;
	height: auto;
	margin: 0px;
	padding: 0px;
  color: var(--cfwhite);
	position: relative;
	display: inline-block;
	overflow: hidden;
	text-align: left;
	font-size: 13px;
	z-index: 2;
}
.HeaderBar .HeaderText {
	display: inline-block;
	width: auto;
	position: relative;
	padding: 8px 0px 0px;
}
.HeaderBar .HeaderText .boxButton3 {
	background-color: var(--cfgreen) !important;
	font-size: 14px !important;
	padding: 5px 15px !important;
	margin: 2px 15px !important;
}
.HeaderBar .HeaderText a {
	color: #fff;
	font-weight: normal;
}
.HeaderBar .HeaderSocial {
	float: right;
	width: auto;
	display: block;
	position: relative;
	padding: 4px 10px 0px;
}
.HeaderBar .imgHeaderSocial {
	height: 14px;
	width: 14px;
	margin: 5px 4px 0px;
}

.imgHeaderEmail {
	display: none;
}
.HeaderBar h2 {
  font-size: 32px;
	color: var(--cfwhite);
	margin: 0px;
  padding: 6px 0px;
}
.HeaderBar h3 {
  font-size: 16px;
	color: var(--cfwhite);
	margin: 0px;
  font-weight: normal;
  padding: 3px 0px;
}

/*************************************************/
.RotateBar {
	background: none;
	width: 100%;
	height: auto;
	padding: 0px;
	margin: 0px;
	position: relative;
	text-align: center;
	z-index: 3;
}
.RotateBar2 {
  background: none;
	width: 100%;
  height: 250px;
	padding: 0px;
	margin: 0px 0px 0px;
	position: relative;
	text-align: left;
  border: 1px solid #ccc;
	z-index: 3;  
}
.RotateBar .RotateBox, .RotateBar2 .RotateBox {
	width: 1100px;
	height: auto;
	padding: 0px;
	margin: 0px 0px 0px -550px;
	top: 0px;
	left: 50%;
	position: absolute;
	display: inline-block;
	text-align: left;
	z-index: 104;
}
.RotateBar .RotateText {
	font-family: Roboto, ABeeZee, Helvetica, Arial, sans-serif;
	text-align: center;
	background: none;
	color: #fff;
	position: absolute;
	font-size: 20px;
	line-height: 1.55em;
	top: 30%;
	left: 10%;
	width: 80%;
	z-index: 100;
}
.RotateBar .RotateText h1 {
	font-size: 42px;
	margin: 0px 0px 12px;
	color: #fff;
	font-weight: bold;
}
.RotateBar .RotateText h5 {
	font-size: 13px;
	margin: 0px 0px 12px;
	color: #fff;
	font-style: italic;
	font-weight: normal;
}
.RotateText .boxButton3 {
	background-color: var(--cfgreen) !important;
	font-size: 14px !important;
	padding: 5px 15px !important;
	margin: 2px 15px !important;
}
.imgHeaderMain, .imgHeaderGraphic {
  width: 100%;
  height: auto;
  position: relative;
  display: block;
  z-index: 4;
}
.HeaderLogoMob {
  display: none;
}
.imgHeaderLogo {
	width: 200px;
  position: absolute;
	top: 20px;
	left: 0px;
  z-index: 10;
  opacity: 1.0;
}

.imgCloseTop {
  width: 22px;
  height: 22px;
  border: none;
  position: absolute; 
  top: 2px; 
  right: 3px; 
  z-index: 1002;
}

.imgSubHeaderLogo {
	width: 250px;
  position: absolute;
	top: 20px;
	left: 50px;
  z-index: 10;
  opacity: 1.0;
}


.RotateBar .HeaderMemberInfo {
	font-family: Roboto, ABeeZee, Helvetica, Arial, sans-serif;
  position:absolute;
  top: 90px;
  left: 0px;
  width: 100%;
  height: auto;
  color: #fff;
  line-height: 1.45em;
  text-align: center;
  font-size: 20px;
  z-index: 10;
}
.RotateBar .HeaderMemberInfo h1 {
  color: #fff;
  font-size: 36px;
	font-weight: bold;
}
.RotateBar .HeaderMemberInfo .boxButton3 {
	background-color: var(--cfgreen) !important;
	font-size: 14px !important;
	padding: 5px 15px !important;
	margin: 2px 15px !important;	
}
	#HomeLogos img {
		width: 60%;
	}	
/*****************************************/
/************ MEMBER MENU ****************/
/*****************************************/
.HeaderBar .MemberBar {
	background: none;
	width: auto;
	height: auto;
	margin: 6px 0px 0px 15px;
	padding: 0px;
	position: relative;	
	display: block;
  float: right;
	z-index: 4;
  font-size: 15px;
}
.HeaderBar .MemberBar a {
  color: var(--cfwhite);
  font-weight: bold;  
}


.boxMemberMenu {
  width: 28%;
  margin: 5px 1%;
  border: 1px solid var(--cfgreen);
  background: var(--cfwhite);
  padding: 5px 1%;
  text-align: left;
  display: inline-block;
  vertical-align: middle;
  font-size: 18px;
}

.boxMemberMenuInactive {
  border: 1px solid #ccc;
  color: #bbb;
}
.imgMemberMenu {
  width: 36px;
  vertical-align: middle;
  margin: 0px 5px 0px 0px;
  float: left;
  border: none;
}
/***************************************/
/*********** MEMBER TAGS ***************/
/***************************************/

.TagBox {
	width: auto;
	height: auto;
	display: block;
	position: relative;
	margin: 15px 0px;
	border: 1px solid var(--cfgreen);
	padding: 5px 15px;
}


/*****************************************/
/*************** MENU ********************/
/*****************************************/
.MenuBar {
	background: none;
	width: auto;
	height: auto;
	margin: 0px 0px;
	padding: 0px;
	position: absolute;	
	top: 35px;
	right: 0px;
	display: block;
	z-index: 1004;
}
.MenuBar .MemberBar {
	float: right;
	font-size: 16px;
}
.mnuMain, .mnuMainTop {
	background: none;
	width: auto;
	height: auto;
	margin: 0px;
	padding: 0px;
	position: relative;	
	display: inline-block;
}


.mnuMain li, .mnuMainTop li {
	width: auto;
	height: auto;
	float: left;
	padding: 3px 10px 4px;
	margin: 0px 4px;
	display: inline;
	list-style: none;
	position: relative;	
	font-size: 16px;
  font-weight: bold;
	border-radius: 3px;
}
.mnuMainTop li {
	text-transform: capitalize;
}
.mnuMain li a, .mnuMainTop li a {
	color: var(--cfwhite);
}
.mnuMain li:hover a, .mnuMain li:hover, .mnuMainTop li:hover a, .mnuMainTop li:hover {
	color: var(--cfwhite);
	background: var(--cfgreen);	
}
.mnuMainTop li:hover a, .mnuMainTop li:hover, .mnuMainTop li.boxMenuActive, .mnuMainTop li.boxMenuActive a {
	color: var(--cfwhite);
}
.mnuMain li:hover, .mnuMain li.boxMenuActive {
	background: var(--cfgreen);	
}
/*--------------------------------------*/

.SubMenu {
	background: var(--cfwhite);
	margin: 0px;
	padding: 0px 0px 5px;
	display: none;
	position: absolute;
	top: 33px;
	left: 0px;
	width: 225px;
	height: auto;
	border-radius: 3px;
}
.mnuMainTop .SubMenu {
	top: 33px;
	left: 0px;
	left: auto;
	width: 160px;
}
.SubMenu li {
	background: none !important;
	font-size: 14px;
	list-style: disc;
	color: #000;
	padding: 4px 0px;
	margin: 0px;
	height: auto;
	line-height: 1.4em;
	text-align: left;
	width: 200px;
	_width: 205px;
}
.mnuMainTop .SubMenu li {
	text-align: left;
	padding: 3px 25px 3px 0px;
	width: 130px;
	_width: 135px;	
}

.SubMenu ul {
	padding: 2px 0px 2px 15px;
	margin: 0px;
}
.SubMenu ul li a, .SubMenu li a, .mnuMain li:hover ul li a, .mnuMainTop li:hover ul li a {
	background: none !important;
	color: var(--cfmedgrey);
	text-decoration: none;
	text-shadow: none;
	font-weight: normal;
}
.SubMenu li a:hover, .mnuMain li:hover ul li:hover a, .mnuMainTop li:hover ul li:hover a {
	background: none;
	color: var(--cfgreen)
}
.mnuMain li:hover .SubMenu, .mnuMain .boxMenu:hover .SubMenu {
	display: block;
}

.mnuMainTop li:hover .SubMenu, .mnuMainTop .boxMenu:hover .SubMenu {
	display: block;
}
.SubMenu li ul {
	display: none;
	position: absolute;
	top: 0px;
	left: 200px;
	background-color: #6C7E47;
	margin: 0px;
	padding: 2px 0px 5px;
	width: 200px;
}
.SubMenu li ul li {
	font-size: 14px;
	list-style: disc;
	color: #FFF;
	padding: 2px 5px;
	margin: 0px;
	height: auto;
	line-height: 1.35em;
	text-align: left;
	width: 190px;
	_width: 200px;
}
.SubMenu li ul li a {
  color: var(--cfwhite);
}
.SubMenu li:hover ul {
	display: block;
}

.SubMenu li:hover {
	background: none;
}

/*------------------------------------*/

.boxMenuDrop {
  width: 80%;
  height: 100%;
  position: fixed;
  top: 0%;
  left: -80%;
  background: var(--cfgreen);
  color: var(--cfwhite);
  padding: 3% 4%;
  z-index: 1001;
  font-size: 1.35em;
	text-align: left;
}
.boxMenuDrop a {
  color: var(--cfwhite);
}
.boxMenuDrop h2 {
  color: var(--cfwhite);
}
.boxMenuDrop .mnuMain, .boxMenuDrop .mnuMainTop{
	background: none;
	width: auto;
	height: auto;
	margin: 5px 0px;
	padding: 0px;
	position: relative;	
	display: block;
  float: none;
}
.boxMenuDrop .mnuMain li, .boxMenuDrop .mnuMainTop li {
  float: none;
  display: block;
  text-align: left;
  padding: 2px 10px;
  margin: 2px 10px;
  font-size: inherit;
  list-style: disc;
  color: var(--cfwhite);
}
.boxMenuDrop .mnuMain li a, .boxMenuDrop .mnuMain .SubMenu li a, .boxMenuDrop .mnuMainTop li a, .boxMenuDrop .mnuMainTop .SubMenu li a {
  color: var(--cfwhite);
}
.boxMenuDrop .mnuMain li a:hover, .boxMenuDrop .mnuMain .SubMenu li a:hover, .boxMenuDrop .mnuMainTop li a:hover, .boxMenuDrop .mnuMainTop .SubMenu li a:hover {
  color: var(--cfwhite);
}
.boxMenuDrop .mnuMain li:hover, .boxMenuDrop .mnuMain .SubMenu li:hover, .boxMenuDrop .mnuMainTop li:hover, .boxMenuDrop .mnuMainTop .SubMenu li:hover {
  color: var(--cfwhite);
}
.boxMenuDrop .mnuMain .SubMenu, .boxMenuDrop .mnuMainTop .SubMenu {
	display: block;
	position: relative;
	background: var(--cfgreen);
	top: auto;
	left: auto;
	width: auto;
}
.boxMenuDrop .mnuMain .SubMenu li, .boxMenuDrop .mnuMainTop .SubMenu li {
	width: auto;
}

.lnkMobileMenu {
  display: none;
  cursor:pointer;
}
.lnkCloseMenu, .lnkButton {
  cursor: pointer;
}
.imgIconLg {
	width: 28px;
	border: none;
	margin: 0px 2px;
}
.imgIcon {
	width: 24px;
	border: none;
	margin: 0px 2px;
}
.imgIconSm {
	width: 20px;
	border: none;
	margin: 0px 2px;
}
.imgIconXSm {
	width: 16px;
	border: none;
	margin: 0px 2px;
}
.imgRounded {
  border-radius: 15px;
}
.boxRound3 {
	border-radius: 3px;
}
.boxRound5 {
	border-radius: 3px;
}

/******************************************/
/************** CONTENT BAR ***************/
/******************************************/
.ContentBar, .ContentBar2, .ContentBar3 {
	background: var(--cfwhite);
	width: 100%;
	height: auto;
	padding: 20px 0px;
	margin: 0px;
	line-height: 1.55em;
	text-align: center;
	color: var(--cfmedgrey);
	position: relative;
	display: block;
  overflow: visible;
}
.ContentBar2 {
  background: var(--cflightgreen);
  padding: 0px 0px;
  margin: 0px 0px;
}
.ContentBar3 {
  background: var(--cflightgrey);
  padding: 0px 0px;
  margin: 0px 0px;
}
.ContentBox {
	font-size: 14px;
	color: var(--cfmedgrey);
  width: 1200px !important;
	padding: 60px 0px;
	margin: 0px;
	text-align: left;
  display: inline-block !important;
  position: relative !important;
  overflow: visible;
}
.ContentBox2 {
	font-size: 14px;
	line-height: 1.55em;
	color: var(--cfmedgrey);
  width: 1100px;
	padding: 60px 0px;
	margin: 0px;
	text-align: left;
  display: inline-block;
  position: relative;  
}

.Body404 {
  background: #fff url("/images/layout/404background.jpg") center center no-repeat;
  text-align: center;
}
.Body404 .ContentBox {
  background: var(--cfwhite);
  margin: 15px 0px;
  width: 500px;
  color: var(--cfmedgrey);
  text-align: center;
  font-size: 18px;
}

/*********************************************************/

.ContentButtonBar {
  background-color: var(--cfgreen);
  margin: 20px 0px;
  width: 100%;
  height: auto;
  padding: 10px 0px;
  text-align: center;
  color: var(--cfyellow);
  display: block;
  position: relative;
}
.ContentButtonBar a {
  color: #FFF4D3;
}
.ContentButtonBar a:hover {
  color: var(--cfwhite);
}
.ContentButtonBar .VertBar {
  background: url("/images/layout/shadeback2.jpg") center center no-repeat;
  width: 30px;
  height: 40px;
  display: inline-block;
  position: relative;
  margin: 0px;
  padding: 0px;
}
.ContentButtonBar .ButtonBox {
  width: auto;
  text-align: center;
  padding: 12px 40px;
  margin: 0px;
  font-size: 18px;
  display: inline-block;
  position: relative;
}
.ContentButtonBar .ButtonBox:hover {
  background-color: #5b9fbc;
}
.ContentButtonBar .ButtonBarLeft {
  border-left: 1px solid var(--cfyellow);
}
/*********************************************************/
.ContentBox3 {
	background: var(--cfwhite);
	width: 32%;
	height: auto;
  margin: 25px 0px;
  padding: 0px;
  display: inline-block;
  vertical-align: top;
	position: relative;
	text-align: left;
  overflow: hidden;
}
.ContentBox3 .ContentImage {
  background-position: center center;
  background-size: auto 245px;
	width: 48%;
	height: 240px;
	overflow: none;
  margin: 0px;
  display: inline-block;
	position: relative;
	text-align: left;
  vertical-align: top;
}

.ContentBox3 .ContentText {
  width: 48%;
  height: auto;
  overflow: none;
  margin: 0px;
  padding: 5px;
  display: inline-block;
	position: relative;
	text-align: left;
  vertical-align: top;

}
.ContentBox3 .ContentTitle {
	font-size: 28px;
  padding: 2px 5px;
  text-transform: uppercase;
  text-align: left;
}
.ContentBox3 .ContentDesc {
  padding: 2px 5px;
	font-size: 15px;
	line-height: 1.5em;
  text-align: left;
}


/*********************************************************/
.ContentBox4 {
	background-color: var(--cfyellow);
	width: 300px;
	height: 335px;
  margin: 20px 20px;
  padding: 0px;
  font-size: 24px;
  color: var(--cfred);
  text-align: center;
  display: inline-block;
	position: relative;
  overflow: hidden;
}
.ContentBox4 .ContentImage {
	width: 300px;
	height: 300px;
	overflow: none;
  margin: 0px 0px 5px 0px;
  float: right;
}

.lnkPopupConferenceInfo, .lnkPopupConferenceAgenda, .lnkPopupConferenceSpeakers, .lnkCloseConf {
  cursor:  pointer;
}


.ProgramBox {
  width: 100%;
  margin: 20px 0px;
  padding: 0px;
  display: block;
  position: relative;
  text-align: left;
}
.ProgramText {
  width: 100%;
  display: block;
  position: relative;
  text-align: left;
  vertical-align: top;
}
.imgSuppProg {
  width: 32%;
  margin: 0px 0px 20px 20px;
  border: none;
  float: right;
  vertical-align: top;
}
/*********************************************************/
.MenuPathBox {
	font-size: 11px;
	text-align: left;
	display: block;
	margin: 0px 0px 5px;
}
/******************************************/
.MapBox {
	border: 5px solid var(--cfgreen);
	margin: 10px 0px;
	padding: 0px;
	width: 95%;
	height: 450px;
}
.OfficeMapBox {
  border: 1px solid #999;
	margin: 10px 0px;
	padding: 0px;
	width: 100%;
	height: 350px;
}

.LeftBox {
	float: left;
	background: #ececd4;
	border: none;
	border-top: 12px solid #cccc99;
	border-bottom: 12px solid #cccc99;
	width: 220px;
	_width: 240px;
	padding: 8px 10px;
	margin: 8px 0px 0px 20px;
	font-size: 12px;
	color: #036;
}
.LeftBox hr, .LeftBox .hrLine {
	color: #efefef;
	border-bottom: 1px solid #efefef;
}


.RightBox {
	float: right;
	background: #E9EEDF;
	border: none;
	width: 220px;
	_width: 240px;
	padding: 8px 10px;
	margin: 0px 0px 20px 20px;
	font-size: 13px;
	color: #036;
}
.RightBox hr, .RightBox .hrLine {
	color: #efefef;
	border-bottom: 1px solid #efefef;
}
.RightBox li {
	list-style-image: none;
	list-style-type:disc;
}



.datatab {
	background: url("/images/layout/pencil2.png") top left no-repeat;
	color: #FFF;
	height: 25px;
	_height: 28px;
	width: 130px;
	text-align: center;
	padding: 3px 0px 0px;
	font-size: 12px;
	font-weight: bold;
}
/*-----------------------------------------------------*/
.SponsorBar {
  width: 100%;
  margin: 10px 0px;
  text-align: center;
  display: block;
  position: relative;
}
.GoogleTranslateBox {
	position: relative;
	display: inline-block;
	text-align: center;
	height: 30px;
	width: 350px;
  margin: 10px 0px;
}
/************** FOOTER BAR ****************/
.FooterBar {
	background: var(--cfdarkgrey);
  color: var(--cfwhite);
	font-size: 13px;
	width: 100%;
	padding: 20px 0px;
	margin: 0px;
	text-align: center;
	position: relative;
  display: block;
}

.FooterBox {
	font-size: 13px;
	line-height: 1.6em;
	color: #CCC;
  width: 90%;
	padding: 15px 0px;
	margin: 0px 5%;
	text-align: left;
  display: block;
  position: relative;
}
.FooterBox b {
	color: #FFF;
}
.FooterBar .imgFootIcon {
  width: 15px;
  height: 15px;
  border: none;
}
.FooterBox1 {
  width: 20%;
	display: inline-block;
	vertical-align: top;
  margin: 0px 5% 0px 0px;
}
.FooterBox2 {
  width: 50%;
	display: inline-block;
	vertical-align: top;  margin: 0px 5% 0px 0px;
}
.FooterBox3 {
  width: 18%;
	float: right;
	vertical-align: top;
	margin: 0px 0px 0px;
}
.FooterBar h1, .FooterBar h2, .FooterBar h3, .FooterBar h4, .FooterBar h5 {
	font-family: ABeeZee, Helvetica, Arial, sans-serif;
	color: var(--cfwhite);
	margin: 5px 0px;
}
.FooterBar h5 {
	font-size: 13px;
}
.FooterBar a {
	color: var(--cfwhite);
	text-decoration: underline;
}
.FooterBar a:hover {
	color: var(--cfgreen);
}

.FooterQuote {
  font-size: 14px;
  font-weight: normal;
  color: #000;
  width: auto;
  max-width: 700px;
  margin: 25px 0px;
  text-align: center;
  line-height: 1.45em;
}
.FooterText {
  background: var(--cfblack);
  display: block;
  clear: both;
  width: 100%;
  padding: 25px 0px;
  margin: 0px;
  text-align: center;
  font-size: 12px;
  color: var(--cfwhite);
}
.FooterText a {
	color: var(--cfwhite);
}
.FooterText a:hover {
	color: var(--cfgreen);
}
/************* FOOTER POPUP *****************/
.SignupPopup {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 425px;
	min-height: 235px;
	margin: -215px 0px 0px -250px;
	padding: 35px 20px;
	font-size: 14px;
	background: var(--cfyellow);
	border: none;
	display: none;
	z-index: 910;
  overflow: hidden;
	text-align: center;
}
/************* FOOTER POPUP *****************/
.LoginPopup {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 425px;
	height: 350px;
	margin: -200px 0px 0px -215px;
	padding: 10px 15px;
	font-size: 16px;
	background: var(--cfgreen);
  color: var(--cfwhite);
  opacity: 0.95;
	border: none;
  border-right: 2px solid #0085BD;
  border-bottom: 2px solid #006690;
	display: none;
	z-index: 910;
  overflow: hidden;
	text-align: center;
}
.LoginPopup .boxButton3 {
  background: var(--cfred);
}
.LoginPopup h1, .LoginPopup h2, .LoginPopup h3, .LoginPopup h4 {
  color: var(--cfwhite);
}
.LoginPopup a {
  color: aqua;
}
/*********************************************/
/*  BUTTONS */
/*********************************************/


.boxButton, .boxButton2, .boxButton3, .boxButton4 {
	float: right;
	width: auto;
	height: auto;
	background: var(--cfgreen);
	color: var(--cfwhite);
	font-size: inherit;
	font-weight: bold;
	border: none;
	padding: 12px 30px;
	margin: 1px 0px 1px 3px;	
  line-height: 1.5em;
	text-align: center;
  white-space: nowrap;
	text-transform: uppercase;
	border-radius: 3px;
}
.boxButton a, .boxButton2 a  {
	color: var(--cfwhite);
	text-decoration: none;
}
.boxButton3 a, .boxButton4 a {
	color: var(--cfwhite);
	text-decoration: none;
}
.boxButton3 {
  float: none;
  display: inline-block;
}
.boxButtonMed {
	padding: 8px 16px;
}
.boxButtonShort {
	padding: 7px 30px;
}
.boxButtonLarge {
  font-size: 16px;
}
.boxButton:hover, .boxButton2:hover, .boxButton3:hover, .boxButton4:hover {
	background: var(--cfdarkgreen);
	color: var(--cfwhite);
}
.boxButton a:hover, .boxButton2 a:hover, .boxButton3 a:hover, .boxButton4 a:hover {
	text-decoration: none;
	color: var(--cfwhite);
}
.boxButton2, .boxButton4 {
	float: left;
  margin: 1px 3px 1px 0px;
}
.boxButton p, .boxButton2 p, .boxButton3 p, .boxButton4 p {
  margin: 0px;
  padding: 0px;
}
.boxSection .boxButton, .boxSection .boxButton2, .boxSection .boxButton3, .boxSection .boxButton4 {
  margin: -4px 2px 0px;
  padding: 6px 10px;
}
.boxLinkYellow a, .boxLinkYellow {
	color: var(--cfyellow) !important;
}

.boxButtonRed {
  background-color: var(--cfred) !important;
	color: #fff !important;
}
.boxButtonRed:hover {
	background-color: var(--cfdarkred) !important;
}
.boxButtonBlue {
  background-color: var(--cfblue) !important;
	color: #fff !important;
}
.boxButtonBlue .boxButton, .boxButtonBlue .boxButton2, .boxButtonBlue .boxButton3 {
	background: #fff;
	color: var(--cfblack) !important;
}
.boxButtonBlue .boxButton:hover, .boxButtonBlue .boxButton2:hover, .boxButtonBlue .boxButton3:hover {
	background: #eee;
}
.boxButtonBlue:hover {
	background: var(--cfdarkblue) !important;
	color: #fff !important;
}
.boxButtonHoverBlue:hover {
  background-color: var(--cfblue) !important;
	color: #fff !important;
}
.boxButtonHoverBlue:hover a {
	color: #fff !important;
}
/*---------------------------------------------*/
.boxButtonGreen {
  background-color: var(--cfgreen) !important;
	color: #fff !important;
}
.boxButtonGreen .boxButton, .boxButtonGreen .boxButton2, .boxButtonGreen .boxButton3 {
	background: #fff;
	color: var(--cfblack) !important;
}
.boxButtonGreen .boxButton:hover, .boxButtonGreen .boxButton2:hover, .boxButtonGreen .boxButton3:hover {
	background: #eee;
}
.boxButtonGreen:hover {
	background: var(--cfgreenhover) !important;
	color: #fff !important;
}
.boxButtonHoverGreen:hover {
  background-color: var(--cfgreen) !important;
	color: #fff !important;
}
.boxButtonHoverGreen:hover a {
	color: #fff !important;
}
/*---------------------------------------------*/
.boxFontGrey {
	color: var(--cfgrey) !important;
}
.boxFontDarkGrey {
	color: var(--cfdarkgrey) !important;
}
.boxFontSmall {
	font-size: 12px;
}
.boxButtonGrey {
  background-color: var(--cfgrey) !important;
	color: #000 !important;
}
.boxButtonLightGrey {
  background-color: var(--cflightgrey) !important;
	color: #000 !important;
}

.boxButtonBlueGrey {
  background-color: var(--cfdarkbluegrey) !important;
	color: #fff !important;
}
.boxButtonBlueGrey2 {
  background-color: var(--cfmedbluegrey) !important;
	color: #fff !important;
}
.boxButtonGold {
  background-color: var(--cfyellow) !important;
}
.boxButtonBlue {
  background-color: var(--cfblue) !important;
	color: #fff !important;
}
.boxButtonGreen {
  background-color: var(--cfgreen) !important;
  color: #fff !important;
}
.boxButtonGreen a, .boxButtonRed a, .boxButtonBlue a {
  color: #fff !important;
}
.boxButtonGreen:hover, .boxButtonGreen:hover, .boxButtonGreen:hover, .boxButtonGreen:hover {
	background: var(--cfdarkgreen) !important;
}
.boxButtonBlue .boxLinkYellow {
	color: var(--cfyellow) !important;
}
.boxButtonLower {
	text-transform: lowercase !important;
}

.boxButtonWhite {
  background-color: var(--cfwhite) !important;
	color: var(--cfgreen) !important;
}
.boxButtonWhite a {
	color: var(--cfgreen) !important;
}
.boxButtonWhite:hover {
	background-color: var(--cfgreen) !important;
}
.boxButtonWhite:hover a {
	color: var(--cfwhite) !important;
}
/*-------------------------*/
.boxBlue .boxButtonWhite:hover {
	background: var(--cfwhite) !important;
}
.boxBlue .boxButtonWhite:hover a {
	color: var(--cfdarkblue) !important;
}
.boxBlue {
  background-color: var(--cfblue) !important;
	color: #fff !important;
}
/*-----------------------------*/
.boxGreen .boxButtonWhite:hover, .boxBlue .boxButtonWhite:hover {
	background: var(--cfwhite) !important;
}
.boxGreen .boxButtonWhite:hover a, .boxBlue .boxButtonWhite:hover a {
	color: var(--cfblack) !important;
}
.boxGreen {
  background-color: var(--cfgreen) !important;
	color: #fff !important;
}
.boxBlue {
	background-color: var(--cfdarkbluegrey) !important;
	color: #fff !important;
}
.boxGreen h1, .boxGreen h2, .boxGreen h3, .boxGreen h4, .boxGreen h5, .boxGreen h6 {
	color: #FFF;
}
.boxBlue h1, .boxBlue h2, .boxBlue h3, .boxBlue h4, .boxBlue h5, .boxBlue h6 {
	color: #FFF;
}
/*--------------------------*/
.boxClear {
	width: 1px;
	height: 1px;
	clear: both;
	display: block;
}
.boxClear5 {
	width: 1px;
	height: 5px;
	clear: both;
	display: block;
}
.boxClear10 {
	width: 1px;
	height: 10px;
	clear: both;
	display: block;
}

.boxFadeScreen {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	backround: url("/images/shade2.png");
	z-index: 909;
}


/*===============================
/* REGIONS / CITIES
/********************************/

.CityBox {
  background: var(--cflightgreen);
  width: 225px;
  padding: 0px 10px;
  margin: 15px;
  display: inline-block;
  vertical-align: top;
}

svg {
  transition: transform 0.1s linear 0.1s;
  overflow: hidden;
}

.row {
  flex-direction: row;
}
.imgMapControl {
  width: 24px;
  height: 24px;
  margin: 2px 5px;
  cursor: pointer;
  display: inline-block;
  position: relative;
  border: none;
}
.RegionMap {
  width: 90%;
  max-width: 1100px;
  height: auto;
  position: relative;
  border: 2px solid var(--cfgreen);  
  transition: transform 0.1s linear 0.1s;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;  
  overflow: hidden;
}
.RegionMap .txtMapInfo1, .RegionMap .txtMapInfo2 {
  position: absolute;
  top: 0px;
  right: 0px;
  padding: 10px 15px;
  height: auto;
  max-width: 500px;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  background: #a4ccdd;
  color: var(--cfblack);
  font-size: 18px;
  z-index: 1000;
}
.RegionMap .txtMapInfo2 {
  display: none;
  bottom: 0px;
  left: 0px;
  top: auto;
  right: auto;
}

.RegionMap .txtMapFullInfo {
  width: 80%;
  height: 80%;
  text-align: center;
  position: absolute;
  top: 8%;
  left: 8%;
  padding: 2%;
  font-size: 16px;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  color: var(--cfblack);
  background: #a4ccdd;
  display: none;
  opacity: 1.0;
  z-index: 1001;
}
.txtMapFullInfo2 {
	width: 88%;
	height: auto;
	display: none;
  color: var(--cfblack);
  background: #a4ccdd;
	padding: 1%;
	font-size: 14px;
	border: 2px solid #a4ccdd;
}

.RegionMap .boxHalf {
  width: 48%;
  padding: 1%;
  margin: 0px;
  display: inline-block;
  position: relative;
  vertical-align: top;
}
.RegionMap .boxThird, .txtMapFullInfo .boxThird, .txtMapFullInfo2 .boxThird {
  width: 30%;
  padding: 1%;
  margin: 0px;
  display: inline-block;
  position: relative;
  vertical-align: top;
}
.RegionMap h1, .RegionMap h2, .RegionMap h3, .RegionMap h4, .RegionMap h5, .RegionMap h6 {
  color: var(--cfblack);
}
.RegionMap .txtMapInfo1 a, .RegionMap .txtMapInfo2 a {
  color: var(--cfgreen);
}
/*========================================*/
/*  CONSULTANTS / SPECIALISTS
/*========================================*/
.ConsultantBox {
  background: #FFF;
  width: 265px;  
	height: auto;
	vertical-align: top;
  position: relative;
  display: inline-block;
  padding: 0px;
  margin: 10px 30px 10px 0px;
  overflow: hidden;
	text-align: left;
}
.ConsultantBox .boxImage {
  width: 260px;
	height: 260px;
  position: relative;
  display: block;
  vertical-align: top;
	border-bottom: 7px solid #c8d53a ;
}
.ConsultantBox .boxImage .imgConsult {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 260px;
	z-index: 10;
}
.ConsultantBox .boxImage .boxTitle {
	width: 100%;
	height: auto;
	font-size: 15px;
	line-height: 1.55em;
	color: #fff;
	position: absolute;
	text-align: center;
	text-transform: uppercase;
	top: 205px;
	left: 0px;
	z-index: 20;
}
.ConsultantBox .boxDesc {  
  width: 100%;
  position: relative;
  display: block;
  font-size: 14px;  
  line-height: 1.4em;
  height: auto;
	padding: 10px 0px;
	text-align: left;
}
.ConsultantBox .boxBio {  
  width: 100%;
  position: relative;
  font-size: 14px;  
  line-height: 1.4em;
  height: auto;
	display: none;
}
/*========================================*/
/*  APPLICATION FORM
/*========================================*/
.ApplyForm {
  width: auto;
  position: relative;
  display: block;
}

.ApplyForm .boxSection {
	display: block;
	position: relative;
	clear: both;
	margin: 12px 0px;
	padding: 10px 2%;
  background: var(--cflightgrey);
  /*box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;*/
	width: 96%;
}
.ApplyForm .boxData .boxSection {
	padding: 0px;
	background: #fff;
	width: 100%;
}
.ApplyForm .boxLightGreen {
  background: var(--cflightgreen);
}
.ApplyForm .boxField {
	display: block;
	position: relative;
	clear: both;
	margin: 5px 0px;
}
.ApplyForm .boxQuestion {
	margin: 5px 0px 4px;
	font-weight: bold;
}
.ApplyForm .boxLabelXSm {
  width: 75px;
  text-align: left;
  display: inline-block;
}
.ApplyForm .boxLabelSm {
  width: 100px;
  text-align: left;
  display: inline-block;
}
.ApplyForm .boxLabel {
  width: 125px;
  text-align: left;
  display: inline-block;
}
.ApplyForm .boxLabelLg {
  width: 250px;
  text-align: left;
  display: inline-block;
}
.ApplyForm .boxNote {
	font-size: 12px;
	color: #333;
	font-style: italic;
	display: block;
	position: relative;
	clear: both;
	margin: 2px 0px;
}
.ApplyForm .boxQuarter, .boxQuarter {
	margin: 1%;
  padding: 2% 2%;
	width: 18.5%;
	display: inline-block;
	vertical-align: top;
  border: none;
}
.ApplyForm .boxFull {
	margin: 1%;
  padding: 1%;
	width: 95.5%;
	display: inline-block;
	vertical-align: top;
  border: none;
}
.ApplyForm .boxThreeQuarter {
	margin: 1%;
  padding: 2% 2.5%;
	width: 67%;
	display: inline-block;
	vertical-align: top;
  border: none;
}
.ApplyForm .boxThird {
	margin: 1%;
  padding: 1%;
	width: 29%;
	display: inline-block;
	vertical-align: top;
  border: none;
}
.ApplyForm .boxTwoFifth, .boxTwoFifth {
	margin: 1%;
  padding: 2%;
	width: 33%;
	display: inline-block;
	vertical-align: top;
  border: none;
}
.ApplyForm .boxFifth, .boxFifth {
	margin: 1%;
  padding: 2%;
	width: 20%;
	display: inline-block;
	vertical-align: top;
  border: none;
}
.ApplyForm .boxTwoThird {
	margin: 1%;
  padding: 1%;
	width: 62%;
	display: inline-block;
	vertical-align: top;
  border: none;
}
.ApplyForm .boxHalf, .boxHalf {
	margin: 1%;
  padding: 2%;
	width: 43.5%;
	display: inline-block;
	vertical-align: top;
  border: none;
}

.ApplyForm .boxRight {
	float: right;
}
.ApplyForm .boxPadding5, .boxNoPadding {
	padding: 5px;
}
.ApplyForm .boxPadding5, .boxPadding5 {
	padding: 5px;
}
.ApplyForm .boxPadding15, .boxPadding15 {
	padding: 15px;
}
.ApplyForm .boxPadding25, .boxPadding25 {
	padding: 25px;
}
.ApplyForm .boxNoMargin, .boxNoMargin {
	margin: 0% !important;
}
.ApplyForm .boxMargin5, .boxMargin5 {
	margin: 5px;
}
.ApplyForm .boxNoMarginV, .boxNoMarginV {
	margin-top: 0px;
  margin-bottom: 0px;
}
.ApplyForm .boxNoShow, .boxNoShow {
	display: none;
}
.backGrey {
  background-color: rgba(233, 233, 233, 0.6) !important;
} 
.backDarkGrey {
  background-color: rgba(30, 30, 30, 0.28) !important;
}
.frameGreyOut {
	background: url("/images/shade5.png");
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 999;
}
.frameWhiteOut {
	background: url("/images/shade3.png");
	width: 90%;
	height: 95%;
	padding: 5% 5%;
	margin: 0px;
	text-align: center;
	color: #000;
	font-size: 18px;
	font-weight: normal;
	line-height: 1.4em;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 999;
}
.frameWhiteOut2 {
	background: url("/images/shade3a.png");
}
.ApplyForm .boxInput {
  border: 1px solid #333;
  border-radius: 2px;
  padding: 1px 8px;
  display: inline-block;
}
.ApplyForm input, .ApplyForm select, .ApplyForm textarea {
	margin: 4px 2px;
}
.ApplyForm input[type=text], .ApplyForm input[type=password], .ApplyForm select, .ApplyForm textarea {
	border: 1px solid #999;
	border-radius: 2px;
	padding: 6px 8px;
}
.ApplyForm input.wide, .ApplyForm select.wide, .ApplyForm textarea.wide, .ApplyForm div.wide {
	width: 97%;
}
.ApplyForm input.half, .ApplyForm select.half, .ApplyForm textarea.half, .ApplyForm div.half {
	width: 47%;
}
.ApplyForm input.third, .ApplyForm select.third, .ApplyForm textarea.third, .ApplyForm div.third {
	width: 31%;
}
.ApplyForm input:disabled, .ApplyForm select:disabled, .ApplyForm textarea:disabled {
	background-color: var(--cflightgreen);
}
.ApplyForm .number {
	text-align: right;
}
.ApplyForm .isbold {
  font-weight: bold;
}
.ApplyForm .boxBorder {
  border: 1px solid var(--cfgreen);
  background-color: var(--cflightgrey);
  padding: 5px;
}
.ApplyForm .boxBorderRed, .boxBorderRed {
	border: 1px solid var(--cfred);
}
.ApplyForm .boxTextRed, .boxTextRed {
	color: var(--cfred);
}
.txtNumber {
	text-align: right;
}

.lnkHelpInfoPopup {
  width: 22px;
  height: 22px;
  display: inline-block;
  vertical-align: middle;
  border: none;
}
.boxHelpPopup {
  width: auto;
  max-width: 350px;
  height: auto;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  padding: 10px 15px;
  background: var(--cfgreen);
  color: var(--cfwhite);
  font-size: 14px;
  display: none;
  position: absolute;
	text-align: left;
  top: 0px;
  left: 0px;
}
/***********************************/
/* INFO TABLES
/***********************************/
.DataForm {
	display: block;
	position: relative;
	margin: 2px 0px;
}

.DataForm .DataTitle {
	display: inline-block;
	position: relative;
	width: 125px;
	text-align: left;
	margin: 1px 0px;
}
.DataForm .DataInfo {
	display: inline-block;
	position: relative;
	width: auto;
	margin: 1px 0px;
}

/*========================================*/

.txtBoxChars {
	display: inline-block;
	position: relative;
	vertical-align: middle;
	font-size: 10px;
	color: var(--cfred);
	margin: 2px 0px 0px;
	padding: 1px;
}

/*========================================*/
.LargePopup {
	position: fixed;
	top: 15%;
	left: 24%;
	width: 50%;
	height: 60%;
	margin: 0px 0px 0px 0px;
	padding: 15px;
	text-align: left;
	background: #FFF;
	box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
	
	display: none;
	z-index: 910;
	overflow-y: scroll;
	overflow-x: hidden;
}
.LargePopup p {
	margin: 10px 0px;
}
.ImagePopup {
	position: fixed;
	top: 3%;
	left: 13%;
	width: 70%;
	height: auto;
	margin: 0px;
	padding: 15px;
	display: none;
	z-index: 910;
	overflow: hidden;
	background: #FFF;
	box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;

}

.lnkSelMemberCat, .lnkRetMemberCat, .lnkCloseLgPopup, .lnkSrchMemberCat, .lnkSubmitMember, .lnkShowLargePopupText, .lnkCopyBusAddress, .lnkClosePopupImg, .lnkPopupImage {
  cursor: pointer;
}

.MemberMenuBox, .OwnerMenuBox, .SpecialMenuBox, .SponsorMenuBox, .PresenterMenuBox {
  width: 20%;  
  height: auto;
  text-align: center;
  position: absolute;
  top: 10px;
  right: 0px;
  z-index: 900;
}

.MemberContentBox, .OwnerContentBox, .SpecialContentBox, .SponsorContentBox, .PresenterContentBox {
  height: auto;
  width: auto;
  display: block;
  position: relative;
}
.OwnerContentBox .ApplyForm input.wide, .OwnerContentBox .ApplyForm textarea.wide {
	width: 90% !important;	
}

.MemberMenu, .OwnerMenu, .SpecialMenu, .SponsorMenu, .PresenterMenu {
  display: block;
  position: relative;
  width: 90%;
  height: auto;
  float: right;
  padding: 5px 10px 10px;
  font-size: 16px;
  line-height: 1.55em;
  margin: 0px 0px 20px 15px;
  background: var(--cfwhite);
  color:var(--cfblack);
  text-align: left;
  z-index: 900;
}
.MemberMenu ul, .OwnerMenu ul, .SpecialMenu ul, .SponsorMenu ul, .PresenterMenu ul {
  margin: 2px 10px;
  padding: 0px 5px 0px 15px;
  color: var(--cfgreen);
  display: none;
}
.MemberMenu ul:hover, .OwnerMenu ul:hover, .SpecialMenu ul:hover, .SponsorMenu ul:hover, .PresenterMenu ul:hover {
	color: var(--cfmedblue);
}
.MemberMenu li, .OwnerMenu li, .SpecialMenu li, .SponsorMenu li, .PresenterMenu li {
  margin: 2px 0px;
  padding: 1px 0px;
  color: var(--cfgreen);
}
.MemberMenu li a, .OwnerMenu li a, .SpecialMenu li a, .SponsorMenu li a, .PresenterMenu li a {
  color: var(--cfwhite);
}

.MemberMenu h1, .MemberMenu h2, .MemberMenu h3, .MemberMenu h4, .MemberMenu h5, .OwnerMenu h1, .OwnerMenu h2, .OwnerMenu h3, .OwnerMenu h4, .OwnerMenu h5, .SpecialMenu h1, .SpecialMenu h2, .SpecialMenu h3, .SpecialMenu h4, .SpecialMenu h5, .SponsorMenu h1, .SponsorMenu h2, .SponsorMenu h3, .SponsorMenu h4, .SponsorMenu h5, .PresenterMenu h1, .PresenterMenu h2, .PresenterMenu h3, .PresenterMenu h4, .PresenterMenu h5 {
  color: var(--cfwhite);
  text-align: center;
}

.OwnerMenu, .SponsorMenu, .PresenterMenu {
	background: var(--cfgreen);
	color: var(--cfwhite);
}
.OwnerMenu a, .SponsorMenu a, .PresenterMenu a {
	color: var(--cfyellow);
}

.SpecialMenu {
	border-top: 10px solid var(--cfgreen);
	background: var(--cfpurple);
	color: var(--cfwhite);
}
.SpecialMenu a {
	color: var(--cfyellow);
}
/*********************************************/
/* Client slideshow boxes
/*********************************************/
#gallery ul { 
	list-style: none; 
	margin: 0px;
	padding: 0px;
}
#gallery ul li { 
	display: inline; 
	padding: 5px;
	float: left;
	border: 1px solid #ccc;
	margin: 6px;
}
#gallery ul img {
	border: 1px solid #ccc;
}
#gallery ul a:hover img {
	border: 1px solid #c00;
}

.boxGallery {
	width: 565px;
	color: #FFF;
	font-size: 12px;
	padding: 5px;
	margin: 10px 0px;
	background: url("/images/shade1.png");
	border: 1px solid #999;
	text-align: left;
	display: block;
}
/****************************************/
/*  COACHES & CONSULTANTS BOX
/****************************************/
.CoachBox {
  margin: 15px 0px;
  padding: 15px 0px;
  width: 100%;
  height: auto;
  display: block;
  position: relative;
}

/******************************************/
/************** SEARCH ******************/
/******************************************/
.formSearch, .OfficeInfoBox, .boxGrey {
	width: auto;
	background: var(--cflightgreen);
	padding: 12px 15px;
	margin: 10px 0px;
	position: relative;
	display: block;
	text-align: center;
	font-size: 18px;
	line-height: 1.55em;
}
.boxAlt {
  background: var(--cflightgrey);
}
.OfficeInfoBox, .OfficeLargeBox {
  text-align: left;
}
.imgOfficeSocial {
	width: 36px;
	margin: 5px;
  float: right;
}
#btnSearchOffice, .lnkOfficePopup {
	cursor: pointer;
}
.txtSearchOffice {
	width: 75%;
	padding: 10px;
	text-align: center;
}
.OfficeLargeBox .boxDesc {
  width: auto;
  height: auto;
  margin: 15px 0px;
  padding: 10px 15px;
  background-color: var(--cflightgreen);
  display: block;
  position: relative;
}
.OfficeInfoBox .OfficeEmp, .OfficeLargeBox .OfficeEmp {
	width: 23%;
	height: auto;
	display: inline-block;
	position: relative;
	margin: 5px 1%;
	text-align: center;
	vertical-align: top;
	line-height: 1.35em;
}

.OfficeInfoBox h3, .OfficeLargeBox h3 {
  font-size: 24px;
}
.OfficeInfoBox .boxButtonMore , .OfficeLargeBox .boxButtonMore {
  position: absolute;
  bottom: 10px;
  right: 10px;
  float: none;
}
.OfficeLargeBox .boxList {
  width: 31%;
  padding: 5px 1%;
  margin: 0px;
  display: inline-block;
  position: relative;
  vertical-align: top;
}
.boxOfficeProgs {
  width: 30%;
  max-width: 300px;
  float: right;
  margin: 0px 0px 10px 10px;
  display: block;
  position: relative;
}
.boxOfficeProgs img {
  width: 95%;
}

.RegionListBox {
	width: 29%;
	background: var(--cflightgreen);
	padding: 12px 15px;
	margin: 8px;	
	position: relative;
	display: inline-block;
	text-align: left;
	vertical-align: top;
	font-size: 18px;
	line-height: 1.6em;
}
/****************************************/
/*  STAFF BOX
/****************************************/

.StaffBox {
	margin: 15px 30px;
	text-align: left;
  width: 210px;
  height: 430px;
  display: block;
  position: relative;
  float: left;

}

.StaffBox .StaffImage {
  width: 210px;
  height: 270px;
  display: block;
  position: relative;
}
.StaffBox .StaffDesc {
  text-align: center;
  line-height: 1.4em;
  font-size: 12px;
}
.StaffBox h2 {
  color: var(--cfblack);
}
/*****************************************
/** IMAGE sizes
/*****************************************/
.imgDiscountLogo {
	width: 60%;
}
.imgEventLinks {
  width: 36px;
  border: none;
  margin: 0px 6px;
  float: right;
}
.imgCalendarMos {
  width: 28px;
  height: 28px;
  border: none;
  margin: 0px 2px;
  vertical-align: middle;
}
.imgSponsors {
  height: 75px;
  border: none;
  margin: 0px 15px 0px 0px;
}
.imgLinkLeft {
  width: 200px;
  padding: 5px; 
  border: 2px solid #CCC; 
  margin: 5px;
  float: left;
}
.imgLinkRight {
  width: 200px;
  padding: 5px; 
  border: 2px solid #CCC; 
  margin: 5px;
  float: right;
}
.imgNextPage {
  width: 25px;
  height: 25px;
  border: none;
  margin: 0px 2px;
}
/*****************************************
/** BSUEINSS PROFILES
/*****************************************/

.BusinessProfile {
	background: none;
	margin: 10px 0px;
	padding: 10px 0px;
	border-bottom: 1px dashed #ccc;
		display: block;
	clear: both;
}
/****************************************/
/************* EVENTS *******************/
/****************************************/

.lblOrigCost {
	color: #900;
	text-decoration: line-through;
}
.MemberEventStatus {
	float: right;
	padding: 5px 10px;
	text-align: center;
	margin: 0px 0px 5px 10px;
}
.MemberEventStatus a {
	color: var(--cfwhite);
}
.MemberEventStatus a:hover {
	color: #ffc;
}

.MemberStatus {
	display: inline-block;
	width: 80%;
	padding: 5px 5%;
	text-align: center;
	font-size: 18px;
	margin: 0px 0px 10px 10px;	
}
.MemberStatus a {
	color: var(--cfwhite);
}
.MemberStatus a:hover {
	color: #ffc;
}

/*------------------------------------------*/
.EventLarge {
  padding: 0px;
  margin: 0px;
	display: block;
	position: relative;
}
.EventLarge .EventImage {
	background: none;
  width: 100%;
  height: auto;
  position: relative;
  display: block;
  float: right;
	padding: 0px;
  margin: 0px;
}
.EventLarge .EventCost {
	font-size: 18px;
	padding: 4px 0px;
	font-weight: bold;
}
.EventLarge .EventDate {
	font-size: 16px;
	padding: 4px 0px 5px;
	font-weight: bold;
}
.EventLarge .EventDesc {
	border: 1px solid var(--cfgrey);
	margin: 2% 0px;
}

.EventLarge .EventMap {
	width: 99%;
	height: 350px;
	margin: 0px;
	border: 3px solid var(--cfgreen);
	display: block;
}


#boxEventBio {
	display: none;
	margin: 5px 0px;
	position: relative;
}
/*--------------------------------------*/
/*--------------------------------------*/

.EventMedium {
  width: 100%;
  height: auto;
  background: var(--cfwhite);
	margin: 15px 0px;
  font-weight: normal;
	display: table;
	position: relative;
	padding: 15px 0px;

}
.EventAlt {
  background-color: var(--cflightgreen);
}
.EventMedium .EventImage {
  background-position: center center;
  background-size: 100% auto;
  width: 275px;
  height: 250px;
  border-radius: 15px;
  display: table-cell;
  margin: 0px;
}
.EventMedium h2 {
	font-size: 28px;
	font-weight: bold;
  display: block;
  position: relative;
  margin: 0px 0px 2px 0px;
}
.EventMedium h3 {
	font-size: 26px;
	font-weight: bold;
  display: block;
  position: relative;
  margin: 0px 0px 2px 0px;
}
.EventMedium .EventTime {
	font-size: 17px;
	font-weight: bold;
  display: block;
  position: relative;
  margin: 3px 0px;
  float: right;
  text-align: right;
  width: 250px;
}
.EventMedium .EventDate {
	font-size: 18px;
	font-weight: normal;
  font-style: italic;
  display: block;
  position: relative;
  width: 100%;
  margin: 3px 0px;
}


.EventMedium .EventDesc {
  position: relative;
  display: table-cell;
  width: auto;
  height: auto;
  line-height: 1.45em;
  margin: 0px;
  padding: 0px 15px 0px 15px;
}
.EventMedium .boxButton3 {
  position: absolute;
  left: 15px;
  bottom: 0px;
}
.EventMedium .EventRate {
  position: absolute;
  right: 15px;
  bottom: 0px;
}
/*********** Event SMALL ************/
.EventSmall {
	width: 265px;
	margin: 15px 30px 15px 0px;
	display: inline-block;
	vertical-align: top;
	position: relative;
	padding: 0px;
	text-align: left;
}

.EventSmall .EventImage {
	background-size: 100% auto;
	background-position: center center;
	background-repeat: no-repeat;
	width: 100%;
	height: 265px;
	display: block;
	position: relative;
	margin: 0px 0px 5px;
}

/*********** Event SIGNUPS ************/
.EventSignup, .boxShaded {
	width: auto;
	position: relative;
	display: block;
	margin: 15px 0px;
	background: #f6f6f6;
	padding: 5px 10px;
	line-height: 1.45em;
}


.EventScrollBox {
	display: none;
}
.EventScrollBoxActive {
	display: block;
}
.lnkEventNext, .lnkEventPrev, .lnkToggleEvent {
	cursor: pointer;
}
.EventNavigation {
	width: 410px;
	height: 25px;
	vertical-align: middle;
	position: absolute;
	left: 10px;
	bottom: 2px;
}
.EventScrollJump {
	background: #eee;
	width: 25px;
	padding: 2px 4px;
	margin: 0px 1px;
	color: 000;
	font-size: 13px;
	cursor: pointer;
}
.EventScrollJumpActive {
	background: #ccc;
	color: #600;
}
/*----------------------------------------*/
/* REVIEWS
/*----------------------------------------*/
.ReviewForm {
	background: var(--cfgreen);
	border-radius: 15px;
	padding: 15px;
	margin: 0px 0px 0px 10px;
	color: #FFF;
}
.ReviewDesc, .ReviewDescAlt {
	width: auto;
	margin: 15px 0px;
	text-align: left;
	font-size: 16px;
	background: var(--cflightgreen);
	padding: 15px;
	border-radius: 15px;
	display: block;
	position: relative;
}
.ReviewDescAlt {
  background: var(--cfwhite);
}
#ReviewPopup {
  background: var(--cfwhite);
  border: 2px solid var(--cfgreen);
  width: auto;
  height: auto;
	margin: 10px 0px;
	padding: 15px;
  position: relative;
  display: none;
  border-radius: 15px;
  z-index: 1010;
}
.ConfPopup {
  background: var(--cfwhite);
  border: 2px solid var(--cfgreen);
  width: 750px;
  height: 550px;
  position: fixed;
  padding: 15px;
  margin: -350px 0px 0px -375px;
  top: 50%;
  left: 50%;
  display: none;
  overflow-y: scroll;
  overflow-x: hidden;
}

.lnkShowReview, .lnkSaveReview, .lnkCloseReview {
  cursor: pointer;
}
.CommentName {
	font-size: 13px;
	float: right;
	color: #777;
	text-align: right;
	font-style: italic;
	line-height: 1.45em;
	padding: 0px 0px 5px;
}
.CommentDate {
	float: left;
	font-size: 12px;
	color: #777;
	padding: 6px 0px;
}
.CommentsList {
	width: 800px;
	margin: 0px 0px 0px 50px;
}
.CommentBox {
	_width: 800px;
	width: 780px;
	background: none;
	padding: 10px;
	font-size: 14px;
	margin: 10px 0px;
	border-bottom: 1px dashed #999;
}
.CommentBoxAlt {
	background: #f0f0f0;
	color: var(--cfblack);
}
/***************************************/
/*********** CONFERENCE ****************/
/***************************************/
.ConferenceBox {
	width: 500px;
	height: auto;
	margin: 10px 20px;
	display: block;
	position: relative;
	float: left;
}
/***************************************/
/*********** CALENDAR ******************/
/***************************************/

.CalendarTable .monthRow {
	height: 40px;
}
.CalendarTable .monthRow td {
	font-size: 16px !important;	
}

.CalendarTable .daysRows {
	min-height: 100px;
	text-align: left;
	vertical-align: top;
	font-weight: normal;
	position: relative;
}
.CalendarTable .daysRows td {
	min-height: 100px !important;
	
}
.CalendarTable tbody td {
	background: var(--cflightgrey);
	position: relative;
	min-height: 100px;
}

.CalendarTable .dayWeekend {
	color: var(--cfgreen);
	position: relative;
}
.CalendarTable .dayWeekday {

	position: relative;
}
.CalendarTable .dayToday {
	color: var(--cfred);
}

.CalendarTable .rowWeekdays td {
	width: 17%;
}
.CalendarTable .rowWeekdays .daySun, .CalendarTable .rowWeekdays .daySat {
	width: 40px; 
}
.CalendarTable .EventBox {
	background: var(--cfdarkbluegrey);
	color: #fff;
	font-size: 12px;
	line-height: 1.4em;
	padding: 3px;
	margin: 3px;
	border: 1px solid #eee;
	z-index: 55;
	position: relative;
}

.CalendarTable .EventBox a {
	color: #fff;
}

.lnkShowEventList, .lnkShowEvent, .lnkShowEventSignUp, .lnkSaveSignUp {
	cursor: pointer;
}
/***************************************/
.CalendarFrame {
	width: 100%;
	height: auto;
	margin: 0px;
	padding: 0px;
	position: relative;
	display: block;
	position: relative;
}
.lnkShowCalendar, .lnkCloseEvent, .lnkShowCalendarSm {
	cursor: pointer;
}
.EventsLoading, .LoadingBox {
	display: none;
	width: 110px;
	height: 120px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	color: var(--cfgreen);
	padding: 20px;
	background: var(--cfwhite);
  box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
	position: fixed;
	top: 50%;
	left: 50%;
	margin: -60px 0px 0px -50px;
	z-index: 900;	
}	
.EventsTemp {
	margin: 0px;
	padding: 0px;
	width: 1px;
	height: 1px;
	display: block;
}
#EventsFrame {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 500px;
	height: 400px;
	margin: -275px 0px 0px -265px;
	padding: 20px;
	font-size: 14px;
	line-height: 1.45em;
	background: #FFF;
	box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
	border-radius: 15px;
	display: none;
	z-index: 910;
}

.AreaFrame {
  width: auto;
  height: auto;
  margin: 0px;
  padding: 0px;
  position: realtive;
  display: none;
}
.lnkToggleArea, .lnkToggleCourseDesc {
  cursor: pointer;
}

/***************************************/
/***********  DROP BOXES  **************/
/***************************************/
.boxDropTitle {
  background: var(--cfwhite);
  background-image: url("/images/icons/plus.gif");
  background-position: top 6px left 0px;
  background-repeat: no-repeat;
  background-size: 22px 22px;
  cursor: pointer;
  color: var(--cfgreen);
  height: auto;
  font-size: 15px;
  font-weight: normal;
  overflow: visible;
  padding: 6px 15px 5px 25px;
  border-radius: 3px;
  margin: 15px 0px 5px;
  display: block;
  position: relative;
  clear: both;  
}
.boxDropTitleMinus {
  background: var(--cfgreen);
  background-image: url("/images/icons/minus.gif");
  background-position: top 5px left 0px;
  background-repeat: no-repeat;
  background-size: 22px 22px;	
	color: var(--cfwhite);
}
.boxDropTitleMinus a {
	color: var(--cfwhite);
}
.boxDropTitle p {
  margin: 3px 0px;
}
.boxDropHide {
  background: var(--cflightgrey);
	width: auto;
	height: auto;
	position: relative;
	padding: 5px 15px;
	display: none;
	font-size: inherit;
	border-radius: 0px 0px 5px 5px;
  clear: both;
}

/***************************************/
/*********** FAQs **********************/
/***************************************/

.FaqBox {
	width: auto;
	height: auto;
	display: block;
	position: relative;
	margin: 15px 0px;
	padding: 0px;
}

.FaqQuestion {
	width: auto;
	height: auto;
	display: block;
	position: relative;
	padding: 5px 0px 0px;
	font-size: 15px;
	line-height: 1.5em;
	margin: 0px;
	border-radius: 5px 5px 0px 0px;
	/* cursor:  pointer; */
}

.FaqQuestion h3, .FaqQuestion h2 {
	color: var(--cfwhite);
	font-size: 20px;
}

.FaqAnswer {
	width: auto;
	height: auto;
	position: relative;
	padding: 0px;
	margin: 0px 0px 15px;
	font-size: inherit;
	border-radius: 15px;
}

.imgBusStory {
	float: right;
	width: 25%;
	margin: 0px 0px 10px 15px;
	border: none;
}
/*********************************************/

/*********************************************/
.boxLink {
	margin: 2px 0px;
	padding: 5px 0px;
	border-bottom: 1px solid #ccc;
	display: block;
	position: relative;
}
.boxLink .boxLinkDesc {
	margin: 0px 25px 0px 30px;
}
.boxLink a {
	color: #333;
}
.boxLink a:hover {
	color: #06F;
}
/*********************************************/
/* Data and error boxes 
/*********************************************/

.ContactForm {
	margin: 15px 0px;
	padding: 0px;
	width: 74%;
	height: auto;
	text-align: left;
	display: block;
	position: relative;
}

.FadeFrame {
	width: 120px;
  height: 140px;
	border: 1px solid #CCC;
	background: var(--cfwhite);
	text-align: center;
  position: absolute;
	padding: 15px;
	font-size: 16px;
  top: 50%;
  left: 50%;
	border-radius: 15px;
  margin: -100px 0px 0px -100px;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.btnSubmitContact {
	cursor: pointer;
}
.boxError {
	background-color: #ffc3c4;
  color: var(--cfblack);
	text-align: center;
  width: auto;
  padding: 15px 10px; 
  margin: 5px 0px;
  font-size: 14px;
}
.boxSuccess {
	background-color: var(--cfgreen);
  color: var(--cfwhite);
	text-align: center;
  width: auto;
  padding: 13px 10px; 
  margin: 5px 0px;
  font-size: 16px;
}
.boxInfoMessage {
	background-color: var(--cfgreen);
  color: var(--cfwhite);
	text-align: center;
  width: auto;
  padding: 13px 10px; 
  margin: 5px 0px;
  font-size: 16px;
}
.boxSuccessLg {
	font-size: 16px;
	color: var(--cfgreen);
	font-weight: bold;
	font-style: italic;
	text-align: center;
	padding: 5px;
	line-height: 1.5em;
}
.boxSuccess a, .boxSuccessLg a {
  color: var(--cfyellow);
}
.boxSuccessShort {
	padding: 8px 10px;
}

.boxMessage {
	background: url("/images/layout/messagebox2.png") bottom center no-repeat;
	_width: 200px;
	_height: 125px;
	width: 160px;
	height: 85px;
	position: fixed;
	text-align: center;
	bottom: -125px;
	right: 15px;
	margin: 0px;
	padding: 20px;
	font-size: 15px;
	font-weight: bold;
	color: var(--cfwhite);
	z-index: 100;
}
#boxMessageSaved, #boxMessageError {
	bottom: -50px;
}

.boxNote {
	font-size: 13px;
	margin: 3px  0px;
	color: #666;
}
.boxNote2 {
	font-size: 12px;
	margin: 2px 0px;
	color: #999;
}
.boxData {
	padding: 10px;
  margin: 2px 0px;
	color: var(--cfmedgrey);
	background: var(--cfwhite);
	text-align: left;
	width: 98%;
	position: relative;
	display: block;
}
.boxDataRed {
	background-color: #ffc3c4;
}
.boxDataHalf {
  width: 48%;
  display: inline-block;
}
.boxCritItem {
  width: auto;  
  padding: 0px 10px;
  margin: 2px 0px;
  display: inline-block;
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;
}

.boxData2 {
	color: #000000;
	background-color: #BDBDEF;
	padding: 5px;
	font-size: 12px;
	border: 1px solid #000066;
	border-radius: 6px;
}
.boxNews1 {
	color: #000000;
	background: #d8e7ea url("/themes/theme1/newstop2.png") bottom right no-repeat;
	width: 700px;
	font-size: 10px;
	margin: 5px 0px;
}
.boxNews2 {
	color: #000000;
	background: url("/themes/theme1/newstop.png");
	background-repeat: no-repeat;
	width: 700px;
	padding: 10px 0px;
}
.boxNews3 {
	text-align: left;
	width: 670px;
}
.boxBorder {
	color: #000000;
	padding: 5px;
	font-size: 12px;
	border: 1px solid #000066;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

.boxClient {
 width: 100%; 
 display: block; 
 height: auto;
 border-top: 2px groove #663300;
}
.boxClientImage {
  float: left; 
	width: 200px; 
	height: auto; 
	text-align: center;
	padding: 8px 0px;
}
.boxClientText {
  float: left; 
	width: 510px; 
	height: auto; 
	text-align: left;
	padding: 8px 0px;
}


.boxBook {
 width: 650px; 
 display: block; 
 height: auto;
 border-top: 2px groove #663300;
}
.boxBookImage {
  float: left; 
	width: 200px; 
	height: auto; 
	text-align: center;
	padding: 8px 0px;
}
.boxBookText {
  float: left; 
	width: 430px; 
	height: auto; 
	text-align: left;
	padding: 8px 0px;
}
/*********************************************/
/* Data Table styles
/*********************************************/
.PagesBar {
  background: var(--cflightgreen);
  width: auto;
  border-radius: 15px;
  margin: 10px 0px;
  padding: 10px;
  text-align: left;
  display: block;
  position: relative;
  clear: both;
}
.PagesBar .imgNextPage {
  float: right;
  margin: 0px 5px;
  width: 36px;
  border:  none;
}


.tablePages {
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	border-width: 0px;
	border-style: none;
	text-align: left;
	background: #eee;
	border-radius: 3px;
}
.tablePages tr {
	background: none;
	border: none;
}
.tablePages td {
	background: none;
	border: none;
	padding: 2px 5px;
}

.tableClear
{
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	border-width: 0px;
	border-style: none;
	text-align: left;
}
.tableClear tr {
	background: none;
	border: none;
}
.tableClear td {
	background: none;
	border: none;
}
.tableClear2
{
	font-size: 11px;
	margin: 0px;
	padding: 0px;
	border-width: 0px;
	border-style: none;
	text-align: left;
}
.tableClear2 tr {
	background: none;
	border: none;
}
.tableClear2 td {
	background: none;
	border: none;
}

table td.linetop {
	border-top: 1px solid #ccc;
}

/*=================================*/
.tableData {
	background: #FFF;
	border: none;
	margin: 0 auto;
	width: 100%;
	clear: both;	
	padding: 0px;
	font-size: 14px;
	z-index: 10;
	position: relative;
  border-collapse: separate;
  border-spacing: 2px; 
}
.tableData thead tr {
	background: var(--cfgreen);
	border: none;
}
.tableData thead td {
	background: var(--cfgreen);
	font-weight: bold;
	text-align: center;
	font-size: 14px;
	padding: 4px 1px;
  color: var(--cfwhite);
	border: none;
  border-spacing: 2px;
}

.tableData thead.smallfont td, .tableData thead tr.smallfont td {
	font-size: 12px;
}
.tableData thead.largefont td {
	font-size: 16px;
}

.tableData tbody td {
	font-weight: normal;
	font-size: 14px;
	position: relative;
	padding: 2px;
  border-spacing: 2px;
}

.tableData tbody td.cellnote {
	color: #666;
	font-size: 12px;
}
.tableData tbody td.cellred {
	background-color: #FFD9D9;
}

.tableData tbody td.cellreq {
	color: #900;
}
.tableData tbody tr.row1 {
	background-color: #FCFCFC;
}
.tableData tbody tr.row2 {
	background-color: #E9F8FE;
}
.tableData tbody tr.row3 {
	background-color: #FFF;
	color: #603;
	font-style: italic;
}
.tableData tbody tr.row4 {
	background-color: #FFE7CE;
	color: #006;
}

.tableData tbody tr.row5 {
	background-color: #FFFFB9;
	color: #300;
}
.tableData tbody.allowhover tr:hover {
	background-color: #FFE7CE;
}
.tableData tbody td.allowhover:hover {
	background-color: #FFE7CE;
}
.tableData tbody.smallfont td {
	font-size: 12px;
}
.tableData tbody.largefont td, table.largefont td {
	font-size: 16px;
}

/*=================================*/

.tableNoBorder {
  width: 100%;
  border: none;
  border-collapse: separate;
  border-spacing: 0px;  
}
.tableNoBorder tr {
  border: none;
  margin: 0px;
}
.tableNoBorder td {
  border: none;
  margin: 0px;
}

/*=================================*/

#rowPart:hover {
	background-color: #DABEBE;
	border-color: #DABEBE;
}

#BuildPCType td {
	padding: 3px;
}

.tableMenu
{
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	border: thin solid #000000;
	background-image: url("/themes/theme1/buttonback.gif");
}

/*********************************************/
/* Search Box Styles
/*********************************************/
.boxGrey {
	width: auto;
	background: var(--cflightgreen);
	padding: 12px 15px;
	margin: 10px 0px;
	position: relative;
	display: block;
	text-align: center;
	font-size: 18px;
	line-height: 1.55em;
}
.boxNoPadding {
	padding: 0px !important;
}

/*-------------------*/
.boxProgram {
	padding: 0px 0px 2% 0px !important;
	margin: 1% 3% 1% 0px !important;
	width: 21.5% !important;
}
.boxProgramImage {
	width: 100%;
	height: 225px;
	margin-bottom: 10px;
	overflow: hidden;
	display: block;
	position: relative;
}
.boxProgramImage img {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 275px;
}
.boxProgram .boxDesc {
	width: 76%;
	padding: 5px 12%;
}
/*-------------------*/

.boxSearch {
	position: relative;
	height: auto;
	top: 140px;
	left: 600px;
}

.boxCenter {
	text-align: center;
}

/**************************************/
/** Input Boxes
/**************************************/

input, select, textarea {
  font-family: ABeeZee, Helvetica, Arial, sans-serif;
	font-size: inherit;
	padding: 3px 6px;
	border: 1px solid var(--cfgreen);
}

.txtFontCourier {
  font-family: "Courier New", Courier, Helvetica, Arial, sans-serif;
}

/********** RADIO BOX *******************/
[type="radio"]:checked,
[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label
{
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: var(--cfmedgrey);
}
[type="radio"]:checked + label {
  font-weight: bold;
  color: #236A00;
}
[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #aaa;
    border-radius: 100%;
    background: var(--cfwhite);
}
[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after {
    content: '';
    width: 12px;
    height: 12px;
    background: #236A00;
    position: absolute;
    top: 4px;
    left: 4px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
[type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
[type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
/**********************************************/




/********** CHECK BOX *******************/
[type="checkbox"]:checked,
[type="checkbox"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
[type="checkbox"]:checked + label,
[type="checkbox"]:not(:checked) + label
{
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: var(--cfmedgrey);
}
[type="checkbox"]:checked + label {
  font-weight: bold;
  color: var(--cfgreen);
}
[type="checkbox"]:checked + label:before,
[type="checkbox"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #aaa;
    border-radius: 0%;
    background: var(--cfwhite);
}
[type="checkbox"]:checked + label:after,
[type="checkbox"]:not(:checked) + label:after {
    content: '';
    width: 12px;
    height: 12px;
    background: var(--cfgreen);
    position: absolute;
    top: 4px;
    left: 4px;
    border-radius: 00%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
[type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
[type="checkbox"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
/**********************************************/






/***************************************/
/* Other Text Styles
/***************************************/
.NoteStar {
	font-size: 10px;
	color: #B00;
}

.ReqStar {
	font-size: 14px;
	font-weight: bold;
	color: #F00;
}
.imgReqStar {
  width: 10px;
  border: none;
  vertical-align: middle;
}
/******* Input Form Styles **************/

.DropSmall {
	font-size: 10px;
	margin: 0px;
	padding: 0px;
	border: solid 1px black;
}


/********************************************/


@media all and (max-width: 1250px) {
	.ContentBox {
  	width: 91% !important;
		padding: 50px 4%;		
	}
	.FooterBox1, .FooterBox2 {
		margin: 0px 4% 0px 0px;
	}
	.FooterBox3 {
		width: 20%;
	}
}
@media all and (max-width: 1150px) {
	.HeaderBar .HeaderBox {
		width: 96%;		
	}
	.RotateBar .RotateBox {
		width: 96%;
		margin: 0px 2%;
		left: 0%;
	}
}
@media all and (max-width: 1100px) {

	.imgHeaderLogo {
		width: 200px;
		top: 15px;
		left: 0px;
	}
	.RotateBar .HeaderMemberInfo {
		top: 34%;
		font-size: 18px;
		line-height: 1.35em;
	}
	.RotateBar .HeaderMemberInfo p {
		margin: 8px 0px;
	}
	.RotateBar .HeaderMemberInfo h1 {
		font-size: 28px;
	}
  .LargePopup {
    position: fixed;
    top: 14%;
    left: 14%;
    width: 70%;
    height: 70%;
    margin: 0px;  
  }

	.FooterBox {
		width: 96%;
		margin: 0px 2%;
	}
	.FooterBox1 {
		width: 25%;
	}
	.FooterBox2 {
		width: 65%;
	}
	.FooterBox3 {
		width: 25%;
		float: none;
		display: inline-block;
	}
	
	.boxProgram .boxButton3 {
		padding: 7px 15px;
	}
}


@media all and (max-width: 1000px) {	
	.RotateBar .RotateText {
		top: 30%;
		font-size: 16px;
	}
	.RotateBar .RotateText h1 {
		font-size: 36px;
	}
  .imgHeaderLogo {
    width: 200px;
  }

	#HomeLogos {
		width: 32%
	}
	#HomeLogos img {
		width: 80%;
	}
	#HomeLogin, #boxHomeApply, #boxHomeCreate {
		width: 58%;
	}
	
	/*
	.ApplyForm .boxThird, .boxThird {
		width: 70%;
	}
	.ApplyForm .boxTwoThird, .boxTwoThird {
		width: 70%;
	}	
	*/
	
	#boxProgramRegs {
		font-size: 13px;
	}
	
	#UpcomingEventList {
		text-align: center;
	}
}



@media all and (max-width: 975px) {	   
	.RotateBar {
		overflow: hidden;
	}
	.imgHeaderMain {
		width: 150%;
		height: auto;
		overflow: hidden;
	}
  .RotateBar .HeaderMemberInfo {  
    font-size: 16px;
    line-height: 1.3em;
  }
  .RotateBar .HeaderMemberInfo h1 {
    font-size: 24px;
  }
}


@media all and (max-width: 925px) {	
	.boxProgram h2 {
		font-size: 20px;
	}
}
@media all and (max-width: 880px) {	

	.FooterBox2 {
		display: block;
		width: auto !important;
		float: none;
	}
	.FooterBox1, .FooterBox3 {
		width: 45%;
	}
	.FooterBox .boxQuarter, .FooterBox .boxHalf {
		width: 90%;
	}

}

@media all and (max-width: 800px) {
	.RotateBar .RotateText {
		top: 25%;
		font-size: 16px;
		width: 90%;
		left: 5%;
		line-height: 1.3em;
	}
	.RotateBar .RotateText h1 {
		font-size: 32px;
	}
	.MenuBar {
		top: 20px;
	}
	.mnuMain li {
		font-size: 15px;
		margin: 0px 2px;
	}
	
	.ApplyForm .boxThird, .boxThird {
		width: 96%;
	}
	.ApplyForm .boxTwoThird, .boxTwoThird {
		width: 96%;
	}
	#HomeLogos {
		width: 60%;
		margin: 1% 20%;
		float: none;
	}
	#HomeLogos img {
		width: 80%;
	}	
	#HomeLogin, #boxHomeApply, #boxHomeCreate {
		width: 96% ;
	}	
	
	.boxProgram {
		width: 46% !important;
	}
	.boxProgramImage {
		height: 250px;
	}
	.boxProgramImage img {
		width: 350px;
	}
}

@media all and (max-width: 755px) {	


	.mnuMain li {
		font-size: 14px;
		margin: 0px 2px;
	}
  .ApplyForm input.wide, .ApplyForm select.wide, .ApplyForm textarea.wide, .ApplyForm div.wide {
    width: 97%;
  }
  .ApplyForm input.half, .ApplyForm select.half, .ApplyForm textarea.half, .ApplyForm div.half {
    width: 47%;
  }
  .ApplyForm input.third, .ApplyForm select.third, .ApplyForm textarea.third, .ApplyForm div.third {
    width: 47%;
  }  
  
	#HeaderTextPhone {
		display: none;
	}
  
}

@media all and (max-width: 700px) {
  
	.MenuBar {
		top: 20px;
	}
	.RotateBar .HeaderMemberInfo {
		top: 40%;
	}
	.EventSmall {
		width: 45%;
		margin: 15px 15px 15px 0px;
	}
  
	.EventLarge #EventImageDate {
		width: 98%;
		margin: 0px;
	}
	/*
	.EventLarge #EventImageDate .EventImage img {
		width: 50%;
		float: left;
		display: inline-block;
		margin: 0px 15px 0px 0px;
	}
	*/
	.EventLarge #EventDesc {
		width: 98%;
		margin: 0px !important;
	}
	
	#SignupCosts, #SignupEmps, #SignupHowHear, #SignupTitle, #SignupZoom  {
		font-size: 13px;
	}
	#SignupCosts h2, #SignupEmps h2, #SignupHowHear h2, #SignupTitle h2, #SignupZoom h2 {
		font-size: 20px;
	}
	#SignupCosts h5, #SignupEmps h5, #SignupHowHear h5, #SignupTitle h5, #SignupZoom h5 {
		font-size: 15px;
	}
	.imgDiscountLogo {
		width: 85%;
	}	

	.tableData, .tableData tbody td, .tableData thead td {
		font-size: 13px;
	}
	
	.mnuMain li, .mnuMainTop li {
		font-size: 13px;
	}
}


@media all and (max-width: 675px) {
	.RotateBar {
		overflow: hidden;
	}
	.imgHeaderMain {
		width: 175%;
	}
	.RotateBar .HeaderMemberInfo .boxButton3 {
		font-size: 13px;
		padding: 4px 12px !important;
	}
	.ApplyForm .boxQuarter, .boxQuarter {
		width: 43%;
	}
	.ApplyForm .boxThreeQuarter, .boxThreeQuarter {
		width: 92%;
	}	

}
@media all and (max-width: 650px) {	

	.MenuBar {
		display: none;
	}
	.RotateBar .RotateText {
		top: 40%;
		font-size: 14px;
		line-height: 1.3em;
	}	
	.RotateBar .RotateBox {
		text-align: center;
	}
	.imgHeaderLogo {
		display: inline-block;
		position: relative;
		top: auto;
		left: auto;
		margin: 15px 0px 0px;
	}
  .lnkMobileMenu {
    display: block;
		position: absolute;
		top: 15px;
		right: 15px;
    width: 24px;
		height: 24px;
    cursor: pointer;
  } 
	
}
@media all and (max-width: 600px) {	

	.imgHeaderLogo {
		width: 170px;
		top: 0px;
		left: 10px;
		z-index: 1000;
	}
	.RotateBar .RotateText {
		top: 40%;
		font-size: 14px;
		line-height: 1.3em;
	}
	.RotateBar .RotateText h1 {
		font-size: 24px;
		line-height: 1.3em;
		margin: 0px 0px 5px;
	}
  .RotateBar .RotateText h5 {
		margin: 0px 0px 5px;
	}
	.RotateBar .boxButton3 {
		font-size: 12px !important;
		padding: 5px 10px !important;
	}
	
	
	.RotateBar .HeaderMemberInfo {
		font-size: 13px;
		top: 45%;
		width: 90%;
		text-align: center;
		margin: 0px 5%;
	}
	.HeaderBar .MemberBar {
		font-size: 13px;
	}
	.HeaderBar .HeaderText {
		font-size: 12px;
		overflow: hidden;
	}

	.HeaderBar .imgHeaderSocial {
		margin: 5px 2px 0px;
	}
	.imgHeaderEmail {
		display: inline-block;
	}
	.lnkHeaderEmail {
		display: none;
	}
	.HeaderBox {
		overflow: hidden;
	}
	.ApplyForm .boxHalf, .boxHalf {
		width: 96%;
	}
	.ApplyForm .boxRight, .boxRight {
		float: none;
	}
	
	.RegionMap {
		width: 100%;
	}
	.txtMapFullInfo2 {
		width: 98%;
	}
}

@media all and (max-width: 550px) {
  
  .ApplyForm .boxSection {
    width: 95%;
    padding: 5px 2%;
  }
  .ApplyForm input[type=text], .ApplyForm input[type=password], .ApplyForm select, .ApplyForm textarea {
    border: 1px solid #999;
    border-radius: 6px;
    padding: 6px 1%;
  }  
  .boxData {
    width: 95%;
    padding: 5px 2%;
  }
	.HeaderBar .HeaderBox {
		text-align: center;
	}
}
  

@media all and (max-width: 500px) {
	.imgHeaderMain {
		width: 200%;
	}
  .ApplyForm input.wide, .ApplyForm select.wide, .ApplyForm textarea.wide, .ApplyForm div.wide {
    width: 97%;
  }
  .ApplyForm input.half, .ApplyForm select.half, .ApplyForm textarea.half, .ApplyForm div.half {
    width: 97%;
  }
  .ApplyForm input.third, .ApplyForm select.third, .ApplyForm textarea.third, .ApplyForm div.third {
    width: 97%;
  }   

	.boxButton, .boxButton2, .boxButton3 {
		padding: 6px 16px;
		font-size: 13px;
	}
	.EventSmall {
		width: 70%;
		margin: 15px 15px 15px 0px;
	}
	.FooterBox1, .FooterBox3 {
		width: 95%;
	}	
	.RotateBar .HeaderMemberInfo h1 {
		font-size: 20px;
	}	
	.boxProgram {
		width: 86% !important;
		margin: 1% 7% !important;
	}
	.boxProgramImage {
		height: 250px;
	}
	.boxProgramImage img {
		width: 400px;
	}	
}
@media all and (max-width: 425px) {
	.boxProgramImage img {
		width: 350px;
	}		
	.HeaderBar .HeaderBox {
		font-size: 12px;
	}
}