/* CSS Document */

/* site main structural components */


html, body, hr, h1, h2, h3, h4, p, ol, ul, li
{
	padding:0;
	margin:0;
	font-size:100%;
	font-weight:normal;
}

#wrapper
{
	width        :960px;
	margin-left  :auto;
	margin-right :auto;
	margin-top   :10px;
	border-style:solid;
	border-width:thin;
	background-color:#CACACA;
}

#banner
{
	width            :960px;
	height           :100px;
	background-image :url(Images/Sky_Clouds.JPG); 		
}

#main
{
	margin           :0;	
	padding          :0;
	border           :none;
	margin-left      :140px;
	margin-right     :160px;	
	background-color:#CECE9D;
}

#main h1
{
	font-family :Verdana, Arial, Helvetica, sans-serif;
	font-size   :16px;
	text-align  :center;
	padding-top:8px;
	padding-bottom:8px;
}

#main h2
{
	font-family :Verdana, Arial, Helvetica, sans-serif;
	font-size   :12px;
	text-align  :center;
	padding-top:8px;
	padding-bottom:8px;
}

#navigation_column
{
	float            :left;
	width            :140px;
	margin:0;
	background-color :#D2D2D2;
}

#current_weather_column
{
	float:right;
	width:160px;
	margin:0;
	padding:0;
	background-color:#AAFFAA;
	font-family:Arial, Helvetica, sans-serif;
}

#footer
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align:center;
	width:960px;
	height:50px;
	background-color:#B7FFB7;
}

/*************************************************************************************/
.figure
{
	float:right;
	margin-left: 10px;
	margin-bottom:10px;
	border: 1px solid #666;
	padding:10px;	
}

.figure p
{
	text-align:center;
	background-color:#e6f3ff;
	border: 1px #666;
	padding: 5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}


div.image
{
	text-align : center;
	margin	   : 15px;
}

div.image p
{
	font-family : Verdana, Arial, Helvetica, sans-serif;
	text-align  : center;
	font-size   : 11px;
}

/***********************************************************************************/
#banner h1
{

	font-family	   : Arial, Helvetica, sans-serif;
	font-size	   : 24px;
	font-weight    : 600;
	text-align     : center;
	color		   : #000000;
	padding-top    : 10px;
	padding-bottom : 10px;
}

#banner h2
{
	font-family : Arial, Helvetica, sans-serif;
	font-size   : 14px;
	font-weight : 400;
	text-align  : center;
	color		: #000000;
	padding-top : 10px;	
}

.weather_text
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	margin:0px;
	padding:10px;
	line-height:1.4;
	background-color:#E9D1D1;
	
}

/********************************************************************************************/
.forecast table
{
	border-collapse : collapse;
	margin-left     : auto;
	margin-right    : auto;
	width:640px;
}

.forecast thead
{
	background-color : #CCFFFF; /* light blue */
}

.forecast tbody
{
	background-color : #FFFCCC; /* light yellow */
}

.forecast th, td
{  
	border-left   : 1px solid #c9c9c9; /* grey */
	border-bottom : 1px solid #c9c9c9; 
	border-right  : 1px solid #c9c9c9; 
	border-top    : 1px solid #c9c9c9;
	font          : 70% Verdana, Arial, Helvetica, sans-serif;
	padding       : 2px 5px;
	text-align    : right;
} 
/********************************************************************************************/
/* Current weather table
/********************************************************************************************/

#current_weather table
{
	background-color : #FFFFCC; /* light yellow */
	margin-left      : auto;
	margin-right     : auto;
	border-collapse  : collapse;
}

#current_weather th
{
	text-align       : center;
	font-weight      : 800;
	font-size        : 12px;
	background-color:#C0C0C0;
	padding-top:3px;
	padding-bottom:3px;
}

#current_weather td
{
	text-align    : left;
	font-size     : 12px;
	padding       : 2px 2px;

	border-left   : 1px solid #C9C9C9; 
	border-bottom : 1px solid #C9C9C9; 
	border-right  : 1px solid #C9C9C9; 
	border-top    : 1px solid #C9C9C9;  
}

#current_weather tfoot
{
	text-align       : center;
	font-size        : 10px;
	background-color : #FFFFCC; /* light yellow */
}

/******************************************************************************************************/

.climate_table table
{
	background-color: #FFFFCC;
	margin-left:auto;
	margin-right:auto;
	border-collapse:collapse;
	border:thick;
	
}

.climate_table thead
{
	background-color:#BFFFDC;
}

.climate_table td
{
	border:solid;
	border-width:1px;
	border-color:#8F8F8F;
	border-right:medium;

	
	padding-top:4px;
	padding-bottom:4px;	
}


/*************************************************************************************************************/
.metar_table table
{
width:600px;
	background-color: #FFFFCC;
	margin-left:auto;
	margin-right:auto;
	border-collapse:collapse;
	border:thick;
	
}

.metar_table thead 
{
	background-color:#D1D1D1;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	
}

.metar_table td
{
	border:solid;
	border-width:1px;
	border-color:#8F8F8F;
	border-right:medium;
	padding-top:2px;
	padding-bottom:2px;	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

.metar_table tfoot
{
	background-color:#BFFFDC;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	
}

/*************************************************************************************************************************************/


#archive_table table
{
	width:600px;
	background-color:#B9FDCD;
	margin-left:auto;
	margin-right:auto;
	border-collapse:collapse;
	border:thick;
	
}

#archive_table thead 
{
	background-color:#D1D1D1;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	
}

#archive_table td
{
	border:solid;
	border-width:1px;
	border-color:#8F8F8F;
	border-right:medium;
	padding-top:2px;
	padding-bottom:2px;	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
}

#archive_table tfoot
{
	background-color:#BFFFDC;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	
}

/***************************************************************************************************/
#previous_month_table table
{	
	width:600px;
	background-color:#B9FDCD;
	margin-left:auto;
	margin-right:auto;
	border-collapse:collapse; 
	border-left   : 1px solid #c9c9c9; /* grey */
	border-top : 1px solid #c9c9c9; 
	
}

#previous_month_table thead, tfoot, td
{
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	
}



previous_month_table th
{  

	border-bottom : 1px solid #c9c9c9; 
	border-right  : 1px solid #c9c9c9; 
	
	font          : 70% Verdana, Arial, Helvetica, sans-serif;
	padding       : 2px 5px;
	text-align    : right;
}



/********************************************************************************************************/

#departure_table table
{
	background-color : #FFFFCC; /* light yellow */
	margin-left      : auto;
	margin-right     : auto;
	border-collapse  : collapse;	
}

#departure_table th	
{
	padding-top:4px;
	padding-bottom:4px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	text-align:center;	
}
	
#departure_table tfoot 
{
	text-align       : left;
	background-color : #FFFFCC;
	font             : 70% Verdana, Arial, Helvetica, sans-serif;	
}

#departure_table thead
{
	background-color:#C0C0C0;
	font-family            :Verdana, Arial, Helvetica, sans-serif;	
	
}

#departure_table td
{
	padding-bottom : 1px;
	padding-top    : 1px;
	background-color : #FFFFCC; /* light yellow */
}