/* CSS Document for the CERN Public website */

/* Common Selectors */
body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1em;
background-position:top left;
background-repeat:repeat-x;
margin-top:0px;
padding-top:0px;}

h1 {
display: inline;
font-size:180%;
font-weight:normal;
margin-bottom:0px;
padding-bottom:0px;}

h2 {
font-size:150%;
font-weight:normal;
margin-top:0px;
padding-top:0px;}

h3 { 
font-size:120%;
font-weight:normal;}

h4 {
font-size:100%;
font-weight:normal;
line-height:normal}

h5 {
font-size:90%;
font-weight:bold;
padding-top:3px;
line-height:normal;}

p {font-size:90%;
line-height:130%;}

#ornella p {font-size:90%;
line-height:130%;}

li {
font-size:90%;}

img {
border:none
}

a:link {text-decoration:underline}
a:visited {text-decoration:underline}
a:hover {text-decoration:none}
a:active  {text-decoration:underline}

#mainphoto img {border:none}

h2 a:link {text-decoration:none}
h2 a:visited {text-decoration:none}
h2 a:hover {text-decoration:underline}
h2 a:active {text-decoration:none}

h3 a:link {text-decoration:none}
h3 a:visited {text-decoration:none}
h3 a:hover {text-decoration:underline}
h3 a:active {text-decoration:none}

h4 a:link {text-decoration:none}
h4 a:visited {text-decoration:none}
h4 a:hover {text-decoration:underline}
h4 a:active {text-decoration:none}

/* all pages nested div ids  */

#container {
width:800px;
margin-left:auto;
margin-right:auto;
padding:0;}

#top {
padding-left:0px;
width:800px;
background-color:#FFFFFF;
margin-bottom:0px; 
padding-right:0px;
}

#topbanner {
display:block;
position:relative;
height:76px; 
background:url(Objects/Common/twopointsline.gif) bottom left repeat-x #FFFFFF; 
padding-bottom:12px; 
}

#logo {
background-color:#FFFFFF;
}

#logo h1 {
display:none;
}

#services {
float:right;
font-size:0.7em;
text-align:left;
color:#555555;
background-color:#F2F2F2;
padding:6px;
}

#services a:link {color:#555555; text-decoration:none}
#services a:visited {color:#555555; text-decoration:none}
#services a:hover {color:#000000; text-decoration:underline}
#services a:active {color:#555555; text-decoration:none}

#mainmenu {padding-top:6px; padding-bottom:6px; text-align:left; color:#666666; font-size:0.8em;  background-color:#ffffff; padding-left:12px}
#mainmenu a:link {color:#666666; text-decoration:none}
#mainmenu a:visited {color:#666666; text-decoration:none}
#mainmenu a:hover {color:#000000; text-decoration:underline}
#mainmenu a:active {color:#000000; text-decoration:underline}

#mainmenu span.mainactive a:link {color:#000000; text-decoration:none}
#mainmenu span.mainactive a:visited {color:#000000; text-decoration:none}
#mainmenu span.mainactive a:hover {color:#000000; text-decoration:underline}
#mainmenu span.mainactive a:active {color:#000000; text-decoration:underline}

#mainmenu span {padding-top:4px; padding-right:12px; padding-left:6px; padding-bottom:4px}
#mainmenu span.mainactive {background-color:#E0E0E0}

#mainmenu a.activech:link {color:#000000; text-decoration:none}
#mainmenu a.activech:visited {color:#000000; text-decoration:none}
#mainmenu a.activech:hover {color:#000000; text-decoration:underline}
#mainmenu a.activech:active {color:#000000; text-decoration:underline}

#mainphoto {
height:150px;
background:url(Objects/Common/linetwopoints.gif) bottom left repeat-x #FFFFff;
border-top:1px solid #999999; 
margin-bottom:0px; 
padding-top:3px; 
padding-bottom:12px;
}

#mainphotoh {
height:200px;
background:url(Objects/Common/linetwopoints.gif) bottom left repeat-x #FFFFff;
border-top:1px solid #999999; 
margin-bottom:0px; 
padding-top:3px; 
padding-bottom:12px;  
}

#mainphotoc {
height:180px;
background:url(Objects/Common/linetwopoints.gif) bottom left repeat-x #FFFFff;
border-top:1px solid #999999; 
margin-bottom:0px; 
padding-top:3px; 
padding-bottom:12px;  
}


#mainphotopr {
height:12px;
background:url(Objects/Common/linetwopoints.gif) bottom left repeat-x #FFFFff;
margin-bottom:0px; 
padding-bottom:0px;
}


#middle {
width:800px;
height:100%;
clear: both;
background:url(Objects/Common/BackContent.gif) top left repeat-y;
margin-top:0px;
margin-bottom:0px;
padding-top:12px;
padding-right:0px;
padding-bottom:0px;
padding-left:0px;
}

#middle1 {
width:800px;
height:100%;
clear: both;
background:url(Objects/Common/BackContent3.gif) top left repeat-y;
margin-top:0px;
margin-bottom:0px;
padding-top:12px;
padding-right:0px;
padding-bottom:0px;
padding-left:0px;
}

#middlenomenu {
width:800px;
height:100%;
clear: both;
background:url(Objects/Common/BackContent2.gif) top left repeat-y;
margin-top:0px;
margin-bottom:0px;
padding-top:12px;
padding-right:0px;
padding-bottom:0px;
padding-left:0px;
}

#footer {
width:800px; 
background:url(Objects/Common/twopoints.gif) top left repeat-x #ffffff; 
font-size:x-small; 
color:#555555;
text-align:center; 
margin-bottom:0px;  
padding-top:12px;  
padding-bottom:12px; 
}

#footer a:link {
color:#555555;
text-decoration:underline
}

#footer a:visited {
color:#555555;
text-decoration:underline
}

#footer a:hover {
color:#555555;
text-decoration:none
}

#footer a:active {
color:#555555;
text-decoration:none
}

#bottom {
width:800px;
height:12px;
margin-top:0px;
margin-bottom:0px;
padding-top:0px;
padding-right:0px;
padding-left:0px;
}

.subtext {
width:518px;
float:right;
background:url(Objects/Common/degradepointshorizontalrtl.gif) bottom right no-repeat;
margin-top:0px;
margin-bottom:0px;
padding-top:12px;
padding-right:12px;
padding-bottom:12px;
padding-left:12px;
}

#footnote {
font-size:80%; 

}

.text {
width:518px;
float:right;
margin-top:0px;
margin-bottom:0px;
padding-top:0px;
padding-right:12px;
padding-bottom:0px;
padding-left:12px;
}

.text1 {
width:780px;
float:center;
margin-top:0px;
margin-bottom:0px;
padding-top:0px;
padding-right:12px;
padding-bottom:0px;
padding-left:12px;
}

.textnomenu {
width:748px;
margin-top:0px;
margin-bottom:0px;
padding-top:0px;
padding-right:24px;
padding-bottom:0px;
padding-left:28px;
}

.subtextnomenu {
width:748px;
background:url(Objects/Common/degradepointshorizontal.gif) bottom left no-repeat;
margin-top:0px;
margin-bottom:0px;
padding-top:0px;
padding-right:24px;
padding-bottom:0px;
padding-left:28px;
}

/* welcome pages only */

#menuright {
float:right;
width:228px; 
padding-right:6px;
padding-left:6px; 
}

#menuright a:link {color:#555555; text-decoration:none}
#menuright a:visited {color:#555555; text-decoration:none}
#menuright a:hover {color:#000000; text-decoration:underline}
#menuright a:active {color:#000000; text-decoration:none}

.rmenuitem {
height:40px; 
position:relative;
border-bottom:1px dotted #999999;
padding-bottom:4px; 
padding-left:58px; 
}

.rmenutext {
color:#555555;
font-size:0.9em;
font-weight:normal;
display:inline;
position:absolute;
bottom:0px;
width:170px;
left: 55px;
margin-bottom:0px;
padding-bottom:0px;
}

.rmenulist {
list-style:none inside;
list-style-image:none; 
color:#555555; 
font-size:0.8em; 
line-height:1.2em; 
margin-right:12px;
margin-left:58px;  
padding-left:0px; 
}

.rmenulist li {
border-bottom:1px dotted #999999; 
padding-left:0px;
}

/* backgrounds for right hand menu on homepage */

#Come {background:url(Objects/Common/Come.gif) left bottom no-repeat; cursor: pointer}
#Ask {background:url(Objects/Common/Ask.jpg) left bottom no-repeat; cursor: pointer}
#Photos {background:url(Objects/Common/Multimedia.jpg) left bottom no-repeat; cursor: pointer}
#Publications {background:url(Objects/Common/Publications.jpg) left bottom no-repeat; cursor: pointer}
#Press {background:url(Objects/Common/thumbnail_children.jpg) left bottom no-repeat; cursor: pointer}
#Environment{background:url(Objects/Common/Environment.jpg) left bottom no-repeat; cursor: pointer}
#Jobs{background:url(Objects/Common/Jobs.jpg) left bottom no-repeat; cursor: pointer}
#Industry {background:url(Objects/Common/Industry.gif) left bottom no-repeat; cursor: pointer}
#OD {background:url(Objects/Common/thumbnail_industrial_award.jpg) left bottom no-repeat; cursor: pointer}
#VirtualTour {background:url(Objects/Common/Thumbnail_virtual_tour.jpg) left bottom no-repeat; cursor: pointer}
#AliceChannel {background:url(Objects/Common/Thumbnail_channel.jpg) left bottom no-repeat; cursor: pointer}
#ForPress {background:url(Objects/Common/Thumb_phys-2008-001.gif) left bottom no-repeat; cursor: pointer}



/* text formatting */

a.small {font-size:80%}
.fl {float:left}
.fr {float:right}
.big {font-size:140%}
p.more {float:right; margin:0px; padding:0px}
.caption {font-size:70%}
.rev {
color:#000000;
font-size:0.8em;
font-style:italic;
text-align:right;
}
.att {
font-weight:bold;
color:#CC0000;
}

/*inner pages Common stuff */
.menuleft {
width:186px;
float:left;
background:inherit; 
font-size:0.8em; 
color:#555555;  
font-weight:normal;  
line-height:100%;
margin-bottom:0px; 
padding-top:0px; 
padding-right:12px;
padding-bottom:0px; 
padding-left:28px;
}

.menuleft a:link {color:#555555; text-decoration:none}
.menuleft a:visited {color:#555555; text-decoration:none}
.menuleft a:hover {color:#000000; text-decoration:underline}
.menuleft a:active {color:#000000; text-decoration:underline}

.active {
background-color:#E0E0E0; 
color:#000000; 
font-weight:normal;  

}

.litem {
display:block;
position:relative; 
border-bottom:1px dotted #999999; 
margin-bottom:2px;
margin-left:0px;
padding-bottom:4px; 
padding-left:10px; 
}

.lmenulist {
list-style:none; 
list-style-image:none; 
line-height:1em;
color:#555555; 
position:relative; 
margin-top:0px; 
margin-right:0px;
margin-bottom:4px;
margin-left:8px;  
padding-left:0px; 
}

.lmenulist li {
border-bottom:1px dotted #999999;
margin-left:0px; 
padding-left:0px;
padding-top:2px;
padding-bottom:4px;
}

.phr {
float:right; 
border:1px solid #999999; 
background-color:#FFFFFF; 
margin-top:0.2em; 
margin-bottom:12px; 
margin-left:18px; 
padding:2px;
}

.ph {
border:1px solid #999999;
background-color:#FFFFFF; 
margin-top:12px; 
margin-bottom:12px; 
padding:2px;}

.phl {
float:left;
border:1px solid #999999; 
background-color:#FFFFFF; 
padding:2px;
margin-right:18px;
margin-bottom:12px;
clear:left}

/* Iawards*/
.Iawards {
	background-color: #003366;
	background-image: url(Objects/Chapter4/backChapter.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}


/* Home */

.home {
	background-color: #0099CC;
	background-image: url(Objects/Chapter5/backCh5.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

.hometext {
width:512px; 
height:100%;
clear:left; 
float:left; 
background: transparent; 
margin-top:0px; 
margin-bottom:24px;
padding-left:12px; 
padding-right:36px; 
}

.homesubtext {
width:512px; 
height:100%;
clear:left; 
float:left; 
background:url(Objects/Common/degradepointshorizontal.gif) bottom left no-repeat;
margin-top:0px; 
margin-bottom:12px;
padding-bottom:12px;
padding-left:12px; 
padding-right:36px; 
}

.homemiddle {background:url(Objects/Home/BackMiddle.gif) top left #FFFFFF repeat-y}

body.home a:link {color:#006699;}
body.home a:visited {color:#006699;}
body.home a:hover {color:#006699;}
body.home a:active {color:#006699;}

body.home h1 {color:#006699;}
body.home h2 {color:#006699;}
body.home h3 {color:#006699; font-weight:normal;}
body.home h4 {color:#006699; font-style:italic; font-size:120%}
body.home h {color:#006699;}
body.home h3 a:link, visited {text-decoration:none}
body.home h3 a:hover, active {text-decoration:underline}

/* Chapter1 */

.Ch1 {background:url(Objects/Chapter1/backCh1.jpg) top left repeat-x #bf2a32;}

body.Ch1 div.litem {background:url(Objects/Chapter1/CH1List.gif) left top no-repeat}
body.Ch1 a {color:#73191e; text-decoration:underline}
body.Ch1 h2 {color:#73191e;}
body.Ch1 h3 {color:#73191e; font-weight:normal; clear:both}
body.Ch1 h4 {color:#73191e;}
body.Ch1 li.litem_active {
background:#E0E0E0 url(Objects/Chapter1/Ch1List.gif) left center no-repeat;
color:#000000; 
font-weight:normal; 
display:block;
position:relative; 
border-bottom:1px dotted #999999; 
margin-bottom:2px;
margin-left:0px;
padding-bottom:4px; 
padding-left:10px; 
}

/* Chapter2 */
.Ch2  {background:url(Objects/Chapter2/backCh2.jpg) top left repeat-x #6852be;}

body.Ch2 div.litem {background:url(Objects/Chapter2/Ch2List.gif) left top no-repeat}
body.Ch2 a  {color:#463780; text-decoration:underline}
body.Ch2 h2 {color:#463780;}
body.Ch2 h3 {color:#463780; font-weight:normal; clear:both}
body.Ch2 h4 {color:#463780;}
body.Ch2 li.litem_active {
background:#E0E0E0 url(Objects/Chapter2/Ch2List.gif) left center no-repeat;
color:#000000; 
font-weight:normal; 
display:block;
position:relative; 
border-bottom:1px dotted #999999; 
margin-bottom:2px;
margin-left:0px;
padding-bottom:4px; 
padding-left:10px; 
}

/* Chapter3 */

.Ch3 {background:url(Objects/Chapter3/backCh3.jpg) top left repeat-x #c1562d;}

body.Ch3 div.litem {background:url(Objects/Chapter3/Ch3List.gif) top left no-repeat}
body.Ch3 a {color:#9e340b; text-decoration:underline}
body.Ch3 h2 {color:#9e340b;}
body.Ch3 h3 {color:#9e340b; font-weight:normal; clear:both}
body.Ch3 h4 {color:#9e340b;}

body.Ch3 li.litem_active {
background:#E0E0E0 url(Objects/Chapter3/Ch3List.gif) left center no-repeat;
color:#000000; 
font-weight:normal; 
display:block;
position:relative; 
border-bottom:1px dotted #999999; 
margin-bottom:2px;
margin-left:0px;
padding-bottom:4px; 
padding-left:10px; 
}

.board{
	font-size:80%;
	border:1px solid #999999}

/* Chapter 4 */

.Ch4 {background:url(Objects/Chapter4/backCh4.jpg) top left repeat-x #a2a5d9;}

body.Ch4 div.litem {background:url(Objects/Chapter4/Ch4List.gif) top left no-repeat}
body.Ch4 a {color:#363c8f; text-decoration:underline}
body.Ch4 h2 {color:#363c8f;}
body.Ch4 h3 {color:#363c8f; font-weight:normal; clear:both}
body.Ch4 h4 {color:#363c8f;}

body.Ch4 li.litem_active {
background:#E0E0E0 url(Objects/Chapter4/Ch4List.gif) left center no-repeat;
color:#000000; 
font-weight:normal; 
display:block;
position:relative; 
border-bottom:1px dotted #999999; 
margin-bottom:2px;
margin-left:0px;
padding-bottom:4px; 
padding-left:10px; 
}
/* Chapter5 */

.Ch5 {background:url(Objects/Chapter5/backCh5.jpg) top left repeat-x #00a6be;}

body.Ch5 div.litem {background:url(Objects/Chapter5/Ch5List.gif) top left no-repeat}
body.Ch5 a {color:#006373; text-decoration:underline}
body.Ch5 h2 {color:#006373;}
body.Ch5 h3 {color:#006373; font-weight:normal; clear:both}
body.Ch5 h4 {color:#006373;}

body.Ch5 li.litem_active {
background:#E0E0E0 url(Objects/Chapter5/Ch5List.gif) left center no-repeat;
color:#000000; 
font-weight:normal; 
display:block;
position:relative; 
border-bottom:1px dotted #999999; 
margin-bottom:2px;
margin-left:0px;
padding-bottom:4px; 
padding-left:10px; 
}
/* Chapter 4IA */

.Ch4IA {
	background-color: #003399;
	background-image: url(Objects/Chapter4/BackChapter.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

body.Ch4IA div.litem {{background:url(Objects/Chapter4/Ch4List.gif) top left no-repeat}
body.Ch4IA a {color:#363c8f; text-decoration:underline}
body.Ch4IA h2 {color:#363c8f;}
body.Ch4IA h3 {color:#363c8f; font-weight:normal; clear:both}
body.Ch4IA h4 {color:#363c8f;}

/* Chapter 4VT */

.Ch4VT {
	background-color: #003399;
	background-image: url(Objects/Chapter4/BackChapter.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

body.Ch4VT div.litem {{background:url(Objects/Chapter4/Ch4List.gif) top left no-repeat}
body.Ch4VT a {color:#363c8f; text-decoration:underline}
body.Ch4VT h2 {color:#363c8f;}
body.Ch4VT h3 {color:#363c8f; font-weight:normal; clear:both}
body.Ch4VT h4 {color:#363c8f;}