@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap');

body{
	font-family: 'Open Sans', sans-serif;
	font-size:16px;
	background-image: linear-gradient(white, #ccc);
	background-size: cover;
	background-attachment: fixed;
	margin-top:5px
}

h1, h2{color:#134867}
h1{ font-size:20px; text-transform:uppercase}
h2{ font-size:18px}
h3{ font-size:16px; color:#5795b4}

img{border:0px}
td{vertical-align:top}
hr{ border:0px; border-bottom:1px solid #134867; height:1px; margin-top:10px; margin-bottom:10px}
blockquote{ border-bottom:1px dotted #363636; padding-left:0px; margin-left:30px}
textarea{ font-family:Arial, Helvetica, sans-serif; font-size:12px}

.whitebox{background-color: #fff; padding: 20px; border-radius:5px; margin-bottom: 20px}

#pos{width:967px; position:relative; height:1px; top:-1px; margin-left:auto; margin-right:auto}

#logo{position:absolute; width:349px; height:88px; top:15px}
#logo img{width:100%; height: auto}
#bannerAd{position:absolute; top:20px; left:364px; width:600px; height:97px; text-align:right; background:transparent; overflow: hidden}
#bannerAd p{padding:0; margin: 0; display: block; width:100%; height: 100%; position: absolute; top:0; left:0}
#bannerAd img{width:100%; height:100%; object-fit: contain; margin: 0px}
#searchform{position:absolute; right:0px}

#masthead, #container{
	width:967px; 
	height:100px; 
	margin-left:auto; 
	margin-right:auto; 
	clear:both;
	float:none
}
#footer, #subfooter{
	width:967px; 
	clear:both;
	background-color: transparent
}
#container{clear:both}
#masthead{text-align:right; font-size:11px; height:130px}

#content{width:730px; float:left; min-height:500px;margin-bottom:5px}
#rh_col{width:218px; float:right; min-height:500px;}

#subfooter{ font-size:10px; color:#666666; text-align:center; padding:10px}
#subfooter a{color:#666666}

#nav{background-image:url(../images/nav_bgnd2.png); background-repeat: no-repeat; clear:both; padding-bottom:15px; width:728px; height:285px; font-size:14px; text-transform: uppercase}
#nav ul{ list-style:none; margin:0px; padding:0px}
#nav li{ padding:0px; margin:0px}
#nav li a{ display:block; padding:18px; padding-left:38px; padding-right:38px; text-align:center; float:left; color:#FFFFFF}
#nav li a:hover{color:#FFFF00; text-decoration:none}

#nav td{ padding:0px; margin:0px;}
#nav td a{display:block; margin:7px 0; padding:10px 5px; text-align:center; color:#FFFFFF; border-right:1px solid #92c3de}
#nav td a:hover{color:#FFFF00; text-decoration:none}
#nav td:nth-of-type(5) a{border:0px}

#content_l{width:460px; padding-left:10px; float:left}
#content_r{width:240px; float:right}
#content_r p{padding:0px; padding-top:10px; margin:0px}
#content_r h1{padding:0px; padding-top:10px; margin:0px}
#content_r ul{ list-style:none; margin:0px; margin-top:10px; padding:0px}
#content_r li{background-image:url(../images/bullet_3.png); background-repeat:no-repeat; background-position:0px 6px; padding-left:10px}

a{color:#2c779f; text-decoration:none}
a:hover{color:#134867; text-decoration:underline}

/* wide blue tab box */
.wide_tab{width:458px; height:21px; background-image:url(../images/box_top_wide_dark_blue.png); background-repeat:no-repeat; overflow:hidden; padding:0px; padding-top:5px; padding-left:20px; font-size:14px; margin:0px; color:#FFFFFF}
.wide_tab_body{width:437px; min-height:40px; background-image:url(../images/box_wide_bgnd.gif); background-repeat:repeat-y; margin:0px; padding:10px}
.wide_tab_base{width:458px; height:10px; background-image:url(../images/box_bottom_wide_dark_blue.png);background-repeat:no-repeat}

/* short dark blue tab box */
.short_tab{width:458px; height:21px; background-image:url(../images/tab_short_dark_blue.png); background-repeat:no-repeat; color:#ffffff; overflow:hidden; padding:0px; padding-top:5px; padding-left:20px; font-size:14px; margin:0px;}
.short_tab_body{width:430px; min-height:50px; background-image:url(../images/box_wide_bgnd.gif); background-repeat:repeat-y; margin:0px; padding:14px}
.short_tab_base{width:458px; height:10px; background-image:url(../images/box_bottom_wide_dark_blue.png);background-repeat:no-repeat}
.short_tab_light_blue{background-image:url(../images/tab_short_light_blue.png)}

/* full col width content box */
.wide_tab_base_full{height:7px; background-image:url(../images/tab_wide_base_full.png);background-repeat:no-repeat; margin-bottom:20px}
.wide_tab_top_full{height:7px; background-image:url(../images/tab_wide_top_full.png);background-repeat:no-repeat}
.wide_tab_full_body{min-height:50px; background-image:url(../images/tab_wide_full_bgnd.gif); background-repeat:repeat-y; margin:0px; padding:14px}

.button{color:#fff; background-color:#134867; padding:4px 12px 5px; border-radius:5px; font-size:12px; text-transform: uppercase; cursor:pointer}
.button:hover{background-color: #2c779f; color: #fff; text-decoration: none}

.box_top_dark_blue, .box_top_light_blue{
	width:208px;
	height:16px;
	background-image:url(../images/box_top_dark_blue.png);
	background-repeat:no-repeat;
	overflow:hidden;
	margin:0px;
	color:#FFFFFF;
	font-size:12px;
	padding:5px;
	text-align:center;
}
.box_top_light_blue{ background-image:url(../images/box_top_light_blue.png)}
.box_body{
	width:208px;
	background-image:url(../images/box_bgnd.png);
	background-repeat:repeat-y;
	margin:0px;
	padding:5px;
}
.box_body ul{list-style:none; margin:0px; padding:0px; margin-left:4px}
.box_body ul li{ background-image:url(../images/bullet.gif); background-repeat:no-repeat; padding-left:15px; background-position:0px 5px; padding-bottom:5px}
.box_base{ background-image:url(../images/box_base_white.png); background-repeat:no-repeat; margin-bottom:10px; height:10px}
.box_base_all_events{background-image:url(../images/box_base_events_click.png); background-repeat:no-repeat;margin-bottom:15px; height:26px}

.grey{color:#6f686f}
.blue{color:#134867}
.red{color:#FF0000}
.small{font-size:11px}
.bold{font-weight:bold}

.formtable{border:1px solid #EEEEEE}
.formtable td{vertical-align:top; border-bottom:1px dotted silver}
.formtable th{vertical-align:top; padding:5px; background-color:#F7F7F7; width:160px; text-align:left; font-size:11px}

.formheading{ font-weight:bold; font-size:24px; color:#006699}

.logobox{width:100px; text-align:center; padding:5px; padding-top:0px; float:left}
.floatleft{float:left; margin-right:15px; margin-bottom:15px}
.floatright{float:right; margin-left:15px; margin-bottom:15px}
.bullet{
	background-image:url(../images/bullet2.gif);
	background-repeat:no-repeat;
	background-position:left 5px;
	padding-left:10px;
}

.members_box_top{ background-image:url(../images/members_box_top.png); background-repeat:no-repeat; height:4px}
.members_box{background-image:url(../images/members_box_bgnd.gif); background-repeat:repeat-y; min-height:100px; padding:15px}
.members_box_base{
	background-image:url(../images/members_box_base.png); 
	background-repeat:no-repeat; 
	height:4px;
	margin-bottom:5px;
}

.logolist{ list-style:none; margin:0px; padding:0px; margin-left:auto; margin-right:auto}
.logolist li{ height:100px; width:100px; float:left; margin-left:10px; vertical-align:middle; text-align:center;}
.logolist td{ height:100px; width:100px; padding:4px; vertical-align:middle; text-align:center; border:1px dotted silver}

.eventtable{}
.eventtable th{color:#134867; text-align:left; border-bottom:1px solid black; padding-bottom:10px; font-size:14px}
.eventtable td{color:#434444; text-align:left; border-bottom:1px dotted #134867; padding:5px 0px 5px 0px; font-size:13px}
.eventtable td strong{color:#134867; font-size:11px}
.eventtable td{padding:5px}
.eventtable tr > td:nth-of-type(1) > div{padding:10px; background-color: #d2edff; border-radius:5px}
.pad{ padding-right:15px}
.externalEvent{background-color: #efefef !important; }

#eventPageHeader{height:90px; border-bottom:2px solid #25640f; margin-bottom:20px}


.box_green_float{width:164px; min-height:120px; float:right; margin-left:20px; margin-bottom:20px}
.box_green_top{background-image:url(../images/box_green_top.gif);height:5px; overflow:hidden}
.box_green_middle{background-image:url(../images/box_green_bgnd.gif); background-repeat:repeat-y; min-height:120px; padding:5px; padding-bottom:1px; padding-top:1px}
.box_green_middle strong{color:#25640f}
.box_green_middle p{padding-top:0px}
.box_green_base{background-image:url(../images/box_green_base.gif);height:5px; overflow:hidden}

#footeranim{
	width:966px; 
	height:100px; 
	padding:5px 1px;
	border-radius:10px; 
	overflow:hidden;
	background-color: #fff
}

.sigtable{margin-left:auto; margin-right:auto; border:1px solid #E5E5E5}
.sigtable th{ background-color:#F4F4F4}

#skyscraper{width:120px; min-height:300px; position:absolute; right:-136px; top:40px}
#memberRegBox{width:728px;min-height:111px; background-color:#f4f4f4; margin-bottom:20px; padding:20px; box-sizing:border-box; border-radius:5px}
#memberRegBox img{float:right; margin-left:20px}

.supportedby{font-size:14px; margin: 15px 0 0}

.logosFlex{display: flex; justify-content: flex-start; align-items: stretch; flex-wrap:wrap}
.logosFlex > div{width:100%; height:90px; max-width:110px; margin: 12px; background-repeat: no-repeat; background-position: center; background-size: contain; position: relative}
.logosFlex a{display: block; position: absolute; left:0px; top:0px; width:100%; height: 100%}

.memberLogo{width:150px; height: 100px; margin: 0px 15px 0 0; background-size: contain; background-position: center; background-repeat: no-repeat}

js-marquee img{max-height:90px}

.regButtonBox:empty{display:none}
.mowWeekLogo{max-width: 190px; height: auto; margin: 15px}

.logocell{padding:15px 0 0}

.total-to-pay{font-size:1.2rem; font-weight:700}
.stripe-button-wrap{padding:15px 0}
.stripe-payment-button{padding:10px 40px; font-size:1rem; transition:all 150ms ease-in-out}

.legal-text{font-size:12px; font-style: italic}
