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

body {
  color: #006666;
  background-color: #E0EFEC;
  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;
}

#page {
  margin: 20px auto;
  color: black;
  background-color: white;
  padding: 0;
  width: 800px;
  border: 1px solid #959596;
}

.doNotDisplay {
  display: none !important;
}

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

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

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

.shadow { 
  text-shadow: black 0.2 0.3 0.2;
}
/* ##### Header ##### */

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

#header {
  color: inherit;
  background-image: url('images/gray-wev.jpg');
}

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

.headerTitle a {
  color: #006666;
  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 */
}

.headerTitle span {
  color: #006666;
  background-image: url('images/gray-wev.jpg');
  font-weight: normal;
}

.headerTemp {
  font-size: 36px;
  font-weight: bold;
  float: right;
  right: .5ex;
  margin-right: 5px;
  margin-left: 15px;
  top: 0.18em;
  color: #006666;

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

.headerTemp1 {
  font-size: 20px;
  font-weight: bold;
  float: right;
  right: .5ex;
  margin-right: 3px;
  margin-left: 10px;
  top: 0.18em;
  color: #023D3D;
}

.feelsLike {
  font-size: 6px;
  float: right;
  right: .1ex;
  margin-right: 3px;
  margin-left: 10px;
  top: 2em;
}

.subHeader {
  color: #023838;
  float: left;
  clear: left;
  position: relative;
  background-image: url('images/colbkgrd.gif');
  font-size: 109%;
  margin: 0;
  padding: 0.5ex 1ex;
}

.subHeaderRight {
  color: #023838;
  background-image: url('images/colbkgrd.gif');
  font-size: 109%;
  text-align: right;
  margin:  0;
  padding: 0.5ex 2ex;
}

.subHeader a {
  color: white;
  text-decoration: none;
  font-weight: bold;
}

/* ##### Left Side Bar ##### */

.leftSideBar {
  background: rgb(255,255,255) url('images/ajaxbkgrd.jpg') repeat-x left top;
  width: 9.5em;
  float: left;
  clear: left;
}

.leftSideBar .sideBarTitle {
  color: #006666;
  background: rgb(255,255,255) url('images/colbkgrd.gif') repeat-x left top;
  font-weight: bold;
  margin: 0;
  padding: 0.5ex 1ex;
}

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

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

.leftSideBar a {
  display: block;
  color: #006666;
  background-color: transparent;
  width: 89px;
  padding: .05em;
  text-decoration: none;
}

.leftSideBar a:visited {
  color: #006666;
  background-color: transparent;
  text-decoration: none;
}

.leftSideBar a:hover {
  background-color: #006666;
  color: white;
}

.leftSideBar .sideBarText {
  color: black;
  background-color: transparent;
  line-height: 1.25em;
  margin: 1ex 0.25ex 1.5em 0.75ex;
  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 .thisPage {
  color: black;
  background-color: transparent;
  font-weight: bold;
}

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

#main-copy {
  color: #006666;
  background: rgb(224,239,236) url('images/menubkgrd.jpg');
  text-align: justify;
  line-height: 1.5em;
  margin: 0 0 0 9.5em;
  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: #006666;
  background-color: transparent;
  font-family: arial, verdana, helvetica, sans-serif;
  font-size: 175%;
  font-weight: bold;
  margin: 1em 0 0 0;
  padding: 1em 0 0 0;
  border-top: 1px solid rgb(216,210,195);
}

#main-copy a {
  color: #024040;
  background-color: transparent;
  text-decoration: none;
}

#main-copy1 {
  color: #006666;
  font-size: 80%;
  text-align: justify;
}

.hdr-copy1 {
  color: #006666;
  background-color: transparent;
  font-family: arial, verdana, helvetica, sans-serif;
  font-size: 100%;
  text-decoration: underline;
  font-weight: bold;
  margin: 1em 0 0 0;
  padding: 1em 0 0 0;
  border-top: 1px solid rgb(216,210,195);
}

.table-top {
  color: black;
  background: rgb(255,255,255) url('images/colbkgrd.gif') repeat-x left top;
  text-align: left;
  font-weight: bold;
}

.table-td {
  background-image: url('images/ajaxbkgrd.jpg');
  text-align: center;
  border-right: 1px solid #006666;
  border-left: 1px solid #79B2AB;
  border-bottom: 1px solid #B3BDBC;
  border-top: 1px solid #006666;
}

.text-block {
  background-image: url('images/ajaxbkgrd.jpg');
  text-align: justify;
  border-right: 1px solid #006666;
  border-left: 1px solid #79B2AB;
  border-bottom: 1px solid #B3BDBC;
  border-top: 1px solid #006666;
  padding-top:10px;
  padding-bottom:10px;
  padding-right:10px;
  padding-left:10px; 
}

.leftAlignImage, .rightAlignImage { display: inline; }

.column-dark {
  color: black;
  background-color: #A9C6BF;
}

.column-light {
  color: black;
  background-color: #DDFCF5;
}

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

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;
}

.warnpage {
  color: #B6E0E0;
  font-size: 10pt;
  font-weight: bold;
  text-align: center;
  background-color: #448686;
  margin: 0 0 0 0;
  padding: .5em 0em .5em 0em;
  border: 1px solid rgb(4,61,61);
}

.advisoryBoxnoactive {
  color: black;
  font-size: 10pt;
  text-align: center;
  background-color: #03FDB9;
  margin: 0 0 0 0;
  padding: .5em 0em .5em 0em;
  border: 1px solid rgb(6,172,6);
}

.watchBox {
  color: #625A02;
  font-size: 10pt;
  text-align: center;
  background-color: #EBFF66;
  margin: 0 0 0 0;
  padding: .5em 0em .5em 0em;
  border: 1px solid rgb(132,89,25);
}

.hazardBox {
  color: #BB2929;
  font-size: 10pt;
  text-align: center;
  background-color: #FBE2A4;
  margin: 0 0 0 0;
  padding: .5em 0em .5em 0em;
  border: 1px solid rgb(187,41,41);
}

.advisoryBox {
  color: #663300;
  font-size: 10pt;
  text-align: center;
  background-color: #FFCC00;
  margin: 0 0 0 0;
  padding: .5em 0em .5em 0em;
  border: 1px solid rgb(255,0,0);
}

.warningBox {
  color: #660000;
  font-size: 10pt;
  text-align: center;
  background-color: #F6B3BA;
  margin: 0 0 0 0;
  padding: .5em 0em .5em 0em;
  border: 1px solid rgb(255,204,0);
}

.warningBox a {
  color: white;
}

.tornadowarningBox {
  color: white;
  font-size: 10pt;
  text-align: center;
  background-color: #660000; 
  background-image:url('images/16-message-warn.png'); 
  margin: 0 0 0 0;
  padding: .5em 0em .5em 0em;
  border: 1px ridge rgb(102,0,0);
}
 
.tornadowarningBox a {
  color: white;
}

.emergencyBox {
  color: #FFFFFF;
  font-size: 10pt;
  text-align: center;
  background-color: #CC4EA1;
  margin: 0 0 0 0;
  padding: .5em 0em .5em 0em;
  border: 1px solid rgb(255,255,255);
}

.statementBox {
  color: #CC7700;
  font-size: 10pt;
  text-align: center;
  background-color: #FFE4B5;
  margin: 0 0 0 0;
  padding: .5em 0em .5em 0em;
  border: 1px solid rgb(204,119,0);
}

.forecastBox {
  color: #023F02;
  font-size: 10pt;
  text-align: center;
  background-color: #98FB98;
  margin: 0 0 0 0;
  padding: .5em 0em .5em 0em;
  border: 1px solid rgb(2,63,2);
}

.fireBox {
  color: #840909;
  font-size: 10pt;
  text-align: center;
  background-color: #FF9933;
  margin: 0 0 0 0;
  padding: .5em 0em .5em 0em;
  border: 1px solid rgb(24,94,159);
}

.evacuateBox {
  color: #FFFF00;
  font-size: 10pt;
  text-align: center;
  background-color: #000000;
  margin: 0 0 0 0;
  padding: .5em 0em .5em 0em;
  border: 1px solid rgb(255,0,0);
}

.outageBox {
  color: #277B0A;
  font-size: 10pt;
  text-align: center;
  background-color: #ffffff;
  margin: 0 0 0 0;
  padding: .5em 0em .5em 0em;
  border: 3px solid rgb(102,255,102);
}

.airBox {
  color: #FFFF00;
  font-size: 10pt;
  text-align: center;
  background-color: #A4A6B7;
  margin: 0 0 0 0;
  padding: .5em 0em .5em 0em;
  border: 3px solid rgb(255,204,78);
}

.airBox a {
  color: #FFFF00;
}

.recordsBox {
  color: #660000;
  font-size: 8pt;
  text-align: center;
  background-color: #F6B3BA;
  margin: 0 0 0 0;
  padding: .5em 0em .5em 0em;
  border: 1px solid rgb(24,94,159);
}

/* ##### ajaxSidebar ##### */

.ajaxSidebar {
  background-color: white;
  border: none;
  width: 114px;
}

.ajaxSidebar h2 {
  font-size: 12pt;
  color: white;
  background-color: #006666;
  text-align: center;
  margin-right: 6px;
}

.ajaxSidebar .meas {
  font : x-small Arial, Helvetica, sans-serif;
  color: black;
  text-align : right;
  background-color: white;
  width: 35%;
}

.ajaxSidebar .data {
  font : 9pt Arial, Helvetica, sans-serif;
  color: #006666;
  text-align : left;
  background-color: white;
}

.ajaxSidebar td {
  border: none;
  background-color: white;
}

.ajaxDashboard {
  background-image:url('images/ajaxbkgrd.jpg');
  font-size: 96%;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

.ajaxDashboard .datahead {
  font-size: 100%;
  font-weight: bold;
  color:  #006666;
  background-image:url('images/LtGreenBar.png');
  text-align: center;
  vertical-align: middle;
}

.ajaxDashboard .data1 {
  color: black;
  font-size: 100%;
  border-bottom: 1px solid #CCCCCC;
  text-align: left;
}

.ajaxDashboard .data2 {
  color: black;
  font-size: 95%;
  border-bottom: 1px solid #CCCCCC;
  text-align: left;
}
.ajaxDashboard .data3 {
  color: black;
  font-size: 11px;
  border-bottom: 1px solid #CCCCCC;
  background-color: white;
  text-align: center;
  vertical-align: middle;
}
.ajaxDashboard .data4 {
  color: black;
  font-size: 11px;
  border-bottom: 1px solid #CCCCCC;
  background-color: white;
  text-align: left;
  vertical-align: middle;
}

.ajaxDashboard .column-dark {
  color: black;
  border: 1px solid #CCCCCC;
  background-color: #F1F8FE;
  text-align: left;
}

.ajaxDashboard .column-teal {
  color: black;
  border: 1px solid;
  border-color:#006666;
  background-image:url('images/highlowavgBar.png');
  text-align: left;
}

.ajaxDashboard .column-light {
  color: black;
  border: 1px solid #CCCCCC;
  background-color: white;
  text-align: left;
}

.ajaxDashboard td {
  border: none;
}

/************** .story styles *****************/
.story{
	clear: both;
	padding: 10px 0px 0px 10px;
	font-size: 80%;
}

.story p{
	padding: 0px 0px 10px 0px;
}
.codebox {
    font-size:8pt;
	border: 1px solid #080;
	color: #000000;
	padding: 5px;
	background-color: #FFFF99;
	margin: 5%;
	width: 95%;
}

.codebox pre {
  font-family:"Courier New", Courier, monospace;
  font-size: 10px;
}

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

#footer {
  color: #99CCCC;
  background-image: url('images/FtrBkgd.png');
/*  background-image: url('images/colbkgrd.gif'); repeat-x left top;
  background-color: #006666;  */
  font-size: 92%;
  text-align: justify;
  line-height: 1.25em;
  margin: 0;
  padding: 1em 4mm 1em 4mm;
  clear: both;
}

.footer {
  color: #99CCCC;
  text-align: justify;
}

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

#footer a {
  color: #99CCCC;
  background-color: transparent;
  text-decoration: underline;
  font-weight: normal;
}

#footer a:visited {
  color: #99CCCC;
  background-color: transparent;
  text-decoration: underline;
  font-weight: normal;
}

#footer a:hover {
  text-decoration: underline overline;
}

.jsuparrow {
  background-color:#CDDBCD;
  border:0px none;
  color:#22464F;
  text-decoration:none;
}

.jsupoutline {
  background:#CDDBCD none repeat scroll 0%;
  border:0px solid #2266AA;
  height:15px;
  left:0px;
  padding:0px;
  position:absolute;
  top:0px;
  width:24px;
}

/* WordPress additions for Weather Display PHP AJAX Templates */
/* Copy and paste all of this to the END of your CSS files */

/* Begin Sidebar */
/* Begin Sidebar */
#sidebar {
  padding: 2.5em;
  width: 150px;
  float: right;
  background-color: #F2F2F2;
  margin: 20px;
}

#sidebar form {
  margin: 0;
}
/* End Sidebar */

/* Begin Calendar */
#wp-calendar {
  empty-cells: show;
  margin: 10px auto 0;
  width: 155px;
}

#wp-calendar #next a {
  padding-right: 10px;
  text-align: right;
}

#wp-calendar #prev a {
  padding-left: 10px;
  text-align: left;
}

#wp-calendar a {
  display: block;
}

#wp-calendar caption {
  text-align: center;
  width: 100%;
}

#wp-calendar td {
  padding: 2px 0;
  text-align: center;
}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
  background-color: #fff; }
/* End Calendar */

/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {
  margin-left: 0px;
  padding: 0 0 0 30px;
  list-style: none;
  padding-left: 10px;
  text-indent: -10px;
}

html>body .entry li {
  margin: 7px 0 8px 10px;
}

.entry ul li:before, #sidebar ul ul li:before {
  content: "\00BB \0020";
}

.entry ol {
  padding: 0 0 0 35px;
  margin: 0;
}

.entry ol li {
  margin: 0;
  padding: 0;
}

.postmetadata ul, .postmetadata li {
  display: inline;
  list-style-type: none;
  list-style-image: none;
}

#sidebar ul, #sidebar ul ol {
  margin: 0;
  padding: 0;
}

#sidebar ul li {
  list-style-type: none;
  list-style-image: none;
  margin-bottom: 0px;
}

#sidebar ul p, #sidebar ul select {
  margin: 5px 0 8px;
}

#sidebar ul ul, #sidebar ul ol {
  margin: 5px 0 0 10px;
}

#sidebar ul ul ul, #sidebar ul ol {
  margin: 0 0 0 10px;
}

ol li, #sidebar ul ol li {
  list-style: decimal outside;
}

#sidebar ul ul li, #sidebar ul ol li {
  margin: 3px 0 0;
  padding: 0;
}
/* End Entry Lists */

#sidebar {
  font: 10px 'Lucida Grande', Verdana, Arial, Sans-Serif;
  color: black;
}

small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
  color: #008080;
}

#wp-calendar #prev a, #wp-calendar #next a {
  font-size: 9pt;
}

#wp-calendar a {
  text-decoration: none;
}

#wp-calendar caption {
  font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
  text-align: center;
}

#wp-calendar th {
  font-style: normal;
  text-transform: capitalize;
}

#sidebar h2 {
  font-family: 'Lucida Grande', Verdana, Sans-Serif;
  font-size: 1.2em;
}

/* Begin Blog Main Copy */
#blog-main {
  color: black;
  background-color: white;
  text-align: left;
  line-height: 1.5em;
  margin: 0 0 0 9.5em;
  padding: .5ex 1em 1em 1em;
  border-left: 1px solid rgb(216,210,195);
  min-height: 720px

}

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

#blog-main h1 {
  color: black;
  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);
}

#blog-main h2 {
  color: black;
  background-color: transparent;
  font-family: arial, verdana, helvetica, sans-serif;
  font-size: 120%;
  font-weight: bold;
  margin: 1em 0 0 0;
  padding: 1em 0 0 0;
  text-align:left

}

#blog-main a {
  color: #006666;
  background-color: transparent;
  text-decoration: underline;
}

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

/* Captions */

.aligncenter, div.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption {
  border: 1px solid #ddd;
  text-align: center;
  background-color: #f3f3f3;
  padding-top: 4px;
  margin: 10px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
  font-size: 11px;
  line-height: 17px;
  padding: 0 4px 5px;
  margin: 0;
}
/* End captions */

/* Added for image alignment issued */

img.centered {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

img.alignright {
  padding: 4px;
  margin: 0 0 2px 7px;
  display: inline;
}

img.alignleft {
  padding: 4px;
  margin: 0 7px 2px 0;
  display: inline;
}

.alignright {
  float: right;
}

.alignleft {
  float: left;
}

/* ##### mjc extra ##### */

#horizontal-menu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#horizontal-menu ul li {
  display: inline;
  padding: .2em 1em;
}

.menu {
  color: inherit;
  background-image: url('images/menubkgrd.jpg');
}

.menuLinkSelectedhoriz {
  background-color: #006666;
  color: white;
  width: 100px;
  padding: .2em;
}

.menuLinkSelected {
  display: block;
  background-color: #006666;
  color: white;
  width: 90px;
  padding: .04em;
}

.story{
  clear: both;
  padding: 10px 0px 0px 10px;
  font-size: 80%;
}

.story p{
  padding: 0px 0px 10px 0px;
}

.codebox {
  border: 1px solid #080;
  color: #000000;
  padding: 5px;
  background-color: #FFFF99;
  margin: 5%;
  width: 85%;
}

.codebox pre {
  font-family:"Courier New", Courier, monospace;
  font-size: 10px;
}

tr.blue0, td.blue0, th.blue0 {background-color:#f2f2ff}
tr.blue1, td.blue1, th.blue1 {background-color:#ebedfc}
tr.blue2, td.blue2, th.blue2 {background-color:#e2e3fa}
tr.blue3, td.blue3, th.blue3 {background-color:#d9d9ff}
tr.blue4, td.blue4, th.blue4 {background-color:#ceceff}
tr.blue5, td.blue5, th.blue5 {background-color:#bec1eb}

.ltbluebkgrnd {
  background-image: url('images/ltbluebkgrnd.jpg');
  color:White; 
  font-weight:bold;
  border-right: 1px solid #154EB3;
  border-left: 1px solid #9DBBF2;
  border-bottom: 1px solid #B3BDBC;
  border-top: 1px solid #154EB3;
}

.column-flyer {
  font-size: 12px;
  color: black;
  background-color: white;
}

div.thumbinner {
  border: 1px solid #ccc;
  padding: 3px !important;
  background-color: #f9f9f9;
  font-size: 94%;
  text-align: center;
  overflow: hidden;
}

div.thumbcaption {
  border: none;
  padding: 0.3em 0 0.1em 0;

}
div.tright {
  float: right;
  clear: right;
  border-width: 0.5em 0 0.8em 1.4em;

}
div.tleft {
  float: left;
  margin-right:0.5em;
  border-width: 0.5em 1.4em 0.8em 0;
}