body {
/*   background-image:  url("LondonEye-vert176x843.png");
*/

background: #D7CCB0 url("beigweav.gif") fixed;

  /* background-repeat: no-repeat;
   background-position: top right;
   background-color: #ffffff;*/
}


/**********************************  From corporate.css ***************/
div.head {
   position: absolute;
   right: 0;
   left: 0;
   top: 0;
   height: 110px;
   color: #ffffff;
   font-family: Arial, Helvetica, sans-serif;

   height: 110px;
   margin: 0;
   padding: 0;
   z-index: 1;
   width: 100%;
}



div.head h1 {
   font-family: sans-serif;
   font-size: x-large;
   padding-left: 165px;	
   padding-top:0px;
   background: #181512;
   color: #ffffff;
   height: 110px;
   margin-right: 220px;
   font-family: Arial, Helvetica, sans-serif;
   text-align: left;
   z-index: 2;
}

div.head h4 {
   position: absolute;
   font-family: sans-serif;
   font-size: small;
   left: 190px;
   top: 60px;
   background: #181512;
   color: #ffffff;
   height: 0px;
   margin-right: 220px;
   font-family: Arial, Helvetica, sans-serif;
   text-align: left;
   z-index: 2;
}

img.leftmasthead {
   position: absolute;
   left: 1ex;
   top: 0.5ex;
   padding: 0;
   float: left ;

   color: #000000;
   height:100px;
   width: auto;
   float: left;
}

img.rightmasthead {
   position: absolute;
   right: 0;
   top: 0;
   padding: 0 ;
   float: right ;

   color: #000000;
   height: auto;
   width: auto;
   float: right;
}

img.leftox {
   position: absolute;
   right: 890px;
   top: 0;
   padding: 1 ;
   float: left ;

   color: #000000;
   height: 110px;
   width: 110px;
   float: left;
}




DIV.topBar {
   position: absolute;
   top: 110px;
   height: 20px;
   z-index: 3;
   margin: 0;
   padding-left: 0.5em;
   padding-top: 0.5ex;
}
DIV.topNavigation {
   position: absolute;
   left: 14em;
}
DIV.vertical {
   position: absolute;
   left: 0;
   top: 124px;
   padding-top: 1.5ex;
   z-index: 2;
}
DIV.content {
   position: absolute;
   top: 124px;
   z-index: 2;
}
/*********************************************************************/

DIV.main {
}
DIV.mainback {
   font-family: Arial, Helvetica;
   margin-top: 20px; /*this sets how far from the top of the screem the central body starts*/
   margin-left: 16em;
   margin-right: 50px;
   padding-left:1px;
   padding-right: 4em;
   /*padding-top: 2em;*/
}

DIV.block {
   background-color: #f7f0e8;
   color:  #202080;
   margin-top: 10px;
   margin-bottom: 10px;
   padding-left: 0.5em;
   padding-right: 0.5em;

   padding-bottom: 0.0ex;
}

DIV.emblock {
   background-color: #f2f2f2;
   /*color:  #c02020;*/
   color:  #202080;
   margin-top: 2ex;
   padding-left: 1em;
   padding-right: 1em;
   padding-bottom: 0.5ex;
   border-style: solid;
   border-width: 2px;
   border-color: red;
}

DIV.registrationForm {
   padding-top: 2ex;
   padding-bottom: 2ex;
   margin-top: 2ex;
   margin-bottom: 2ex;
}
DIV.registrationForm p {
   margin-top: 2ex;
   margin-bottom: 2ex;
}

A.button {
   margin-top: 2ex;
   width: 10em;
}
DIV.button {
   margin-top: 5ex;
}

DIV.leftBar {
font-family: Arial, Helvetica;
   position: absolute;
   left: 0.0em;
   top: 0.0em;
   height:530px;/* height and width of internal left bars*/
   width: 220px; 
   padding-right:0.2em;
   padding-left: 0.2em;
   float: left;
   padding-top: 1em;
   margin-top: 0;
   margin-left:0;
   margin-right: 0;
   margin-bottom: 0px;

  background-color: #f7f0e8; /*this is the left bar box surrounding the internal bars*/
   background-position: top;
   z-index: 6;
}
 

DIV.vertical {
font-family: Arial, Helvetica;
   position: absolute;
   top: 0px; /*changes position of left bar from top of screen */
   left:0px;
   width:10em;
   
   padding:0px;
   margin:0px;
/*
   background-image:  url("/Atlas/GROUPS/DAQTRIG/ReadOut/styles/vFade.png");
   background-repeat: repeat-x;
*/
  background-color: #f7f0e8;
 
   background-position: top;
   z-index: 5;
}


IMG.validbar {
   border:0;
  /*width:88px; height:31px;*/
   /*margin-bottom: 5px;*/
margin-left:10px;
}
 
DIV.leftBar h2 {
   font-weight: 600;
   font-size: medium;
    margin-top: 1ex;
   /* margin-bottom: 0.1ex; */
}

DIV.leftBar h3 {
   font-weight: 600;
   font-size: small;
   margin-bottom: 0.1ex;
}
 
IMG.atlasLogo {
   padding-top: 0 ex;
   width: auto;
   height: auto;
}

SPAN.spacer {
   display: none;
}
 
a.leftBar {
/*position of text in the bars ***************/
   /*TEXT-DECORATION: none;*/
   padding-left: 10px;
  margin-top: 0px;
  padding-top:0px;



/*
   text-align: center;
   text-align: right;
*/
}
@media screen {
   a.leftBar {
   /* control of separation between bars */
      margin-top: 3px;
	  margin-left:10px; /*margins controling separation between internal bars and main bar walls */
          margin-right:10px;
      margin-bottom: 4px;
      
      padding-top: 0.5ex;
      /*padding-bottom: 0.5ex;*/

      border-width: 1px;
      border-style: solid;
	  
	  /* height of letf bar cells */
	  height:20px;
	  background-image:  url("blue1.jpg"); /*bar not pressed*/
   background-repeat: repeat-x;
	  background-color: #5599AA;
      border-color: #3B6975;
      display: block;
	  
   }
   div.dummyLink {
      height:20px;
      margin-top: 3px;
	  margin-left:10px;
          margin-right:10px;
      margin-bottom: 4px;
      padding-top: 0.5ex;
      /*padding-bottom: 0.25ex;*/
      padding-left: 10px;
      border-width: 0px;
      border-style: none;
      border-color: #EEFFFF;
      text-decoration: none;	  
      font-weight:bold;
      font-size: small;

      display: block;
	  background-image:url("gauze.gif");
      background-color: #EEFFFF;
	  color: #CC6633;
   }
}
a.leftBar:link {
    color: #000000;
	text-decoration:none;
   font-weight:bold;
   font-size: small;
  /*font-style:italic;*/
   /* margin-bottom:10px; */

}
a:link {
    color: #2020fF;
}
 
a.leftBar:visited {
     color: #000000;
/*    color: #FFCC99; */
	text-decoration:none;
    font-weight:bold;
	font-size: small;
    
    
}
 
a.leftBar:hover {
   color: #ffffff;
   background-color: #333366;
   border-style: solid;
   border-width: 1px;
   border-top-color: #BEF0FC;
   border-left-color: #BEF0FC;
   border-right-color: #BEF0FC;
   border-bottom-color: #BEF0FC;
   /* text-decoration: none; */ 
   background-image:  url("blue1.jpg");/*bar that is going to be pressed*/
   background-repeat: repeat-x;
}
 
a.leftBar:active {
    text-decoration: underline;
}
 
IMG.valid {
   margin-top: 0ex;
   margin-left: 0;
   margin-right: 10px;
   margin-bottom: 0px;
   width: auto;
   height: auto;
   
}

p.address {
/*   text-indent: 0;*/
   color: #000000;
   font-style: italic;
}


P.copyright {
   clear: both;
   margin-left: 0;
   margin-top: 6ex;
   text-align: center;
   font-size: smaller;
   font-style: italic;
   background-color: #c0f0c0;
   color: #000000;
}



span.notYet {
   color: #000000;
   font-style: italic;
}
hr.footnote {
   float: left;
   width: 25%;
   padding-bottom: 0;
}
p.footnote {
   padding-top: 0;
}

/***********added by me*****************************/



/* ---- Links ---- */



TABLE.bordered {
   margin-left:auto ;
   margin-right: auto;
   border-spacing: 0px;
   border-style: solid;
   border-width: 1px;
   border-color: #000000;
}

TABLE.borderedNotcentered {
   margin-left: 0em;
   border-spacing: 0px;
   border-style: none; /*****or solid***/
   border-width: 1px;
   border-color: #000000;
   text-align:left;
}


TABLE.bordered TD,TABLE.bordered TH,
TABLE.borderedNotcentered TD, TABLE.borderedNotcentered TH {
   border-style: none;/*****or solid*****/
   border-width: 1px;
   border-color: #000000;
   padding-left: 0.5em;
   padding-top:2px;
   padding-bottom:2px;
   padding-right: 0em;
}

a:link {
    TEXT-DECORATION: underline;
    COLOR: #3333ff;
}

a:visited {
    TEXT-DECORATION: underline;
    COLOR: #006654;
}

a:hover {
    TEXT-DECORATION: underline;
}

a:active {
    TEXT-DECORATION: underline;
     COLOR: #669980;
}

a.research:link {
    TEXT-DECORATION: none;
    COLOR: #7f0000;
}

a.research:visited {
    TEXT-DECORATION: none;
    COLOR: #7f0000;
}

a.research:hover {
    TEXT-DECORATION: underline;
}

a.research:active {
    TEXT-DECORATION: underline;
     COLOR: #CC6633;
}


/*********************addition for photgallery***********************/


#leftMenu
{
    float:left;
    width:194px;

    }

#leftMenu a
{
    text-decoration:none;
    color:#ffffff;
    }

a.leftMenu:hover {
   color: #ffff00;
   background-color: #282828;
   border-style: none;
   border-width: 1px;
   border-top-color: #616061;
   border-left-color: #616061;
   border-right-color: #616061;
   border-bottom-color: #616061;
   /* text-decoration: none; */ 
  background-image:url("photogallery/graphics/darkgray.gif");
font-weight:bold;
   
}

a.leftMenu_dark:hover {
   color: #ffff00;
   background-color: #282828;
   border-style: none;
   border-width: 1px;
   font-weight:bold;
   
}

a.leftMenu_dark_2:hover {
   color: #ffff00;
   background-image:url("photogallery/graphics/darkgray.gif");
   border-style: none;
   border-width: 1px;
   font-weight:bold;
   
}

/*left darker menu: darker strips*******************************************/
.lMenuItem
{
    float:left;
    width:171px;
    height:23px;
    background-color:#282828;

    color:#fff;
    font-size:0.7em;
    line-height:23px;
    padding:0 0 0 19px;
   /* border-style: solid;*/
 margin-left:20px ;
    }
/*left darker menu: darker lines below darker strips************************/
.lMenuDiv
{
    float:left;
    width:190px;
    height:2px;
    background-image:url("photogallery/graphics/lmdiv.jpg");
    background-repeat:no-repeat;
    font-size:0;
 margin-left:20px ;
    }

.lMenuSecLev
{
    float:left;
    width:155px;
    background-color:#616061;
    font-size:0.7em;
    color:#fff;
    padding:5px 0 5px 35px;
    display:inline;
 margin-left:20px ;
background-image:url("photogallery/graphics/darkgray.gif");
 /*border-style: solid;*/
    }

    
.lMenuSecLev_on
{
    float:left;
    width:155px;
    background-color:#616061;
    font-size:0.7em;
    color:#000000;
    padding:5px 0 5px 35px;
    display:inline;
 margin-left:20px ;
 /*border-style: solid;*/
    }