/* CCC style sheet */

a:link, a:visited {
  color: #F26657;
  text-decoration: none;
}

a.confAsterisk:link, a.confAsterisk:visited {
  color: #4A6D8F;
}

p.blueline {
    border-top: #4A6D8F;//#91BFD4;
    border-top-width: 2px;//8px;
    border-top-style: solid;
}

body {
 padding: 0px; margin: 0px; background-color:#dddddd;//#dddccb;
 background-repeat:no-repeat;
 background-position: center top;
 background-attachment: fixed;
 font-size: large;
 font-family: arial, verdana, sans-serif;
}

div.outer {
    background:white; margin-left: auto; margin-right: auto;max-width: 1000px; border-radius: 10px;
}


div.topheader {
    background:silver;
    text-align:left;
    padding-top: 10px;
    padding-bottom: 20px;
    border-bottom: #4A6D8F;//#91BFD4;
    border-bottom-width: 4px;//8px;
    border-bottom-style: solid;
}

div.ccfTitle {
    font-family: Impact, sans-serif; color: #4A6D8F;
    font-size: 40px;
    padding-left:15px;
    text-align: center;
}


a.ccfTitle-small {
    font-family: Impact, sans-serif; color: #4A6D8F;
    font-size: 20px;
    padding-left:15px;
    text-align: center;
}
a.topheader {
    text-decoration: none;
    color: #4A6D8F
}

h2.topheader {
    color: black;
}

div.contentouter {
    margin: 5px 5px 5px 15px;
}

div.contentinner {
    margin: 0px 0px 0px 15px; min-height: 200px;
    padding-bottom: 10px;
}

h2, h3, h4, a.indexLinks {
    font-family: Arial, Helvetica, sans-serif;
}
ul.nobullet {
    list-style-type: none;
}

div.box {
    padding: 0 10px 3px 10px;
    margin: 0px 33px 30px 0px;
    border-radius: 10px;
    background: #c0c0c0;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c0c0c0', endColorstr='#ffffff');
    background: -webkit-gradient(linear, left top, left bottom, from(#c0c0c0), to(#ffffff));
    background: -moz-linear-gradient(top, #c0c0c0, #ffffff);
    border-style: solid;
    border-width: 1px;
    border-color: #dddddd;//#dddccb;
}

div.box h3 {
    margin: 7px 7px;
    color: #4A6D8F;
    border-bottom: black;
    border-bottom-width: 1.5px;
    border-bottom-style: dashed;
}

div.box p {
    margin-left: 10px;
    margin-right: 10px;
}

.fleft {   float:left; padding-right: 5px; }

a.indexLinks {
    font-size: 22px;
    font-weight: bold;
    color: #4A6D8F;
}
a.blue {
    color: #4A6D8F;
}

div.indexLeft {
    float: left;
    width:60%;
}

div.wordcloud {
    border-radius: 10px;
    background: #c0c0c0;
    padding-top: 32%;

    margin-right: 0px;
    margin-left: 10px;
    margin-top: 20px;

    float: left;
	width: 37%;
    text-align: center;
	
	position:relative;
}
div.wordcloudimg {
	position: absolute;
    top: 4px;
    left: 4px;
    bottom: 4px;
    right: 4px;
}

.currentYearInfo {
	text-align: center;
	display:inline-block;
	padding:10px;
	border:2px solid; 
	margin-left:0%; 
	margin-right:3%;
	margin-top:1%;
	margin-bottom:1%;
}

.highlight {
    border-style: solid;
    border-width: 2px;
    border-color: #f26657;
}

div.contacts {
    padding-left: 0px;
}

div.contacts div {
    padding-right: 0px;
    padding-bottom: 20px;
    text-align: center;
    float: left;
    width: 180px;
}

li.announce {
    list-style-type: circle;
}

div.sponsorbox, div.sponsorBox {
    max-width: 1000px; 
    float: none;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    background:silver;
    padding-top: 15px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;

    border-top: #4A6D8F;//#91BFD4;
    border-top-width: 4px;//8px;
    border-top-style: solid;
}

div.sponsorbox h3, div.sponsorBox h3 {
    color: black;//#4A6D8F;//ghostwhite;
}
div.sponsorbox p, div.sponsorBox p {
    color: black;//#4A6D8F;//ghostwhite;
}
div.sponsorbox p a, div.sponsorBox p a {
    font-weight: bold;
}

div.sponsorbox div, div.sponsorBox div  {
    overflow: hidden;

}
div.sponsorbox div div, div.sponsorBox div div  {
    float: left;
	width:auto;
    text-align: center;
    vertical-align: text-top;
}


div.sidebyside {
	display:inline-block;
}


div.clear {
  clear: both;
}

th.time {
    width: 110px;
}
tr.talk td {
    text-align: left;
    background-color: #eeeeee;
    color: black;
    padding: 5px;
    padding-left: 15px;
    vertical-align: top;
}
tr.other td {
    text-align: left;
    background-color: #dddddd;
    color: black;
    padding: 15px;
    vertical-align: top;
    white-space: nowrap;
}
tr.special td {
    text-align: left;
    background-color: #dddddd;
    color: black;
    padding: 5px;
    padding-left: 15px;
    vertical-align: top;
}
tr.talk td p, tr.special td p {
    margin-top: 1px;
    margin-bottom: 0px;
}
tr.talk td i, tr.special td i {
    color: #4A6D8F;
}
table.reg tr td {
    border: 1px solid black;
    padding: 10px;
    margin: 0px;
    background-color: #eeeeee;
    border-collapse: collapse;
}
table.reg tr td.price {
    text-align: center;
}
table.reg {
    border-collapse: collapse;
}

table.travel_allowance td {
  padding: 10px;
  border-bottom: 1px solid lightgray;
}

input, textarea {
  font-size: large;
}

table.travel_allowance {
  width: 100%;
}

tr.no_border td{
  border: none;
}

tr.wide_border_bottom td{
  border-bottom: 3px solid gray;
}


ul.acceptList li {
    margin-bottom: 12px;
}


table.general {
    border-collapse: collapse;
    margin: 10px;
}

table.general, table.general th, table.general td {
    border: 1px solid black;
}

table.general td, table.general th {
    text-align: left;
    padding: 5px;
}


* {
  box-sizing: border-box;
}

img, iframe {
  max-width: 100%;
}

iframe {
  border: 0;
}

@media screen and (max-width: 700px) {
  body {
    font-size: medium;
    background-attachment: scroll;
  }

  div.outer,
  div.sponsorbox,
  div.sponsorBox {
    width: 100%;
    max-width: 100%;
    border-radius: 0;
  }

  div.contentouter {
    margin: 5px 8px;
  }

  div.contentinner {
    margin: 0;
    padding: 0 4px 10px 4px;
  }

  div.topheader {
    padding-bottom: 12px;
  }

  div.topheader img {
    width: 92% !important;
    height: auto !important;
  }

  div.topheader h2 {
    font-size: 1.2em;
    margin: 6px 10px;
    text-align: center;
  }

  nav {
    text-align: center;
    padding: 0 8px;
  }

  nav b {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px 14px;
  }

  nav a {
    display: inline-block;
    white-space: nowrap;
  }

  table.reg,
  table.general,
  table.travel_allowance {
    width: 100%;
    max-width: 100%;
    font-size: 0.95em;
  }

  table.reg tr td {
    padding: 7px;
  }

  iframe {
    width: 100% !important;
    height: 320px;
  }

  div.sponsorbox,
  div.sponsorBox {
    padding-left: 8px;
    padding-right: 8px;
  }

  div.sponsorbox div,
  div.sponsorBox div {
    overflow: visible;
  }

  div.sponsorbox div div,
  div.sponsorBox div div,
  div.sidebyside {
    float: none;
    display: inline-block;
    max-width: 100%;
    padding-left: 0 !important;
    margin: 8px auto;
    vertical-align: middle;
  }

  div.sponsorbox img,
  div.sponsorBox img {
    max-width: 85%;
    height: auto !important;
  }

  h2, h3 {
    line-height: 1.2;
  }
}




@media screen and (min-width: 601px) {
  div.contentouter {
    margin-left: 24px;
    margin-right: 24px;
  }

  div.contentinner {
    margin-left: 0;
    margin-right: 0;
    line-height: 1.35;
  }
}

/* Local arrangements page styles, scoped so CFP/Accepted pages keep their original look. */
body.ccc-local body {
    padding: 0px; margin: 0px; background-color:#dddddd;//#dddccb;
    background-repeat:no-repeat;
    background-position: center top;
    background-attachment: fixed;
    font-family: 'Nunito Sans', sans-serif, Arial;
	font-size: 16px;
	line-height: 20px;
}body.ccc-local div.outer {
    background:white; margin-left: auto; margin-right: auto;max-width: 1000px; border-radius: 10px;
}body.ccc-local div.topheader {
    background:silver;
    text-align:left;
    padding-top: 10px;
    padding-bottom: 20px;
    border-bottom: #4A6D8F;//#91BFD4;
    border-bottom-width: 4px;//8px;
    border-bottom-style: solid;
    height: 280px;
	color: #4A6D8F;
    box-sizing: border-box;
}body.ccc-local div.box p {
    margin-left: 10px;
    margin-right: 10px;
}body.ccc-local div.ccfTitle {
    font-family: Impact, sans-serif; color: #4A6D8F;
    font-size: 40px;
    padding-left:15px;
    text-align: center;
}body.ccc-local a.ccfTitle-small {
    font-family: Impact, sans-serif; color: #4A6D8F;
    font-size: 20px;
    padding-left:15px;
    text-align: center;
}body.ccc-local a.topheader {
    text-decoration: none;
    color: #4A6D8F
}body.ccc-local h2.topheader {
    color: black;
}body.ccc-local div.photoBox {
    max-width: 600px; 
    float: none;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    
}body.ccc-local block1 {
    //background-color: #F5F5F5;
    //margin: 10px 20px;
    padding: 20px;
    width: 300px;
}body.ccc-local block2 {
    //background-color: #F5F5F5;
    //margin: 10px 20px;
    padding: 20px;
    width: 300px;
}body.ccc-local div.contentouter {
    margin: 5px 5px 5px 15px;
}body.ccc-local div.contentinner {
    margin: 0px 0px 0px 15px; min-height: 200px;
    padding-bottom: 10px;
}body.ccc-local div.text {
	width: 900px;
	text-align: justify;
}body.ccc-local UL.spaced LI {
	MARGIN: 1em 0;
}body.ccc-local OL.spaced LI {
	MARGIN: 1em 0;
}body.ccc-local header {
	top: 0px;
	width: 100%;
	max-width: 768px;
	white-space: nowrap;
}body.ccc-local h1 {
	display: inline-block;
	margin: 0px;
}body.ccc-local h1 img {
	max-width: 100%;
}body.ccc-local nav {
	width: 100%;
    //height: 25px;
    //vertical-align: text-bottom;
	font-size: 20px;
	text-align: center;
    //background-color: #4A6D8F;//#666666;
}body.ccc-local nav a {
	padding: 14px;
	color: white;
}body.ccc-local main {
	
}body.ccc-local h2 {


color: #4A6D8F;//#F26657;
}body.ccc-local a2 {
    
    color: #CD5C5C;
    text-decoration: none;
}body.ccc-local a2:hover {
    text-decoration: underline;
}body.ccc-local a {
	
    color: #778899;
	text-decoration: none;
}body.ccc-local a:hover {
	text-decoration: underline;
}body.ccc-local a.indexLinks {
    font-size: 22px;
    font-weight: bold;
    color: #4A6D8F;
}body.ccc-local a.blue {
    color: #4A6D8F;
}body.ccc-local a:link, body.ccc-local a:visited {
    color: #F26657;
    text-decoration: none;
}body.ccc-local figure {
	display: inline-block;
}body.ccc-local figcaption {
	font-size: 14px;
	text-align: center;
}body.ccc-local footer {
	width: 100%;
	font-size: 12px;
	text-align: center;
}body.ccc-local li {
	margin: 5px 0px;
}body.ccc-local hr {
     
  border: 0;
  height: 1px;
  
  background-color: #F8F8FF;

}body.ccc-local .carouselbox {
      font-family: Verdana,sans-serif;
      font-size: 14px;
      width: 1000px;
      position: relative;
      margin: 1em;
      border: 1px solid #ccc;
      box-shadow: 2px 2px 10px #ccc;
      overflow: hidden;
    }body.ccc-local .content {
      margin: 0;
      padding: 0;
    }body.ccc-local .content li {
      font-size: 100px;
      margin: 0;
      padding: 0;
      width: 100%;
      list-style: none;
      text-align: center;
      z-index: 2;
    }body.ccc-local .active {
      height: 525px;
    }body.ccc-local .carouselbox button {
      border: none;
      visibility: hidden;
    }body.ccc-local .active button {
      visibility: visible;
    }body.ccc-local .offscreen {
      position: absolute;
      left: -2000px;
    }body.ccc-local .active .buttons {
      padding: 5px 0;
      background: #eee;
      text-align: center;
      z-index: 10;
      position: relative;
    }body.ccc-local .active li {
      position: absolute;
      top: 20px;
      opacity: 0;
      transform: scale(0);
      transition: 1s;
    }body.ccc-local .active li.current {
      top: 20px;
      opacity: 1;
      transform: scale(1);
      transition: 1s;
    }body.ccc-local div.clear {
  clear: both;
}body.ccc-local th.time {
    width: 110px;
}body.ccc-local tr.talk td {
    text-align: left;
    background-color: #eeeeee;
    color: black;
    padding: 5px;
    padding-left: 15px;
    vertical-align: top;
}body.ccc-local tr.other td {
    text-align: left;
    background-color: #dddddd;
    color: black;
    padding: 15px;
    vertical-align: top;
    white-space: nowrap;
}body.ccc-local tr.special td {
    text-align: left;
    background-color: #dddddd;
    color: black;
    padding: 5px;
    padding-left: 15px;
    vertical-align: top;
}body.ccc-local tr.talk td p, body.ccc-local tr.special td p {
    margin-top: 1px;
    margin-bottom: 0px;
}body.ccc-local tr.talk td i, body.ccc-local tr.special td i {
    color: #4A6D8F;
}body.ccc-local table.reg tr td {
    border: 1px solid black;
    padding: 10px;
    margin: 0px;
    background-color: #eeeeee;
    border-collapse: collapse;
}body.ccc-local table.reg tr td.price {
    text-align: center;
}body.ccc-local table.reg {
    border-collapse: collapse;
}body.ccc-local table.travel_allowance td {
  padding: 10px;
  border-bottom: 1px solid lightgray;
}body.ccc-local input, body.ccc-local textarea {
  font-size: large;
}body.ccc-local table.travel_allowance {
  width: 100%;
}body.ccc-local tr.no_border td {
  border: none;
}body.ccc-local tr.wide_border_bottom td {
  border-bottom: 3px solid gray;
}body.ccc-local .li img {
      width: 1000px;
      height: 525px;
      display: block;
    }


@media screen and (max-width: 600px) {body.ccc-local div.outer {
    width: 100%;
    max-width: 100%;
    border-radius: 0;
  }body.ccc-local div.topheader {
    height: auto;
    padding: 10px 8px 14px 8px;
  }body.ccc-local div.topheader img {
    width: 100% !important;
    max-width: 420px;
    height: auto !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }body.ccc-local div.topheader h2 {
    font-size: 1.2em;
    text-align: center;
    margin: 8px 0 12px 0;
  }body.ccc-local nav {
    font-size: 16px;
    line-height: 1.3;
    text-align: center;
    padding: 0 8px;
  }body.ccc-local nav b {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 4px;
    max-width: 320px;
    margin: 0 auto;
  }body.ccc-local nav a {
    display: block;
    padding: 7px 10px;
    white-space: normal;
    text-align: left;
    border-bottom: 1px solid rgba(74, 109, 143, 0.25);
  }body.ccc-local div.contentouter {
    margin: 0;
    padding: 0 14px;
  }body.ccc-local div.contentinner {
    margin: 0;
    padding-bottom: 12px;
  }body.ccc-local div.text {
    width: auto;
    max-width: 100%;
    text-align: left;
    line-height: 1.45;
  }body.ccc-local div[align="center"], body.ccc-local center {
    text-align: left;
  }body.ccc-local div[align="center"] a {
    display: inline-block;
  }body.ccc-local p {
    line-height: 1.45;
  }body.ccc-local h2 {
    margin-top: 22px;
    margin-bottom: 10px;
  }body.ccc-local h3 {
    margin-top: 18px;
    margin-bottom: 8px;
  }body.ccc-local iframe {
    width: 100% !important;
    height: 320px;
    border: 0;
  }body.ccc-local table.reg {
    width: 100%;
    font-size: 14px;
  }body.ccc-local table.reg tr td {
    padding: 7px;
  }body.ccc-local div.sponsorbox {
    max-width: 100%;
    border-radius: 0;
    padding: 12px 8px;
  }body.ccc-local div.sponsorbox > div {
    padding-left: 0 !important;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    align-items: center;
    justify-items: center;
  }body.ccc-local div.sponsorbox > div > div:first-child, body.ccc-local div.sponsorbox > div > div:nth-child(4) {
    grid-column: 1 / -1;
    width: 100% !important;
    text-align: center !important;
    margin-bottom: -4px;
  }body.ccc-local div.sponsorbox div div, body.ccc-local div.sidebyside {
    float: none;
    display: block;
    width: auto !important;
    max-width: 100%;
    padding-left: 0 !important;
    margin: 0 auto;
    text-align: center;
  }body.ccc-local div.sponsorbox img {
    max-width: 100%;
    height: auto !important;
  }
}

/* Former inline styles from index.html, scoped to the local arrangements page. */
body.ccc-local, body.ccc-local {
          margin: 0;
          padding: 0;
      }body.ccc-local .slider {
          width: 100%;
          margin: 20px auto;
      }body.ccc-local .slick-slide {
          margin: 0px 20px;
      }body.ccc-local .slick-slide img {
                  height: 300px;
                  width: 100%;
      }body.ccc-local .slick-prev:before, body.ccc-local .slick-next:before {
          color: black;
      }body.ccc-local .outer {
          width: 100%;
          max-width: 1000px;
          min-width: 0;
      }body.ccc-local .contentouter, body.ccc-local .contentinner, body.ccc-local .text, body.ccc-local p {
          max-width: 100%;
          min-width: 0;
      }body.ccc-local .topheader {
          padding-bottom: 20px;
      }body.ccc-local nav {
          text-align: center;
          padding: 0 1rem;
          margin: 0;
      }body.ccc-local nav b {
          display: flex;
          flex-wrap: wrap;
          justify-content: center;
          gap: 0 1.8rem;
          line-height: 1;
      }body.ccc-local nav a {
          white-space: nowrap;
      }body.ccc-local .tablewrap {
          width: 100%;
          max-width: 100%;
          overflow-x: auto;
      }body.ccc-local table.reg {
          margin-left: auto;
          margin-right: auto;
      }