.nobr{ white-space: nowrap }
a.button, a.nobutton{  
 -moz-border-radius: 10px; border-radius: 10px; font-variant: small-caps;
 font-weight: bold; display:block; width: 170px; background-color: #1e41a6; color: #61cbff; 
 font-size: 16px; height: 18px; text-align: left; white-space: pre; margin: 2px 6px; padding: 2px 6px; 
 line-height: 16px; vertical-align: middle; border: 2px solid #ecede8; text-decoration: none; 
 }  
a.button:hover{ background-image: none; background-color: #3060c0; color: #9ff; border-color: #f5f }  
a.button small{ 
   display: inline-block; font-size: small; font-weight: normal; font-variant: normal; font-size: 15px; line-height: 15px;
   color: white
   }   
a.full-screen{ 
 font-size: 90%; background-color: #222; color: #bbb; padding: 1px 2px; border: 1px solid red; text-decoration: none;
 margin: 0px 3px; text-align: center
 }
a.grey{  
 font-weight: bold; display:block;  
 width: 174px; background-color: #5e8186; color: #ccc; font-size: 16px; height: 35px; text-align: center;  
 border: 2px solid #c44; margin-bottom: 2px; text-decoration: none; z-index: 2  
 }  
a.grey small{ display: block; font-size: 75%; font-weight: normal }   
a.nobutton:hover{ background-color: #173186; color: #3076bf; border-color: #d0d0ff; font-size: 11px }  
a.top{ font-size: 85%; background-color: #1e41a6; color: white; border: 2px solid red; text-decoration: none; font-weight: bold }  
a.top#hover{ background-color: #ccf; color: #1e41a6; border-color: #f99 }  
body{ 
   margin: 0px; border: 0px; padding: 0px; font-size: 10pt; 
   background-color: #d0d0ff; color: #001236; font-family: Lucida Sans Unicode, Helvetica, Verdana, Geneva, sans-serif
   }
body.mailpop{ color: black }
body.iframe{ background-color: transparent }
body.mobile{ overflow: visible; margin: 1px; padding: 0px; font-size: 90% }
body.mobile div.footer{ margin-right: 0px }
body.mobile div.info a{ width: 80px; display: inline-block; text-decoration: none }
body.mobile div.section{
 border: 2px solid #0ee07d; background-color: white; color: #06503d; margin: 1px; padding: 2px; text-align: left;  
 -moz-border-radius: 0px 10px 10px 0px / 0px 18px 18px 0px;  border-radius: 0px 10px 10px 0px / 0px 18px 18px 0px; 
 opacity: 0.8; filter:alpha(opacity=80); font-size: 90%  
 }
body.mobile hr{ margin: 0em 1em }
body.page2{ overflow: hidden }
body#fontsize1{ font-size: 70% }
body#fontsize2{ font-size: 85% }
body#fontsize3{ font-size: 100% }
body#fontsize4{ font-size: 125% }
body#fontsize5{ font-size: 150% }
table.move-section button{ 
   -moz-border-radius: 8px; border-radius: 8px; padding: 1px; background-color: #d8d8d8; height: 22px 
   }
button.arrow{ color: #52f; font-size: 103% }
button.hide{ color: #666; font-size: 97% }
div#logo img{ border: none; margin: 2px 8px; opacity: 0.8; filter:alpha(opacity=80) }  
div.alertbar{ position: absolute; top: 135px; right: 0px; width: 180px; height: auto; z-index: 1 }
div.all{ margin-top: 22px; overflow: scroll }
div.banner{ text-align: center; font-size: small; width: 100% }  
div.banner a{ font-size: 110%; font-weight: bold }
div.breadcrumbs{ height: 1em; font-size: 80%}
div.breadcrumbs2{ 
   position: relative; left: 0.5em; z-index: 1; margin: 0em 1em 0em 1em; font-size: 80%; clear: right
   }
div.closeTopMenu{ background-color: #eff6fa; height: 3px }
div.drop_quote{ 
   border: none; padding: 1em; font-style: italic; font-family: Times New Roman, serif; 
   }
div.editblock{
   background-color: #bbf; color: #004; font-size: 80%; font-weight: bold; text-align: center; margin: 0.5em 0em
   }
div.err{ font-weight: bold; color: red }
div.error{ 
   background-color: red; color: white; white-space: nowrap; padding: 2px; 
   font-size: 80%; font-weight: bold; text-align: center 
   }
div.flavor_box{ 
   border: 2px solid black; padding: 0em 1em 2em 1em; clear: both; 
   background-color: #f8f8ff; color: #3030ff
   }
div.flavor_box a.flavor_nav{ 
   font-weight: bold; font-variant: small-caps; text-decoration: none; 
   font-size: 80%;
   background-image:url('https://7.chicon.org/graphics/capsule-small.jpg'); background-repeat: no-repeat; background-position: left top;
   background-color: #f8f8ff; color: #3030ff; padding: 3px 2px 3px 35px; min-height: 25px; margin: 0em 0.25em 
   }
div.flavor_box a.flavor_nav:hover{ background-color: #c8c8ff; text-decoration: underline }
div.flavor_box a.vid{ 
   background-color: #3030ff; color: #f8f8ff; padding: 4px; margin: 1em 0em; text-decoration: none; 
   display: inline-block; width: auto
   }
div.flavor_box div.separator{ clear: both }
div.flavor_box span.photocaption{ font-family: Arial Rounded MT Bold, Arial, sans-serif; font-size: 80% }
div.floatleft{ float: left; margin: 10px; display: inline-block }
div.floatright{ float: right; margin: 10px; display: inline-block }
div.footer{ height: 30px; font-size: 80% }  
div.footer div.info{ text-align: center }
div.footer div.info a{ 
   font-weight: bold; color: #224193; background-color: #c1deee; border: thin solid #e5e4ef; width: 120px; padding: 2px; 
   text-align: center; margin: 0em 0.5em; border-radius: 4px / 7px; -moz-border-radius: 4px/ 7px; display: inline-block;
   text-decoration: none
   }
div.footer div.info a:hover{ color: #c1deee; background-color: #224193; border: thin solid #1a1b11 }
div.footer div.info a small{ font-weight: 100 }
div.footer input{ 
   font-weight: bold; color: #224193; background-color: #c1deee; border: thin solid #e5e4ef; width: 120px; padding: 2px; 
   margin: 0em 0.5em
   }
div.footer input.mailpop{ border: none; margin: 0px 0px -2px 0px; padding: none; vertical-align: bottom }
div.footer2{ margin-left: 21.5em; padding: 1em; font-size: 80% }
div.formerror{ border: thin solid #004; color: #a04; background-color: #daf; size: 125% }
div.guests{
   -moz-border-radius: 12px; border-radius: 12px; border: 2px solid #ecede8; padding: 0.3em;
   background-color: #1e41a6; color: #81ebff; font-size: 90%; max-width: 700px;
   min-height: 150px; 
   text-align: center
   }
div.guests div{ padding-bottom: 1em }
div.guestlink{ display: inline-block; margin: 0.3em 0.8em; width: 95px }
div.guestlink a{ 
   color: #61cbff; 
   font-weight: bold; font-variant: small-caps; text-align: center; text-decoration: none 
   }
div.guestlink a:hover{ background-color: #002186 }
div.guestlink img{ margin-right: 0.5em }
div.header{ 
   width: 100%; z-index: -1; white-space: nowrap; clear: both; margin-bottom: -58px; 
   background-image:url('https://7.chicon.org/graphics/header-bg.gif'); background-repeat: repeat-x 
   }  
div.header a, img{ border: none; text-decoration: none }
div.header a:hover{ opacity: 0.8; filter:alpha(opacity=80); background-color: #ff0 }
div.header div.below{ 
   width: 40%; float: right; font-size: 80%; text-align: right; position: relative; margin-top: -86px
   }
div.header div.below a{
   -moz-border-radius: 0px 0px 8px 8px; border-radius: 0px 0px 8px 8px; padding: 0px 2px 0px 2px; 
   background-color: #1e41a6; color: #61cbff; font-size: 16px; font-weight: bold; font-variant: small-caps; 
   }
div.header div.below a.contact{ border: none; }
div.header div.below input{ 
   -moz-border-radius: 0px 0px 8px 8px; border-radius: 0px 0px 8px 8px; padding: 2px 2px 24px 2px; border: none; 
   margin: 0px; height: 25px; 
   background-color: #1e41a6; color: #61cbff; font-size: 16px; font-weight: bold; font-variant: small-caps; 
   }
div.header div.below form.search{ margin-top: -5px }
div.header div.below input.searchbox{ 
   height: 18px; padding-bottom: 4px; border: 1px; solid #1e41a6; background-color: #e1eff7; margin-top: 2px
   }
div.header div.breadcrumbs{ position: relative; top: -60px; left: 17em; text-align: left; width: 40%;  }
div.header div.breadcrumbs table{ clear: both }
div.header div.headerCloseLeft{ 
   z-index: 3; background-color: transparent; float: left; 
   position: absolute; top: 39px; left: 0px; height: 140px; width: 10px 
   }
div.header div.headerCloseRight{ 
   z-index: 3; background-color: transparent; float: right; 
   position: absolute; top: 39px; height: 140px; left: 960px; min-width: 40px
   }
div.header div.socmed{ 
   position: relative; left: 41%; padding: 0px 7%; top: -25px; width: 18%; text-align: center; display: inline; 
   }
div.header div.pagetitle{ 
   font-size: 10.5pt; font-weight: bold; line-height: 13px; 
   position: relative; padding-left: 230px; color: white; bottom: 35px; 
   text-align: left; text-transform: uppercase; 
   }
div.header div.pagetitle a{ color: white }
div.header div.pagetitle a:hover{ background-color: transparent; color: #ffffa0 }
div.header div.regthing{
   -moz-border-radius: 18px; border-radius: 18px; font-family: Arial Narrow, sans-serif;
   position: absolute; top: 49px; left: 646px; background-color: white;
   padding: 8px 5px;
   text-transform: none; font-size: 9pt; line-height: 11px; text-align: center; 
   }
div.header div.regthing a{ color: #231f20; }
div.header div.regthing b{ font-size: 120% }
div.header div.regthing hr{ line-height: 4px }
div.header div.regthing table{ margin-top: 2px }
div.header div.regthing table td{ font-size: 8pt; line-height: 10px; padding: 0pt 2pt }
div.header span#countdown{ top: 163px; font-size: 95% } 
div.homeflavors{ 
   position: absolute; right: 50px; top: 342px; background-color: #ddddff; width: 2em; z-index: 2; opacity: 0.95
   }
div.indent{ margin: 0px 0px 0px 1.5em }
div.index a{ color: #99f; text-decoration: none }  
div.index a:hover{ background-color: #333; color: #c9f; text-decoration: underline }   
div.main{ 
   background-color: #e6e3e0; position: absolute; left: 214px; right: 0px; top: 0px; bottom: 0px; overflow: auto
   }
div.menu-sidebar-new{ 
   position: absolute; top: 0px; bottom: 0px; left: 0px; width: 215px; z-index: 1 
   }
div.menu-sidebar-new div.m{ 
 position: absolute; bottom: 0px; left: 0px; width: 360px; opacity: 1.00; filter:alpha(opacity=100);
 }  
div.menu-sidebar-new a.home:hover{ background-color: #ff0; opacity: 0.9 }
/* div.menu-sidebar-new div.sitemenu a{ background-image:url('/graphics/menubutton-background.gif') } */
div.menublank{ display:block; width: 174px; height: 39px; margin-bottom: 2px; opacity: 0.00; filter:alpha(opacity=0) }  
div.menutop{ background-color: #eff6fa; padding: 3px; line-height: 28px; white-space: nowrap; }
div.menutop a{  
   padding: 2px 10px 2px 6px; color: #243a7f; border-width: 0px 3px 0px 0px; border-style: solid; border-color: #d2d3de; 
   display: inline-block; text-align: center; height: 26px; vertical-align: middle; text-decoration: none; 
   font-size: 9pt; line-height: 13px; 
   }
div.menutop a:hover{ background-color: #fffcd6 }
div.menutop div.menuspacer{ height: 6px }
div.menutop div.submenu{ 
   position: absolute; top: 54px; background-color: #fffcd6; height: 1px; left: 0px; width: 100%; z-index: 1; font-size: 105%;
   border-bottom: 38px solid transparent
   }
div.menutop div.submenu2{ 
   position: absolute; top: 52px; left: 0px; width: 100%; z-index: 1; border-bottom: 38px solid transparent 
   }
div.navbuttons{ 
   float: right; font-weight: bold; font-size: 10pt; display: inline; text-align: center; line-height: 20pt;
   margin-left: 1em
   }  
div.navbuttons a{ 
   color: #1f37dd; background-color: #8cb1ff; padding: 2px; text-decoration: none; border: 3px outset #acd1ff;
   -moz-border-radius: 20px; border-radius: 20px; font-weight: bold; font-size: 80%
   }  
div.navbuttons a:hover { color: #e1c923; background-color: #6c91df; text-decoration: underline }  
div.nobr input{ display: inline }
div.pagetitle{ 
   font-family: Trebuchet, Verdana, sans-serif; font-size: 16pt;
   position: relative; padding-left: 146px; color: white; bottom: 48px; height: auto; width: 699px; 
   text-align: left; text-transform: uppercase; 
   }
div.pagetitle div{ display: inline; margin-bottom: 0px }
div.perror{ background-color: red; color: white; padding: 2px; font-size: 80%; font-weight: bold }
div.reg_email{ font-size: 125% }
div.reg_email span.wide{ display: inline-block; width: 10em }
div.quotes{ text-align: center; padding: 9px }  
div.sample-caption{ text-align: center; font-size: 115%; font-weight: bold; margin-bottom: 2em }
div.section{  
 border: 1px solid #c5beb8; background-color: white; margin: 5px 0.5em 5px 0.5em; padding: 0px 10px; text-align: left;  
 -moz-border-radius: 20px; border-radius: 20px
 }  
div.section h1{ margin: 0.1em; width: 100% }
div.section h2{ margin: 0.1em 0em 0.25em 0em; font-size: 150% }
div.section h3{ margin: 0.1em 0em 0.25em 0em}
div.sections{ border-left: 1px solid #c5beb8; margin-top: -2em }
div.sections2{ margin: 2.75em 0.5em 0em 17.5em }
div.sections2 div.guests div{ clear: both; text-align: left; margin-bottom: 1em }
div.sections2 div.guests div a{
   color: #61cbff; font-weight: bold; font-variant: small-caps; text-align: center; text-decoration: none;
   line-height: 110%
   }
div.sections2 div.guests a:hover{ 
   opacity: 0.8; filter:alpha(opacity=80); background-color: #44f; color: #91fbff; text-align: center;
   font-size: 105%; line-height: 105%
   }
div.sections2 div.guests div img{ margin-right: 0.25em }
div.sections2 h1{ margin: 0em 0em 0.5em 0em; text-align: left; font-size: 190%; }
div.topbutton{ float: right; display: inline }
div.topbutton a img{ width: 18px }
div.navbuttons2{ width: 100%; margin-bottom: 1em }
div.navbuttons2 a{ 
   -moz-border-radius: 3x; border-radius: 3px; background-color: #dcf1ff; color: #8cb1ff; padding: 2px; 
   font-size: 7pt; font-weight: bold; text-decoration: none; line-height: 6pt; border: none;
   font-family: Arial Black, sans-serif
   }
div.navbuttons2 a:hover{ background-color: #8cb1ff; color: #dcf1ff }
div.restaurantmap a span.restaurantname{ 
   text-decoration: none; display: none; font-size: 75%; position: relative; top: -6px  
   }
div.restaurantmap a:hover{ z-index: 2; text-decoration: none;  }
div.restaurantmap a:hover span.restaurantname{ display: inline; color: #006; background-color: #eef }

td.right-sidebar{ min-width: 17.5em }
td.right-sidebar h3{ font-size: 110% }
span.img{ width: 60px; display: inline-block; float: left }
div.sections_home{ border-left: 1px solid #c5beb8; margin-top: -2em }
div.sidebar{
   -moz-border-radius: 12px; border-radius: 12px; border: 2px solid #ecede8; padding: 0.3em; margin-top: 2.5em; 
   background-color: #1e41a6; color: #d3e5f5; font-size: 90%; 
   min-height: 150px; 
   }
div.sidebar a{ font-weight: bold; color: #d3e5f5; text-decoration: none  }
div.sidebar a:hover{ color: #c1cbff }
div.sidebar div{ clear: both;  }
div.sidebar div.sideblank{ height: 23px }
div.sidebar form{ text-align: center; display: block; margin: 0.75em 0em -1em 0em }
div.sidebar form a{ 
   -moz-border-radius: 8px; border-radius: 8px; background-color: #0e2176; color: #71cbdf;
   margin-top: 2px; text-decoration: none; font-weight: bold; font-size: 90%;
   }
div.sidebar form a:hover{ background-color: #9ea1f6; color: #317b8f }
div.sidebar input{ -moz-border-radius: 8px 0px 0px 8p ; border-radius: 8px 0px 0px 8px; font-size: 85%; }
div.sidebar input.searchbox{ -moz-border-radius: 0px 8px 8px 0px; border-radius: 0px 8px 8px 0px }

div.sidebar table.guests2{ width: 100% }
div.sidebar table.guests2 td{ vertical-align: bottom; font-size: 9pt; line-height: 10pt; margin-bottom: 0.5em }
div.sidebar table.guests2 td.img{ width: 50px }
div.sidebar table.guests2 th.title{ 
   text-transform: uppercase; text-align: center; color: white; font-size: 125%; padding: 0.5em
   }
div.soundlink{ position: absolute; left: 364px; width: 335px; margin: -43px 0em 0em 0em }
div.soundlink span.vidh a{ color: #006; margin-top: -3px }
div.soundlink span.vidh a:hover{ color: #608 }
div.submenu{ 
 position: absolute; left: 185px; width: 200px; z-index: 1; height: auto; vertical-align: bottom; display: none
 }    
div.submenu2{
 position: absolute; left: 185px; width: 200px; z-index: 1; height: auto; vertical-align: bottom; display: none; 
 }
div.submenu_line{ background-color: #d0d0ff; height: 29px }
div.submenun{ 
   z-index: 1; display: none; position: absolute; top: 198px; height: 140px; left: 0px; width: 100%; 
   background-color: #fffcd6
   } 
div.submenun a{ 
   font-size: 10pt; 
   display: block; text-align: left; text-decoration: none; line-height: 13px; height: 15px; border: none 
   }
div.submenun table td{ padding-right: 1.5em }
div#toc{ 
   margin: 2em; border: 3px outset #c5beb8; padding: 1em; z-index: 1; float: right; display: inline-block; 
   -moz-border-radius: 20px; border-radius: 20px; 
   font-size: 80%; background-color: #dbdbd3;   
   }
div#toc b{ display: block; margin-bottom: 0.5em }
div.toc_mobile{ font-weight: bold; color: white }
div.toc_mobile a{ font-size: 90%; background-color: #ccf; color: #55c; border-color: #a0f; }
form{ display: inline }  
form.input table td{ padding: 5px; border: 1px solid #fc8; font-size: 85%; font-family: Verdana, sans-serif }  
form.input table.email td{ border: none }
form.reg input.good{ background-color: #dfd }
form.reg input.bad{ background-color: #fdd }
form.reg textarea.good{ background-color: #dfd }
form.reg textarea.bad{ background-color: #fdd }
form.search{ float: right; font-size: 80%; display: inline }
iframe{ border: none }
img.framed{ border: 2px #1e41a6 solid; -moz-border-radius: 8px; border-radius: 8px;  }
input.mailpop{ 
   padding: 1px 1px 1px 24px; background-image:url('../graphics/mail.jpg'); background-position: left center; 
   background-repeat: no-repeat; background-size: 23px 15px;
   background-color: #8cb1ff; color: #1f377d; border: 1px solid #60bdff; margin: none; vertical-align: bottom; 
   font-size: 101%;
   -moz-border-radius: 6px; border-radius: 6px; display: inline
   }
input.mailpop-dh{ 
   padding: 1px 1px 1px 24px; background-image:url('../graphics/mail.jpg'); background-position: left center; background-repeat: no-repeat;
   background-size: 23px 15px;
   background-color:transparent; border: 1px solid #60bdff; background-color: #8cb1ff; color: #1f377d;
   font-weight: bold; font-size: 120%; -moz-border-radius: 6px; border-radius: 6px; 
   }
input.mailpop:hover,input.mailpop-dh:hover{ background-color: #4c71bf; color: white; border-color: #409ddf; opacity: 0.9 }
input.mobile{  
 -moz-border-radius: 0px 8px 8px 0px/ 0px 13px 13px 0px; border-radius: 0px 8px 8px 0px/ 0px 13px 13px 0px;
 font-weight: bold; white-space: nowrap; 
 background-color: #1e41a6; color: white; font-size: 12px; height: auto; text-align: center;  
 line-height: 13px; vertical-align: middle; border: 1px solid red; margin: 0px; text-decoration: none; 
 }  
input.mobile br{ display: none }
input.mobile small{ display: none }   
span#menu{ display: block }  
span.button_row a{ display: inline-block }
span#countdown{ 
   padding-left: 0.25em; font-size: 125%; color: #8bccff;
   font-family: Tahoma, sans-serif; position: absolute; top: 177px; left: 0px; z-index: 1 
   }
span.dagger{ font-weight: bold; color: #40ff40 }
span.date{ font-size: 60%; color: #999; font-style: italic; margin-right: 1.5em }
span.nextstep{ opacity: 0.4; filter:alpha(opacity=40) }  
span.title_mobile{ font-size: 24px; font-weight: bold; color: white }
span.vid, span.vid2{ padding: 4px; background-color: rgb( 24, 24, 255 ); margin: 0.5em 0em; display: inline-block }
span.vid a, span.vid2 a{ color: rgb( 248, 248, 255); text-decoration: none }
span.vidh, span.vid2h{ padding: 4px; background-color: black; width: 440px; display: none; text-align: center }
span.vidh div, span.vid2h div{ width: 440px }
span.vidh a, span.vid2h a{ font-size: 75%; color: white; text-decoration: none }
span.vidh a:hover, span.vid2h a:hover{ color: #88f; text-decoration: underline }
table.guests{ width: 695px }
table.guests td{ 
   -moz-border-radius: 13px; border-radius: 13px; border: 7px solid #e6e3e0; font-size: 79%;
   text-align: center; background-color: #f7f7f7; padding: 5px; vertical-align: bottom 
   } 
table.guests td a{  
 display: block; color: #263a99; padding: 4px; 
 text-decoration: none; font-weight: bold; font-size: 113%; text-transform: uppercase
 }  
table.guests td a img{ border: none; -moz-border-radius: 6px; border-radius: 6px;  }  
table.guests td a small{ text-transform: lowercase; font-size: 90%; color: #afb09e; font-weight: normal }
table.guests td a:hover{ background-color: #c7c7c5 }  
table.guests td a:hover small{ color: #f7f7f5 }
table.guests td div{ font-size: 80% }
table.guests_mobile td{ text-align: center; padding: 3px }  
table.guests_mobile td a{  
 display: block; background-color: #99f; color: #1e41a6; padding: 4px; 
 text-decoration: none ; font-weight: bold; font-size: 95% 
 }  
table.guests_mobile td a img{ border: none }  
table.hometable{ margin-top: -5em }
table.memberchart td div{ display: inline-block; margin: 0px; border: none; padding: 0px; font-size: 80% }
table.program{ font-size: 90% }
table.program th{ width: 50% }
table.programgrid{ font-size: 80% }
table.programgrid th{ text-align: center; white-space: nowrap }
table.regtable{ font-size: 80% }
table.regtable a#addrowb1{ white-space: nowrap }
table.regtable td.headcell{ background-color: #026; color: #ddf; font-weight: bold }
table.regtable td.headcell a{ color: #96b; font-size: 90% }
table.regtable td.memadd{ font-size: 80% }
table.regtable td.memadd a{ text-decoration: none; background-color: #026; color: #ddf; padding: 2px; margin: 1px }
table.regtable td.memadd a:hover{ background-color: #426 }
table.regtable select{ font-size: 90% }
table.regtable td.regnum{ 
   font-family: Gill Sans Ultra Bold, sans-serif; font-style: italic; font-size: 200%; text-align: center; color: #026 
   }
table.regtable tr.headrow{ background-color: #026; color: #ddf }
table.regtable tr.emailrow{ display: none }
table.regtable tr.hidemem{ display: none }
td.hidevid{ display: none }
td.showvid( display: table-cell }
td.joblist{ width: 18em; vertical-align: top; white-space: nowrap }   
td.login{ width: 40% }
ul.list li{ margin-bottom: 0.5em }