@import url("reset.css");
@import url("typography.css");

/* HEADER */


header.h {
	background:SteelBlue;
	margin:0 auto;
	position:fixed;
	top:0;
	left:0;
	width:100%;
   }

header.h a {
			display:inline-block; 
			background:cornflowerblue; 
			height:36px; 
			padding:0px 20px 0px 20px; 
			-moz-border-radius: 5px 5px 0 0; 
			cursor:pointer;
			border:none;
 		}
header.h a.active {
			background:White;
			border-style:solid;
			border-bottom-style:hidden;
}
	
:link {
		color:black;
		text-decoration: none;}
:visited {
		color:black;
		text-decoration: none;}

header.h h1 {
    display:inline;
	color:white;
	}


.mainbody{
		position: static;
		text-align: left;
		margin: 0;
		overflow:auto;

}

div#weather {width:50%; float:left;background:white;}
div#weather img {border:none; float:left;}
div#weather ul {list-style-type:none;}
div#weather A {border: none;}
.low{color:blue;}
.high{color:red;}

h3	{
	background:SteelBlue;
	color: black;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;  
	}

.clear {
	clear:both;
	}

.cnleft { 
  float: left;
  text-align: left;
  width: 25%;
  margin: 0px;
  padding: 0px;	
  padding-right: 5px;
  padding-top: 90px;  
}

.cnright {
  float: right;
  text-align: left;
  width: 25%;
  margin: 0px;
  padding: 0px;
  padding-left: 5px;
  padding-top: 90px;
  }

.cncentre 
{
  float: left; 
  text-align: left;
  width: 49%;
  margin: -1px;
  padding: 0px;
  padding-top: 90px;
}

.cnright2 
{
  float: left; 
  text-align: left;
  width: 70%;
  margin: 0px;
  padding: 0px;
  padding-top: 90px;
}