.clear-block {display: block; overflow: hidden;}

body {background-color: #e7e7e7; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0; font-size: 100%; color: #444;}

#page_container {width: 1002px; margin: 0 auto; padding: 0; background-color: #fff;}
#page_wrapper {border: 1px solid #ccc; border-top: none;}
#foot_space {height: 30px;}

/* BANNER */

#site_banner {height: 200px; position: relative; background: url(banner_bg.png) 0px 0px no-repeat; padding: 0; margin: 0;}
#cern_logo {position: absolute; top: 50px; left: 50px;}
#cern_logo img {border: none;}

h1#site_name {width: 680px; margin: 0; padding: 0; position: absolute; bottom: 45px; left: 270px; color: #333; font-size: 28px;}
.dep-en h1#site_name {width: 410px; height: 60px; background: url(http://framework.web.cern.ch/framework/img/logo/departments/en_h_60.gif) 0px 0px no-repeat;}
.dep-te h1#site_name {width: 403px; height: 60px; background: url(http://framework.web.cern.ch/framework/img/logo/departments/te_h_60.gif) 0px 0px no-repeat;}
.dep-gs h1#site_name {width: 553px; height: 60px; background: url(http://framework.web.cern.ch/framework/img/logo/departments/gs_h_60.gif) 0px 0px no-repeat;}
.dep-en h1#site_name span, .dep-te h1#site_name span, .dep-gs h1#site_name span {display: none;}



/* GLOBAL MENU */
#global_menu {width: 780px; position: absolute; top: 45px; right: 45px; text-align: right; margin: 0; padding; 0;} /* Fix this so that menu floats for smaller viewports */
#global_subnav {}
#level1 {margin: 0; padding: 0;}
#level1 li {margin: 0; padding: 0; display: inline;}
#level1 li a, #side_nav li a {text-decoration: none; padding: 1px 5px 5px; color: #a4a4a4; margin: 0;}
#level1 li.active a, #side_nav li.active a {color: #222;}

/* SIDE NAVIGATION */
#side_nav li a {padding: 0;}
#side_nav li.active ul a {color: #a4a4a4;}
#side_nav #group_list li a {padding: 2px;}




/* PAGE LAYOUT */

.breadcrumb {font-size: 0.7em; margin: 20px 0;}
.breadcrumb a {text-decoration: none;}
.breadcrumb a:hover {text-decoration: underline;}
#page {padding: 0 50px 50px 50px; background-color: #fff;} 
#global_footer {margin: 40px 0 0 0; padding: 50px; border-top: 1px solid #ccc;}
.standard_layout #sidebar-left, .standard_layout #sidebar-right  {float: left; width: 180px;}
.standard_layout #content {float: left; margin: 0 40px; width: 460px;}
.standard_layout #sidebar-left .photo, .standard_layout #sidebar-right .photo.with_caption {position: relative; padding: 0; overflow: hidden;}
.standard_layout #sidebar-left .photo img, .standard_layout #sidebar-right .photo img {width: 180px;}
.photo.with_caption .caption {background-color: #000; color: #fff; position: absolute; bottom: 0px; left: 0; padding: 10px; width: 160px; margin: 0; opacity: 0.7; }

.wide_content_1_3 #sidebar-left {float: left; width: 180px;}
.wide_content_1_3 #content {float: left; margin: 0 0 0 40px; width: 600px;}

.front_page_2cols #sidebar-left {float: left; width: 180px;}
.front_page_2cols #content {float: left; margin: 0 40px; width: 320px;}
.front_page_2cols #sidebar-right  {float: left; width: 320px;}


.column {float: left; margin: 0; padding: 0;}
.column.left {width: 300px;}
.column.right {width: 550px; margin-left: 50px;}



/* CONTENT STYLES */

h1, h2, h3, h4, h5 {font-weight: normal; margin-top: 0.5em; color: #000;}
h1 {font-size: 2.5em; letter-spacing: 2px;}
h2 {font-size: 1.5em; letter-spacing: 1px; margin: 1em 0 0.8em 0; color: #528ef9;}
h2.top {margin-top: 0;}
h3 {font-size: 1.05em; text-transform: uppercase; letter-spacing: 1px; margin-top: 1.8em;}
h4, h5 {font-weight: normal;}
a {color: #3861aa;}
p, blockquote {line-height: 1.45em; font-size: 0.75em;}
ul {margin-bottom: 2em;}
li, td, dl {font-size: 0.75em;}
li li, td td {font-size: 1em;}


a img {border-width: 0;}
a.img_caption span {font-size: 11px; margin: 10px 0;display: block;}

.box {background-color: #f0f3fb; padding: 1em; border: 1px solid #dadde4;}
.dep-en .box {background-color: #daf3fb; padding: 1em; border: 1px solid #cdd9db;}

#content h2 {color: #111; letter-spacing: 1.5px;}
.hide {display: none;}
.print {display: none;}

.no_transform {text-transform: none;}
.snug.top {margin-top: 0; padding-top: 0;}
.snug.right {margin-right: 0; padding-right: 0;}
.snug.bottom {margin-bottom: 0; padding-bottom: 0;}
.snug.left {margin-left: 0; padding-left: 0;}
.right {text-align: right;}

ul.inline li {display: inline;}
ul.inline.separators li {padding-right: 5px; margin-right: 3px; border-right: 1px solid #999;}
ul.inline.separators li.last {border-width: 0;}
ul.plain, ul.plain li {list-style-type: none; padding-left: 0; margin-left: 0;}
ul.plain li {margin-bottom: 0.5em;}
ul.plain ul {padding-left: 1em; margin: 0.5em 0;}
ul.plain ul li {margin-bottom: 0.2em;}
ul.airy li {margin-bottom: 1em;}
ul.flush, ul.flush ul {padding-left: 1em; margin-left:0; }
ul.ruled li {padding-bottom: 0.5em; margin-bottom: 0.5em; border-bottom: 1px solid #999;}
ul.ruled li a {text-decoration: none;}
ul.small li {font-size: 0.65em;}

a.plain {text-decoration: none;}
a.plain:hover {text-decoration: underline;}
p.more_link {display: block; overflow: hidden;}
p.more_link a {display: block; float: right;}

.note {font-style: italic;}

/* WIDGETS */

.slider .tab {width: 50px; height: 20px; margin-left: 5px; background: url(http://framework.web.cern.ch/framework/img/interface/widgets/slider/tab001_bg.png) 0px 0px no-repeat; }
.slider.open .tab {background-position: -165px 0px;}
.slider .line {border-top: 1px solid #d6d9e0;}
.slider.open .line {border-width: 0;}
.toggler:hover {cursor: pointer;}




/* FOOTER */

#global_footer {font-size: 0.75em; position: relative;}
#global_footer li {font-size: 0.9em;}
#global_footer li li {font-size: 1em;}
#global_footer li ul {padding-left: 5px; margin-top: 1px;}
#global_footer .acronym {font-weight: bold;}
#global_footer a {color: inherit; text-decoration: none;}
#global_footer a:hover {color: #000;}
#global_footer h2 {font-size: 1.2em; font-weight: normal; margin-top: 0; color: #666;}
#copyright_notice {position: absolute; top: 50px; right: 50px;}
#footer_org_name {position: asbolute; top: 50px; left: 50px; margin: 0; font-size: 20px;}