* 
 Use this stylesheet to modify the layout of your 
 conference. 
*/ 
/* ----------- Styles for the conference header ----------- */ 
/* 
The wrapper of the whole conference page. 
*/ 
.conf { 
 width: 100%; 
 border: none; 
 margin: auto; 
} 
/* 
Wraps around the upper part of the conference header. 
*/ 
.confTitleBox { 
 color: white; 
 min-height: 90px; 
 border-top: 3px solid #234173; 
 border-bottom: 1px solid #0f4c80; 
 background: #1a64a0; 
} 
/* Contenitore logo + titolo */ 
.confTitle {
  display: flex;
  flex-direction: column; /* stack children vertically */
  align-items: flex-start; /*align-items: center;     center logo and title */
  gap: 8px;               /* spacing between logo and title */
}
/* Ensure explicit order: logo then title */
.confTitle .confLogoBox { order: 0; }
.confTitle .conference-title-link { order: 1; }
/* Reset width behavior so title doesn't try to fill next to logo */
.confTitle > :not(.confLogoBox) { flex: 0 0 auto; min-width: 0; }
/* Optional: small bottom margin under the logo for better separation */
.confLogoBox { margin-bottom: 4px; } 
/* Tutti i figli di .confTitle tranne il logo diventano la colonna di destra */ 
.confTitle > :not(.confLogoBox) { 
 flex: 1 1 auto; 
 min-width: 0; /* fondamentale per permettere l’andare a capo */ 
} 
/* Logo */ 
.confLogoBox { 
 float: none !important; 
 display: flex; 
 align-items: flex-end; 
 padding-right: 10px; 
 flex-shrink: 1; /* blocca il rimpicciolimento */ 
} 
.confLogoBox img { 
 display: block; 
 height: 250px; 
 Width: auto; 
} 
/* Titolo */ 
.conference-title-link { 
 font-size: 22pt; 
 display: block; 
 padding-top: 0; /* regola come preferisci */ 
 margin-top: 0; 
 text-align: center; 
 color: white; 
} 
/* 
Wrapper around the bottom part of the conference header 
*/ 
.confSubTitleBox { 
 background: #f5faff; 
 border-bottom: 1px solid #d5e4f1; 
 border-top: 1px solid #d5e4f1; 
 padding: 0.5rem 0; 
} 
/* 
The content of the lower part of the header. Is by default 
centered and has a fixed width. 
*/ 
.confSubTitleContent { 
 width: 950px; 
 margin: 0 auto; 
 font-size: 11pt; 
 color: #24425a; 
} 
/* 
Style for links in the lower part of the header 
*/ 
.confSubTitle a { 
 font-size: 11pt; 
} 
/* 
Styles for the date and place information. 
*/ 
.datePlace { 
 font-size: 12pt; 
} 
/* 
Announcement styles 
*/ 
.simpleTextAnnouncement { 
 background: #f5faff url(/images/conf/sprites_blue.png) repeat-x scroll 0 -400px; 
 border-top: 1px solid #c2d6e7; 
 font-family: Verdana, sans-serif; 
 font-weight: bold; 
 font-size: 10pt; 
 text-align: center; 
 color: #0f283d; 
 padding: 8px 0; 
} 
/* ----------- Styles for the main content ----------- */ 
/* 
The wrapper around the menu and the page content. 
By default centered with a fix width. 
*/ 
#confSectionsBox { 
 width: 950px; 
 margin: 0 auto; 
 margin-top: 30px; 
} 
/* ----------- Styles for the menu ----------- */ 
/* Styles for all menu Items */ 
/* 
Wrapper around the menu 
*/ 
.conf_leftMenu { 
 float: left; 
 width: 200px; 
} 
/* 
Styles for the menu box 
*/ 
#outer { 
 border: 1px solid #ccc; 
 background: #f6f6f6; 
} 
/* 
The menu item 
*/ 
#outer li a { 
 font-family: verdana, arial, sans-serif; 
 font-size: 10pt; 
} 
/* 
The menu item when doing mouseover 
*/ 
#outer li a:hover { 
 background: #e0e0e0; 
} 
/* 
A non selected menu item 
*/ 
.menuConfTitle { 
 text-align: left; 
} 
.menuConfTitle a { 
 color: #275c86; 
 padding: 7px 12px; 
} 
/* 
A selected menu item 
*/ 
.menuConfTitle.selected > a, 
.menuConfMiddleCell.selected > a { 
 color: #bd891a; 
 background: #dadada; 
 border-bottom: 1px solid #d0d0d0; 
 border-top: 1px solid #d0d0d0; 
} 
/* 
sub menu item 
*/ 
li ul.inner li a { 
 padding: 3px 12px 3px 30px; 
 background: transparent url(/images/conf/left_menu_bullet.png) scroll no-repeat 15px center; 
} 
/* 
Support box 
*/ 
.support_box { 
 background: #f6f6f6; 
 border: 1px solid #ccc; 
} 
.support_box > h3 { 
 color: #f3f3f3; 
 background: #1a64a0; 
} 
/* ----------- Styles for the page content ----------- */ 
/* 
Wrapper around the content 
*/ 
.confBodyBox { 
 margin-left: 230px; 
}