body {
		background: #001A12; 
		font-family: Arial;
		
		
	}
	img {
		border-color:black;
	}
	a   {
		text-decoration:none;
		color:black;
	}
	h1.fonttest  {
		font-family: "Arial Black", Arial
		}
	#main {
		background-color:lightgray;
		position: relative;
		width:1024px;
		top:-10px;
		/*height:150%;*/
		/*left:50px;*/
		/*margin-top:-7px;*/
		margin-left:auto;
		margin-right:auto;
		margin-bottom:0px;
		
	}
	#footer a:link {
		color:white;
	}
	#footer a:visited {
		color:lightgray;
	}
	#footer {
		font-size: .9em;
		text-decoration:none;
		position:relative;
		z-index:1;
		top:-10px;
		width:1024px;
		margin-left:auto;
		margin-right:auto;
		
	}
	
	/*************************************************************/

	#header {
		position:relative;
		left: 0px;
		top: 95px;
		width: 1024px;
		z-index:1000;
	}	
	#header a {
		color:white;
		text-decoration:none;
		display:block;
	}
	#header ul{
        	padding: 0;
        	list-style: none;
		color: #ffffff;	
		cursor: default;
	
    	}
    	#header ul li{
		border: 1px solid black;
        	float: left;
		width: 100px;
		/*width:10%;*/  
		position: relative;
        	text-align: center;
        	line-height: 22px;
		background: #00573D;
		font-family: "Arial";
		font-size: 0.95em;
		/*font-weight: bold;*/
		left: 0px;
		padding: 0px;
    	}
	#header ul li ul{
        	display: none;
		position: absolute;
		left: -1px;
    	}
	#header ul li ul li{
		width: 200px;
		/*text-align: left;*/
		top: 0px;
		/*padding-left: 8px;*/
	}
	#header ul li:hover {
		background: #337964;
	}
	#header ul li table {
		border:0px;
		border-collapse:collapse;
		width:100%;
		
	}
	#header ul li td {
		background: #00573D;
		padding:0px;
		width:50%;
		
	}
	#header ul li td:hover {
		background: #337964;
	}
	#header ul li a:hover {
		background: #337964;
	}
	#header ul li:hover > ul{
        	display: block;
    	}
	#header ul li ul li ul{
		position:absolute;
		left: 100%;
		top: -1px;	
	}
	#header ul li ul li ul{
		top: -1px;
	}	
	#header ul li.right ul li ul{
		position:absolute;
		left: -101%;
		top: -1px;	
	}
	#header ul li.right ul li ul{
		top: -1px;
	}	
	
	/***********************************************************************/
	table#banner {
		position: absolute;
		background: white;
		height: 110px;
		width:1024px;
		border: 1px solid black;
		/*left: 30px;*/
		top: -95px;
		/*width:984px;
		left:-30px;*/
	}
	
	#maincontent {
		position: relative;
		width:988px;
		/*left:5px;*/
		margin:auto;
		/*margin-left:100px;
		margin-right:100px;*/
		top:100px;
		
		
	}
	
	
	/**********************Social Media**************************************/
	/*Adapted from http://cssdeck.com/labs/7m2vszfv*/
	#socmedia {
	position: relative;
	width:180px;
	left: 892px;
	bottom: 1px;
	}
	.share {
	display: inline-block;
	/*margin-right: 20px;*/
	font: 0.875em/1.5 'Helvetica Neue', Helvetica, Arial, sans-serif;
	/*padding: 2px 2px;*/
	}	
	.share a {
	text-decoration: none;
	}

	.share__btn {
	/*border: solid 1px rgba(0, 0, 0, 0.2);*/
	/*border-radius: 3px;*/
	/* add in vendor rules */
	/*box-shadow: inset 0 1px 3px rgba(255, 255, 255, 0.3), 0 1px 3px rgba(0, 0, 0, 0.15);*/
	/* add in vendor rules */
	/*color: #fff;*/
	/*display: inline-block;*/
	/*font-size: 13px;
	font-weight: bold;*/
	/*padding: 5px 10px;*/
	/*text-align: center;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);*/
	}

	.share_size_large > .share__btn {
	/*padding: 5px 0;*/
	width: 100%;
	}
	
	.share_type_twitter > .share__btn {
	background-color: #4099FF;
	}

	.share_type_facebook > .share__btn {
	background-color: #3B5999;
	}
	
	.share_type_gplus > .share__btn {
	background-color: #F90101;
	}
	
	
	
/*************************************************************/
	#myoprods  {
		position:relative;
		margin-left:auto;
		margin-right:auto;
		font-weight:bold;
		font-size:1em;
		}
	#myoprods table{
		position:relative;
		margin-left:auto;
		margin-right:auto;
		}
	#myoprods  table tr td{
		text-align:left;
		}
	#myoprods table tr td.descr{
		font-size:.85em;
		font-style:italic;
		}
	#myoprods  a{
		color:black;
		text-decoration:none;
		display:block;
		}
		
	.imgtable {
		/*display:block;*/
		position:relative; 
		left:-14px;
		margin-left:auto; 
		margin-right:auto; 
		text-align:center; 
		font-weight:bold;
		}
	.imgtable tr td a{
		display:block;
		}
	.imgtable tr td{
		text-align:center;
		background:#ffffff;
		vertical-align:top;
		}
/**************************************************************/
/*Used for satellite landing pages*/

	#sat_table {
		border:1px solid black;
		margin:auto;
		width:900px;
		}
	#sat_table td{
		border:1px solid black;
		width:300px;
		height:160px;
		}
	#sat_table th{
		border:1px solid black;
		width:275px;
		}
	#sat_table2img {
		border:1px solid black;
		width:550px;
		margin:auto;

		}
	#sat_table2img td {
		border:1px solid black;
		width:275px;
		}
	#sat_table2img th {
		border:1px solid black;
		width:275px;
		}
		
/**************************************************************/
/*Used for upper air maps landing page*/
	#upa_table {
		border:1px solid black;
		margin:auto;
		width:920px;
		}
	#upa_table td{
		border:1px solid black;
		width:300px;
		height:250px;
		}
	#upa_table th{
		border:1px solid black;
		width:300px;
		}
	#upa_table2img {
		border:1px solid black;
		width:600px;
		margin:auto;

		}
	#upa_table2img td {
		border:1px solid black;
		width:300px;
		height:250px;
		}
	#upa_table2img th {
		border:1px solid black;
		width:300px;
		}
/**************************************************************/

/*Used for gfs maps landing page*/
	#gfs_table {
		border:1px solid black;
		margin:auto;
		width:1000px;
		margin-left:-14px;
		}
	#gfs_table td{
		border:1px solid black;
		width:500px;
		height:380px;
		}
	#gfs_table th{
		border:1px solid black;
		width:500px;
		}
/**************************************************************/

/*Used for ecmwf maps landing page*/
	#ecmwf_table {
		border:1px solid black;
		margin:auto;
		width:950px;
		margin-left:auto;		
		margin-right:auto;

		}
	#ecmwf_table td{
		border:1px solid black;
		width:475px;
		height:380px;
		}
	#ecmwf_table th{
		border:1px solid black;
		width:475px;
		}
/**************************************************************/
/*Currently used for NAM landing page.  Expand to gfs for new products*/
	#model_table {
		border:1px solid black;
		margin:auto;
		width:995px;
		margin-left:-4px;
		}
	#model_table td{
		border:1px solid black;
		width:325px;
		height:250px;
		}
	#model_table th{
		border:1px solid black;
		width:325px;
		}	
/**************************************************************/

/*Used for ecmwf maps landing page*/
	#rwis_table {
		border:1px solid black;
		position:relative; 
		left:-13px; 
		border-collapse:collapse;

		}
	#rwis_table td{
		border:1px solid black;
		width:250px;
		background-color:black;
		}
	#rwis_table img{
		width:250px;
		}
	#rwis_table th{
		border:1px solid black;
		width:250px;
		height:30px;
		background-color:white;
		vertical-align:bottom;
		
		}
/****************** *******************************************/
	ul.notes {
		font-size:.9em;
		}
	ul.notes a{
		font-weight:bold;
		}
		
		
	
		
/**************************************************************/
	#hours_container {
		width:920px;
		background:white;
		border:1px solid black;
		height:20px;
		margin-bottom:-1px;
		}
	#hours_container_upa {
		width:920px;
		background:white;
		border:1px solid black;
		height:20px;
		margin-bottom:-1px;
		}
	#hours_container_model {
		width:995px;
		background:white;
		border:1px solid black;
		height:20px;
		margin-bottom:-1px;
		margin-left:-4px;
		}
	#hours_container_ecmwf {
		width:964px;
		background:white;
		border:1px solid black;
		height:20px;
		margin-bottom:-1px;
		margin-left:auto;
		margin-right:auto;
		}
/**************************************************************/
	button.hours {		/*Style imageswap hover buttons*/
		background-color:transparent;
		padding-bottom:4px;
		position:relative;
		top:0px;
		border:0;
		color:black; 
		font-family: Arial;
		font-size:.95em;
		font-weight:bold;
		width:60px;
		height:20px;
		margin:0px;
		
		}
	button.hours:hover {
		background-color:lightgray;
		}

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

	#feedback_btn {
		position: absolute;
		border: none;
   		background-color: transparent;
   		padding: 0;
   		text-decoration: none; 
   		color: white; 
		cursor:pointer;
		font-size:1em;
		font-family:arial;
		top:6px;
		left:0px
		}
		
	#donate_btn {
		position: absolute;
		border: none;
   		background-color: transparent;
   		padding: 0;
   		text-decoration: none; 
   		color: white; 
		cursor:pointer;
		font-size:1em;
		font-family:arial;
		top:6px;
		left:70px;
		}
	#disclaimer_btn {
		position: absolute;
		border: none;
   		background-color: transparent;
   		padding: 0;
   		text-decoration: none; 
   		color: white; 
		cursor:pointer;
		font-size:1em;
		font-family:arial;
		top:6px;
		right:0px;
		}