/* 
** Plone style sheet for CSS2-capable browsers.
** Copyright Alexander Limi, 2002 - http://limi.net
**
** Thanks to Geir Baekholt, Stian Soiland for input and guidance.
**
** Style sheet documentation can be found at http://plone.org/documentation
**
** Feel free to use whole or parts of this for your own designs, but give credit
** where credit is due.
**
**as above I take no credit for creating this stylesheet
*/


body {
	background: #666;
	color: black;
	margin: 0;
	padding: 0;
	vertical-align:text-top;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 80%;
}
p {
	margin: inherit;
	text-align: left;
	margin-top: 10px;
	margin-bottom: 10px;
}
p.justified {
	text-align: justify;
}
p img {
	border: 0;
	margin: 0;
}
table {
	background: #FFF;
	font-size: 100%;
	vertical-align: top;
}
td {
	text-align: left;
	vertical-align: top;
}
table td.header {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
table td.left {
	text-align: left;
	margin: 0px 0px 0px 0px;
	vertical-align: top;
}
table td.center {
	text-align: center;
	margin: inherit;
	vertical-align: top;
}
table td.right {
	text-align: right;
	margin: inherit;
	vertical-align: top;
}
table.container {
	width: 850px;
	font-size: 100%;
	vertical-align: top;
	margin-left: auto;
	margin-right: auto;
}
table.columns {
	border-collapse: collapse;
	width: 100%;
	text-align: left;
	vertical-align: top;
}
table.columns td.menu {
	width: 200px;
	margin: inherit;
	vertical-align: top;
	text-align: left;
	padding-top: 0em;
	padding-right: 0em;
	padding-bottom: 0em;
	padding-left: 0.5em;
}
table.columns td.main {
	padding: 0.0em 0.0em 0.0em 0.5em;
	height: auto;
	text-align: left;
	vertical-align: top;
}
a {
	text-decoration: none;
	color: #003399;
	background-color: transparent;
	font-weight: normal;
}
a.selected {
	color: #666;
	font-weight: bold;
}
a:hover {
	color: #F00;
}
img {
	border: none;
}
.graphic {
	margin: 0.5em;
}
hr {
	border-color: #000;
}
h1, h2, h3, h4, h5, h6 {
	color: Black;
	background: transparent;
	border-bottom-color: #000;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	margin: inherit;
	margin-top: 0px;
	margin-bottom: 0px;
}
h1 {
	font-size: 160%;
}
h2 {
	font-size: 150%;
	font-style: italic;
	font-weight: normal;
	border: none;
}
h3 {
	font-size: 140%;
}
h4 {
	font-size: 120%;
}
h5 {
	font-size: 100%;
}
h6 {
	font-size: 90%;
}
ul {
	line-height: 1.2em;
	margin-left: 2em;
	padding:0;
	list-style-type: circle;
	list-style-image: inherit;
}
ol {
	margin-left: 2em;
	padding:0;
}
fieldset {
	border: 1px solid #000;
	margin: 2em 0em 1em 0em;
	padding: 1em 0em;
}
legend {
	font-size: 80%;
	background: White;
	padding: 0.5em;
}
form {
	border: none;
	margin: 0;
}
textarea {
	border: 1px solid #000;
	color: Black;
	background-color: white;
	width: 88%;
	padding: 0.1em;
}
input {
	font: 100% Verdana, Helvetica, Arial, sans-serif;
	border: 1px solid #000;
	color: Black;
	background-color: white;
	vertical-align: middle;
	margin-bottom: 1px; /* IE bug fix */
	padding: 0.1em;
}
input a:hover {
	background: #DEE7EC;
	border-color: 000;
	color: #4F4276;
}
select {
	font: 100% Verdana, Helvetica, Arial, sans-serif;
	border: 1px solid #8CACBB;
	vertical-align: top;
}
q {
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 120%;
}
blockquote {
	margin: 0 1em;
	padding: 0;
	outline: solid 0.1em black;
}
code {
	font-size: 120%;
	color: Black;
	background-color: #F6F6F6;
}
pre {
	font-size: 120%;
	padding: 1em;
	border: 1px solid #000;
	color: Black;
	background-color: #F6F6F6;
}
/*
** Structural Elements
*/

div.top {
	/* Top section */
    background: transparent;
	margin: 0;
	padding: 0;
	vertical-align: top;
}
div.top td {
	text-align: left;
	white-space: nowrap;
	vertical-align: top;
}
div.tabs {
	/* Navigational Plone Tabs(tm), implemented by customizing the a tag - they are surprisingly elegant. The power of 
CSS runs strong in these :) */
 background: transparent;
	border-collapse: collapse;
	border-bottom-color: #000;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	padding: 0.5em 0em 0em 0em;
	white-space: nowrap;
	text-align: center;
}
div.tabs a {
	/* The normal, unselected tabs. They are all links */
 background: #FFF;
	border-color: #000;
	border-width: 1px;
	border-style: solid solid none;
	color: #000;
	font-weight: normal;
	margin-right: 0.5em;
	padding:0 2em;
}
div.tabs a.selected {
	/* The selected tab. There's only one of this */
 background: #FFF;
	border: 1px solid #000;
	border-bottom: #000 1px solid;
	color: #FFF;
	font-weight: bold;
}
div.tabs a:hover {
	background: #FFF;
	border-color: #F00;
	border-bottom-color: #F00;
	color: #F00;
}
div.links {
	padding: 0.5em 0em 0em 0em;
	white-space: nowrap;
	text-align: center;
}
div.links a {
	text-decoration: none;
	color: #003399;
	background-color: transparent;
}
.footer {
	background: #FFF;
	text-align: center;
	font-size: 80%;
	border-bottom-color: #000;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-top-color: #000;
	border-top-width: 1px;
	border-top-style: solid;
}
.small {
	font-size: 80%;
}
.large {
	font-size: 120%;
}
.smallcaps {
	font-variant: small-caps;
}
.indent {
	margin-left: 5px;
}
.box {
	background: #FFF;
	font-size: 100%;
	border-color: #000;
	border-width: 1px;
	border-style: solid;
}
.stickerbody {
	margin:0px;
	padding:0px;
}
.wXbody, .wXheader, .wXalert, .wXgrill, .forecast {
	font-family:Arial, Helvetica;
	font-size:9px;
}
.wXbody {
	width:728px;
	height:90px;
	border:1px black solid;
no-repeat;
	text-align:left;
	background-image: url(images/bg.gif);
}
.wXheader {
	margin-left:8px;
	line-height:12px;
	height:12px;
}
.wXgrill {
	height:56px;
	margin-left:8px;
	margin-top:2px;
}
.wXgrill #thermometer {
	float:left;
	height:56px;
	margin:5px 0 0 4px;
}
.wXgrill #temperature {
	float:left;
	height:56px;
	margin:9px 0 0 4px;
}
.wXgrill #compass {
	float:left;
	height:56px;
	margin:5 0 0 12px;
	padding-left:8px;
}
.wXalert {
	background:url(../../../Images/Stickers/v2/180x150/alert.gif) no-repeat;
	padding:1px 50px 0px 50px;
	color:#ffffff;
	text-align:center;
	margin-top:-14px;
	float:left;
	margin-left:80px;
}
.wXalert a:link, .wXalert a:visited {
	color:#ffffff;
}
.wXheader #zipcode {
	font-weight:bold;
	font-size:10px;
	margin-top:-13px;
}
.wXheader #zipcode a:link, #zipcode a:visited {
	text-decoration:none;
	color:#000000;
}
.wXheader #schoolname {
	font-weight:normal;
	margin-top:-10px;
}
#compass {
	width:56px;
	text-align:center;
	margin-top:5px;
}
.compass-n {
	background:url(../../../Images/Stickers/v2/728X90/compass-n.gif) no-repeat center;
	margin-top:5px;
}
.compass-ne {
	background:url(../../../Images/Stickers/v2/728X90/compass-ne.gif) no-repeat center;
	margin-top:5px;
}
.compass-e {
	background:url(../../../Images/Stickers/v2/728X90/compass-e.gif) no-repeat center;
	margin-top:5px;
}
.compass-se {
	background:url(../../../Images/Stickers/v2/728X90/compass-se.gif) no-repeat center;
	margin-top:5px;
}
.compass-s {
	background:url(../../../Images/Stickers/v2/728X90/compass-s.gif) no-repeat center;
	margin-top:5px;
}
.compass-sw {
	background:url(../../../Images/Stickers/v2/728X90/compass-sw.gif) no-repeat center;
	margin-top:5px;
}
.compass-w {
	background:url(../../../Images/Stickers/v2/728X90/compass-w.gif) no-repeat center;
	margin-top:5px;
}
.compass-nw {
	background:url(../../../Images/Stickers/v2/728X90/compass-nw.gif) no-repeat center;
	margin-top:5px;
}
#compass #windspeed {
	font-size:13px;
	font-weight:bold;
	margin-top:16px;
	margin-left:-5px;
}
#compass #wsmeasure {
	font-size:7px;
	font-weight:bold;
	margin-left:-5px;
}
.wXbody .wXlinks {
	height:15px;
	line-height:15px;
	text-align:left;
	margin-top:-50px;
	margin-left:556px;
	font-size:11px;
	padding-top:3px;
}
.wXbody .wXlinks2 {
	height:15px;
	line-height:15px;
	text-align:left;
	margin-top:5px;
	margin-left:556px;
	font-size:11px;
	padding-top:5px;
}
.wXbody .wXlinks3 {
	height:15px;
	line-height:15px;
	text-align:left;
	margin-top:5px;
	margin-left:590px;
	font-size:11px;
	padding-top:5px;
}
.wXlinks a:link, .wXlinks a:visited, .wXlinks2 a:link, .wXlinks2 a:visited, .wXlinks3 a:link, .wXlinks3 a:visited {
	text-decoration:none;
	color:#0000ff;
	padding-right:12px;
}
.wXheader h1 {
	font-size:10px;
	margin:0px;
	padding:0px;
	font-weight:normal;
}
.wXheader #zipcode {
	font-weight:bold !important;
	font-size:11px !important;
}
#temperature h2 {
	font-size:24px;
	display:inline;
	height:43px;
	line-height:43px;
	margin:0px;
	padding:0px;
	color:#000000;
}
#temperature h2.wX100plus {
	font-size:24px;
	color:#000000;
}
.forecast {
	margin-left:167px;
	width:220px;
	margin-top:-62px;
}
.day1 {
	float:left;
	width:80px;
	margin-left:10px;
}
.day2 {
	float:right;
	width:80px;
	margin-right:10px;
	margin-top:-62px;
}
.day {
	font-size:14px;
	text-align:left;
	padding-right:1px;
}
.cond {
	float:left;
	padding-right:5px;
}
.high {
	float:left;
	vertical-align:top;
	font-size:14px;
	font-weight:bold;
}
.low {
	float:left;
	font-size:14px;
}
.wXbody .logo {
	margin-left:5px;
	margin-top:20px;
	width:118px;
}
.wXbody .local {
	margin-left:8px;
	margin-top:10px;
	width:108px;
}
.wXbody .frame {
	margin-left:143px;
	margin-top:-74px;
}
.error {
	font-family:Arial, Helvetica;
	font-size:11px;
	color:#ff0000;
}