#navigationhtml {height: 100%;}
			
body {
	font-family: arial-narrow, arial, sans serif;
	font-size: 100%;
	background-color: #316599;
	color: #ffffff;
	line-height: 1.0;
	border-left-color: #5F5F5F;
}

#page {margin: 5em auto; width: 800px;}
	
h1 {font-size: 2.2em; letter-spacing: 0.1em; font-weight: normal;}
h2 {font-weight: normal; font-size: 0.9em; letter-spacing: 0.1em; text-transform: uppercase; margin-top: 2em;}

p, li {
	font-size: 8pt;
	letter-spacing: 1px;
	line-height: 1.5;
	border-top-color: #B5D5FF;
	border-right-color: #FFFFFF;
}
cite {font-size: 0.9em;}

a {color: #3861aa; text-decoration: none;}
a:active, a:focus {outline: 0;}
a:hover {text-decoration: underline;}

#cern_divergence_2 {text-align: left; background-color: #333; border-bottom: 1px solid #333; height: 19px; margin: 0 0 0 0; padding: 5px 0; position: absolute; top: 0; left: 0; width: 100%; z-index: 100;}
#cern_divergence_2 a {display: block; width: 372px; height: 19px; background: #333 url(http://static1.web.cern.ch/static1/branding/diversification2/header_link.gif) 0px 0px no-repeat; margin: 0 0 0 10px;}
#cern_divergence_2 a span {display: none;}

#grid {overflow: auto; display: block; zoom: 1;}

#col_content {float: left; width: 550px;}

#col_side {float: left; margin-right: 50px; width: 200px;}

#navigation {display: block; overflow: auto;}
#navigation, #navigation li {list-style-type: none; margin-left: 0; padding-left: 0;}
#navigation li {display: inline;}
#navigation li a {display: block; float: left; padding: 2px 5px; border: 1px solid #00041d; color: #fff;}
#navigation li.active a {border-color: #fff;}

#canvas {width: 550px; height: 350px; overflow: hidden;}


#breadcrumbs {font-size: 0.6em;}	
#attribution a, #breadcrumbs a {color: #94d6ec;}

#attribution {margin: 40px 0 0 0; text-align: right; font-size: 0.9em;}

#attribution p {margin: 0;}
#footer {height: 70px; padding: 10px 0 20px 0; position: relative;}

#footer img {border: none;}

#link_atlas {position: absolute; bottom: 0; left: 0;}
#link_cern {position: absolute; bottom: 0; right: 0;}

#slideshow {position: relative; width: 550px; height: 330px; padding: 0;}
#slideshow .slide {position: absolute; top: 0; left: 0; width: 550px; height: 300px; overflow: hidden;}
#slideshow_prev  {position: absolute; bottom: 7px; left: 0; width: 10em; height: 16px; font-size: 0.9em;}
#slideshow_next {position: absolute; bottom: 7px; right: 0; width: 10em; height: 16px; font-size: 0.9em; text-align: right;}
#slideshow_prev:hover, #slideshow_next:hover {text-decoration: underline; cursor: pointer;}
#slideshow .caption {margin: 0pt; padding: 10px; position: absolute; bottom: 0; left: 0; width: 530px; background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); font-size: 9px; font-family: verdana,sans-serif; opacity: 0.7 ! important; text-align: center;}