﻿/* Legacy CSS - deprecate ASAP */


body {background: /* url("img/bg_body.gif") top left repeat-x*/ #142F97; font-size: 100%; margin-top:0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1em; padding-top:0px;}

h1, h2, h3, h4 {letter-spacing: 0.1em; font-weight:normal; font-family: arial;}
h1 {font-size:180%; margin-bottom:0px; padding-bottom:0px; }
h2 {color:#3861aa; font-size:150%; padding-top:0px; margin-top:0px}
h3 {color:#3861aa; font-size:120%; clear:both}
h4 {color:#3861aa; font-size:90%; margin-bottom: 0;}
h5 {font-size:75%; font-weight:normal; padding-top:3px; line-height:normal}
p {font-size: 0.75em; line-height:1.4; }
p.byline {color: #333; font-style: italic;}
li {font-size: 0.75em;}
a {color:#3861aa; text-decoration:underline}
ul.plain, ul.plain li {list-style-type: none; margin-left: 0; padding-left: 0;}

.table th {color:#3861aa; font-weight:normal; line-height:normal; text-align:left; padding:3px 1px 6px 1px}
.table td {font-size:90%; line-height:normal; border-bottom:1px solid #999999;}

#container {width:800px; margin-left:auto; margin-right:auto; padding:0; background-color: #fff; border: 1px solid #132c8d; border-width: 0 1px 1px 1px;}

#top {padding-left:0px; padding-right:0px; width:800px; margin-bottom:0px; background-color:#FFFFFF}
#topbanner {display:block; /*background:url(img/twopointsline.gif) bottom left repeat-x;*/ padding-bottom:12px; height:90px; position:relative}
a#CERN_logo {display: block; width: 56px; height: 55px; background: url(img/logo.gif) -10px -10px no-repeat; position: absolute; left: 12px; bottom: 30px;}
a#CERN_logo span, h1#site_title span {display: none;}
h1#site_title {margin: 0; padding: 0;}
.lang-en h1#site_title a {display: block; width: 220px; height: 39px; background: url(img/logo.gif) -86px -28px no-repeat; position: absolute; left: 86px; bottom: 30px;}
#services {font-size:9px; padding:10px; text-align:right; width: 300px; position: absolute; right: 0; top: 20px;}
#services a {color:#222; text-decoration:none}
#services form {margin-top: 20px;}

#lang_switch {font-size: 9px; color: #222; text-decoration: none; position: absolute; right: 10px; bottom: 0px;}




#middle {width:800px;height:100%;clear: both;/*background:url(img/bg_content.gif) top left repeat-y;*/margin:0; padding: 20px 0 0 0;}

.homemiddle {background:  url(img/BackMiddle.gif) top left #FFFFFF repeat-y}
.hometext {width:512px; clear:left; float:left; background: transparent; margin-top:0px; margin-bottom:12px;padding-left:12px; padding-right:36px;padding-bottom:12px;}



#content {width:540px; float:left; margin:0 0 0 20px; padding: 0; /* background: url(img/degradepointshorizontalrtl.gif) bottom right no-repeat;*/}




#menuleft {width:180px; float:left; background-color: #fff; font-weight:normal; margin: 0 0 0 20px; padding: 0 0 0 0;}
#menuleft h2 {color: #444; font-size: 12px; text-transform: uppercase; letter-spacing: 1px;}
#menuleft ul, #menuleft ul li { list-style-type: none; padding: 0 0 0 0; margin: 0 0 0 0;}
#menuleft ul li {font-size: 12px;}
#menuleft li.active a {color: #000;}
#menuleft li a, #menuleft li.active li a {color: #999; text-decoration: none;}
#menuleft li a {display: block; margin-bottom: 5px; padding: 0 0 5px 12px; border-bottom: 1px dotted #999; background: url(img/menu_square.gif) 0px 2px no-repeat;}
#menuleft li a:hover, #menuleft li.active a:hover {color: #ff690a;}
#menuleft li li a {padding-left: 20px; background-image: none;}	

#mainphoto {background:url(img/linetwopoints.gif) bottom left repeat-x;  padding: 30px 0;  margin-bottom:0px; /*border-top:1px solid #999999;padding-top:3px; */ height:100px; overflow: hidden; position: relative;}
#mainphoto img {margin: 0; padding: 0; border: none;}



#menuright {float:right; width:216px; padding-left:12px; padding-right:12px}
.rmenuitem {border-bottom:1px dotted #999999; height:40px; padding-bottom:4px; padding-left:58px; position:relative}
.rmenutext {color:#3861aa; font-size:0.9em;	font-weight:normal;	display:inline;	margin-bottom:0px;	padding-bottom:0px;	position:absolute; bottom:0px; left: 60px; width: 156px;}
#menuright a {color:#555555; text-decoration:none}


.ritem {padding-left:56px; padding-bottom:4px; padding-left:0px; padding-top:6px }
.rmenulist {list-style:none outside; padding-left:0px; margin-left:0px;  list-style-image:none; color:#666666; font-size:0.8em; line-height:1.2em; margin-right:0px;}
.rmenulist li {border-bottom:1px dotted #999999; padding-left:6px}

#footer {background:url(img/twopoints.gif) top left repeat-x #ffffff; padding:12px; margin-bottom:0px;  text-align:right; color:#666666;}
#footer p, #footer li, #footer h3 {font-size: 9px;}
#footer h3 {margin-top: 18px; letter-spacing: 0.3em;}
#bottom {width:800px; padding-left:0px; padding-right:0px; margin-top:0px; margin-bottom:0px; padding-top:0px;  height:12px;}


#Come {background:url(img/Come.gif) left bottom no-repeat;}
#Ask {background:url(img/Ask.jpg) left bottom no-repeat;}
#Multimedia {background:url(img/Multimedia.jpg) left bottom no-repeat;}
#Publications {background:url(img/Publications.jpg) left bottom no-repeat;}
#Press {background:url(img/Press.jpg) left bottom no-repeat;}
#Environment{background:url(img/Environment.jpg) left bottom no-repeat;}
#Jobs{background:url(img/Jobs.jpg) left bottom no-repeat;}
#Industry {background:url(img/Industry.gif) left bottom no-repeat;}

.feature_box {background-color: #f0f0f0; padding: 20px; border: 1px solid #e6e6e6; margin: 20px 0;}
.feature_box h4 {margin-top: 0;}

#feature_list {padding-left: 0;}
#feature_list li {font-style: italic; list-style-type: none; color: #999; font-size: 0.7em; margin-bottom: 0.7em; padding-left: 0;}


/*.active {background-color:#E0E0E0; padding-bottom:0px; padding-left:0px; padding-right:0px;  color:#000000} */

.more {text-align: right;}
.note {font-size:70%}


p.address span {display: block;}

#dg_quote {color: #999; font-size: 0.75em; font-style: italic; margin: 60px 0; }
#dg_quote .attribution { font-style: normal; font-weight: bold; text-align: right;}
a#eu2009 {display: block; width: 180px; height: 52px; background: url(img/logo_eu_2009.gif) 0px 0px no-repeat;}
a#eu2009 span {display: none;}