/* CSS Document for the CERN Press Office website */

/* Common Selectors */
body {
background:url(Objects/Chapter/BackChapter.jpg) top left repeat-x #142f97;
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 {
color:#18245c;
display: inline;
font-size:180%;
font-weight:normal;
margin-bottom:0px;
padding-bottom:0px;}

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

h3 { 
color:#18245c;
font-size:120%;
font-weight:normal;
clear:both}

h4 {
color:#18245c;
font-size:100%;
font-weight:normal;
line-height:normal;
display:inline}


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

h6 {
clear:both;
color:#000000;
font-size:80%;
font-weight:normal;
margin-bottom:0px;
padding-bottom:0px;
line-height:normal;
}

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

li {
font-size:90%;}

a:link {color:#18245c;text-decoration:underline}
a:visited {color:#18245c;text-decoration:underline}
a:hover {color:#18245c;text-decoration:none}
a:active  {color:#18245c;text-decoration:underline}

/*
.hometext a:link {text-decoration:none}
.hometext a:visited {text-decoration:none}
.hometext a:hover {text-decoration:underline}
.hometext a:active {text-decoration: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}
*/
#mainphoto img {border: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/BackContent1.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/Home/BackMiddle.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:80%; 
color:#555555;
text-align:center; 
margin-bottom:0px;  
padding-top:12px;  
padding-bottom:12px; 
}

.datelang {
font-size:80%; 
color:#555555;
float:right;
text-align:right;
margin-bottom:0px;  
padding-top:0px;  
padding-bottom:12px; 
}


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

#footer a:hover, 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:568px;
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:568px;
float:right;
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;
}

/* .menuleft {
width:136px;
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;
}
*/


/* 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:#666666; 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:55px;  
padding-left:0px; 
}

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


/* backgrounds for right hand menu on homepage */

#News {background:url(Objects/Common/News.jpg) left bottom no-repeat;}
#Multimedia {background:url(Objects/Common/Multimedia.jpg) left bottom no-repeat;}
#Publications {background:url(Objects/Common/Publications.jpg) left bottom no-repeat;}
#Magazines {background:url(Objects/Common/Magazines.jpg) left bottom no-repeat;}
#Labs{background:url(Objects/Common/Labs.jpg) left bottom no-repeat;}
#National {background:url(Objects/Common/National.gif) left bottom no-repeat;}

/* not used yet */
#Environment{background:url(Objects/Common/Environment.jpg) left bottom no-repeat;}

/* text formatting */

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

/* glossary items */
a.gitem:link {color:#000000; border-bottom:#000000 dotted 1px; cursor:help; text-decoration:none}
a.gitem:visited {color:#000000; border-bottom:#000000 dotted 1px; cursor:help; text-decoration:none}
a.gitem:hover {color:#000000; border-bottom:#000000 dotted 1px; cursor:help; text-decoration:none}
a.gitem:active {color:#000000; border-bottom:#000000 solid 1px; cursor:help; text-decoration:none}

.acr {color:#000000; border-bottom:#000000 dotted 1px; cursor:help; text-decoration:none}



/*inner pages Common stuff */
.menuleft {
width:136px;
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 inside; 
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}

.phwithcaption  {
border:1px solid #999999;
background-color:#FFFFFF; 
padding:2px;
margin-bottom:12px;
margin-top:12px;
margin-left:18px;
margin-right: 18px; 
clear:both;
font-size:80%; 
color:#555555}

.phlwithcaption  {
max-width:354px;
float:left;
border:1px solid #999999;
background-color:#FFFFFF; 
padding:2px;
margin-right:18px;
margin-bottom:12px;
margin-top:12px;
clear:left; 
font-size:80%; 
color:#555555}

.phrwithcaption  {
width:250px;
float:right;
border:1px solid #999999;
background-color:#FFFFFF; 
padding:2px;
margin-left:18px;
margin-bottom:12px;
margin-top:12px;
clear:left; 
font-size:80%; 
color:#555555}

.att {
font-weight:bold;
color:#CC0000;
}


/* Home */

.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}

ul {
list-style:none outside; 
line-height:inherit;
margin-left:0px;
padding-left:0px;
}
.subtext ul, .text ul{
list-style: circle outside;
line-height:normal;
padding-left:10px;		
}
.subtext ul li, .text ul li{
}

li {
margin-left:6px;
}

ul ul {
margin-left:0px;
padding-left:0px;
}

li li {
margin-left:4px;
}

#history p {margin-left:1.2cm; text-indent:-1.2cm;}



/* 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 */