@charset "utf-8";
/* CSS Document */

html, body {
	font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:13px;  
	line-height:20px;
	color:#2b2929;
	padding:0px;
	margin:0px;
	min-width: 1020px;
	}
body.home {
	background: #edece3 url(../images/background.jpg) 0 142px repeat-x;
	margin-top: 142px;
	position: static;
		position: relative!important;
	}
body.secondary{
	background: #f7f6f1 url(../images/background.jpg) 0 142px repeat-x;
	margin-top: 142px;
	position: static;
		position: relative!important;
	display: flex;
	flex-direction: column;
	min-height: calc(100vh - 142px)!important;
	}
	
h1, h2, h3, h4, h5, h6, div.pp_kalypso .ppt {
	font-family: "Francois One",sans-serif;
	font-weight: normal;
	}
p {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	font-family: 'Droid Serif', serif;
	font-size:16px;
	color:#4f575a;
	}
p em { 
	font-style:italic; 
	color:#000; 
	}
p a, a {
	color: #d71010;
	}
a:focus {
	outline-width: thin;
	outline-style: dotted;
	outline-color: #333333;
	outline-offset: -2px;
	}
a:hover, a:active {
	outline-width: 0px;
	outline-style: none;
	}
a:hover {
	color: #005580;
	}
.clear { 
	clear:both; 
	}
hr {
	margin:15px 0;	
	border: 0; 
	height: 1px; 
	background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
	background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
	background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
	background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));   
	}
nowrap {
    white-space: nowrap;
}	
	
/* LAYOUT ****************************/	
.container {
	position:relative;
	width:1000px;
	margin:0 auto;
	display:block;	
	}
#menu-outer {
	height:142px;
	width:100%;
	z-index:3000 !important;
	position:absolute;
	top:0px;
		top: -142px;
	background:url(../images/bg.jpg) repeat-x;
	}
#menu {
	position:relative;
	width:1000px;
	min-width:1020px;
	margin:0 auto;
	height:40px;
	}
#menu-drop-outer { 
	width:100%;
	background:url(../images/nav-drop-bg.png) repeat-x;
	height:400px;
	position:absolute;
	top:136px; /*-536px;	*/
		top:0!important;
	z-index:2000;
	display:none;
	min-width:1020px;
	}
#menu-drop {
	postion:absolute;
	width:1000px;
	margin:0 auto;
	height:184px;
	z-index:2001 !important;
	}
#banner-outer {
	height:662px;
	width:100%;
	margin:0 auto 0 auto;
	display:block;
	background:  url("../images/bg-feature.jpg") no-repeat top center;
	}
#banner {
	height:652px;
	width:1000px;
	margin:0 auto;
	
	}
#tickets-outer  {
	height:320px;
	width:100%;
	margin:0 auto 0 auto;
	display:block;
	background: #edece3 url("../images/tickets-bg.jpg") 0px 160px repeat-x;
	border-top:solid 1px #cdcdc6;
	}
#vid-email {
	width:1000px;
	height:160px;
	margin:0 auto;
	}
.vid1 { padding-top:13px; display:inline-block; }
#tickets {
	width:1000px;
	height:70px;
	margin:0 auto;

	}
#content-outer  {
	width:100%;
	margin:0 auto 0 auto;
	display:block;
	flex-grow:1;
	}
#content {
	position:relative;
	width:1000px;
	min-height:150px;
	margin:0 auto;
	display:block;
	padding:30px 0 30px 0;
	
	}
#footer-outer {
	background:url(../images/footer-bg.png) repeat-x;	
	width:100%;
	display:block;
	position:relative;
	border-top:solid 2px white;
	}
#footer {
	width:1000px;
	margin:0 auto;
	color:#b9b9bb;
	padding:0px 0 50px 0;
	}


/* MENU ***************************/
#menu ul#main { 
	display:block; 
	position:absolute; 
	top:93px; 
	right:20px;  
	}
#menu ul#main li { 
	height:40px; 
	display:block; 
	float:left; 
	margin:0 0 0 26px; 
	padding:0; 
	}
#menu ul#main a {
	font-family: "Francois One",sans-serif;
	font-weight: normal;
	color:white;
	text-decoration:none;
	font-size:18px;
	text-transform:uppercase;
	text-shadow: 0px 1px 0px #000;
	}
#menu ul#main a:hover { 
	color:#d6d5d5; 
	}
#menu-drop .navslider { 
	position:absolute;
	top:0px;
	}	
#menu-drop .nav-col-1 { 
	float:left;
	width:227px;
	margin:20px 0 0 250px;
	}
#menu-drop .nav-col-2 { 
	float:left;
	width:217px;
	margin:20px 0 0 0;
	}
#menu-drop .nav-col-3 { 
	margin:5px 0 0 0;
	float:right;
	width:312px;
	}
#menu-drop .nav-col-1 ul li, #menu-drop .nav-col-2 ul li, #menu-drop .nav-col-3 ul li {
	margin:0 0 4px 15px;
	list-style-image: url(../images/nav-dot.jpg); 
	}
#menu-drop .nav-col-1 ul li a, #menu-drop .nav-col-2 ul li a, #menu-drop .nav-col-3 ul li a {
	font-family: "Francois One",sans-serif;
	font-weight: normal;
	color:#f4f1e4;
	text-decoration:none;
	font-size:14px;
	text-transform:uppercase;
	text-shadow: 0px 1px 0px #000;	
	}
#menu-drop .nav-col-1 ul li a:hover, #menu-drop .nav-col-2 ul li a:hover, #menu-drop .nav-col-3 ul li a:hover {
	color:white;
	}
	
	
/* BANNERS *********************************/
#banner  h3 {
	position:relative;
	top:80px;
	display:block;
	clear:both;
	margin:0 auto;
	text-align:center;
	color:#333;
	font-family: 'Droid Serif', serif;
	font-size:35px;
	line-height:35px;
	width:800px;
	font-weight:normal;
	color:#323b3e
	}
#banner p.welcome-left {
	margin:15px 20px 0 10px;
	font-family: 'Droid Serif', serif;
	font-size:12px;
	line-height:17px;
	position:relative;
	top:80px;
	display:block;
	width:480px;
	float:left;
	text-align:justify;
	text-justify:inter-word;
	color:#697478;
	}
#banner p.welcome-right {
	font-family: 'Droid Serif', serif;
	font-size:12px;
	line-height:17px;
	position:relative;
	top:80px;
	display:block;
	margin:15px 0 0 0;
	width:480px;
	float:left;
	text-align:justify;
	text-justify:inter-word;
	color:#697478;
	}
#banner p.welcome-left em, #banner p.welcome-right em  {
	font-style:italic; 
	color:#242a2c;
	} 
#banner p.welcome-left em strong, #banner p.welcome-right em strong {
	font-weight:bold;
	color:#242a2c;
	}
#feature-1 {
	position:relative;
	float:left;
	top:44px;
	margin-left:15px;
	width:290px;
	overflow:hidden;
	}
#feature-2 {
	position:relative;
	top:44px;
	float:left;
	margin-left:49px;	
	width:290px;
	overflow:hidden;
	}
#feature-3 {
	position:relative;
	top:44px;
	float:left;
	margin-left:51px;	
	width:290px;
	overflow:hidden;
	}
#feature-over-1, #feature-over-2, #feature-over-3 { 
	background:url(../images/feature-bg.jpg) no-repeat;
	position:absolute; 
	top:322px; 
	height:280px; 
	color:white; 
	width:250px; 
	padding:20px;
	}
#feature-over-1 h5, #feature-over-2 h5, #feature-over-3 h5 { 
	color:#FFF;	
	font-family: 'Droid Serif', serif;
	font-size:16px;
	font-style:italic;
	font-weight:normal;
	margin:5px 0 12px 0;
	}
#feature-over-1 p, #feature-over-2 p, #feature-over-3 p { 
	color:#c8c5ad;	
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
	}	
.learn-btn { 	
	background:url(../images/learn-btn.png) no-repeat;
	color:#FFF;	
	font-family: "Francois One",sans-serif;
	font-weight: normal;
	text-decoration:none;
	text-transform:uppercase;
	font-size:14px;
	display:block;
	height:39px;
	padding:8px 0 0 12px;
	text-shadow: 0px 1px 0px #000;
}
.learn-btn:hover {
	color:#e7e7e7;
	text-shadow: 1px 1px 1px #000;
	}
	
	
/* TICKETS *********************************/
#tickets h3 {
	clear:both;
	color:#FFF;	
	font-family: 'Droid Serif', serif;
	font-size:35px;
	line-height:35px;
	text-shadow: 1px 1px 1px #000;
	font-weight:normal;
	margin: 0px 0 0 12px;
	padding:5px 0 0 0;
	float: left;
	}
a.ticket1 { 
	display:block; 
	background:url(../images/ticket-1.png) -1px 0; 
	width:311px; 
	height:55px; 
	float:left; 
	margin:17px 25px 30px 9px; 
	}
a.ticket1:hover { 
	background:url(../images/ticket-1.png) -1px -55px; 
	}
a.ticket1 span { 
	margin-left:-3000px; 
	}
a.ticket2 { 
	display:block; 
	background:url(../images/ticket-2.png) 0 1px; 
	width:311px; 
	height:55px; 
	float:left; 
	margin:17px 25px 0 0; 
	}
a.ticket2:hover { 
	background:url(../images/ticket-2.png) 0 -54px; 
	}
a.ticket2 span { 
	margin-left:-3000px; 
	}
a.ticket3 { 
	display:block; 
	background:url(../images/ticket-3.png) 0 0;
	width:311px; 
	height:55px; 
	float:left; 
	margin:17px 0 0 0; 
	}
a.ticket3:hover { 
	background:url(../images/ticket-3.png) 0 -55px; 
	}
a.ticket3 span { 
	margin-left:-3000px; 
	}

/* FOOTER **********************************/
a.footer-logo {
    display: inline-block;
    float: left;
    padding-top: 1px;
}
#footer-bits { 
	color:#909ea2;
	font-family: 'Droid Serif', serif;
	font-size:13px;
	text-align:right;
	width:790px;
	margin-top:25px;
	margin-left:200px;
	}
#footer-bits img.footer-line { 
	display:block;
	margin:10px 0;
	}
#footer-menu {
	color:white;
	width:790px;
	text-align:right;
	top:192px;
	margin-left:200px;
	} 	
#footer-menu ul { 
    display: flex;
    align-items: center;
    margin-bottom: 0;
    height: 63px;
	}
#footer-menu ul li { 
	display:block; 
	float:left; 
	margin:0 0 0 30px; 
	padding:0; 
	}
#footer-menu ul a {
	font-family: "Francois One",sans-serif;
	font-weight: normal;
	color:white;
	text-decoration:none;
	font-size:16px;
	text-transform:uppercase;
	text-shadow: 1px 1px 1px #000;
	}
#footer-menu ul a:hover { 
	color:#d6d5d5; 
	}	
#footer-bits span { 
	color:#becbcd; 
	font-family: "Francois One",sans-serif; 
	}
#footer-bits span.footer-large { 
	font-size:16px; 
	font-family: 'Droid Serif', serif; 
	color:#909ea2; 
	}
#footer-bits p.designers { 
	margin:10px 0 0 0; 
	font-family: "Francois One",sans-serif; 
	color:#566162; 
	}
#footer-bits p.designers a { 
	color:#becbcd; 
	text-decoration:none; 
	}
#footer-bits p.designers a:hover { 
	color:#FFF; 
	}


/* OTHER ***********************************/
#extra { 
	position:absolute; 
	top:-20px; 
	left:250px;
	transition: top .05s ease-out;
	}
#extra:hover { 
	top:0px; 
	}
#social { 
	height:50px;
	position:absolute; 
	background:url(../images/search-bg.png) right top no-repeat;	
	top:5px; 
	right: 15px;
	width:340px; 
}
#social.social-wide { width:479px!important; }
#social span {
	color:#8f9ca8;
	margin:13px 10px 0 5px;
	float:left;
	}
.twitter { margin:-2px 10px 0 0; }
.facebook { margin:-2px 0px 0 0; }
#social a { 
	font-family: "Francois One",sans-serif;
	text-decoration:none;
	font-size:12px;
	color:#CCC;
	display:block;
	float:left;
	margin:13px 4px 0 0; 
	}
#social a:hover { 
	color:#FFF;
	text-decoration:underline;
	}
#social input { 
	width:138px;

	border:0; 
	color:#333; 
	font-size:12px; 
	padding:3px; 
	margin:12px 0 0 54px;
	}


/* BLOG *****************************************/
#blog-home { 
	float:left;
	width:660px; 
	display:block;
	margin:0 0 30px 0;
	}
#ads { 
	float:right; 
	width:320px;
	display:block;
	}
#ads img, img.ads-right { 
	border:solid 10px white; 
	box-shadow: 0px 0px 4px #CCC;
	}

.blog-box {
	border-top:solid 1px #f8f8f7;
	display:block;
	padding-top:30px;
	}
.blog-box-first {
	border:0px;
	padding-top:0px;
	}
.blog-calendar {
	background: url(../images/calendar.png) no-repeat;
	color:white;
	text-shadow: 1px 1px 1px #000;
	width:48px;
	text-transform:uppercase;
	text-align:center;
	padding:13px 0 0 0;
	height:150px;
	float:left;
	font-size:12px;
	}
.blog-calendar span {
	font-family: 'Droid Serif', serif; 
	display:block;
	font-size:28px;
	margin:0 0 2px 0;
	}
.blog-content { 
	float:left; 
	width:580px; 
	margin:0 0 10px 20px; 
	}
.blog-content h4.blogTitle { 
	font-family: 'Droid Serif', serif; 
	font-size:24px;
	color:#323b3e;
	font-weight:normal;
	line-height:28px;
	}
.blog-content h4.blogTitle a {
	text-decoration:none;
	color:#323b3e;
	text-transform:none !important;
	}
.blog-content h4.blogTitle a:hover {
	color:#000;
	}
.blog-content p {
	font-family: 'Droid Serif', serif; 
	font-size:14px;
	color:#697478;
	}
.blog-content p a.read-more {
	color:#c30101;
	font-family: "Francois One",sans-serif;
	text-transform:uppercase;
	font-size:12px;
	}
.blog-content span.blog-written { 
	font-family: "Francois One",sans-serif; 
	color:#323b3e;
	display:block;
	margin:2px 0 4px 0;
	}
.blog-content span.blog-written em { 
	color:#757366;
	}
	
	
	
	
	
/* SECONDARIES ************************************/
#content div#main_left_wrapper { 
	width:650px;
	float:left;
	margin: 0 0 30px 0;
	} 
#content div#sidebar { 
	float:right;
	width: 320px;
	text-align:left;
	margin: 50px 0 40px 20px;
	}
#content h2 {
	margin:55px 0 20px 0;
	font-family: 'Droid Serif', serif; 
	font-size:34px;
	color:#323b3e;
	line-height:34px;
	font-weight:normal;
	}
#apply-form h3 {
	margin:15px 0 10px 0;
	font-family: 'Droid Serif', serif; 
	font-size:24px;
	color:#323b3e;
	font-weight:normal;
	}
#content span.yellow { 
	background:#d2a41a; 
	color:white; 
	text-transform:uppercase; 
	font-size:18px; 
	padding:3px 8px; 
	margin:15px 0;
	font-weight:normal;
	font-family: "Francois One",sans-serif; 
	margin:20px 0;
	}
#content h4 {
	/*margin:20px 0 0 0;*/
	}
p.largeSerif { 
	font-family: 'Droid Serif', serif; 
	font-size:18px; 
	color:#494b48; 
	font-style:italic; 
	line-height:22px;
	}
a.ticket { 
	background: url(../images/button-middle.jpg) repeat-x; 
	font-family: "Francois One",sans-serif;
	font-weight: normal;
	color:white;
	text-decoration:none;
	font-size:22px;
	text-transform:uppercase;
	text-shadow: 0px 1px 0px #000;	
	padding:12px 0 10px 0;
	text-align:center;	
}
div.pic-3-col { 
	width:330px; 
	float:left; 
	}
div.pic-3-col img.treatment, div.pic-1-col img.treatment, div.pic-1-col-right img.treatment { 
	border: solid 1px #CCC; 
	padding:10px; 
	background:#FFF; 
	}
div.pic-3-col blockquote { 
	color:#5c797f; 
	font-family: 'Droid Serif', serif; 
	font-size:16px; 
	font-style:italic; 
	width:305px; 
	margin:15px 0 10px 0px;
	}
div.pic-3-col p { 
	font-family: "Francois One",sans-serif; 
	color:#333; 
	font-size:14px; 
	font-style:italic; 
	line-height:14px;
	}
div.pic-3-col p span { 
	font-family: "Open Sans"; 
	color:#666; 
	font-size:12px; 
	font-weight:normal; 
	}
div.pic-2-col p, div.pic-2-col-right p {
	font-size:14px; 
	line-height:22px;
	margin-top:25px;
	}
div.pic-2-col { 
	width:630px;
	height:230px;
	float:left;
	padding:0;
	}
div.pic-1-col { 
	width:320px;
	height:230px;
	float:left;
	text-align:right;
	}
div.pic-2-col h2 { 
	margin-top:10px !important; 
	}
div.pic-2-col-right h2 em { 
	font-style:italic; 
	}
div.pic-2-col-right { 
	margin:30px 0 30px 0;
	background:#dedac9;
	width:620px;
	height:290px;
	float:left;
	text-align:right;	
	padding-right:25px;
	}
div.pic-1-col-right {
	margin:30px 0 30px 0;
	padding:30px 0 0 18px; 
	background:#dedac9;
	width:330px;
	height:260px;
	float:left;
	}
	
	
	
/* FORMS ******************************************/
div.centerFormDouble, div.rightForm, div.leftForm, div.centerForm, div.doubleForm, div.leftFormDouble, div.fullWidth {  font-size:11px; color:#7c7c72; }
div.doubleForm { margin-bottom:20px; text-transform:uppercase; font-size:11px; font-weight:bold; }
div.leftForm label, div.centerForm label, div.rightForm label, div.leftFormDouble label, div.doubleForm label, div.fullWidth label, div.leftFormDoubleApply, div.centerFormDouble  { color:#333; display:block; text-transform:uppercase; margin:-12px 0 0 0px; font-size:11px; font-weight:bold; }
div.fullWidth label { clear:both; }
p.disclaimer { margin:0 0 15px 0; color:#333; text-transform:uppercase; font-size:12px; font-weight:bold !important; font-family:Arial;  }
div.fullWidth label { clear:both; }
div.leftFormDoubleApply { float:left; margin-top:1px; }
div.leftForm, div.centerForm, div.rightForm { float:left; width:310px; }
div.centerFormDouble { float:left; width:650px;  }
div.leftFormDouble { float:left; }
div.leftFormDouble  select.debitday { width:50px; }
div.leftFormDouble label.memLabel { padding-top:10px; }
div.leftFormDouble textarea { width:600px; }
div.centerFormDouble input { width:629px; }
div.fullWidth textarea {  width:1000px; }
div.fullWidth { padding:10px 0 10px 0; }
div.leftForm  { padding: 10px 10px 10px 0; }
div.centerForm, div.centerFormDouble { padding: 10px; }
div.rightForm { padding: 10px; }
div.extraPad { padding-left:22px; }
div.leftForm select, div.centerForm select, div.rightForm select { float:left; width:275px; background:#848589; color:white; padding:2px 2px; font-size:12px; border: solid 1px #848589; height:23px; }
div.leftForm input, div.centerForm input, div.rightForm input{ width:305px;  padding:3px 0px;  border: solid 1px #CCC; }
div.leftForm input.odom { width:200px; margin-right:6px; }
div.leftForm select.km { width:60px; float:right; margin-right:6px; }
div.rightForm label.driveable { width:150px; font-family:Arial; font-weight:normal; text-transform:none; float:left; padding-top:5px; }
div.rightForm input.radio, div.leftForm  input.radio, div.centerForm input.radio { width:15px; border:solid 1px white; }
div.rightForm textarea.othercomments { width:275px; }
div.leftForm label.vdcomments, div.centerForm label.vdcomments, div.rightForm label.vdcomments { float:left; font-weight:normal; text-transform:none; font-family:Arial; margin-top:13px; font-size:11px;  }
div.leftForm input.vdcommentsfield, div.centerForm input.vdcommentsfield, div.rightForm input.vdcommentsfield { float:right; width:160px; margin:4px 3px 0 0; }
div.leftForm input.phone3, div.centerForm input.phone3, div.rightForm input.phone3{ width:60px; margin-right:6px; }
div.leftForm input.phone4, div.centerForm input.phone4, div.rightForm input.phone4{ width:160px; margin-right:6px; }
div.leftForm span, div.centerForm span, div.rightForm span, div.doubleForm span, div.fullWidth span, div.leftFormDoubleApply span { color:#ca2a35; padding-left:2px; }
div.leftForm label.provincelabel, div.rightForm label.provincelabel { float:left; width:100px; }
div.leftForm label.address1label { float:left; width:180px; }
div.leftForm label.address2label{ float:left; width:100px; }
div.leftForm input.address1 { width:162px; }
div.leftForm input.address2 { width:93px; margin-left:10px; }
div.leftForm select.provincefield, div.rightForm select.provincefield { clear:both; width:80px; margin-right:17px; }
div.leftForm label.postallabel, div.rightForm label.postallabel  { float:left; }
div.leftForm input.postalfield, div.rightForm input.postalfield  { width:172px; }
div#regowner { display:none; }
div#donate_anotheraddress { display:none; }
div.leftForm label.creditlabelapply { float:left; width:130px;}
div.leftForm select.creditfieldapply { float:left; width: 110px; }
div.leftForm label.CCNUMlabelapply { float:left; width:150px;}
div.leftForm input.CCNUMfieldapply { width:175px; margin-left:20px; }
div.rightForm label.countrylabeldonate, div.centerForm label.countrylabeldonate { float:left; width:138px; }
div.rightForm select.countryfielddonate, div.centerForm select.countryfielddonate { clear:both; width:120px; margin-right:17px; }
div.rightForm label.provincelabeldonate, div.centerForm label.provincelabeldonate { float:left; width:80px; }
div.rightForm select.provincefielddonate, div.centerForm select.provincefielddonate { float:left; width:65px; margin-right:17px; }
div.rightForm label.postallabeldonate, div.centerForm label.postallabeldonate { float:left; width:86px; }
div.rightForm input.postalfielddonate, div.centerForm input.postalfielddonate { width:82px; }
div.leftForm input.donateother { width:57px; }
div.centerForm label.countrylabeldonate { float:left;width:120px; }
div.centerForm select.countryfielddonate { float:left; width:100px; }

div.rightForm select.dobM { width:82px; margin-right:13px; }
div.rightForm select.dobD { width:82px; margin-right:13px; }
div.rightForm select.dobY { width:113px; }
div.centerForm label.countrylabelapply { float:left; width:105px; }
div.centerForm select.countryfieldapply { float:left; width:90px; margin-right:13px; }
div.centerForm label.provincelabelapply { float:left; width:78px; }
div.centerForm label.postallabelapply { float:left; width:86px; }
div.centerForm select.provincefieldapply{ float:left; width:65px; margin-right:13px; }
div.centerForm input.postalfieldapply { width:82px; }


div.centerForm input.CCNUMfielddonate{ width:160px; margin-left:18px; }
div.centerForm label.CCNUMlabeldonate { float:left;width:140px; }
div.centerForm label.EXPlabel, div.rightForm label.EXPlabel { float:left;width:140px; }
div.centerForm select.EXPfield, div.rightForm select.EXPfield{ float:left; width:50px; }

div.centerForm select.EXPYYfield, div.rightForm select.EXPYYfield{ float:left; width:70px; margin-left:3px; }
div.centerForm input.CCnamefield, div.rightForm input.CCnamefield { width:165px; margin-left:16px; }
div.centerForm label.CCnamelabel, div.rightForm label.CCnamelabel { float:left;width:140px; }
div.rightForm label.yearB{ float:left;width:140px; }
div.rightForm label.yearP{ float:left;width:140px; }
div.rightForm input.yearBfield{ float:left; width:110px; }
div.rightForm input.yearPfield{ float:left; width:110px; margin-left:25px; }
label span.red { color:#900; }


.memclass { font-family:Arial; color:#333; font-size:12px; margin:0px; }

.ticket-small {
	font-family: "Francois One",sans-serif;
	font-weight: normal;
	color:white;
	text-decoration:none;
	font-size:20px;
	text-transform:uppercase;
	text-shadow: 0px 1px 0px #000;	
	padding:0;
	text-align:center;	
	background:url(../images/ticket-small.png) no-repeat; 
	width:235px; 
	height:55px; 
	display:flex; 
	align-items:center;
	justify-content:center;
	cursor:pointer;
	border:0;
}
a.ticket-medium, span.ticket-medium {
	font-family: "Francois One",sans-serif;
	font-weight: normal;
	color:white;
	text-decoration:none;
	font-size:20px;
	text-transform:uppercase;
	text-shadow: 0px 1px 0px #000;	
	padding:18px 0 0px 0;
	text-align:center;	
	background:url(../images/ticket-medium.png) no-repeat; 
	width:310px; 
	height:37px; 
	display:block; 
	margin:0 0 5px 0;
	cursor:pointer;
	}
a.ticket-jumbo, span.ticket-jumbo {
	font-family: "Francois One",sans-serif;
	font-weight: normal;
	color:white;
	text-decoration:none;
	font-size:20px;
	text-transform:uppercase;
	text-shadow: 0px 1px 0px #000;	
	padding:18px 0 0px 0;
	text-align:center;	
	background:url(../images/ticket-jumbo.png) no-repeat; 
	width:554px; 
	height:37px; 
	display:block; 
	float:right;
	cursor:pointer;
	}
a.ticket-small:hover, span.ticket-small:hover,
a.ticket-medium:hover, span.ticket-medium:hover,
a.ticket-jumbo:hover, span.ticket-jumbo:hover {	
	color:#e8e8e8;
	}
	
p.column-two-third { 
	width:700px; 
	display:block; 
	float:left; 
	margin:0 20px 30px 0; 
	}
p.column-one-third-right { 
	width:240px; 
	display:block; 
	float:left; 
	}	
.rounded-corners {
	/* MOVED TO css/editor-content.css 
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	font-family: "Francois One",sans-serif;
	font-weight: normal;
	color:white;
	text-decoration:none;
	font-size:12px;
	text-transform:uppercase;
	text-shadow: 0px 1px 0px #333;	
	padding:4px 20px;
	text-align:center;	
	background: url(../images/rounded-bg.png);
	margin:0 10px 0 0;*/
	}
.rounded-corners:hover { 
	color:#e8e8e8;
	}
	
#content .content_single_column { margin:0px 20px 0 0; float:left; }	
#content .content_single_column_right { margin:0px 20px 0 0; width:30%; float:left; }
#content .content_double_column { margin:0px 20px 0 0; width:66%; float:left; }

#content .content_tripple_column { margin:0px 20px 0 0; width:33%; float:left; }


.last-login { font-style:italic; text-transform:uppercase; font-size:10px; font-weight:bold; }
.last-login em { font-weight:normal; }

ul.my-account-nav {
	margin:10px 0 0 0;
	list-style:none;
	}
ul.my-account-nav li {
	background:white;
	margin:1px 0;
	padding:4px 0 4px 25px;
	background:white url(../images/arrow.png) 10px 6px no-repeat;
	text-align:left;
	width:287px;
	}
ul.my-account-nav li a {
	text-decoration:none;
	color:#648b8e;
	font-size:12px;
	}
ul.my-account-nav li a:hover, ul.my-account-nav li a.nav-active {
	color:#000;
	}
div.announce-left { float:left; width:175px; height:165px; margin-bottom:0 0 20px 0; }
div.announce-right { float:left; width:480px; }
div.announce-right h8 { font-size:14px; font-family: 'Droid Serif', serif;  font-weight:bold; }
img.current-issue { border:solid 1px #dddddd; background:white; padding:10px; margin:0 0 10px 0;
}
.italic-small { font-style:italic; font-family: 'Droid Serif', serif; color:#494942; }

.issues-small { font-size:10px; text-transform:uppercase; color:black; float:left; width:85px; margin:20px 10px 0 0; }
.issues-small img { display:block; }

#content .content_double_column h3 { font-family: 'Droid Serif', serif;  font-size:22px; margin:30px 0 8px 0; }
#content .content_double_column span.years { cursor:pointer;text-decoration:none; color:#d71010 !important; font-size:14px;padding:0 8px; font-family: "Francois One",sans-serif; }
#content .content_double_column span.years:hover {background:#d71010; color:white !important; }
#content .content_double_column span.years-active { color:white !important; background:#d71010;  font-family: "Francois One",sans-serif; }

#problem { background:#FFF; color:#df0202; padding:15px; font-size:14px;line-height:12px; font-weight:bold; }
#success, .success { background:#67bf20; color:#FFF; padding:15px; font-size:14px;line-height:18px; font-weight:bold; }

.ring-block {
padding:15px;
}
.ring-block-alt { 
background:#e0e0d7;
padding:15px;
}

span.totalrenew { font-size:25px; font-family:'Droid Serif', serif; font-style:italic; color:black !important; background:#d8f5b8; padding:10px 5px 10px 20px; }
span#totalsum { font-size:25px; font-family:'Droid Serif', serif; font-style:italic; color:black !important; background:#d8f5b8; padding:10px 20px 10px 0; font-weight:bold; }
#processwait { display:none; margin:10px 0; font-size:20px; font-family:'Droid Serif', serif; font-style:italic; color:black !important; }

table#transhistory {
width:650px;
}
table#transhistory th {
text-align:left;
font-weight:bold;
background:#f0f0f0;
padding:3px;
}
table#transhistory td {
text-align:left;

background:white;
padding:3px;
}

#blogcategory, #blogcentre {  width:275px; background:#848589; color:white; padding:2px 2px; font-size:12px; border: solid 1px #848589; height:23px; }
#archive ul:hover { cursor:pointer; }
#archive ul { margin-bottom:0px; }


table#memberdirectory th { font-weight:bold; text-transform:uppercase; text-align:left; padding:4px; border-bottom:solid  2px #222; }
table#memberdirectory td { padding:4px; border-bottom:solid 1px #CCC; }

.memberprofilefix { position:relative; display:block; width:180px;top:30px; margin-bottom:-13px !important; }

div.error { color:#de0c12; font-weight:bold; padding:10px 0px; text-transform:uppercase; }

a.rounded-corners-blog {
	display:block;
	float: right;
    margin-right: 10px;
    margin-top: 4px;
	width:147px;
	font-family: "Francois One",sans-serif;
	font-weight: normal;
	color:white;
	text-decoration:none;
	font-size:14px;
	text-transform:uppercase;
	text-shadow: 0px 1px 0px #333;	
	padding:10px 20px;
	text-align:center;	
	background: url(../images/view-all-bg.png);
	}
a.rounded-corners-blog:hover { 
	color:#e8e8e8;
	}	
span.se_blog { font-family:Arial; font-weight:bold; text-transform:uppercase; color:white; background:#09C; font-size:8px; padding:2px 2px; }
span.se_staff { font-family:Arial; font-weight:bold; text-transform:uppercase; color:white; background:#F93; font-size:8px; padding:2px 5px; }
span.se_column { font-family:Arial; font-weight:bold; text-transform:uppercase; color:white; background:#6C6; font-size:8px; padding:2px 5px; }
span.se_page { font-family:Arial; font-weight:bold; text-transform:uppercase; color:white; background:#900; font-size:8px; padding:2px 5px; }
span.se_event { font-family:Arial; font-weight:bold; text-transform:uppercase; color:white; background:#CCC; font-size:8px; padding:2px 5px; }
span.se_faq { font-family:Arial; font-weight:bold; text-transform:uppercase; color:white; background:#dbd01a; font-size:8px; padding:2px 5px; }
	
#footer-ads { width:1000px; margin:0 auto; height:170px; }	
#footer-ads img { border:solid 3px white; margin:22px 20px 0 0; }
#footer-ads img.last { margin:0px; }	

a.board-home { color:black; text-decoration:none; border-bottom:dotted 1px black; }
span.required { color:#d30224; font-family:Georgia; font-size:12px; font-style:italic; }
em.disclaimer { color:#999999; font-size:12px; }

#pdf-options { background:white; width:170px; height:65px; position:absolute; padding:25px; box-shadow: 3px 3px 5px #666; }
#pdf-options span { cursor:pointer; text-decoration:underline; color:#C00; } 
#pdf-options-arrow { display:block; }

table.bloglist { width:650px; }
table.bloglist th { padding:5px;text-align:left; font-weight:bold;border-bottom:solid 2px black; }
table.bloglist td { padding:5px;text-align:left; border-bottom:solid 1px #CCC; }

span.ads-home { font-size:10px; display:block; text-align:right; color:#a5a390; padding:0 10px 5px 0; } 
span.ads-home a.view-all-ads { color:#a5a390; text-decoration:none; }
span.ads-home a.view-all-ads:hover { color:#d30224; }
div.ads-small-all { float:left; margin:0 12px 16px 0; border:solid 5px white; box-shadow: 1px 1px 2px #CCC; }
div.ads-large-all { float:left; margin:0 14px 16px 0; }

span.class_head { font-weight:bold; margin:5px 0; display:block; }


#conventiontable td { text-align:center; padding:4px; border-bottom: solid 1px #ccc; } 
#conventiontable td.convleft { text-align:left; }
#conventiontable th { padding:4px; font-weight:bold; font-size:14px; border-bottom: solid 2px #333; vertical-align: bottom; }
#conventiontable td strong { font-weight:bold; }
input.convqty { width:40px; padding:2px; }
p.convnotes { font-style:italic; font-size:13px; color:#333; line-height:18px; }
#conventiontable td.convright { text-align:right; }
input.conventiontotal { border:0px; color:black; font-size:22px; font-family:Georgia; width:100px; padding:5px; background:white; }
input.conventiontotal-inline { margin-left:.3em; margin-right:.35em; }
#paymentplan_breakdown { text-align:right; padding:4px; border-bottom:solid 1px #ccc; }
#paymentplan_breakdown input.conventiontotal-inline:last-of-type { margin-right:3px; }

.becomeIBM { border:solid 3px #f9df08; padding:20px; }
.becomeIBM .fullWidth textarea { width:940px; }
.becomeIBM div.centerFormDouble input { width:430px; }
.becomeIBM div.centerFormDouble { width:500px; }

.photogallery img { border:solid 5px white; box-shadow: 0px 0px 4px #CCC; margin:0 8px 5px 0; }

p.welcome-left strong { font-weight:bold; color:black; }
span.pres { display:block; float:right; margin:5px 0 0 0; }

#login-pad-outer { position:fixed; background: url(../images/pad-bg.png); width:100%; height:100%; top:0; bottom: 0; z-index:15000; }
#login-pad {
	position:absolute;
	top:100px;
	margin:0 auto;
	width:595px;
	height:484px;
	background: url(../images/login-pad.png) no-repeat;
z-index:200;
	left:0;
right:0;
}
#login-pad .close { position:absolute; top:50px; right:40px; color:white; text-transform:uppercase; cursor:pointer; }
#form-mail { position:absolute; top:225px; left:30px;}

.video-tutorial-container {
	margin-top: 10px;
    margin-left: 0;
    padding: 10px;
    font-weight: 400;
    overflow: hidden;
    background: #fff;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.13);
    box-shadow: 0 1px 3px rgba(0,0,0,.13);
}
.video-tutorial-box img {
      max-width: 100%;
      height: auto;
	  position: relative; 
   
   }
	
.video-tutorial-box {
    background: #fff;
    padding-bottom: 20px;
    /* box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); */
    width: 31%; /* Thumbnails 3 across */
    margin: 1%;
    float: left;
	position: relative;
  }
 .video-tutorial-box  figure {
    height: 0;
    padding-bottom:70%;
 }
  .video-tutorial-box img:hover, .video-tutorial-box img:active, .video-tutorial-box img:focus {
    opacity: 0.75;
  }
  .video-tutorial-box .duration{
	background-color:#000;
	border-radius: 2px;
	color: #fff;
	font-size: 11px;
	right: 12px;
	line-height: 13px;
	padding: 2px 3px 1px;
	position: absolute; 
    top:   110px; 
    right: 0; 
    transition:all 500ms ease;
	
}
	
.video-tutorial-box .video-title {
	color: rgb(0,95,195);
	font-size: 14px;
    width:190px;
   text-decoration: underline;
}

.video-tutorial-box a {text-decoration:none;}

#feature-2 .convention-date {
	position:absolute;
	color:#f5f4f4;
	text-transform:uppercase; top:15px; text-align:center; display:block; width:100%; font-size:16px; }
#feature-2 .postponed {
	position:absolute;
	background-color: #c70000;
	background-image: linear-gradient(#a60c0c, #c70000 40%);
	padding: .75rem;
	color:#f5f4f4;
	font-weight: bold;
	font-size: 20px;
	text-align:center;
	text-transform:uppercase;
	top: 125px;
	transform: rotate(15deg);
	width: 150%;
	padding: .75rem;
	left: -28%;
}
strong { font-weight:bold; }
pre { overflow: auto; }

.p-4x3 { padding-top: 75% }
.p-21x9 { padding-top: 42.86% }
.p-16x9 { padding-top: 56.25% }
.p-16x10 { padding-top: 62.5% }
.p-9x14 { padding-top: 155.5555% }
.d-flex { display: flex; }

.paypalprebutton { cursor:pointer; }
.option-heading {  background:#cffdd4; display:flex; font-size:24px; color:#333; padding:20px 0 15px 10px;; margin:0 0 10px 0; }
.option-heading .payoptions { margin-right: .75em; }
	
/* TRANSLATIONS ******************************************/
.skiptranslate.goog-te-gadget {
    position: absolute;
    left: -165px;
    top: 0;
    /*width: 165px;*/
}
.skiptranslate.goog-te-gadget span {
    float: none!important;
    margin: 0!important;
    font-family: arial;
    font-size: 11px;
    color: #665!important;
    white-space: nowrap!important;
}
.skiptranslate.goog-te-gadget a {
    display: inline!important;
    float: none!important;
    margin: 0!important;
}
.skiptranslate>iframe {
    /*display: none!important;*/
}
.local-ring-report hr { margin: 2.5rem 0; }
.local-ring-report a[name^=ring] { position:relative; top:-1rem; }
.local-ring-report-text:not(:first-of-type) { margin-top:1rem; }

/* VIDEO PAGES ******************************************/
a.jam {
	text-decoration:none;
    display: flex;
    flex-direction: column;
	margin-bottom:1.5em;
	color: unset;
}
a.jam p {
    flex-grow: 1;
	margin: .35em 0;
}
a.jam .sprite {
	background-color: #000;
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
	padding-top: 56.25%;
	/*width:620px;
	height:340px;*/
	position:relative;
}
/* for lazy-loading bg-images */
a.jam .sprite.lazy {
   background-image: none!important;
}
a.jam .sprite>div {
	position: absolute;
	top:0; left:0; right:0; bottom:0;
	width:100%; height:100%;
	display:flex;
	align-items:center;
	justify-content:center;
}
a.jam .sprite i {
	background-color: rgba(33,33,33,.7);
    font-size: 2.6em;
    padding: .05em 0 .05em .1em;
	width:2.25em;
	height:2.25em;
    border-radius: 50%;
    color: hsla(0,0%,100%,.9);
	position:relative;
	display:flex;
	align-items:center;
	justify-content:center;
	transition:all .1s ease-in-out;
}
a.jam .sprite:hover i {
	background-color: rgba(33,33,33,1);
}
*[class*=col-] ul.my-account-nav li {
    width: auto;
}
.d-disabled {
    display: none;
}
[disabled] .d-disabled {
    display: block;
}
[disabled] > label {
    color: rgba(20,20,20,.7)!important;
}
[disabled] > label > span {
    display: none;
}