/* style sheets for the weather pages */
/* Like an overloader, uses the classes already made from the site 
 * getting info from, just it forms it to the way we want it ti look */



div#cityf { 
	background: #FFF url("../../images/forecast_box.gif") -1px top repeat;
	border:1px solid #CECBC2; 
	width:450px;
	}
	div#cityf ul {
		margin:0;
		padding:0;
		border:none;
		list-style-type:none;
		}
		div#cityf li {
			padding-left:0; 
			font-weight: normal;
			}
				li.high {color:red;}
				li.low {color:blue;}
	div#cityf div img {
		float:left;
		margin:1px 4px 1px 7px;
		}
	div#cityf div p {overflow:visible;}

/*	
	div#cityf h2 {
		margin:0;
		padding: 4px 3px 2px;
		font-size:12px;
		text-align:center;
		background:#FFF;
		}
			*/
	div#cityf h3 {
		margin:0;
		padding-left:4px;
		font-size:11px;		
		background-color:#336699;
		color:#ffffff;
		text-align:center;
		}
	div#cityf p {
		font-size:11px;
		padding:1px 1px 0px 15px;
		text-align:center;
		font-weight:bold;
		clear:both;
		}

div#f1 {left:0px;width:150px;float:left;overflow:hidden;clear:none;} 
div#f2 {width:150px;float:left;overflow:hidden;clear:none;} 
div#f3 {width:150px;float:left;overflow:hidden;clear:none;} 
div#f4 {width:150px;float:left;overflow:hidden;clear:left;} 
div#f5 {width:150px;float:left;overflow:hidden;clear:none;} 
div#f6 {width:150px;float:left;overflow:hidden;clear:none;}