/**********************************
 * TITLE: Gila Screen Stylesheet  * 
 * URI  : gila/gila-screen.css    *
 * MODIF: 2003-Apr-30 19:09 +0800 *
 **********************************/

body {
  color: black;
  background-color: rgb(243,242,235);
  font-family: verdana, helvetica, arial, sans-serif;
  font-size: 73%;  /* Enables font size scaling in MSIE */
  margin: 0;
  padding: 0;
}

html > body {
  font-size: 9pt;
}

.doNotDisplay {
  display: none !important;
}

.darkenBackground { 
	background-color: rgb(0, 0, 0);
	opacity: 0.50;  /* firefox, opera, safari, chrome */
	filter: alpha(opacity=50); /* IE 4, 5, 6 and 7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";	/* IE 8 & beyond? */	
/*	-moz-opacity: 0.50; */
	z-index: 500;
	height: 100%;
	width: 100%; 
	background-repeat: repeat;
	position: absolute;
	top: 0px;
	left: 0px;
}

html>body .darkenBackground { position:fixed; } 

.picfl {
	   float:left;
	   padding-right: 5px;
	   position: relative;
}

.picfm {
	   float:left;
	   padding-right: 5px;
	   position: relative;
	   width: 320px;
	   height: 240px;
	   border: 0;
}
.picfr {
	   float:right;
	   padding-left: 5px;
	   position: relative;
}

.picfc {
	   text-align: center;
	   padding-left: 5px;
	   padding-right: 5px;
	   position: relative;
}


/* ##### Header ##### */

/* ##### CHANGE background-color to change header color, hex code is OK #6699FF */
/* ##### Hex Color Chart - http://www.hypersolutions.org/pages/rgbhex.html  ##### */

#header {
	color: inherit;
	background-color: #E6DFCF;           /*#E6DFCF;*/
	background-image: url(fixedgrafx/2tan125.png);
	border: 1px solid rgb(107,107,107);
	height: 65px; /*Height of top section*/
	clear: right;
}
div.center {
    text-align: center;
}

div.center table {
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

.wxlogo {
	position: absolute;
	left: 5px;
	top: 20px;
}

.headerTable {
	position: absolute;
	left: 550px;  /* was 550 */
	top: 15px;
}
.headerTitle {
  margin: 0;
  padding: 0.25em 4mm 0.25em 4mm;
}

.headerTitle a {
  color: black;
  background-color: transparent;
  text-decoration: none;
  font-size: 110%;  /* For MSIE */
  font-weight: bold;
  font-style: italic;
}

.headerTitle > a {
  font-size: 110%;  /* For fully standards-compliant user agents */
}

.headerTitle2 span {
  position: absolute;
  left: 40%;
  top: 275px;    /* Not currently used */
  z-index:100;
  color: black;
  background-color: white;
  font-weight: normal;
  font-weight: bold;
}

.headerTitle3 span {
  position: absolute;
  left: 39.75%; 
  top: 305px;    /* Not currently used */
  z-index:100;
  color: black;
  background-color: white;
  font-weight: normal;
  font-weight: bold;
}

.headerTitle {
  margin: 0;
  padding: 0.25em 4mm 0.25em 4mm;
}

.myheaderTemp {
	font-size: 30px;
	text-align: right;
}

.headerTemp {
	font-size: 28px;
	font-weight: bold;
	position: absolute;
	right: .5ex;
	top: 301px;
	left: 449px;
	width: 203px;
}
.headerTemp1 {
  font-size: 30px;
  font-weight: bold;
  position: absolute;
  right: .5ex;
  top: .6em;
}

.feelsLike {
  font-size: 10px;
  font-weight: bold;
  position: absolute;
  right: .1ex;
  top: 4em;
}

.radio {
	position: absolute;
	right: 130px;
	top: 15px;
}
.hello {
	position: absolute;
	left: 335px;
	top: 23px;
  	font-size: 20px;
	font-weight: bold; 
	font-style: italic;	
	color: black;
}

[class~="headerTemp"] {
  top: 0.18em;  /* For fully standards-compliant user agents */
}

.subHeader {
  color: white;
  float: left;
  clear: left;
  position: relative;
  background-color: black;
  background-image: url(fixedgrafx/blackbar.png);
  font-size: 109%;
  margin: 0;
  padding: 0.5ex 1ex;
}
.subHeaderCenter {
  position: absolute;
  left: 40%;
  top: 72px;
/*
  color: white;
  background-color: black;
  font-size: .9em;
  text-align: center;
  margin:  0 0 0 200;
  padding: 0;
  padding-left: 200px;
  */
}
.subHeaderRight {
	color: white;
	background-color: black;
  	background-image: url(fixedgrafx/blackbar.png);
	font-size: 109%;
	text-align: right;
	margin:  0;
	padding: 0.5ex 2ex;
	clear: right;
}
.subHeaderLeft {
  color: white;
  background-color: black;
  font-size: 109%;
  text-align: left;
  margin:  0;
  padding: 0.5ex 1ex;
}

.subHeaderCenter a {
/*  Change nothing???
  color: white;
  background-color: black;
  text-decoration: none;
  font-weight: bold;
  margin: 0;
  padding: 0 1ex;
*/  
}

.subHeaderCenter a:hover {
  color: white;
  background-color: black;
/*
  color: black;
  background-color: white;
  */
}


/* ##### Left Side Bar ##### */
/* ##### 9.5em ##### */
.leftSideBar {
  width: 9.5em;
  height: 100%;
  float: left;
  clear: left;
}

.leftSideBar .days{
   font-size: 8pt;
   text-align: center;
}

.leftSideBar .sideBarTitle {
  color: rgb(64,64,64);
  background-color: rgb(230,223,207);
  background-image: url(fixedgrafx/tan50.png);
  font-weight: bold;
  margin: 0;
  padding: 0.8ex 1ex;
}

.leftSideBar ul {
  list-style-type: none;
  list-style-position: outside;
  margin: 0 0 1em 0;
  padding: 0;
}

.leftSideBar li {
  margin: 1ex;
  padding: 0 0 0 0;
}

.leftSideBar a {
  color: rgb(64,64,64);
  background-color: transparent;
  text-decoration: none;
}

.leftSideBar a:visited {
  color: rgb(64,64,64);
  background-color: transparent;
  text-decoration: none;
}

.leftSideBar ul li a:hover {
  color: #996666;
  background-color: transparent;
  text-decoration: underline;
 }

.leftSideBar a:active {
  color: #996666;    /* rgb(64,64,64);*/
  background-color: transparent;
  font-weight: bold;
}

.leftSideBar .sideBarText {
  background-color: transparent;
  color: rgb(64,64,64);
  line-height: 1.25em;     /* line-height: 1.25em;*/
  margin: 1ex 0.25ex 0em 0.75ex;  /* margin: 1ex 0.25ex 1.5em 0.75ex;  top, right, bottom, left*/
  padding: 0;
  display: block;
}

.leftSideBar .sideBarText a {
  text-decoration: underline;
  font-weight: bold;
}

.leftSideBar .sideBarText a:visited {
  text-decoration: underline;
  font-weight: bold;
}

.leftSideBar .sideBarText a:hover {
  text-decoration: none;
}

.leftSideBar .sideBarText a:active {
  color: #777777;    /* rgb(64,64,64);*/
  background-color: transparent;
  font-weight: bold;
}

.leftSideBar .thisPage {
  color: #777777;    /* rgb(64,64,64);*/
  background-color: transparent;
  font-weight: bold;
}

.indent {
  font-size: 8pt;
  margin: 1ex 0.1ex 0em 1.5ex;  /* margin: 1ex 0.25ex 1.5em 0.75ex;  top, right, bottom, left*/
  padding: 0;
}

.lyte {
  color: black;
}
.lyte a {
  color: rgb(168,140,83);
  background-color: transparent;
}

/* ##### Main Copy ##### */

#main-copy {
  color: black;
  background-color: white;
  text-align: justify;
  line-height: 1.5em;
  margin: 0 0 0 0;
  padding: .5ex 1em 1em 1em;
  border-left: 1px solid rgb(216,210,195);
}

#main-copy-dark {
  color: white;
  background-color: black;
  text-align: justify;
  line-height: 1.5em;
/* margin: .1em 0 0 9.5em;*/
  padding: .5ex 1em 1em 1em;
  border-left: 1px solid rgb(216,210,195);
}

#main-copy h1 {
  color: rgb(166,140,83);
  background-color: transparent;
  font-family: arial, verdana, helvetica, sans-serif;
  font-size: 175%;
  font-weight: bold;
  font-style: italic;
/*  margin: 1em 0 0 0;
  padding: 1em 0 0 0;
  border-top: 1px solid rgb(216,210,195); */
}

#main-copy a {
  color: rgb(168,140,83);
  background-color: transparent;
/*  text-decoration: underline;*/
}

.table-top {
  color: black;
  background-color: rgb(230,223,207);
  background-image: url(fixedgrafx/tan25.png);
  border: 1px solid rgb(107,107,107);
  text-align: left;
/*  font-style: italic; */
  font-weight: 500;
}

.hilite-box-center {
  color: black;
  background-color: rgb(230,223,207);
  text-align: center;
}

.hilite-box-left {
  color: black;
  background-color: rgb(230,223,207);
  text-align: left;
  padding: 20px;
}

.outline-box-left {
  color: black;
  background-color: #f3f2eb;
  text-align: left;
  padding: 20px;
  border-style: solid;
  border-left-width: thin;
  border-top-width: thin;
  border-right-width: medium;
  border-bottom-width: medium;
}

.box-dark {
  color: black;
  background-color: rgb(243,242,235);
  background-image: url(fixedgrafx/mgray200.png);
  border: 1px solid #DEDEDE;
}  

.box-dark a {color: #DEDEDE;}
.box-dark a:link {color: #DEDEDE;}
.box-dark a:active {color: #DEDEDE;}
.box-dark a:visited {color: #DEDEDE;}
.box-dark a:hover {color: #DEDEDE;}

.column-dark {
  color: black;
  background-color: rgb(243,242,235);
  background-image: url(fixedgrafx/mgray50.png);
  border: 1px solid #DEDEDE;
}

.column-light {
  color: black;
  background-color: white;
}

#main-copy a:hover {
  text-decoration: none;
}

p {
  margin: 1em 0 1.5em 0;
  padding: 0;
}

dt {
  font-weight: bold;
  margin: 0;
  padding: 0 0 0.5ex 0;
}

dd {
  margin: 0 0 1.5em 1.5em;
  padding: 0;
}

.advisoryBoxnoactive {   /* Doesn't get used in this implementation */
  color: white;
}
.advisoryBoxnoactive a {
  color:white;  
}
/* All hovers are covered in .subHeader up above */
/* Colors at http://www.w3schools.com/html/html_colornames.asp */
.advisoryBox {
}
.advisoryBox a {
  color: PaleGreen;
}

.watchBox {
}
.watchBox a {
  color: #FFFF66;     /*Yellow;*/
}

.warningBox {
}
.warningBox a {
  color: Tomato;  
}

.tornadowarningBox {
}
.tornadowarningBox a {
  color: Lime;
  font-weight: bold;
}
.tornadowarningBox a:hover {
  color: White;
  font-weight: bold;
}

.specialBox {
  color: white;
  font-size: 13px;
  text-align: center;
  background-color: #E28080;
  margin: 0 0 0 0;
  padding: .5em 0em .5em 0em;
  border: 0px dashed rgb(255,255,255);
}

.partners {
  color: black;
  background-color: rgb(230,223,207);
  font-size: 92%;
  text-align: center;
  line-height: 1.25em;
  margin: 0;
  padding: 1em 4mm 1em 4mm;
  clear: both;
}

/* ##### Footer ##### */

#footer {
  color: black;
  background-color: rgb(230,223,207);
  background-image: url(fixedgrafx/tan150.png);
  font-size: 92%;
  text-align: center;
  line-height: 1.25em;
  margin: 0;
  padding: 1em 4mm 1em 4mm;
  clear: both;
}

#footer div {
  margin: 0;
  padding: 0 0 1ex 0;
}

#footer a {
  color: black;
  background-color: transparent;
  text-decoration: underline;
  font-weight: bold;
}

#footer a:visited {
  color: black;
  background-color: transparent;
  text-decoration: underline;
  font-weight: bold;
}

#footer a:hover {
  text-decoration: none;
}

#container {
   PADDING-RIGHT: 1px;
   PADDING-LEFT: 1px;
   PADDING-BOTTOM: 1px;
   PADDING-TOP: 1px;
   POSITION: relative;
}

.style5 {
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
}

.normtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
}

/* Beginning of Dynamic Drive Stuff */
body{
margin:0;
padding:0;
line-height: 1.5em;
}

b{font-size: 110%;}
em{color: red;}


#topsection{
background: #EAEAEA;
height: 65px; /*Height of top section*/
}

#topsection h1{
margin: 0;
padding-top: 15px;
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin-left: 115px; /*Set left margin to LeftColumnWidth*/
}

#leftcolumn{
float: left;
width: 115px; /*Width of left column*/
margin-left: -100%;
background-color: rgb(243,242,235);
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}
/* End of Dynamic Drive Stuff */

.bak2top {
  font-family: Arial;
  font-size: 10px;
  color: #000000;
/*  background-color: #CCCCFF;  */
  background-image: url(fixedgrafx/dkgray50.png);
  border: 1px solid;
  border-color: #996666;
  padding: 2px;
}

.sparkline { 
    border: 1px solid #C0C0C0;
    border-right: 3px solid #C0C0C0;
    border-bottom: 3px solid #C0C0C0;   /* #E6DFCF */
	margin: .75em .5em 0em .5em;  /* top, right, bottom, left*/
}

.wxcam{
	background-color: gray;
	border-width: 1px 1px 1px 1px;
	border-collapse: collapse; /* border-collapse needed by Win IE which doesn't understand border-spacing. */
	border-spacing: 0px;
	border-style: outset outset outset outset;
	border-color: gray gray gray gray;
	padding: 0;
	min-width: 645px;
	height: 480px;
}

#sunchar {
    margin: 0 auto; /* this will center the div */                                       /* was margin: 0 0 0 -8px; */
    width: 406px; /* the width of the chart image plus the width of the arrow */         /* was width: 380px; */
    text-align: left;
}

.riverimage {
   position: relative;
   width: 100%; /* for IE 6 */
}

.rivertext {
  position: relative;
  left: 400px;
  top: 360px;    
  color: white;
  font-weight: normal;
}

.noscript {
  position:absolute;
  top:10px; left:50%;
  width:340px;  
  margin-left:-170px;  
  text-align:center;
  border: 1px solid black;
  font-size: 80%;
  line-height:120%;
  padding: 4px 0px 4px 0px;  
}

/* ======================================================
This copyright notice must be untouched at all times.
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyout_4level.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.
========================================================= */  
.newSideBar {
  width: 9.5em;
  height: 100%;
  float: left;
  clear: left;
}

#ajaxgr3 {
  width: 100px;
  height: 100px;
  border: 0px;
}

.radarbox {
  background-color: #DEDEDE;
  text-align: center;
  margin: 0;  /* margin: 1ex 0.25ex 1.5em 0.75ex;  top, right, bottom, left*/
  padding: 8px;
}

.menu { margin: 0px; height: 415px; font-size: 9pt; font-family: verdana; cursor: none;} /* IE requires the height in order to position correctly */
.menu ul { margin: 0pt; padding: 0pt; position: relative; z-index: 500; list-style-type: none; width: 8.5em; }
	/* Main Color in next 2 */
.menu li { background-color: #f3f2eb; float: left; }   
.menu li.sub { background: #f3f2eb url(fixedgrafx/sub8.gif) no-repeat right center;}     

.menu table { position: absolute; border-collapse: collapse; top: 0pt; left: 0pt; z-index: 100; font-size: 1em; margin-top: -1px; }
	/* border color here  and text color here */

.menu a, .menu a:visited { border-top: 1px solid #ffffff; border-right: 1px solid #d8d2c3; border-bottom: 1px solid #d8d2c3; border-left: 1px solid #ffffff; display: block; text-decoration: none; height: 2em; line-height: 2em; width: 8.5em; color: #000000; padding-left: 1em; font-weight: normal; font-style: normal; font-variant: normal; text-transform: none; }	

.menu b { float: right; margin-right: 5px; }
* html .menu a, * html .menu a:visited { width: 8.5em; }

	/* highlighting text color and background in this group */
* html .menu a:hover { color: #a88c53; background-color: #f3f2eb; position: relative; font-weight: normal; font-style: normal; font-variant: normal; text-decoration: none; text-transform: none; background-image: url(fixedgrafx/MedGrayBar.png);}
.menu li:hover { position: relative; }

.menu a:active, .menu a:focus { color: #000000; background-color: #f3f2eb; font-weight: normal; font-style: normal; font-variant: normal; text-decoration: none; text-transform: none; outline: 0; }
/*
.menu a:active, .menu a:focus { color: #a88c53; background-color: #f3f2eb; font-weight: bold; font-style: italic; font-variant: normal; text-decoration: none; text-transform: none; background-image: url(fixedgrafx/MedGrayBar.png);}
*/
.menu li:hover > a { color: #a88c53; background-color: #f3f2eb; font-weight: bold; font-style: italic; font-variant: normal; text-decoration: none; text-transform: none; background-image: url(fixedgrafx/MedGrayBar.png);}

/* Padding was 2em                                                     was 1.2em                    was 6em   */
.menu li ul { padding: 1em; visibility: hidden; position: absolute; top: -.1em; left: 8em; background-color: transparent; }
.menu li:hover > ul { visibility: visible; }
.menu ul a:hover ul ul { visibility: hidden; }
.menu ul a:hover ul a:hover ul ul { visibility: hidden; }
.menu ul a:hover ul a:hover ul a:hover ul ul { visibility: hidden; }
.menu ul a:hover ul { visibility: visible; }
.menu ul a:hover ul a:hover ul { visibility: visible; }
.menu ul a:hover ul a:hover ul a:hover ul { visibility: visible; }
.menu ul a:hover ul a:hover ul a:hover ul a:hover ul { visibility: visible; }

.yolink {
  text-decoration: none;
}
.yolink a {
    text-decoration: none;
}