* { outline: none; }

body
	{
	background: #fff url(/i/back.gif) 50% 0;
	margin: 0;
	padding: 0;
	text-align: center;
	font: small/1.7em verdana, sans-serif;
	color: #444;
	
	}
	
img { border: none; }

a
	{
	color: #07a;
	text-decoration: none;
	outline: none;
	}
	
a:hover { color: #d60; }
	
h2
	{
	position: relative;
	color: #d60;
	font: normal 1.2em/1em helvetica, arial, sans-serif;
	margin: 1em 0;
	padding: 0.5em 0 0.5em 0;
	border-bottom: 1px dotted #bba;
	border-top: 1px solid #000;
	}
	
h2 a { color: #d60; }
	
h2 span
	{
	color: #888;
	}
	
h2 a:hover { color: #b40; }
	
h2 a:hover span { color: #666; }

h3
	{
	font: normal 1.2em helvetica, arial, sans-serif;
	color: #000;
	margin: 1em 0 0.5em 0;
	}
	
h3 a { color: #d60; }
	
h3 a:hover { color: #b40; }
	
ul
	{
	padding: 0;
	margin: 0 0 0.7em 0;
	list-style: none;
	}

p,li
	{
	margin: 0;
	padding: 0;
	font-size: 88%;
	line-height: 1.7em;
	}
		
table
	{
	margin: 0.5em 0 1em 0;
	}
	
td,
th
	{
	font-size: x-small;
	background: #eee;
	padding: 0.2em 0.5em;
	}
	
	
p { margin-bottom: 0.8em; }
	
ul li a
	{
	padding-left: 12px;
	background: transparent url(../img/arrow.gif) no-repeat 0 60%;
	}

ul li a:hover
	{
	background-position: -500px 60%;
	}
	
ul li a span { color: #999; }

ul li a:hover span { color: #443; }

#wrap
	{
	text-align: left;
	width: 970px;
	margin: 0 auto;
	
	}
	

#header
	{
	position: relative;
	height: 105px;
	width: 970px;
	background: url(/i/banner.gif) no-repeat;
	text-indent: -10000px;
	border-top: 1px solid #000;
	margin-top:5px;
	}
#nav {
	height: 20px;
	margin-left: auto; 
 	margin-right: auto;
	width: 400px;
	}
#nav li {
	float: left;
	padding: 0 5px 0 5px;
	}
#nav li a 
	{
	display: block;
	color: #d60;
	}
#nav a:hover {
	color: #07a ;
	}


.left720
	{
	width: 720px;
	float: left;
	}
	
.left470
	{
	width: 470px;
	float: left;
	}
	
.left220
	{
	width: 220px;
	float: left;
	}
	
.right720
	{
	width: 720px;
	float: right;
	}
	
.right470
	{
	width: 470px;
	float: right;
	}
	
.right220
	{
	width: 220px;
	float: right;
	}
	
#footer
	{
	clear: both;
	background: #fff;
	height: 6em;
	}
	
#footer p
	{
	border-top: 1px dashed #aaa;
	position: relative;
	top: 2em;
	text-align: center;
	padding: 1.5em 0;
	font: 9px/1.6em "trebuchet ms", verdana, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #999;
	background: #f2f2f2;
	}
	
#footer p:hover { background: #efefef; }
	
h4
	{
	font-size: 88%;
	line-height: 1.4em;
	margin: 0 0 0.4em 0;
	padding: 0;
	}
	
p.sub
	{
	color: #999;
	margin: 0.5em 0 0.8em 0;
	padding: 0 0 0.8em 0;
	border-bottom: 1px dotted #bba;
	font-size: x-small;
	}
	
p.sub a
	{
	color: #777;
	}
	
p.sub a:hover
	{
	color: #332;
	}
	
ul.weather-list
	{
	width: 100%;
	}
	
.weather-list li
	{
	margin: 0 0 1.2em 0;
	padding: 0;
	font-weight: lighter;
	font-size:10px;
	}
	
.weather-list li p { margin: 0; }
	
.weather-list li a
	{
	background: transparent;
	padding: 0;
	}
	
.weather-list li a span
	{
	color: #888;
	font-weight: lighter;
	font-size:10px;
	}
	
.weather-list li a:hover span { color: #443; }
.footnote
	{
	font-size: x-small;
	color: #888;
	}
.no { display: none; }
.clear { clear: both; }
.red { color: #922; }
.grey { color: #aaa; }

.left { float: left; }
.right { float: right; }

/* The following hack is to correct text size in IE/WIN */

/* \*/

* html body p { font-size: 80%; }
* html body h2 span.ex-nav { padding-top: 0.5em; }
* html body li { font-size: 80%; }
* html body dd p { font-size: 95%; }

/* */