/* Ensembles stylesheet for mozilla on windows platform */

body {margin: 0;
      padding: 0;
      background:url(http://ensembles-eu.metoffice.com/images/header.gif) repeat-x #CCF;}
                                                             
/* -------------------------------------------------------text styles------------------------------------------ */

h1, h2, h3, h4, h5 {  text-align: left;
                          color: #336;}
			 
h1  {font: bold italic 1.8em Verdana, Helvetica, sans-serif;}
h2 {  font: bold italic 1.6em Verdana, Helvetica, sans-serif;}
h3 {  font: bold italic 1.4em Verdana, Helvetica, sans-serif;
       letter-spacing: -.1em;
       background:url(http://ensembles-eu.metoffice.com/images/h3.gif) repeat-y #CCF;
       padding-left:6px;
       padding-bottom:2px;}

h4 {  font: bold italic 1.2em Verdana, Helvetica, sans-serif;
       letter-spacing: -.1em;}
h5 {  font: bold italic 1em Verdana, Helvetica, sans-serif; }   

li {  text-align: left;
      color: #036;
      font: normal .8em Verdana, Helvetica, sans-serif; 
      margin-bottom:.5em; 
      list-style-image:url(http://ensembles-eu.metoffice.com/images/bullet.gif);}

ol li {list-style-type:decimal;
      list-style-image:none;}
      
.bullet_table {list-style-image:url(http://ensembles-eu.metoffice.com/images/bullet_table.gif);}      

li ul li {font: normal 1em Verdana, Helvetica, sans-serif; }
li ol li {font: normal 1em Verdana, Helvetica, sans-serif; }

li.nonumber {list-style-type:none;     /* for EMB Paris page */
            list-style-image:none;}


p, .text { font: normal .8em Verdana, Helvetica, sans-serif;
       color:#036;}
       
p.right {    font: bold .75em Verdana, Helvetica, sans-serif;  /* used for news archive text on front page */
              color:#036;
	      text-align:right;}       
       
.bold {font-weight:bold;}
	   
.underline {text-decoration:underline;}	

.warning {font-weight:normal;
          color:#F00;}	   

.italic {font-style:italic;}	

.smallpurpleheading {font: bold .95em Verdana, Helvetica, sans-serif;
                     color: #60C;}     

.text_list {margin:0;
            padding:0;}

.text_list li {font:normal .8em Verdana, Helvetica, sans-serif;
           color:#036;
           list-style:none;
           text-decoration:underline;
           float:left;           
           border-right: 1px solid #66C;
           margin:0 0 5px 0;
           padding:0 6px;
           }

li.text_list_first  {font:normal .8em Verdana, Helvetica, sans-serif;
                     color:#036;
                      list-style:none;
                     text-decoration:underline;
                     float:left;           
                      border-left: 1px solid #66C;
                      margin:0 0 5px 0;
                      padding:0 6px;}   

li.nolink {font:bold .8em Verdana, Helvetica, sans-serif;
           color:#036;
           list-style:none;
           text-decoration:none;
           float:left;
           border-right: 1px solid #66C;
           margin:0 0 5px 0;
           padding:0 6px;}

		      
form.mailing_list         {width:90%;
                           background-color:#D9D8FF;
			   margin-top:20px;
			   padding:10px;
			   padding-left:15px;
			   border-right:1px solid #B8C9FF;
			   border-bottom:1px solid #B8C9FF;}
			   
input {background-color:#F6FAFF;
         border:1px solid #B8C9FF;}

input.checkbox {width:16px;
                          height:16px;
			  border:none;}		
			  
.submit {background-color:#F0EBDE;
            margin-top:15px;}			      
		      
/* ----------------------------------------header ------------------------------------------------------------- */		      

#header {width:900px;
         height: 120px;}
	                                                  
/* --------------------------------------------------------------navigation menu style--------------------------- */

#navigation {width:130px;
            margin:24px 0 0 15px;  
            float:left;
            background-color:#CCF;}

#navigation ul  {margin:0;
                 padding:0;}

#navigation ul li {font:normal .7em Verdana, Helvetica, sans-serif;
                 color:#006;
               list-style:none;
	       background:url(http://ensembles-eu.metoffice.com/images/navmenu.gif) repeat-y #CCF;         
               position:relative;
               border-bottom:2px solid #D3D3F7;
	       padding:4px 0 3px 8px;
	       margin-bottom:-1px;
	       line-height:18px;}

#navigation a:link {text-decoration:none;
                    color:#00C;
		    margin-bottom:-1px;
		    display:block;}

#navigation a:visited {text-decoration:none;
                        color:#00C;}

#navigation a:hover {text-decoration:none;
                     color:#060;}

#navigation a:active {text-decoration:none;
                      color:#00C;}

#navigation ul li:hover {text-decoration:none;
                        background:url(http://ensembles-eu.metoffice.com/images/navmenuhover.gif) repeat-x #C2F065;
			border-left:1px solid #FFF;
			border-right:1px solid #FFF;
			border-top:1px solid #CFC;
			border-bottom:1px solid #CFC;
			color:#060;}

#navigation ul li ul {display:none;}

#navigation ul li:hover ul {display:block;
                           position:absolute;
                           top:-1px;
                           float:left;
                           margin-left:120px;
                          width:200px;
                          background-color:#C2F065;
		           z-index:100; } 

#navigation ul li ul:hover {display:block;} 

#navigation ul li ul li     {font:normal 1em Verdana, Helvetica, sans-serif;
                              color:#006;                    
                              background-color:#CCF;}

#navigation ul li ul li:hover {font:normal 1em Verdana, Helvetica, sans-serif;
                              color:#060;                    
                              background-color:#C2F065;
			     border-bottom:2px solid #D3D3F7;}
			                                                         
/* -----------------------------------------------------------RT horizontal menu----------------------------- */ 

.rt_menu {margin-top:75px;
          margin-right:43px;                                             
          width:43em;
          height:20px;
	 float:right;}

.rt_menu ul {margin:0;
            padding:0;
            list-style:none;
            float:left;}

.rt_menu li {font:normal .8em verdana, helvetica, sans-serif;
             color: #036;
             background:url(http://ensembles-eu.metoffice.com/images/rtmenu_yellow.gif) repeat-x #FFC;
             list-style:none;
             text-decoration:none;
            float:left;
             line-height:20px;}

.rt_menu a:link, .rt_menu a:visited {text-decoration:none;
                 width:100%;
                 padding: 0 5px;
		 background:url(http://ensembles-eu.metoffice.com/images/rtmenu_yellow.gif) repeat-x #FFC;
		 border:1px solid #FFF;
                 border-color: #FFF #69C #66C #FFF;}

.rt_menu a:hover {background:url(http://ensembles-eu.metoffice.com/images/rtmenu_greenhover.gif) repeat-x #CF3;
                  padding: 0 5px;                 
                 width:100%;
		 color:#363;
		 border:1px solid #FFF;
                 border-color: #66C #FFF #FFF #69C;}
		 
.rt_menu a:active {text-decoration:none;
                   padding: 0 5px;
		   background:url(http://ensembles-eu.metoffice.com/images/rtmenu_yellow.gif) repeat-x #FFC;
		   border:1px solid #FFF;
                   border-color: #FFF #69C #66C #FFF;}

li.rt_menu_first_item  {font:normal .8em verdana, helvetica, sans-serif;
             color: #036;
             list-style:none;
             text-decoration:none;
	     background:url(http://ensembles-eu.metoffice.com/images/rtmenu_yellow.gif) repeat-x #FFC;
            float:left;
             padding:0 5px;
	     border:1px solid #FFF;
	     border-color:#FFF #69C #66C #FFF;
	     line-height:18px;}
	     
/* --------------------------------------------------- content -------------------------------------------- */	     

#mainsection {width: 870px;
              background-color:#CCF;}

#content {margin-right:110px;
          padding:4px 10px;
          background-color:#CCF;
          width:580px;
          float:right;}
         
#news {margin-top:18px;
      margin-bottom:10px;
        padding:4px 10px;
       background:url(http://ensembles-eu.metoffice.com/images/newspaper.jpg) no-repeat #CCF;}
       
#news h3 { text-align: left;
      color: #336;
       font: bold italic 1.4em Verdana, Helvetica, sans-serif;
       letter-spacing: -.1em;
       background:none;}      
       
#news li {font: normal bold .8em Verdana, Helvetica, sans-serif; 
          color: #036;
         margin-bottom:.5em; 
         list-style-image:url(http://ensembles-eu.metoffice.com/images/newsbullet.gif);}
	 
#results {margin-top:18px;
      margin-bottom:10px;
        padding:4px 10px;
       background:url(http://ensembles-eu.metoffice.com/images/results_graphic.png) no-repeat #CCF;}	 
       
#results h3    { text-align: left;
      color: #336;
       font: bold italic 1.4em Verdana, Helvetica, sans-serif;
       letter-spacing: -.1em;
       background:none;}     
       
#results li       {font: normal bold .8em Verdana, Helvetica, sans-serif; 
          color: #036;
         margin-bottom:.5em; 
         list-style-image:url(http://ensembles-eu.metoffice.com/images/delta.png);}  	 

.footer {border-top: 1px dotted #93F;
         border-bottom: 1px dotted #93F;
         width:150px;        
        padding:6px 0;
        margin-left:15px;
        background-color:#CCF;}

.footer ul {margin:0;
            padding:0;}

.footer li {font:italic 0.6em Verdana, Helvetica, sans-serif; 
            color:#036;
            list-style:none;
            margin-bottom:3px;
	    text-align:center;}

a:link, a:visited, a:hover  {color:#00C;}
a:link img, a:visited img {border:none;}

.clearthefloats {clear:both;}
                                                         
/* -----------------------------------------------------------glossary page------------------------------------------------- */

.alphabet {margin:20px 10px 20px 0;              
          width:36.5em;
	  height:25px;
	 }

.alphabet ul {margin:0;
            padding:0;
            list-style:none;
            }

.alphabet li, .alphabet_first li {font:bold .85em verdana, helvetica, sans-serif;
             color: #909;
	     background:url(http://ensembles-eu.metoffice.com/images/redth.gif) repeat-x #F99;
             text-decoration:none;
             list-style:none;
            float:left;
             padding:0;
	     line-height:25px;}
	     	     
.alphabet_first li {border-left:1px solid #FCC;}
.alphabet li {border-right:1px solid #FCC;}

.alphabet a      {text-decoration:none;
                  color:#909;
		  padding:0 5px;}

.alphabet a:hover {text-decoration:none;
                   color:#FCC;
		   width:100%;
		   padding:0 5px;}

.letter_box  {margin: 0 10px 10px 0;
              font: bold .8em verdana, helvetica, sans-serif;
	      color:#909;
              width:90px;
              height: 20px;
              padding: 2px 0 3px 5px;
	      background:url(http://ensembles-eu.metoffice.com/images/letterbox_orange.gif) repeat-y #FC9;}

.glossary_list  {margin-top:.5em;}

ul.glossary_list {margin: 0;
                  padding: 0;
                  list-style:none;
                  list-style-image:none;}

li.glossary_list  {font: normal .8em verdana, helvetica, sans-serif;
                   list-style:none;
                   list-style-image:none;}
                                                             
/* -----------------------------------------------------------participant page--------------------------------------- */

.participant_list  {margin-top: .5em;}                           

.participant_list ul {margin: 0;
                  padding: 0;
                  list-style:none;}

.participant_list li {font: normal .8em verdana, helvetica, sans-serif;
		  margin-bottom:2px;
                   list-style:none;}


/* ----------------------------------------------------------Year 4 Reporting Page --------------------------------------- */

p.dot {background: url(http://ensembles-eu.metoffice.com/images/dot.gif) repeat-x #CCF;
	   border:0;
	   padding:1px;
	   margin-top:30px;
	   margin-bottom:10px;
	   width:100%; 
	   height:13px;}
	   
                                                                 
/* ----------------------------------------------------------------------Images-------------------------------------- */

#frappr		{width:40px;
                height:40px;
		 border:0px;
		 padding:4px;
		 float:right;
		 margin-right:90px;
		 margin-bottom:15px;}	 	

#EnsemblesLogo {position:absolute;
	        margin-top:10px;
	        margin-left:15px;
	        height:88px;
	        width:130px;
                float:left;} 

#eulogo {float:left;
         height:62px;
         width:94px;
         margin:0 10px 6px 0;}