html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, 
pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, 
strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, 
legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, 
canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, 
section, summary, time, mark, audio, video {
	margin: 0; 
	padding: 0; 
	border: 0; 
	outline: 0; 
    font-size: 10pt;
	vertical-align: baseline;
	background: transparent;
}

body { 
	/***  CSS Text and Font  ***/
	font-family:Helvetica,Arial,'DejaVu Sans','Liberation Sans',Freesans,sans-serif;
	font-size:12px;
	background: #777;
	color: white;
    background-image: url("script/mobile_site_page_bkg.png");
    background-position: top;
    background-repeat: repeat-x;
}

h1 {
    text-align: center;
    margin-top: 10px;
    font-size: 24px;
}

h1 a {
    text-decoration: none;
}

h1 a:hover {
    color: #ddddff;
    text-decoration: underline;
}

h1 a:active, h1 a:visited, h1 a:link {
    color: #ffffff;
}

h2 {
    text-align: center;
    margin-top: 3px;
    font-size: 14px;
}

h2 sup {
	font-size: 8px;
	text-decoration: underline;
	vertical-align: top;
}

h3 {
    text-align: center;
    margin-top: 3px;
    font-size: 12px;
}

div.outer {
	/***  CSS Box Model  ***/
	width:300px;
	margin: auto;
	background: #114;
	margin-top: 20px;
    background-image: url("script/mobile_site_bkg.png");
    background-position: top;
    background-repeat: repeat-x;
	
	/***  CSS Borders  ***/
	border:5px solid rgb(64, 64, 128);
	
	/***  CSS Rounded Corners  ***/
	border-radius:15px;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	
	/***  CSS Shadows  ***/
	/*
	box-shadow: 5px 5px 8px rgba(192, 192, 192, 1.000);
	-webkit-box-shadow: 5px 5px 8px rgba(192, 192, 192, 1.000);
	-moz-box-shadow: 5px 5px 8px rgba(192, 192, 192, 1.000);
	*/
}

div.displayHeader {
	width: 100%;
}

div.headerTop {
	width: 100%;
	margin-top: 20px;
}

div.headerBottom {
	width: 100%;
	clear: both;
}

div.largeTemperature {
	width: 50%;
	float: left;
}

div.weatherIcon {
    width: 48%;
	float: right;
}

div.weatherIcon span {
	margin: auto;
}

div.weatherIcon img {
	margin: auto;
}

div.temperatureData {
	margin-top: 10px;
	float: right;
}

span.temperatureField {
	font-size: 60px;
	float: right;
}

span.temperatureTrendField {
	clear: both;
	float: right;
}

div.windChillField {
	display: none;
	clear: both;
	float: right; 
}

div.temperatureHiLo {
	clear: both;
	text-align: right;
}

span.degreesCLabel {
	position:relative;
  	float: right;
}

span.dateTimeField {
	margin: 3px auto;
}

div.displayBody {
	clear: both;
}

div.displayFooter {
	width: 100%;
	text-align: center;
	margin: 20px 0px;
}

div span.externalLinks {
	clear: both;
}

span.externalLinks a {
	margin: 0px 0px;
}

span.externalLinks img {
	margin: 0px auto;
}

dl {
	width:100%;
	overflow:hidden;
	margin-top: 20px;
}

dt {
	float: left;
	width: 50%;
	text-align: right;
	padding-top: 3px;
	padding-bottom: 3px;
	color: white;
}

dd {
	float: left;
	width: 50%;
	padding-top: 3px;
	padding-bottom: 3px;
	color: white;
}

.even {
	background: #114;
}

.odd {
	background: #116;
}