html, body                               { margin:0;padding:0;}
body                                     { text-align:center;color:#222;font-family: 'Geneva',Tahoma, "Helvetica Neue", Arial, Helvetica, sans-serif;line-height:1.5em;font-size:90%}

h2                                       { margin:2em 0 .5em 0;color:#69f;padding-bottom:1.5em;background:white url('./he.png') no-repeat center bottom;font-weight:100;font-size:21pt;font-family: 'Ubuntu', sans-serif;letter-spacing:.05em;}
h4                                       { margin:1.5em 0 .5em 0;font-size:1.25em;}
h5                                       { margin:1.25em 0 .5em 0;font-size:1em;}

#menu ul                                 { height:4em;position:relative;top:-1em;-moz-box-shadow: 0 -2px 2px #fa1;-webkit-box-shadow: 0 -2px 2px #fa1;box-shadow: 0 -2px 2px #fa1;background-color:rgba(255,255,255,.3);border-radius:.5em .5em 0 0;margin-top:-.75em;border-top:1px solid #fc6;border-right:1px solid #fc6;padding-top:10px;padding-left:15px;}
ul li                                    { display:inline;}
ul li a                                  { padding:.85em .5em;border:1px solid #ff0;border-bottom:1px solid #ee4;border-top:1px solid #ff0;border-left:1px solid #cc3;color:#440;background-color:#F2E319 ;text-decoration:none;float:left;}
ul li a.first                            { border-radius: .4em 0 0 .4em;}
ul li a.last                             { border-radius: 0 .4em .4em 0;}
ul li a:hover                            { border-color: #cc0;color:black;}

ul.block li                              { display:block;}
ul.block li a                            { background-color:transparent;border:none;}
fieldset                                 { border:1px dotted #eee;margin:1em 0;color:#444;}
fieldset:hover                           { color:black;}
/*fieldset,             
.black,               
#booking,             
#pricing,             
#remarks,             
legend                                   { -moz-border-radius:1em;-webkit-border-radius:1em;border-radius:1em;}
*/
legend                                   { font-size:130%;margin-left:1em;padding:0 .5em;}
p                                        { padding-left:1em;}
                                         
                                         
#header                                  { border-bottom:1px solid #ddd;}
#logo                                    { float:left;width:180px;height:100px; }
#menu                                    { background-color: #F2E319;border-top: 1px solid #FFFF00;height: 1.5em; }
#first_level                             { padding:0;color:black; background-color:#f90;border-bottom: 1px solid #AA6600;}
#first_level .container                  { background:#f90 url('./cxl_first_back.png') no-repeat center -35px; }
#footer                                  { margin-top:3em;margin-bottom:100px;}
#footer .container                       { border-top:1px solid black;} 
                                           
#booking                                 { padding-top:2em;}
                                           
.container                               { width:890px;text-align:left;margin:0 auto;}    
.right                                   { text-align:right}    
.half                                    { width:45.5%;float:left}
* html .half                             { width: 43.5%;}
.left_block                              { margin-right: .3%;}
.right_block                             { margin-left: .3%;}
.partial_page                            { width:810px;float:left}
.left_tab                                { text-align:right;padding-right:1em;float: left; width: 220px;border-right:1px solid #ddd; }
.right_tab                               { float:left;width:100px;padding-left:1em; }
.hidden                                  { display:none;}
.condensed,                                
ol li                                    { line-height:1.5em}
.row                                     { text-align:justify; padding:0 2%;}
.small                                   { font-size:80%;}
li p.small                               { line-height:1.25em;padding:0;margin-top:.25em; }
.activated                               { background:#fff;border-bottom:1px solid #fff;z-index:9;border-right:1px solid #fc0;border-top:1px solid #fc0;border-left:1px solid #a80;border-radius:.4em .4em 0 0;border-top:1px solid #e80;}
.activated:hover                         { background:none; background-color:#fff;border:1px solid white;}
.bold                                    { font-weight:900;}
                                         
.clarifier,
.describer,
.dist_one,                               
.dist_two,                               
.dist_three,      
.dist_three_full,                       
.div_third,                              
.dist_four,                              
.dist_five,                              
.dist_six                                { float:left;padding:.25em .5em;line-height:1.25em;width:20em;}
                                         
.dist_one                                { width:45px;}
.dist_two                                { width:520px;}
.dist_three                              { width:160px;}
.dist_three_full                         { width:180px; }
.dist_four                               { width:170px;border-right:1px solid #ddd;margin-right:2em;}
.dist_five                               { width:220px;border-right:1px solid #ddd;margin-right:1em;text-align:right;padding-right:1em;}
.div_half                                { width:50%;float:left;text-align:center;color:white;background-color:black;}
.div_third                               { width:46%;}
.promo_image                             { vertical-align:middle;width:460px;}
.vertical_line                           { border-right:1px solid #ddd;border-left:1px solid #ddd;height:2.5em;}
.line_with_indent,
.line                                    { clear:both;border-top:1px solid #ddd;}
.line_with_indent                        { margin-left: 60px;}
.separated li                            { padding-top:.5em;border-bottom:1px solid #ddd;}
.black                                   { background-color:black;color:white;padding:.25em 1em;font-size:130%;text-align:center;}

/**
* @section            clearing floats
*                     http://www.positioniseverything.net/easyclearing.html  
*/

.cf:after                                { content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.cf                                      { display: inline-block;}
                                         /* Hides from IE-mac \*/
* html .cf                               { height: 1%;}
.cf                                      { display: block;}
                                         /* End hide from IE-mac */

/**
* @section            clearing floats
*                     http://sonspring.com/journal/clearing-floats  
*/

html body div.clear,
html body span.clear                     { background: none;border: 0;clear: both;display: block;float: none;font-size: 0;margin: 0;padding: 0;overflow: hidden;visibility: hidden;width: 0;height: 0;}


#invited .dist_three span,
#committee .dist_three span              { margin:0 0.125em;padding:0.125em 0.25em;}
#invited .dist_six span,
#committee .dist_six span,
.slide p.condensed span                  { font-style:italic;color:#777;font-size:85%; float:right; text-align:right; padding-left:1em;}
#third_level a                           { color:black;font-weight:600;text-decoration:none;}
#third_level a.big_button, .pseudo_button { -moz-border-radius:0.25em;border-radius: .25em;background-color:#69f;border:1px solid #88a;color:black;display:block;font-size:150%;margin:10%;padding:0.5em;text-align:center;width:80%;-moz-box-shadow:-3px 3px 5px #89c;-webkit-box-shadow:-3px 3px 5px #89c;box-shadow:-3px 3px 5px #89c;}
#third_level.deactivated_button        { -moz-border-radius:0.25em;border-radius: .5em;background:none;border:1px solid #ccc;color:black;display:block;font-size:150%;margin:10%;padding:0.5em;text-align:center;width:80%;}
.pseudo_button                           {background-color:white;cursor:pointer;;-moz-box-shadow:-3px 3px 5px #ddd;-webkit-box-shadow:-3px 3px 5px #ddd;box-shadow:-3px 3px 5px #ddd;border-color:#ccc;}

ul#sub_navigation                        { text-align:left;width: 100%;height: 3.25em;border-bottom:1px solid #DDDDDD;font-size: 0.8em; font-weight: bold; list-style-type: none; margin: 0; padding: 0; }
ul#sub_navigation li                     { display: block; float: left; margin: 0; }
ul#sub_navigation li a                   { height: 2.25em; color: #777; text-decoration: none; display: block; float: left; line-height: 200%; padding: 10px 14px 0; background:none;}
ul#sub_navigation li a:hover             { color: #333;}
ul#sub_navigation li a.activated         { background-color: black; color:white}
ul#sub_navigation                        { background-color:#eee;height:2.75em;border-color:white;}
ul#sub_navigation li a                   { border:1px solid #ccc;padding: 4px 14px 0; -moz-border-radius: 1em 1em 0 0;border-radius: 1em 1em 0 0;background-color:#ddd;}

.gray                                    { background-color:#eee;color:#777;-moz-border-radius:1em;border-radius:1em;}
.gray h4                                 { border:none; font-size:1.25em;}
.gray #sub_navigation li a.activated     { background-color:#888;border-color: #eee; color:white;}

#travel_by_car ul                        { text-align:left;}
#travel_by_car ul li                     { padding:.5em 0;;}
/*#menu .container                         { background-color:#ace;} */
p.subtitle                               { color:#888888;font-size:85%;margin:0;padding:0 1.25em 1em 2.5em;}
span.marker                              { padding:.25em .75em; -moz-border-radius:3em;border-radius: 3em; font-weight:900;-moz-box-shadow:0 .75em .25em white inset;box-shadow:0 .75em .25em white inset;border:1px solid #ddd;-webkit-box-shadow:0 .75em .25em white inset;border:1px solid #ddd;}


p.invert                                 { color:#888888;font-size:85%;line-height:1.3em;margin:0;padding:0 1em; }

/*a.activated.single_item                   {background:none;background-color:white;border-top:1px solid #ddd;border-bottom:3px solid white;border-left:1px solid #eee;border-right:1px solid #ddd; }*/
#badge                                   { float:left; width: 125px;  margin-top:-2em;}
fieldset.enumerate                       { border:none; border-top:1px solid #ccc; -moz-border-radius:0;  margin:3em 0;}
fieldset.enumerate:hover                 { -moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none; }
fieldset.enumerate li                    { border:none; width:100%; float:left; font-size:11pt; text-align:left; padding:.25em 0 0 0;}


.full_line                               { width:780px;float:left;padding:.25em .5em 1em ;line-height:1.25em;border-right:none; font-style:italic; }
                                         
.clarifier                               { width:6%;font-style:italic; }
.describer                               { width:88%;border-left:1px solid #eee; }


ul#menu_toggler                          { width:50px;float:right;height: 630px;margin-top:3em;padding:0; }
ul#menu_toggler li                       { float:none; display:block;height:168px;width:50px;}
ul#menu_toggler li a                     { border:none;display:block;background:none; height: 100%;padding: 0;width: 100%;}

span.disc                                { background-color:#444;color:white;-moz-border-radius:2pt;border-radius:2pt;font-size:8pt;padding:2pt 4pt;}
.footmark                                { color:#777;padding-top:2em;}
#posters .dist_one                       { text-align:right;}
.round_bordered                          { font-size: 8pt; border:1px solid #ccc;padding:0 5px;color:#999;}
legend span.small                        { font-size:10pt; color:#888;font-style:italic;}
.headline                                { font-weight:900; font-style:italic;padding:.125em 0; margin-bottom:.5em;border-bottom: 1px solid #eee;}