
      body  {
	  font-size : 100%;
	  text-align: justify;
	  font-family : Verdana, Arial, Helvetica, sans-serif; 
	  color : #000000; 
      
	}

	/* This is for IE <= 6 which doesn't support position: fixed */
	#Menu {
		position: absolute;
	}

      #Menu {
	position : fixed;
	left : 0; 
	top : 120px;
	height : 99%; 
	width : 160px; 
	background : #003366; 
        padding-left : 8px;
	padding-right : 2px;
	overflow : auto;
      }
	
	#logo {
		position: absolute;
	}
	
	#logo {
		background : #003366; 
		left: 0;
		top: 0;
		position: fixed;
		text-align: center;
		padding-top: 10px;
		padding-bottom: 15px;
		width: 170px;
				
	
	}
	
	/* Logo is 95x95, size of #logo is 160x120 */
	img.irflogo {  

	}	

	img.irflogo_print {
		display: none;
	}
	
	@Media print {
 		#Menu {
	 		display: none;
 			}  
		#logo {
			position: absolute;
			left: 650px;	
			top: 0px;
			width: 50px;
			background: none;
			padding: 0px;
		}
	
		img.irflogo {
			display: none;
			}
		img.irflogo_print {
			display: inline;
			width: 50px;
			}
	}

      #Content {
           padding-left : 2em;
	   text-align: justify;
	   width : 700px; 
	   color : #000000; 
           font-size : 0.9em; 
	   font-family : Verdana, Arial, Helvetica, sans-serif; 
           background : #ffffff; 
	
	   border-color : #ffffff; 
           position: absolute;
           top : 10px;
	   left: 195px;
      }

	#ContentSimplesaml {
           padding-left : 2em;
	   padding-right : 2em;
	   text-align: justify;
	   	   color : #000000; 
           font-size : 0.9em; 
	   font-family : Verdana, Arial, Helvetica, sans-serif; 
           background : #ffffff; 
	
	              position: absolute;
           top : 10px;
	   left: 170px;
      }

	@media print {
		#Content {
	           position : static;
		   width: 650px;
		   text-align: justify;
		}
	}

      div.text {
	  font-size : 0.9em; 
	  font-family : Verdana, Arial, Helvetica, sans-serif; 
	  color : #000000; 
      }
	
      div.texttoppage {
	   font-size : 0.9em; 
	   font-family : Verdana, Arial, Helvetica, sans-serif;           color : #666666;
      }
	
      a:link {
	   font-size : 100%; 
	   font-family : Verdana, Arial, Helvetica, sans-serif; 
	   color : #104e8b; 
           text-decoration : none;
           font-weight : normal;
      }
      a:visited {
	   text-decoration : none;
	   font-weight : normal;
	   font-size : 100%; 
           color : #607b8b; 
      }
      a:hover {
           text-decoration : underline;
      }
      a.maplink {
	   font-size : 100%; 
	   font-family : Verdana, Arial, Helvetica, sans-serif; 
	   color : white;
           text-decoration : none;
           font-weight : normal;
      }
      a.maplink:hover {
	   color: #000000;
           background: #b0c4de;	
      }
      a.textlink {
	   font-size : 100%; 
	   font-family : Verdana, Arial, Helvetica, sans-serif; 
	   color : #104e8b; 
           text-decoration : none;
           font-weight : normal;
      }
      a.textlink:visited {
	   text-decoration : none;
	   font-weight : normal;
	   font-size : 100%; 
           color : #607b8b; 
      }
      a.textlink:hover {
           text-decoration : underline;
      }

      a.news {
	   font-size : 100%; 
	   font-family : Verdana, Arial, Helvetica, sans-serif; 
	   color : #000000;  
           text-decoration : none;
           font-weight : normal;
      }
      a.news:visited {
	   text-decoration : none;
	   font-weight : normal;
	   font-size : 100%; 
           color : #000000;
      }
      a.news:hover {
           text-decoration : underline;
      }

	td.menuitem, td.menuitemchosen {  
              width : 133px;
              border-top: 1px solid #225588;  
              border-bottom: 1px solid #225588;
		padding: 2px;
	}
	
	td.sublink { 
             width: 113px;
             text-align: left;
             white-space: nowrap;
	}

	a.menulink:link, a.sublink:link, a.menulink:active, a.sublink:active, a.menulink:visited, a.sublink:visited {  
                   display: block;
                   width: 95%;
                   margin-left: 5px;
	}

      a.menulink {
           text-decoration : none;
	   font-size : 1.0em; 
	   font-family : Verdana, Arial, Helvetica, sans-serif; 
	   color : white; 
	   white-space : nowrap;
      }

      a.menulinkchosen {
	           display: block;
                   width: 95%;
                   margin-left: 5px;
		text-decoration: none;
           font-weight : normal;
	   font-size : 1.0em; 
   
	   font-family : Verdana, Arial, Helvetica, sans-serif; 
	   color : white; 
	   white-space : nowrap;
      }

	a.menulink:hover, a.menulinkchosen:hover {  
                   color: #000000;
                   background: #b0c4de;
     	}
     
      a.sublink {
           text-decoration : none;
           font-weight : normal;
	   font-family : Verdana, Arial, Helvetica, sans-serif; 
	   font-size : 1.0em; 
	   color : white; 
      }

	a.sublink:hover { 
                      background: #336699;  
           font-size : 1.0em; 
	}

/* ---- What is this ? Is it used anywhere? -----------------
      a.subprogramlink {
           text-decoration : none;
           color : #003366;
           font-weight : bold;
           font-family : Verdana, Arial, Helvetica, sans-serif; 
           font-size : 70%;
      }
      a.subprogramlink:visited {
           text-decoration : none;
           color : #003366;
           font-weight : bold;
           font-family : Verdana, Arial, Helvetica, sans-serif; 
           font-size : 70%;
      }
------------------------------ */

      div.textlogo {
           font-size : xx-large;
           font-weight : bold;
 	   font-family : Verdana, Arial, Helvetica, sans-serif; 
	   color : #000000; 
      }

      table th {
           background : #cccccc;
	   padding : 4px;
      }
      table td {
	   font-size : 0.9em; 
           font-family : Verdana, Arial, Helvetica, sans-serif; 
      }
      table.menu {
	   width: 133px;
	   border-collapse : collapse;
      }
      table.menu td {
	   font-size : 1.0em; 
	   border-collapse : collapse;
	   border-spacing : 0px;
	   padding : 1px;
	   font-family : Verdana, Arial, Helvetica, sans-serif; 
	   color : white; 
	   white-space : nowrap;
      }
	
	table.navs {
		width: 750px;
	}	

      table.navbar {
	 width: 740px;
	 margin-left: -12px;
           font-size : 100%; 
	   border : none; 
	   border-collapse : collapse;
	   border-spacing : 0px;
      }

      table.subnavbar {
	width: 730px;
	margin-left: -6px;
           font-size : 90%; 
	   border : none; 
	   border-collapse : collapse;
	   border-spacing : 0px;
      }

td.navbar, td.navbarchosen, td.subnavbar, td.subnavbarchosen {
	   border : none; 
	   font-size : 100%; 
	   text-align : center; 
	   vertical-align : middle; 
	height: 25px;
}

      td.navbar {
	background-image: url('http://images.irf.se/get_image.php?group=WebIRF&imageid=3');
	background-repeat: repeat-x;
      }
      td.navbarchosen, td.subnavbar, td.subnavbarchosen {
	background-image: url('http://images.irf.se/get_image.php?group=WebIRF&imageid=7');
	background-repeat: repeat-x;
      }

	td.navbarleft, td.navbarright, td.subnavbarright, td.subnavbarleft {
		height: 25px;
		width: 20px;
	}
	
	td.navbarleft {
            background-image: url('http://images.irf.se/get_image.php?group=WebIRF&imageid=4');
            background-position: right;
            background-repeat: no-repeat;
	}
	
	td.navbarright {  
            background-image: url('http://images.irf.se/get_image.php?group=WebIRF&imageid=5');
            background-position: left;
            background-repeat: no-repeat;
	}

	td.subnavbarleft {  
            background-image: url('http://images.irf.se/get_image.php?group=WebIRF&imageid=8');
            background-position: right;
            background-repeat: no-repeat;
	}

	td.subnavbarright {  
            background-image: url('http://images.irf.se/get_image.php?group=WebIRF&imageid=9');
            background-position: left;
            background-repeat: no-repeat;
	}

	td.subnavbar:hover { 
                     background: #b0c4de;
        }

	a.navbar:link, a.navbarchosen:link, a.subnavbar:link, a.subnavbarchosen:link, a.navbar:visited, a.subnavbar:visited {  
                   display: block;
                   width: 100%;
	}

      a.navbar  {
           text-decoration : none;
           color : #ffffff;
           font-weight : normal;
           font-family : Verdana, Arial, Helvetica, sans-serif; 
   	   font-size : 100% 	   /* margin-left : 2px; */
      }
 
      a.navbar:hover {
                 background-image: url('http://images.irf.se/get_image.php?group=WebIRF&imageid=6');
                  background-repeat: repeat-x;
                  background-position: center left;
      }

      a.navbarchosen , a.navbar:active {
           text-decoration : none;
           color : black; 
           font-weight : normal;
           font-family : Verdana, Arial, Helvetica, sans-serif; 
   	   font-size : 100%      }

      a.navbarchosen:hover {
           text-decoration : underline;
           color : black; 
           font-weight : normal;
           font-family : Verdana, Arial, Helvetica, sans-serif; 
   	   font-size : 100%; 
      }

      a.subnavbar {
           text-decoration : none;
           font-weight : normal;
           font-family : Verdana, Arial, Helvetica, sans-serif; 
           font-size : 90%; 
           color : black; 
      }

      a.subnavbar:hover {
           text-decoration : underline;
           font-weight : normal;
           font-family : Verdana, Arial, Helvetica, sans-serif; 
           font-size : 90%; 
           color : black; 
      }

      a.subnavbarchosen {
           text-decoration : none;
           font-weight : bold;
           font-family : Verdana, Arial, Helvetica, sans-serif; 
           font-size : 90%; 
           color : black; 
      }

      a.subnavbarchosen:hover {
           text-decoration : underline;
           font-weight : bold;
           font-family : Verdana, Arial, Helvetica, sans-serif; 
 
           font-size : 90%; 
           color : black;      }
	
      table.instrument {
           font-size : 0.9em; 
     	   border-color : #ffffff; 
	   border: 1px solid #cdcdcd;
      }

      table.staff {
	   font-size : 0.9em; 
     	   //border-color : #ffffff; 
	   border-color: #efefef;
	   width: 90%;
	   border: 1px solid #cdcdcd;

      }
	
      table.instrument th, table.staff th {
           background : #ddeeff;
	   padding : 4px;
	   vertical-align : middle;
	   border-bottom: 1px solid #cdcdcd;
      }
      table.instrument td {
           background : #efefef;
           vertical-align : top;
	   padding : 4px;
      }

     table.staff td {	
	   //background : #ffffff; 
           vertical-align : center;
	   padding : 4px;
	   background: #efefef;
      }
    
	table.news {
		font-size : 0.9em; 
		background: #ddeeff;
		border-color: #000000;
	}
	
	table.news td {
		vertical-align: top;
		padding-left: 5px;
		padding-right: 15px;
		padding-top: 10px;
		padding-bottom: 10px;
	}

      .bild { 
           padding: 20px;
           padding-bottom: 20px;
           margin-top: 5px;
           margin-bottom: 5px;
           margin-right: 2em;
      }
      a img {
 	border: 0px;
 	color: #ffffff; /* makes border disappear in ns4 (sometimes) */
      }
      
      #S { border: thin dotted blue; background: #eef; /* -moz-border-radius: 15px 15px 15px 15px;*/}


img.flagicon { 
               height: 15px;
               border-style: outset;
               border-color: #000000;
               border-width: 1px;
               margin-top: 20px;
}

#rightcol {
	position: absolute;
	top : 0px; 
	left : 770px; 
	width : 250px; 
}

table.rightcol {
	color : #000000; 
	font-size : 12px; 
	border-spacing: 25px;
}

table.rightcol td {
	padding-top: 0px; 
	padding-left: 5px;
	padding-right: 5px;
	border: 1px solid #000000;
	border-top: 0px;
	background : #efefef; 
	
}

table.indexpage {
	color : #000000; 
	font-size : 14px; 
	border-spacing: 25px;
}

table.indexpage td {
	padding-top: 0px; 
	padding-left: 5px;
	padding-right: 5px;
	border: 1px solid #000000;
	border-top: 0px;
	background : #efefef; 
	
}


h4.news {
	border: 1px solid;
	font-weight: bold;
	font-size: 12px;
	height: 20px;
	margin-right: -6px;
	margin-left: -6px;
	margin-bottom: 10px;
	padding-left: 10px;
	padding-top: 3px;
	padding-bottom: 0px;
	background: #ddeeff;
}

h3.news {
	border: 1px solid;
	font-weight: bold;
	font-size: 14px;
	height: 20px;
	margin-right: -6px;
	margin-left: -6px;
	margin-bottom: 10px;
	padding-left: 10px;
	padding-top: 3px;
	padding-bottom: 0px;
	background: #ddeeff;
}

#rightcol ul {
	list-style-type: disc;
	margin-left: -20px;
}

@media print {
	 #rightcol {
		display: none;
	}
}

.content{
	width: 125px;
	height: 175px;
	background-color: #fff; /*background color of content*/
	color: #000; /*text color of content*/
	border: 1px solid #000; /*border color*/
	padding: 10px;
	text-align: center;
}

p.footnote {  
             font-size: 0.8em;
             font-weight: normal;
}
#left {
	width: 300px;
	height: 800px;
}

#right {
	position: absolute;
	left: 410px;
	top: 0px;
}

#info {
	text-align: left;
}

#upper {
	position: absolute;
	left: 0px;
	top: 160px;
	width: 1300px;
	height: 250px;
	margin-top: 2px;
	margin-bottom: 2px;
}

#lower {
	position: absolute;
	left: 0px;
	width: 1500px;
	top: 370px;
}

#lower_no_gauges {
	position: absolute;
	left: 0px;
	width: 1500px;
	top: 180px;
}

#gaugeTemp {
	float: left; 
	width: 200px; 
	height: 200px;
}

#banner {
	text-align: center;
	width: 1100px;
	margin-bottom: 5px;
}

#bannertemp {
	text-align: center;
	align: center;
	width: 2000px;
	margin-bottom: 5px;
}

.measurements {
	float: left;
	border-bottom:2px solid blue; 
	border-top:2px solid blue;	
}

.banner {
	float: left;
	margin-left: 5px;
	margin-bottom: 5px;
	width: 350px;
	text-align: center;
}

.bannertemp {
	float: left;
	margin-left: 5px;
	margin-bottom: 5px;
	width: 350px;
	text-align: center;
	align: center;
}

#windbanner {
	float: left;
	margin-left: 5px;
	margin-bottom: 3px;
	width: 340;
	text-align: center;
}

#tempmoistpressbanner {
	background-color: lightblue;
}

#rainbanner {
	background-color: lightblue;
}

.windgoogletext {
	color: #FF0000;	
	text-align: left;
	width: 100;
}

table { border: hidden }
td { border: hidden }
#S { border: thin dotted blue; background: #eef; -moz-border-radius: 15px 15px 15px 15px;}
<br />
<b>Warning</b>:  include(highslide/highslide.css) [<a href='function.include'>function.include</a>]: failed to open stream: No such file or directory in <b>/blandat/www/www-svn/irf.css.php</b> on line <b>665</b><br />
<br />
<b>Warning</b>:  include() [<a href='function.include'>function.include</a>]: Failed opening 'highslide/highslide.css' for inclusion (include_path='.:/usr/share/php:/usr/share/fpdf') in <b>/blandat/www/www-svn/irf.css.php</b> on line <b>665</b><br />
<!--[if lt IE 7]>
<br />
<b>Warning</b>:  include(highslide/highslide-ie6.css) [<a href='function.include'>function.include</a>]: failed to open stream: No such file or directory in <b>/blandat/www/www-svn/irf.css.php</b> on line <b>667</b><br />
<br />
<b>Warning</b>:  include() [<a href='function.include'>function.include</a>]: Failed opening 'highslide/highslide-ie6.css' for inclusion (include_path='.:/usr/share/php:/usr/share/fpdf') in <b>/blandat/www/www-svn/irf.css.php</b> on line <b>667</b><br />
<![endif]-->
