body {
   background: url(ntof_images/backhome.jpg) top left repeat-x #142f97;
   font-family: Verdana, Arial,  sans-serif; 
   margin: 0; padding: 0; 
   font-size: 100%; 
   color: #444; 
   text-align: center;
}

a#next {display: block; position: absolute; bottom: 0; right: 0; width: 100px; height: 100px; background-color: #fff;}
a#next span {display: none;}


/* Document structure: 

	body (#wrapper (#container  (#banner)  (#page (#header) (#content_area) (#footer))    ))	
	
	note that these styles are also inherited by /public/industry/

*/

#wrapper {margin: 0; padding: 0; overflow: auto;}
#container {text-align: left; width: 800px; margin: 0 auto;}
#banner, #page, #content_area, #footer {width: 800px; float: left; margin: 0; position: relative;}
#banner {height: 230px; padding: 0; background: #fff url(ntof_images/header_picture.jpg) bottom left no-repeat;}
#page {background-color: #fff; position: relative;}
#content_area {width: 760px; padding: 40px 20px 0 20px;}
#footer {margin: 10px 0 0 0; font-size: 0.75em; padding-bottom: 20px;}
#footer .content {padding: 10px 20px 20px 20px;}


#cern_logo {display: block; position: absolute; top: 30px; right: 0; height: 100px; width: 100px; }
#site_title a {position: absolute; top: 0px; left: 0; display: block; width: 500px; height: 76px;  background: #f0f url(ntof_images/banner.gif)  0px 0px no-repeat;}
/*
a#cern_title {position: absolute; top: 3px; left: 101px; display: block; width: 420px; height: 76px;  background: #f0f url(ntof_images/CERNLogo.gif)  0px 0px no-repeat;}
a#ntof_title {position: absolute; top: 3px; left: 0px; display: block; width: 101px; height: 76px;  background: #f0f url(ntof_images/n_TOF_Logo.png)  0px 0px no-repeat;}
*/
a#cern_title {position: absolute; top: 3px; left: 404px; display: block; width: 76px; height: 76px;  background: #f0f url(ntof_images/LogoCERN.gif)  0px 0px no-repeat;}
a#ntof_title {position: absolute; top: 3px; left: 0px; display: block; width: 404px; height: 76px;  background: #f0f url(ntof_images/n_TOF_banner.png)  0px 0px no-repeat;}

a.bg_img span {display: none;}

#search_form {position: absolute; bottom: 165px; right: 10px;}

/* FOOTER */

#strapline {margin-bottom: 30px;}
.lang-en #strapline span[LANG=en] {display: block;}
.lang-fr #strapline span[LANG=fr] {display: block;}
#bottom_right {position: absolute; bottom: 50px; right: 50px; text-align: right;}
#admin_login {position: absolute; bottom: 50px; left: 50px;}
a#rss_link {padding: 0 20px 6px 0; background: url(http://framework.web.cern.ch/framework/img/icon/icon_rss.png) top right no-repeat; font-size: 0.85em;}



#content {width: 480px; margin: 0; padding: 0; float: left; margin-right: 40px;}
#sidebar-right {width: 240px; float: left;}
.meta {font-size: 0.9em;}
.equation {text-transform: none; white-space: nowrap;}
.nowrap { white-space: nowrap;}
.clearfix {/* overflow: auto; */ /* for IE6: */ zoom: 1; display: block; padding: 0;}
.clearleft {clear: left;}
.inline {display: inline;}
#mission {padding-top: 20px; color: #333;}

ul.menu {padding-left: 0; font-size: 0.95em;}
ul.menu ul {padding-left: 3px;}
ul.menu li {margin-bottom: 0.3em;}
ul.menu li.leaf {list-style-type: none; list-style-image: none; margin-left: 0;}
ul.plain, ul.plain li {list-style-type: none; padding-left: 0;}
.inline li {display: inline;}

#sidebar-right h3 {margin-bottom: 0;}
#sidebar-right ul {margin-top: 0.8em;}
/*
#sidebar-right ul, #sidebar-right ul li {list-style-type: none; padding-left: 0; margin-left: 0;}
#sidebar-right ul li a {display: block;}
*/
#sidebar-right ul, #sidebar-right ul li {list-style-type: none; padding-left: 0; }

#cernland:hover #cl_1 {color: #c31200;}
#cernland:hover #cl_2 {color: #009ada;}
#cernland:hover #cl_3 {color: #20a31d;}
#cernland:hover #cl_4 {color: #003b65;}
#CL_icon {position: absolute; width: 39px; height: 42px; right: 0; top: 110px; background: url(ntof_images/CERNland.png) 39px 0px no-repeat;}


.snug.top {margin-top: 0; padding-top: 0;}
.snug.bottom {margin-bottom: 0; padding-bottom: 0;}


/* CONTENT STYLES */

h1, h2, h3, h4, h5 {font-weight: normal; margin-top: 0.5em;}
h1 {font-size: 2.5em; letter-spacing: 2px;}
h2 {font-size: 1.5em; letter-spacing: 1px; margin: 1em 0 0.8em 0;}
h3 {font-size: 0.9em; text-transform: uppercase; letter-spacing: 1px; margin-top: 1.8em;}
h4, h5 {font-weight: normal;}
h4.byline {text-transform: uppercase; font-size: 0.8em; color: #c8c8c8;}
a {color: #3861aa; text-decoration: none;}
a:hover {text-decoration: underline;}
p, blockquote {line-height: 1.45em; font-size: 0.75em;}
li, td, dl {padding-bottom: 0.3em; font-size: 0.75em;}
li li, td td {font-size: 1em;}

blockquote {padding: 10px 10px 10px 40px; background: #fbfbfb url(http://static1.web.cern.ch/static1/ad/images/blockquote_en.gif) 10px 10px no-repeat; border: 1px solid #ebebeb;}
.lang-fr blockquote {background-image: url(http://static1.web.cern.ch/static1/ad/images/blockquote_fr.gif);}

#content h2 {color: #111; letter-spacing: 1.5px;}
.hide {display: none;}
.print {display: none;}
.right {text-align: right;}
.no_transform {text-transform: none;}
.lang-en .french, .lang-fr .english {display: none;}
.note {font-size: 0.65em; font-style: italic;}
.note.important {color: #C80E43;}
.breadcrumb {font-size: 9px; color: #333; padding: 10px 0 20px 0;}
.box.text {background: #ededed; border: 1px solid #e1e1e1; padding: 0 10px; margin: 2em 0; font-size: 0.9em;}

.form-item label {font-weight: normal;}
.meta {font-size: 0.8em; margin: 20px 0;}

.main_feature {background-color: #f8f8f8; padding: 20px; border: 1px dotted #e1e1e1; position: relative;}
.main_feature h2 {margin: 0.2em 0 0.8em 0;}
.main_feature h3 {margin: 2em 0 0.2em 0;}
.main_feature ul {margin: 0 0 0 0; padding-left: 20px;}
.main_feature p {text-align: justify; font-size: 0.75em;}
.main_feature p.right {text-align: right;}
.main_feature .caption {font-size: 0.6em; margin-top: 0.4em;}
p#date {position: absolute; top: 0px; right: 20px; font-size: 11px; color: #999;}


ul.archive#content, ul.archive#content li {list-style-type: none;}
ul.archive#content li ul li {list-style-type: circle;}
.archive h1 {margin-top: 0;}
.archive p#date {color: #444;}
.archive .main_feature {margin-bottom: 3em; padding: 0 0 3em 0; background-color: #fff; border-width: 0 0 1px 0;}
#breadcrumbs {position: absolute; top: 0; left: 20px; font-size: 0.6em;} /* Temp breadcrumb on homepage only */
#more_features {text-align: right; margin: 2em 0;}

#footer .column {float: left; margin-right: 40px; width: 160px;}
#footer .column.last {margin-right: 0;}
#footer .column.last p#address {margin: 0;}
#footer .column ul, #footer .column ul li {padding-left: 0; margin-left: 0; list-style-type: none; font-size: 0.95em;}
#footer .column h4, #footer .column h5 {margin: 0;}



#twitter_block {padding: 0 20px 20px 20px; border: 1px dotted #e1e1e1; background: url(homepage/img/twitter-bird2.png) 95% 15px no-repeat; margin: 20px 0;}
#twitter_block h2 {font-size: 1.2em; letter-spacing: 0.1em;}
#twitter_block h3 {font-size: 1em; font-weight: normal;}
.tweet {margin: 0 0 1em; font-size: 0.95em;}
.tweet .date {display: block; color: #888; white-space: nowrap; font-size: 0.9em;}
#twitter_rss a {display: block; padding-left: 20px; background: url(http://framework.web.cern.ch/framework/img/icon/icon_rss.png) center left no-repeat;}
#twitter_toggler {color: #3861aa;}
#twitter_toggler:hover {cursor: pointer; text-decoration: underline;}

div#update {text-align: right; font-size: 0.6em;}

/* n_TOF Table of Contents */
.custom_list {margin-bottom:1em}
.custom_list {list-style:none}
.custom_list li {padding:2px 0}
ul.custom_list li {padding:3px; margin-left:1.6em}
.maindoc_list {list-style:none}
ul.maindoc_list li {padding:3px ; align:left}
span.nTOF_Docu {background:url('ntof_images/button_topic.gif') no-repeat left center;padding-left:26px}
span.nTOF_link_show {background:url('ntof_images/button_closedbook.gif') no-repeat left center;padding-left:26px}
span.nTOF_link_hide {background:url('ntof_images/button_openbook.gif') no-repeat left center;padding-left:26px}

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