*
{
	margin: 0em;	
}

h1,h2
{
}

body
{
	font: 10px Tahoma,Arial
	color: #666;	
	background-color: transparent
}

a
{
	color: #0077dd;
	text-decoration: underline;
}

a:hover
{
	text-decoration: none;
}

/* Outer */

#outer
{
	padding: 0em;
	margin: 0em;
	width: 100%;
}

/* Header */

#header
{
	position: relative;
	background: #004778 url('images/a5.gif') bottom left repeat-x;
	height: 10em;
	padding-left: 2em;
}

#header h1
{
	position: absolute;
	top: 1.8em;
	font-size: 2.2em;
	letter-spacing: 1px;
}

#header h1 a
{
	color: #fff;
	text-decoration: none;
}

#header h2
{
	position: absolute;
	font-size: 0.8em;
	top: 8em;
	color: #E0E8EF;
}

/* Menu */


#title
{
	position: absolute;
	top: 2em;
	right: 2em;
	color: White;
}

/*Forecast 24h table control*/
.ddlArea
{
    width: 200px;    
    margin-left: 5px;
} 

.forecast_table, .datatable
{
	border-spacing: 0px;
	border-left: black 1px solid;
	border-top: black 1px solid;
	height: 100%;
	font: 12px Tahoma, Arial;
	vertical-align: middle;       
	empty-cells: show;    
	border-collapse: collapse;
	width: 800px;    
}

.forecast_table th, .datatable th
{
    	 padding: 6px;    
	border-right: black 1px solid;
	border-bottom: black 1px solid;
}

        
.forecast_table td, .datatable td
{       
	padding: 4px;
	border-right: black 1px solid;
	border-bottom: black 1px solid;
    	text-align: center;
}

.section_header
{     
    text-align: center;
	font: bold 12px Tahoma, Arial;
	border-bottom: #f2f2f2 4px solid;	
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 0px;
	margin-top: 15px;	
	width: 100%;	
}

.CurrMeteo
{
      display: inline-block; 
}

.Storm
{
      display: inline-block;
      width: 800px;
}

.Storm table
{
     border: 2px solid Black;
     font: 11px Tahoma,Arial;
     text-align: left;
     width: 100%;
}

.Storm td
{
     padding: 5px;
     text-align: center;
}

.StormMini
{
      display: inline-block;
      width: 260px;
      margin-right: 10px;
      color: #7BD0E8;
}

.StormMini table
{
     border: 2px solid silver;
     font: 11px Tahoma,Arial;
     text-align: left;
     width: 100%;
     color: black;
     background-color: white;
}

.StormMini td
{
     padding: 5px;
     text-align: center;
}


.Desc
{
     margin-top: 40px;
     margin-bottom: 40px;
     font: bold 16px Tahoma, Arial;
     display: inline-block;
     width: 800px;     
}

#primaryContent
{
    width: 810px;
    text-align: center;
    display: inline-block;
}

.mainTable
{
     width: 100%;
     text-align: center;
}

.stormPrintButton
{
    float: left;
    width: 100px;
    margins: 10px;
}


@media print {
	body
	{
	                font: 14px Tahoma,Arial
		color: #666;	
	}

	.StormMini
	{
	      display: inline-block;
	      width: 650px;
	      margin-right: 10px;
	      color: #7BD0E8;
	}
	
	.StormMini table
	{
	     border: 2px solid silver;
	     font: 14px Tahoma,Arial;
	     text-align: left;
	     width: 100%;
	     color: black;
	     background-color: white;
	}	

	.Storm table
	{
	     border: 2px solid Black;
	     font: 14px Tahoma,Arial;
	     text-align: left;
	     width: 100%;
	}	
	.forecast_table, .datatable
	{
		border-spacing: 0px;
		border-left: black 1px solid;
		border-top: black 1px solid;
		height: 100%;
		font: 14px Tahoma, Arial;
		vertical-align: middle;       
		empty-cells: show;    
		width: 800px;    
	}
	.section_header
	{     
	    text-align: center;
		font: bold 14px Tahoma, Arial;
		border-bottom: #f2f2f2 4px solid;	
		padding-top: 5px;
		padding-bottom: 5px;
		margin-bottom: 0px;
		margin-top: 15px;	
		width: 100%;	
	}
}