* { margin: 0; padding: 0; border: 0; }

body {
	width: 100%;
	height: 100%;
}

a, a:visited {
	font-size: 13px;
	color: #30408f;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.clearer{
	height:1px;
	overflow:hidden;
	margin-top:-1px;
	clear:both;
}


div.site {
	position: absolute;
	left: 0; right: 0; top: 0px; bottom: 0px;
	background: #fff; 
	width: 990px; height: 100%;
	margin: 0 auto;
	padding: 0;
	font: 12px Arial;
	overflow: hidden;
}

div.header {
	background: #fff url(gfx/logo.gif) left top no-repeat; 
	height: 128px;
	margin-top: 4px;
}

div.header p {
	font-size: 20px;
	padding: 90px 0 0 0;
	text-align: right;
}

div.footer {
	position: absolute;
	left: 0; right: 0; bottom: 8px;
	width: 100%;
	padding: 4px 0 4px 0;
	background: #2c6daf;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#2c6daf');
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#2c6daf)); 
	background: -moz-linear-gradient(top,  #fff,  #2c6daf); 
	color: #000;
	text-align: center;
	border-radius: 4px;
}

div.main {
	margin: 2px 0 10px 0;
}

div#menu {
	float:right;
	position:relative;
	left:-50%;
	text-align:left;
	margin-bottom: 8px;
}

ul.menu {
	list-style:none; 
	position:relative;
	left:50%;
	margin:0;
	padding:0;
}

li.menu {
	background: #eee url(gfx/arrow_r.gif) left center no-repeat;
	font: bold 13px Arial;
	color: #07635e;
	float: left;
	padding: 2px 8px 2px 14px;
	margin-right: 10px;
	border: 1px solid #ddd;
	border-radius: 4px;
	cursor: pointer;
}

li.menu:hover, li.menu_selected {
	background: #eee url(gfx/arrow_d.gif) left center no-repeat;
}


ul.sub_menu {
	margin: 3px 0 0 -8px;
	padding: 6px;
	display: none;
	position: absolute;
	list-style: none;
	border: 1px solid #ddd;
	border-radius: 4px;
	background: #fff;
	cursor: default;
	-moz-box-shadow: 3px 6px 5px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 3px 6px 5px rgba(0, 0, 0, 0.3);
	box-shadow: 3px 6px 5px rgba(0, 0, 0, 0.3);
	z-index: 2;
}

li.sub_menu {
	padding: 2px 10px 2px 4px;
	border-bottom: solid 1px #ddd;
	min-width: 100px;
}

li.sub_menu:nth-child(odd) { background-color: #f8f8f8; }
li.sub_menu:nth-child(even) { background-color: #f0f0f0; }
li.sub_menu:hover { background-color: #e0e0e0; }



#weather {
	float: left;
	width: 250px;
	padding: 6px 0 4px 0;
}

#city_select {
	border: solid 1px #aaf;
	font-size: 13px;
}

table.weather {
	width: 100%;
	margin-top: 2px;
	border: solid 1px #aaf;
	border-radius: 8px;
}

table.weather tr:nth-child(odd) { background-color: #f5f5f5; }

table.weather tr:nth-child(even) { background-color: #fff; }

table.weather td {
	padding: 0 1px;
}

table.weather td.hi {
	font: bold 14px Arial;
	color: #000;
}

table.weather td.low {
	font: bold 13px Arial;
	color: #888;
}