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

body {
  color: black;
  background-color: white;
  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;
}

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


/* ##### 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-color: white;
/* #####  border-left: 3px solid rgb(216,210,195); ##### */
/* #####  border-top: 3px solid rgb(216,210,195); ##### */
/* #####  border-right: 3px solid rgb(216,210,195); ##### */
/* #####  border-bottom: 3px solid rgb(216,210,195); ##### */
  
 }

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

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

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

.headerTitle span {
  color: white;
  background-color: transparent;
  font-weight: normal;
}

.headerTemp {
  font-size: 36px;
  font-weight: bold;
  position: absolute;
  right: 0.5ex;
  top: 0.18em;
}

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

.subHeader {
  color: black;
  float: left;
  clear: left;
  position: relative;
  background-color:white;
  font-size: 109%;
  margin: 0;
  padding: 0.5ex 1ex;
  
}

.subHeaderRight {
  color: black;
  background-color: white;
  font-size: 109%;
  text-align: right;
  margin:  0;
  padding: 0.5ex 2ex;
  
}

.subHeader a {
  color: black;
  background-color: #FFFFFF;
  text-decoration: none;
  font-weight: bold;
  margin: 0;
  padding: 0 1ex;
}

.subHeader a:hover {
  color: black;
  background-color: white;
}


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

.leftSideBar {
  width: 9.5em;
  height: 100%;
  float: left;
  clear: left;
  border-left: 0px solid rgb(216,210,195);
  border-top: 1px solid rgb(216,210,195);
  border-right: 0px solid rgb(216,210,195);
}

.leftSideBar .sideBarTitle {
  color: #6699CC;
  background-color: rgb(243,242,235);
                                       /* font-size: 120%; */
  font-weight: bold;
  margin: 0;
  padding: 0.8ex 1ex;
                                    /* background-image: url(MedTan3.png); */
}

.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: #FFFFFF;
  text-decoration: none;
}

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

.leftSideBar a:hover {
  color: black;
  background-color: transparent;
  text-decoration: none;
}

.leftSideBar .sideBarText {
  color: black;
  background-color: transparent;
  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 .thisPage {
  color: 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;
}


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

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

#main-copy-dark {
  color: white;
  background-color: black;
  text-align: justify;
  line-height: 1.5em;
  margin: 0.1em 0 0 9.5em;                                     
  padding: 0.5ex 1em 1em 1em;
  border-left: 2px 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: 2px 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: #99CCFF;  
  background-image: url(MedBlue.png);
  border: 2px solid #DEDEDE;
  border-bottom: 2px solid rgb(153,204,255);
  text-align: left;
  font-weight: bold;
  }

.column-dark {
  color: black;
  background-color: rgb(243,242,235);
  background-image: url(MedTan4.png);
  border: 2px 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;
}

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



.advisoryBox {
  color: black;
  font-size: 12px;
  text-align: center;
  background-color: #FFFF85; 
/* #####  background-color: #FFE991; ##### */      
  margin: 0 0 0 0;
  padding: .5em 0em .5em 0em;
  border: 0px dashed rgb(34,70,79);
}
.watchBox {
  color: black;
  font-size: 12px;
  text-align: center;
  background-color: #B3F7FF;      
  margin: 0 0 0 0;
  padding: .5em 0em .5em 0em;
  border: 0px dashed rgb(34,70,79);
}
.warningBox {
  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);
}
.tornadowarningBox {
  color: white;
  font-size: 13px;
  text-align: center;
  background-color: #CC0000;
  margin: 0 0 0 0;
  padding: .5em 0em .5em 0em;
  border: 1px dashed rgb(255,255,255);
}
.advisoryBoxnoactive {
  color: black;
  font-size: 12px;
  text-align: center;
  background-color: white;
  margin: 0 0 0 0;
  padding: 0.5em 0em 0.5em 0em;
  border: 1px dashed rgb(34,70,79);
}

.box-dark {
  color: black;
  background-color: rgb(243,242,235);
  background-color: rgb(243,242,235);
  border-left: 1px solid rgb(216,210,195);
  border-top: 1px solid rgb(216,210,195);
  border-right: 1px solid rgb(216,210,195);
  border-bottom: 1px solid rgb(216,210,195);
}
.hilite-box-left {
  color: black;
  background-color: rgb(230,223,207);
  }
.CP {
  height:502px
  
}


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

#footer {
  color: black;
  background-color: rgb(230,223,207);
  background-image: url(MedTan5.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;
}

/* Beginning of Dynamic Drive Stuff */


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


/* End of Dynamic Drive Stuff */







/* ======================================================
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(images/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(MedBlue.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(MedBlue.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(MedBlue.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; }