@import url("https://fonts.googleapis.com/css2?family=Mulish:wght@300;700&display=swap");
.Muli { font-family: 'Mulish', sans-serif; }
body { background-color: #000000 !important; font-family: 'Mulish', Arial, Helvetica, sans-serif; font-size: 13px; color: #000000; background-image: url(../images/layout/back.jpg); margin: 0px; background-repeat: repeat-x; }
div { position:relative; }

#header { min-width:1058px; margin-top:5px; margin-right:20px; margin-left:20px; max-width:1508px; }
.pagewidth { min-width:1050px; max-width:1500px; margin-right:20px; margin-left:20px; }
#layout-header { height:105px; border:4px solid #C0A360; border-bottom:0px none; border-radius:10px 10px 0px 0px; background-image:url(../images/layout/header-back.png); }
#header-contact { position:absolute; font-size:16px; left:156px; top:16px; text-align:left; }
.ITFheading { font-size:22px; font-weight: bold; color: #006cb5; text-transform:uppercase; }
#itflogo { position:absolute; top:9px; right:213px; }
#itflogo img { height:85px; margin-top:2px; }
#choi { position:absolute; bottom:0px; right:0px; height:100px; overflow:hidden; }
#choi img { height:105px; }
#header-blue { height:4px; background-color:#006cb5; }

#header-nav { background-color:#000; }
#header-login { background-color:#006cb5; color:#FFF; height:28px; }
#header-login a { color:#FFFFFF !important; }
#header-social { position:absolute; top:1px; right:5px; width:52px; text-align:right; }
#header-social img { vertical-align:middle; }
#headeraccount { float:right; height:20px; text-align:right; right:5px; top:6px; }
#header-logo { position:absolute; top:-8px;left:10px; background-color: #F5F5F5; border-radius:0px 0px 10px 10px; width:132px; height:142px; -webkit-box-shadow:2px 3px 5px #333; box-shadow:2px 3px 5px #333; }
#header-logo img { width:120px; margin-top:12px; }
#page-holder { background-color:#FFF; }
#header-blue, #page-holder, .headnav { border-left:4px solid #C0A360; border-right:4px solid #C0A360; }
#page-area { background-image:url(../images/layout/itf-back-2020.png); background-repeat:repeat-y; background-size: cover; min-height:500px; padding:10px; text-align:left; }
#page-area.withpanels { width:auto; margin:auto; }
#page-area-2 { float:left; width:750px; width:830px; float: none; width:auto; margin-right: 220px;  }
.withpangels #page-area-2 { width:100% !important; }
.right-column { float:right; width:200px; margin-bottom:10px; padding:10px; background-color: rgba(0, 146, 230, 0.1); }
#greyfooter { height:28px; text-align:center; line-height:24px; }
#greyfooter a { color:#000; }

.footer { background-color: transparent; margin-bottom: 20px; margin-top:15px; font-size:14px; }
.footer a { color:#FFFFFF; text-decoration: none; }
.footer a:hover { color:#FFFFFF; text-decoration: underline; }
.footercol { float:left; width:18%; text-align:left; line-height: 150%;}

.page-footer { font-size: 11px; color: #333333; background-position: bottom left; text-align: center; margin-bottom:5px; border:4px solid #C0A360; border-top:0px none; border-radius:0px 0px 10px 10px; background-image:url(../images/layout/footer-back.png); padding:5px 0px 5px 0px; height:40px; line-height:18px; }
.fistleft { float:left; width:40px; top:4px; left:5px; text-align:right; }
.fistright { float:right; width:40px; top:4px; right:5px; }
.catch { font-size: 10px; color: #999999; text-align: center; width:940px; margin-top:5px; }
.catch a { color:#222222; }

/* finished new class check */
.rightbox-top { background-image:url(../images/layout/box-top.gif); height:7px; width:180px; }
.rightbox-mid { background-image:url(../images/layout/box-mid.gif); background-repeat:repeat-y; width:170px; color: #000000; padding-right: 5px; padding-left: 5px; z-index:0; }
.rightbox-bot { background-image:url(../images/layout/box-bott.gif); height:12px; width:180px; }

/* Dropdown menus */
/* Tabs and top navigation layout */
.headnav { height:32px; padding-left:150px; }
.headnav ul { padding:0px; float: left; margin: 0px; list-style-type:none; }
.headnav li { float: left; margin: 0px; height:32px; line-height:32px; border-right:1px solid #444; }
.headnav li a { color:#EEEEEE !important; padding:0px 5px 0px 5px; font-size:13px; text-decoration:none; }
#header-login.headnav li { height:28px; line-height:28px; }

.tab-top-active, .tab-top-inactive { color: #FFFFFF; font-size: 12px; }
.tab-top-active { background-image:url(../images/layout/tab-back-active.gif); }

.tab-top-inactive a { color: #FFFFFF !important; font-size:12px; display:block; height:45px; padding-right:11px; padding-left:11px; }
.tab-top-active a, .tab-top-active a:hover { color: #000000; font-size:12px; display:block; height:45px; padding-right:11px; padding-left:11px; }

.dropmenudiv, .dropmenudiv div, .dropmenudiv ul{ position:absolute; top: 0px; left:0px; border: 1px solid #333333; border-top:0px none; border-left:0px none; line-height:18px; z-index:100; background-color:#333333; visibility: hidden; padding: 0px; margin:0px; list-style-type: none;
}
.dropmenudiv.adminnav, .dropmenudiv #instructormenu, .dropmenudiv #resourcesmenu, .dropmenudiv #siteadminmenu { background-color:#800000;}
.dropmenudiv.adminnav li a:hover, .dropmenudiv #instructormenu li a:hover, .dropmenudiv #resourcesmenu li a:hover, .dropmenudiv #siteadminmenu li a:hover { background-color: #600000; }
ul.dropmenudiv.adminnav ul, .dropmenudiv #instructormenu ul, .dropmenudiv #resourcesmenu ul, .dropmenudiv #siteadminmenu ul { background-color:#700000; }

ul.dropmenudiv ul, .dropmenudiv div ul { background-color:#222222; }
.dropmenudiv.activemenu, .dropmenudiv.activemenu ul { border-color:#666666;  background-color:#F0F0F0; margin:0px; }
.dropmenudiv.activemenu a { border-color:#CCCCCC; text-decoration: none; color:#666666; }
.dropmenudiv.activemenu a:hover { background-color: #E0E0E0; color:#000000;}
.dropmenudiv ul { margin:0px; padding:0px 8px 8px 8px; position:absolute; left:0px; top:0px; list-style-type:none; border:0px none; }
.dropmenudiv li a { width: auto; display: block; line-height:26px; border-bottom: 1px solid #CCCCCC; padding-right:2px; text-decoration: none; color:#EEEEEE; }
.dropmenudiv li ul { margin-left:0px; width:155px; }
* html .dropmenudiv li { /*IE6 CSS hack*/ display: inline-block; width: 175px; /*width of menu (include side paddings of LI A*/ }
* html .dropmenudiv li ul { /*IE only hack width: 100%;*/ width:auto; }
.dropmenudiv li a:hover{ background-color: #444444; }

.downarrowpointer{ /*CSS for "down" arrow image added to top menu items*/ padding-left: 4px; border: 0; }
.rightarrowpointer {background-image:url(../images/icons/nav-right.png); background-repeat:no-repeat; background-position:left center; padding-left:15px; }
.ddiframeshim{ position: absolute; z-index: 500; background: transparent; border-width: 0; width: 0px; height: 0px; display: block; }
/* ######### end  ######### */

/*
#layout-header { height:152px; background-image:url(images/layout/top-banner.jpg); }
#header-logo { position:absolute; left:10px; height: 150px; top:0px; }
#header-nav { position:absolute; left:165px; top:110px; width:795px; color:#CCCCCC; }
#header-login { position:absolute; left:165px; height:19px; top:131px; text-align:left; color:#FFFFFF; line-height:19px; width:795px; }
#header-login a { color:#FFFFFF; }
#header-contact { position:absolute; left:165px; top:55px; font-size:16px; }
*/
.helpwindow{ background-color: #F2FAFD; background-image:none; padding:10px; }
h1, .h1 { color: #000; font-size: 34px; margin-top:20px; margin-bottom:30px; text-align:center; font-family: 'Mulish', sans-serif; font-weight:100; }
h2, .h2 { font-size: 15px; color: #003366} 
.box-text h2 { margin-top:0px; }
.h2 { font-size: 14px; color: #FFF1D3; font-weight: bold; }
h3 { font-size: 14px; }
li { font-family: 'Mulish', Arial, Helvetica, sans-serif; font-size: 14px}
ol { font-family: 'Mulish', Arial, Helvetica, sans-serif; font-size: 14px}
a { color: #006cb5; text-decoration: none; }
.islink { cursor: pointer; }
a:hover { text-decoration: underline; }
td { color: #333333; font-size:14px; }
img { border:0px none;  }
input {font-size: 14px}
select {  font-size: 14px}
option {  font-size: 14px}
form { margin:0px; }
p { font-size:14px; }

.nav { font-size: 11px; }
a.nav { color: #FFFFFF; text-decoration: none; font-size: 12px; }
a.nav:hover {
	color: #F2A746;
	text-decoration: underline;
}
.size10 { font-size: 10px; }
.size12 { font-size: 12px; }
.size11 { font-size: 11px; }
.size14, .size4  { font-size: 14px; }
.size16 { font-size: 16px; }
.size18 { font-size: 18px; }
.size20 { font-size: 20px; }
.size22 { font-size: 22px; }
.size24 { font-size: 24px; }
.size26 { font-size: 26px; }
.size30 { font-size: 30px; }

.blk { color: #000000; }
a.blk { color: #000000; text-decoration: none}
a.blk:hover {  color: #333333; text-decoration: underline}

.right-column { float:right; width:180px; margin-bottom:10px; }

.catch { font-size: 10px; color: #999999; text-align: center; vertical-align: middle; margin:10px 0px 10px 0px; }
a.catch { text-decoration: none; }
a.catch-small { font-size: 10px; color: #CFD8E4; text-decoration: none; }
a.catch:hover { text-decoration: underline; }
.main_bgcol { background-color: #FFFFFF; padding-right: 8px; padding-left: 8px;  }
.highlight {  color: #C0A360}
.tandc {	font-size: 10px; }

.xp,.xpnum,.xpcentre, .xpbeef {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #F2FAFD;
	/* border: 1px solid #202428; */
	border: 1px solid #999999;
}
.xpcentre { text-align: center; font-weight: bold}
.xpnum {	text-align: right;}
.xp11 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	background-color: #F2FAFD;
	border: 1px solid #202428;
}
.submitlg { font-size:16px; font-weight:200; text-decoration:none; }
.submitlg2 { text-decoration:none; }
.xpbeef { font-size:18px; }

.req { border:2px solid #F00; background-color:#FFC; }
.prodbox { float:left; width:175px; padding:0px; text-align:center; margin-right:25px; }
.prodthumb { background-color:#FFF; width:auto; border:1px solid #CCC; border-radius:5px; padding:10px; height:170px; }
.prodimg { max-width:90%; max-height: 90%; }
.product-from {font-style: italic;}
.product-del {text-decoration: line-through;}
.neg {color: #FFFFFF;}
a.neg { color: #FFFFFF; text-decoration: none;
}
a.neg:hover { text-decoration: underline; color: #FFFFFF; }

.fpruled { border: 1px solid #CCCCCC; padding: 3px; }

.fpruledtop {
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	padding: 3px;
}

.fpruledmid {
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	padding: 3px;
}

.fpruledbot {
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	padding: 3px;
}

.cart-event { font-size: 10px; color: #f2a746; }
.dark { color: #222222; }

.tdruled { border-width: 1px; border-bottom-style: solid; border-color: #000000; padding: 3px; }

.dots {
	padding: 3px;
	border-width: 2px;
	border-bottom-style: dotted;
	border-top-color: #354455;
	border-right-color: #354455;
	border-bottom-color:#999999;
	border-left-color: #354455;
}

.newsdate { font-size: 12px; color: #222222; font-weight: normal; }
.clean { background-image: none; background-color: #57708F; margin: 5px; }
div.help {
	border:1px solid silver;
	width:200px;
	height:100px;
	top:10px;
	left:100px;
	position:absolute;
	background-color:#FFFF99;
	font-weight:normal;
	display:none;
}
.box-text { color: #000000; background-image: url(../images/layout/box-mid.gif); padding-right: 5px; padding-left: 5px; }

.rating-large { font-size: 36px; color: #990000; font-weight: bold; }
.border1px { border: 1px solid #000000; }
.nobold { font-weight: normal; }

table.pagenav { padding:0px; margin:0px; }
td.pagenav { padding:0px; margin:0px; text-align:center; font-size:10px; font-weight:normal; color:gray; }
td.pagenav a{ color:gray; text-decoration:none; }
td.pagenav a:visited{ color:gray; text-decoration:none; }
td.pagenav a:hover{ color:#FFFFFF; background-color:black; }

table.listview{ padding:0px; margin:0px; /* border-top: 2px solid silver; border-bottom: 1px solid silver;*/ }
.listview td { padding: 1px; margin: 0px; border-bottom:1px solid silver; font-size: 11px; }
td.listviewhead{ padding:2px; margin:0px; border-bottom:1px solid silver; background-color: #e7f5fc; font-weight:bold; }
td.listview a { text-decoration:none; }
td.listview a:hover{ text-decoration:underline; }

.boxed{ border:1px solid silver; }
.titlebar { border: 1px solid #8ECAE6; background-color:#e7f5fc; text-align:center; font-weight:bold; }
.selectedrow{ background-color: #55baea; }
.smallgrey { background-color:#eeeeee; font-size: 10px; text-align:center; }
.tdruled { padding: 3px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCCCCC; }
.tdruledheader { padding: 3px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCCCCC; font-weight: bold; }

.babel  {position:absolute; top:25px; left:10px; width:160px; height:1px; z-index:99;}
a.greylink { color: #C0C0C0; }

/*		DN Approved Styles 	*/
#profilemenu { float:left; width:250px; background-color: #006cb5; padding: 10px; border-radius: 5px; }
#profilemenu a { color: #FFFFFF; }
#profilecontent { float:left; margin-left:20px; max-width:950px;  }
.feedback { margin-bottom:20px; padding:10px; border:4px dotted #CCC; }
.feedback h1 { color:#000000; }

.formrow td, .formrowlg td, .formrow11 td {padding:2px; border-bottom:1px solid #CCCCCC;}
.formrow11 td { font-size:11px;}
.formrowlg td { font-size:14px; padding:3px; }
.formrowlg td .xp { font-size:16px; padding:3px; }
.boxbodytext .formrow td, .formrowlg td { border-bottom:1px solid #CCCCCC;}

.boxhead, .boxhead2 { background-color:#006cb5; }
.boxhead2 { background-color:#003366;}
.boxheader { padding:7px; font-size:14px; color:#FFFFFF; }
.boxheader a { color:#FFFFFF !important; }
.boxhead2 .boxheader, .boxhead2 .boxheader a { color:#FFFFFF !important; }
.boxbody { background: transparent; border:1px solid #CCCCCC; border-top:0px none; margin-bottom: 10px; }
.boxbodytext { padding:7px; height:auto; } /* background: scroll url(../images/layout/box-br.gif) bottom right no-repeat;} */

.tdfeaturehead, .tdfeatureheadblue, .tdfeatureheadgold, .tdfeatureheadred, .tdfeatureheadbluegrey, .listview td.tdfeatureheadblue, .table-ruled-11 td.tdfeaturehead {
	font-size: 16px; height: 35px; padding-left: 3px; padding-right: 3px; vertical-align:middle; color: #FFFFFF; border: 0px none; line-height:35px; }
.tdfeatureheadbluegrey { color: #999999; background-color: #E0E0E0; }
.tdfeaturehead.flush, .tdfeatureheadblue.flush, .tdfeatureheadgold.flush, .tdfeatureheadred.flush, .tdfeatureheadbluegrey.flush { padding-left: 0px; }
.tdfeaturehead.flush, .tdfeatureheadblue.flush, .tdfeatureheadgold.flush, .tdfeatureheadbluegrey.flush { line-height: normal; }

.tdfeaturehead, .table-ruled-11 td.tdfeaturehead { background-color: #003366; }
.tdfeatureheadblue, .listview td.tdfeatureheadblue, .feedbackGreen { color: #FFFFFF; background-color: #0491D4; background-color: #006cb5;  }
.tdfeatureheadgold { background-color: #999966; }
.tdfeatureheadred { background-color: #990000;  }

.table-ruled td, .table-ruled-11 td { padding:2px; border-bottom:1px solid #CCCCCC;}
.table-ruled-11 td { font-size:11px; }
tr.admin td, td.admin { color:#CC0000; background-color:#FFFFCC; }
/* org panels */
.inactive { background-color:#EFEFEF; color:#CCCCCC; }
.orgpanel { float:left; min-height:255px; background-color: #FFFFFF; border:1px solid #CCCCCC; border-top:0px none; margin-bottom:10px; width:49.5%; border-radius:0px 0px 10px 10px; }
.orgpanel.inactive { background-color: #EFEFEF; }
.orgpanel.rp { float:right; }
.orgpanel.fullpanel { clear:both; margin-left:0px; width:99%; height:auto; border-color: #990000; border-width: 2px; border-bottom-width: 30px; margin-bottom: 50px; margin-top: 30px; }
.orgpanel.fullpanel .orgpanel { width:49.5%; border:0px none; }
.orgpanel .tdfeaturehead, .orgpanel .tdfeatureheadblue, .orgpanel .tdfeatureheadred, .orgpanel .tdfeatureheadbluegrey { margin-bottom:10px; overflow: hidden; }
.orgpanel .adminheader { margin-bottom: 0px !important; }
.orgpanel .tdfeatureheadred { margin-bottom:4px; font-size:20px; text-align: center; height: auto; height: 45px; }
.tdfeatureheadblue a { color:#FFFFFF; text-decoration:none; }
.tdfeaturehead a, .tdfeatureheadred a { color:#FFFFFF; text-decoration:none; }
.tdfeatureheadblue a:hover ,.tdfeaturehead a:hover, .tdfeatureheadred a:hover { text-decoration:underline; }
.orgimg { width:160px; text-align:center; }
.orgimg a { text-decoration:none; color:#000000; }
.orgimg img { max-width:150px; max-height:150px; margin-bottom: 15px; }
.orgimg.crest img { max-height:130px; margin-top:10px; margin-bottom: 8px; }
.dojangs {  text-align:center; }
.dans { border-top:1px solid #999; width:120px; margin:auto; }
.inactive { opacity:0.6; filter:alpha(opacity=60); }
.inactive img { opacity:0.3; filter:alpha(opacity=30); }
.inactive, .inactive td, .inactive a { color: #999999 !important; }
.addresscard { float:left; width:310px; z-index:90; }
.addresscard td {	font-size:14px; text-align:left; }
.addresscard.inactive td, .addresscard.inactive td a { font-weight:100; color:#CCCCCC; }
.hidemo { position:absolute; bottom:2px; left:2px; z-index:999;}
/* search panels */
.qbox { padding:5px; border-bottom:1px solid #CCC; }
.qbox label, .qlabel { width:140px; display:inline-block; font-size:14px; text-align:right; padding-right:5px; }
.qbox input { font-size:14px; border:1px solid #999; width:180px; padding:3px; }
.qbox img { width:15px; height:15px; }
#quickq .qlabel { font-size:12px; }

.membertable { width:100%; border-spacing:0px; }
.membertable.iscommittee { width:auto; margin:20px auto; }
.membertable td { padding: 3px; vertical-align: top; font-size:14px; }
.membertabledetails { width:100%; border-spacing:0px; }
td.datacard { font-weight:bold; text-align: center; vertical-align: top; width:35px; }
.committeeBox { background-color:#990000; padding:10px; }
.committeeBoxMembers { margin-bottom:10px; clear:left; font-size:22px; color:#FFF; text-align: center; }
.inoProfile { max-width:950px; margin:0 auto 40px auto; padding:10px; border:1px solid #CCCCCC; border-radius:10px; background-color:#FFFFFF; }
.committeeIntro { max-width:950px; text-align:center; margin:0 auto; }

#lightboxback {position: absolute; position:fixed; top: 0px;left: 0px;background-color:#000 ;height: 100%;width: 100%;display: none; z-index: 99999;filter: alpha(opacity=40);-moz-opacity: 0.4;opacity: 0.6;}
#lightbox { z-index:100000; background-color:#FFF; left:50%; top:30px; border-radius:8px; padding:8px; position:fixed !important; }
.mob #lightbox { width:100% !important; height:100% !important; margin:0px; left:0px; top:0px; overflow-y:scroll; }

.spacedlists li { margin-top:10px; }

.cart_head {  color: #FFFFFF}

.cart_top, .cart_top td { background-color: #000000; font-size: 12px; color: #FFFFFF; }
.cart_stripe1, .cart_stripe1 td { background-color:#E5E5E5;}
.cart_stripe2, .cart_stripe2 td { background-color:#D5D5D5;}

.cart_txt { color: #000000}
.cartsubtotal, .cartfinaltotal { display: inline-block; width: 100px; }

.prod_rule {
	background-color: #333333;
	color: #FFFFFF;
}

.prod_col1 {
	background-color: #3C4551;
	padding: 2px;
	border-top: 1px solid #20242B;
	border-right: 1px solid #6A7482;
	border-bottom: 1px solid #6A7482;
	border-left: 1px solid #20242B;
}

.prod_col2 {
	padding: 2px;
	border-top: 1px solid #20242B;
	border-right: 1px solid #6A7482;
	border-bottom: 1px solid #6A7482;
	border-left: 1px solid #20242B;
	background-color: #314F73;
}
.nav-item, .nav-item-sel { border-top:1px solid #999; padding-top:8px; padding-bottom:5px; margin-top:5px; font-size:14px; text-align:center; }
.nav-item a, .nav-item-sel a { text-decoration:none; }
.nav-item-sel a { color:#000; }
.prodtxt a { text-decoration:none; }

#notifybox { background-color:#396; color:#FFF; text-align:center; font-size:22px; line-height:40px; }
.highlightbox { background-color:#4782D1 !important; color:#FFF; margin-top:20px; border-radius:5px; padding:10px; font-size:14px; text-align: center; }
.highlightbox a { color:#FFF; }
.highlightbox a:hover { color:#9CF; }
.myads { float:left; }
.imagebox { background-color:#E5E5E5; padding:10px; margin:5px 5px 5px 0px; text-align:center; border-radius:5px; border:1px solid #999; min-height:150px; }
.imagebox.isWhite { background-color: #FFF; }

.MemberCard { float:left; min-width:320px; max-width:460px; width:31.1%; height:150px; border:1px solid #CCC; border-radius:5px; background-color:#FFF; margin-left:10px; margin-right:10px; margin-bottom:20px; overflow:hidden; }
.MemberCard:hover { border-color:#4782D1; box-shadow:4px 4px 10px #bbb; }

.mugshot { float:left; height:100%; width:150px; overflow:hidden; background-color:#EEE; margin-right:10px; border-radius:0px; text-align:center; z-index:99; }
.mugshot img { max-width:94%; max-height:95%; margin-bottom:5px; margin-top:5px; border-radius:5px; }
.mugshot.crest img { max-height:110px; margin-top:20px; margin-bottom: 8px; }

.CardArea { padding:5px; }
.ShowBelt { overflow:hidden; margin-bottom:15px; background-color:#000; border-radius:0px 3px 0px 3px; }
.flag { height:24px; margin-right:6px; margin-bottom:6px; }
.flush .flag { height: 35px; margin-bottom: 0px; }
.orgpanel .tdfeatureheadred .flag { height: 45px; }
.ShowBelt .flag { margin-right:10px; border-right:5px solid #FFF; margin-bottom:0px; }
.ShowBelt .belt { height:20px; }
.CardArea .bottomRow { position:absolute; bottom:10px; left:160px; right:5px; }

.rightColumnAd { border-bottom:1px solid #CCC; text-align: center; }
.homePanelHeading { padding:25px; font-size:28px; text-align:center; background-color:#0491D4; background-color: #006cb5; margin-top:20px; color: #FFFFFF; }
.homePanelHeading a { color: #FFFFFF; }
.homeBoxThird { float:left; width:33%; text-align:center; }
.homeBoxThird.quarters { width:25%; }
.homeBoxContainer { padding:20px; font-size: 14px; }
.homeBoxContainer .imagebox { cursor: pointer;  }
.homeBoxContainer .imagebox div { background-position:center center; background-repeat: no-repeat; height:140px; background-size:contain; cursor:pointer; margin-bottom:10px; }
.homeBoxContainer .imagebox.crest div { margin-top: 8px; height: 125px; }
.homeBox50percent { float:left; width:49%; }
.deepScroll { overflow:auto; max-height:600px; }
.dateAwarded { line-height:30px; padding:0px; text-align:center; font-size:16px; }
.birthdayRow { height:24px; line-height:24px; padding:0px; text-align:center;  font-size:16px; }
.detailRow { min-height:24px; font-size: 14px; }
.beltthumb.bb, .beltthumb.flags { padding-left:0px; width:40px; border-color:#000000; background-color:#000; border-radius:0px; margin-right:9px; }
.beltthumb.flags { padding-left:0px; width:30px; margin-right:0px; }
.beltthumb.flags img { height:20px; }

.prodnav { font-size: 14px; margin-top: 15px; margin-bottom: 15px; }
.tripleBox { float:left; width:33%; text-align:center; }
.tripleBox.flexing { float:none; display:inline-flex; align-content:flex-start; }
.itemContent { padding:0px 5px 40px 5px; font-size: 14px; }
.flexing .itemContent { flex-grow:1; }
.itemContent .imagebox { height:210px; cursor:pointer; }
.itemContent .imagebox img { max-height:200px; max-width:90%; vertical-align: top; }
.itemContent .imagebox.crest img { max-height:150px; margin-top:25px; }

.eventTitle { font-size:20px; margin:5px 10px 10px 10px; }
.editBar { margin-top:15px; }
.imagebox.noflex { min-height: auto; }
.slidecontent.justimages { text-align:center; background-color:#E5E5E5; height:400px; }
.slidecontent.justimages div { height:100%; }
.justimage { max-height:100%; max-width:100%; position: absolute; margin: auto; top: 0; left: 0; right: 0; bottom: 0; }