/* 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%;}

li {
font-size:90%;}

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



/* 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 {
display:none;
}

#mainmenu {display:none;}
#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.mainactive {background-color:#ffffff; font-weight:bold;}
#mainmenu span {display:none}

#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 {
display:none;
}

#mainphotoc {
display:none;
}


#mainphotopr {
display:none;
}

#middle {
width:800px;
height:100%;
clear: both;
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, 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:776px;
margin-top:0px;
margin-bottom:0px;
padding-top:12px;
padding-right:12px;
padding-bottom:12px;
padding-left:12px;
}

#footnote {
font-size:80%
}

.hometext {
width:752px; 
background: transparent; 
margin-top:0px; 
margin-bottom:12px;
padding-left:36px; 
padding-right:36px;
padding-bottom:12px; 
}

.homesubtext {
width:752px; 
background: transparent; 
margin-top:0px; 
margin-bottom:12px;
padding-left:36px; 
padding-right:36px;
padding-bottom:12px;
background:url(Objects/Common/degradepointshorizontal.gif) bottom left no-repeat} 


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

.text a:link:after, .text a:visited:after {
   content: " (" attr(href) ") ";
   font-size: 90%;
   }
.subtext a:link:after, .text a:visited:after {
   content: " (" attr(href) ") ";
   font-size: 90%;
   }


/* welcome pages only */

#menuright {
display:none;
}

#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: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;}
#Ask {background:url(Objects/Common/Ask.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;}
#Press {background:url(Objects/Common/Press.jpg) left bottom no-repeat;}
#Environment{background:url(Objects/Common/Environment.jpg) left bottom no-repeat;}
#Jobs{background:url(Objects/Common/Jobs.jpg) left bottom no-repeat;}
#Industry {background:url(Objects/Common/Industry.gif) left bottom no-repeat;}


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

/* 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 {
display:none;
}

.menuleft a {display:none;}

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

}

.litem {
display:none;
}

.lmenulist {
display:none;
}

.lmenulist li {
display:none;
}

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

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


/* Home */

.home {background:none}

.homemiddle {}

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

body.home h1 {color:#18245c;}
body.home h2 {color:#18245c;}
body.home h3 {color:#18245c; font-weight:normal;}


/* About */

.about {background:none}

body.about div.litem {background:url(Objects/About/AboutList.gif) left top no-repeat}
body.about a {color:#18245c; text-decoration:underline}
body.about h2 {color:#18245c;}
body.about h3 {color:#18245c; font-weight:normal; clear:both}
body.about h4 {color:#18245c;}

ul.labout {
list-style:url(Objects/About/AboutList.gif) outside; 
line-height:120;
}

ul.labout ul {
list-style:none; 
line-height:normal;
}

/* Science */
.science  {background:none}

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


/* Experimnents */

.exp {background:none}

body.exp div.litem {background:url(Objects/People/PeopleList.gif) top left no-repeat}
body.exp a {color:#5d0c6b; text-decoration:underline}
body.exp h2 {color:#5d0c6b;}
body.exp h3 {color:#5d0c6b; font-weight:normal; clear:both}
body.exp h4 {color:#5d0c6b;}

/* LHC */

.lhc {background:none}

body.lhc div.litem {background:url(Objects/LHC/LHCList.gif) top left no-repeat}
body.lhc a {color:#65001c; text-decoration:underline}
body.lhc h2 {color:#65001c;}
body.lhc h3 {color:#65001c; font-weight:normal; clear:both}
body.lhc h4 {color:#65001c;}


/* People */

.people {background:none}

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