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

body {
  color: white;
    background-image:url('128-92.jpg');
  background-color: black;
  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: 1px auto;
  color: black;
  background-color: #4A4A4A;
        padding: 0;
        width: 1280px;
        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;
}


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

/* ##### CHANGE background-color to change header color, hex code is OK ##### */
/* ##### Hex Color Chart - http://www.w3schools.com/Html/html_colors.asp  ##### */

#header {
  color: inherit;
  background-color: #202020;
}

.headerTitle {
  margin: 0;
  padding:  0 0 0 0;
}

.headerTitle a {
  color: #C0C0C0;
  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: white;
  background-color: transparent;
  font-weight: normal;
}

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

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

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

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

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

.subHeader1 {
  color: white;
  float: left;
  clear: left;
  position: relative;
  background-color: #4A4A4A;
  font-size: 109%;
  margin: 0;
  padding: 1.5ex 1ex;
}

.subHeader1Right {
  color: white;
  background-color: #4A4A4A;
  font-size: 109%;
  text-align: right;
  margin:  0;
  padding: 1.5ex 2ex;
}

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


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

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

#main-copy2 {
  color: black;
  background-color: #9F9F9F;
  text-align: justify;
  line-height: 1.5em;
  margin: 0 0 0 2em;
  padding: .5ex 1em 1em 1em;
  border-left: 1px solid rgb(216,210,195);
   border-right: 100px 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: 0px solid rgb(216,210,195);
  border-right: 0px solid rgb(216,210,195)
}

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

  #main-copyRadar {
  color: white;
  background-color: #5a5a5a;
  text-align: justify;
  line-height: 1.5em;
  margin: 0 11.0em 11.0em 9.5em;
  padding: .5ex 1em 1em 1em;
  border-left: 0px solid rgb(216,210,195);
  border-right: 0px solid rgb(216,210,195);
}
  
  
  #main-ticker-dark2 {
  color: white;
  background-color: #101010;
  text-align: justify;
  line-height: 1.5em;
  margin: .2em 11em 0 11em;
  padding: .5ex 1em 1em 1em;
  border-left: 1px solid rgb(216,210,195);
  border-right: 1px solid rgb(216,210,195);
  }
  
 
  #main-table-dark2 {
  color: white;
  background-color: #101010;
  text-align: justify;
  line-height: 21.5em;

  border-left: 1px solid rgb(216,210,195);
  border-right: 1px solid rgb(216,210,195);
  } 
  
  
#main-copy h1 {
  color: white;
  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: #663300;
  background-color: transparent;
  text-decoration: underline;
}
#main-copy a:hover {
  text-decoration: none;
}



.table-top {
  color: white;
  background-color: #4A4A4A;
  text-align: left;
  font-weight: bold;
}

.column-dark {
  color: black;
  background-color: #9F9F9F;
  text-align: left;
}

.column-dark2 {
  color: WHITE;
  background-color: #4A4A4A;
  text-align: center;
}

.column-light {
  color: black;
  background-color: #BFBFBF;
  text-align: left;
}

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

.button_example{
/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(bottom, #969696 0%, #000000 100%); font-family:arial, helvetica, sans-serif; font-size:150% ; padding: 5px 5px 5px 5px; text-shadow: -2px -2px 3px rgba(0,0,0,0.5);font-weight:bold; text-align: center; color: #FFFFFF;

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(bottom, #969696 0%, #000000 100%);

/* Opera */ 
background-image: -o-linear-gradient(bottom, #969696 0%, #000000 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #969696), color-stop(1, #000000));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(bottom, #969696 0%, #000000 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to top, #969696 0%, #000000 100%);
  margin: .2em 8em .8em 8em;
}






.watchBox {
  color: black;
  font-size: 12px;
  text-align: center;
  background-color: #FF9900;
  margin: 0 0 0 0;
  padding: .5em 0em .5em 0em;
  border: 1px dashed rgb(34,70,79);
}
#main-copy .watchBox a {
  color: blue;
}
#main-copy .watchBox a:hover {
  color: blue;
  background-color: inherit;
  text-decoration: underline;
}

.advisoryBoxnoactive {
  color: black;
  font-size: 12px;
  text-align: center;
  background-color: white;
  margin: 0 0 0 0;
  padding: .5em 0em .5em 0em;
  border: 1px dashed rgb(34,70,79);
}

.advisoryBox {
  color: black;
  font-size: 12px;
  text-align: center;
  background-color: #FFCC00;
  margin: 0 0 0 0;
  padding: .5em 0em .5em 0em;
  border: 1px dashed rgb(34,70,79);
}
#main-copy .advisoryBox a {
  color: blue;
}
#main-copy .advisoryBox a:hover {
  color: blue;
  background-color: inherit;
 text-decoration: underline;
}

.warningBox {
  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);
}
#main-copy .warningBox a {
  color: white;
}
#main-copy .warningBox a:hover {
  color: white;
  background-color: inherit;
  text-decoration: underline;
}

.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);
}
#main-copy .tornadowarningBox a {
  color: white;
}
#main-copy .tornadowarningBox a:hover {
  color: white;
  background-color: inherit;
  text-decoration: underline;
}


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

#footer {
  color: white;
  background-color: #4A4A4A;
  font-size: 92%;
  text-align: center;
  line-height: 1.5em;
  margin: 0 .1em 0 .1em;
  padding: .5ex 1em 1 1em;
  border-bottom: 1px solid rgb(216,210,195);
  border-left: 1px solid rgb(216,210,195);
  border-right: 1px solid rgb(216,210,195);
}

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

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

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

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

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


/* 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;
	}
	
.thread-alt {
  color: black;
  background-color: #F1F8FE;
}

.thread-even {
  color: black;
  background-color: white;
}

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

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

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

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

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