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

body {
  background-image: url(./vouhead-images/clouds.gif);
  background-attachment:fixed;
  color: black;
  background-color: #F3F2EB;
  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: #F9F799;
        padding: 0;
        width: 960px;
        border: 1px solid #23456B;
}

.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 {
  
  background-image: url(./vouhead-images/clouds001.gif);
}

.headerTitle {
  margin: 0;
  padding: 0em 2mm 0em 2mm;
}

.headerTitle a {
  color: #CEDFF2;
  background-color: transparent;
  text-decoration: none;
  font-size: 15px;  /* For MSIE */
  font-weight: bold;
  font-style: italic;
}
/* ----------start by Vouhead------- */
.headerTitle b {
  color: #F2EE37;
  background-color: transparent;
  text-decoration: none;
  font-size: 23px;  /* For Archives */
  font-weight: bold;
  font-style: italic;
}
/* ----------end by Vouhead------- */
.headerTitle > a {
 color: #F2EE37;
  background-color: transparent;
  text-decoration: none;
  font-size: 38px;  /* For fully standards-compliant user agents */
  font-weight: bold;
  font-style: italic;
}

.headerTitle span {
  color: #CEDFF2;
  background-color: transparent;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 23px;
  font-weight: bold;
  font-style: italic;
}

.meteoalarm1 {
  color: #700394;
  font-size: 7pt; 
  font-weight: normal; 
  text-decoration: none;
}

.headerTemp {
  font-size: 41px;
  font-weight: bold;
  float: right;
  right: .5ex;
  margin-right: 5px;
  margin-left: 25px;
  top: 0.18em;
  color: #006600;

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

.subHeadertable {
  background-color: #F2EE37;
  border-bottom: 1px solid #B8DD22; 
  border-top: 1px solid #B8DD22;
}

.subHeader1 {
  background-color: #F2EE37;
}

.subHeader {
  color: #006600;
  font-weight: bold;
  font-style: italic;
  float: left;
  clear: left;
  position: relative;
  background-color: #F2EE37;
  font-size: 111%;
  margin: 0;
  padding: 0.5ex 1ex;
}

.subHeaderRight {
  color: #006600;
  background-color: #F2EE37;
  font-size: 105%;
  text-align: right;
  margin:  0;
  padding: 0.5ex 2ex;
}

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

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

.leftSideBar {
  width: 9.95em;
  float: left;
  clear: left;
}

.leftSideBar .sideBarTitle {
  color: #F2EE37;
  background-color: #006600;
  font-weight: bold;
  margin: 0;
  padding: 0.5ex 1ex;
}
/* ----------start by Vouhead------- */
.leftSideBar .sideBarTitleTime {
  color: #006600;
  background-color: #F2EE37;
  font-weight: normal;
  font-style: italic;
  font-size: 100%;
  border-top: 1px dotted #B8DD22;
  border-bottom: 1px dotted #006600;  
  margin: 0;
  padding: 0.2ex 0.2ex;
}
.leftSideBar .sideBarTitlespace {
  color: #F2EE37; /*used for firefox*/
  background-color: #F2EE37;
/*  font-weight: normal; */
/*  font-style: italic; */
  font-size: 10%; /*used for firefox*/ 
  border-right: 1px solid #B8DD22;
  margin: 0;
  padding: 0.5ex 1ex;
}
.leftSideBar .sideBarTitlespace2 {
  color: #FCE47D; /*used for firefox*/
  background-color: #FCE47D;
/*  font-weight: normal; */
/*  font-style: italic; */
  font-size: 10%; /*used for firefox*/ 
  border-right: 1px solid #B8DD22;
  margin: 0;
  padding: 0.5ex 1ex;
}    
  .leftSideBar .sideBarTitlespace-cbi {
 /* color: #FCE47D; */
 /* background-color: #B8DD22;*/
/*  font-weight: normal; */
/*  font-style: italic; */
  font-size: 0%; 
  border: 1px dotted #B8DD22; 
  margin: 0;
  padding: 0.5ex 1ex;
/* ----------end by Vouhead------- */
}

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

.leftSideBar li {
  margin: 0.5ex;
  padding: 0;
  background-color: #F2EE37;
}

.leftSideBar a {
  display: block;
  color: #006600;
  background-color: transparent;
  width: 110px;
  padding: 0 em;
  text-decoration: none;
}

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

.leftSideBar a:hover {
background-color: #006600;
color: #F9F799;
}

.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: #006600;
  text-decoration: underline;
  background-color: transparent;
  font-weight: bold;
}

.advertised_border {
  border-top: 1px solid #B8DD22; 
  border-bottom: 1px solid #B8DD22;
}

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

#main-copy {
  color: #006600;
  background-color: #DEFBA6;
  text-decoration: none;
  text-align: center;
  line-height: 1.5em;
  margin: 0 0 0 9.9em;
  padding: .5ex 1em 1em 1em;
  border-left: 1px solid #B8DD22;
}

#main-copy h1 {
  color: #700394;
  background-color: transparent;
  font-family: arial, verdana, helvetica, sans-serif;
  text-decoration: none;
  font-size: 175%;
  font-weight: bold;
  margin: 0.5em 0 0 0;
  padding: 0em 0 0 0;
  border-top: 0px solid rgb(216,210,195);
}

#main-copy a {
  color: #006600;
  background-color: transparent;  
}

#main-copy b {
  color: #006600;
  background-color: transparent;  
}

#main-copy h2 {
  color: #006600;
  font-size: 180%;
  background-color: transparent;
  text-decoration: underline;
}

.table-top {
  color: #006600;
  background-color: #B8DD22;
  text-align: left;
  font-weight: bold;
  
}

.column-dark {
  color: #700394;
  background-color: transparent;
  
}

.column-dark1 {
  color: #700394;
  background-color: #F2EE37;
  
}

.column-light {
  color: #700394;
  background-color: #F9F799;
}

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

.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);
  border: 1px dashed rgb(34,70,79);
}

.advisoryBox {
  color: #700394;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  background-color: #FFCC00;
  margin: 0 0 0 0;
  padding: .5em 0em .5em 0em;
  border: 1px solid #700394;
}

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

/* ----------start main-copy-dark by Vouhead------- */

#main-copy-dark {
  color: #F9F799;
  background-color: black;
  text-decoration: none;
  text-align: center;
  line-height: 1.5em;
  margin: 0 0 0 9.9em;
  padding: .5ex 1em 1em 1em;
  border-left: 1px solid #B8DD22;
}
/* ----------end main-copy-dark by Vouhead------- */

/* ----------start main-copy01 by Vouhead------- */
#main-copy01 {
  color: #006600;
  background-color: #DEFBA6;
  text-decoration: none;
  text-align: center;
  line-height: 1.5em;
  margin: 0 0 0 9.9em;
  padding: .5ex 1em 1em 1em;
  border-left: 1px solid #B8DD22;
}

#main-copy01 h1 {
  color: #700394;
  background-color: transparent;
  font-family: arial, verdana, helvetica, sans-serif;
  text-decoration: underline;
  font-size: 175%;
  font-weight: bold;
  margin: 0.5em 0 0 0;
  padding: 0em 0 0 0;
  border-top: 0px solid rgb(216,210,195);
}

#main-copy01 a {
  color: #006600;
  background-color: transparent;
  text-decoration: underline;
}

#main-copy01 h2 {
  color: #006600;
  font-size: 180%;
  background-color: transparent;
  text-decoration: underline;
}

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

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

/* ----------end main-copy01 by Vouhead------- */

/* ----------start main-copy01-dark by Vouhead------- */
#main-copy01-dark {
  color: #F9F799;
  background-color: black;
  text-align: justify;
  line-height: 1.5em;
  margin: .1em 0 0 9.9em;
  padding: .5ex 1em 1em 1em;
  border-left: 1px solid rgb(216,210,195);
}
/* ----------end main-copy01-dark by Vouhead------- */

/* ----------start main-copy02 by Vouhead------- */
#main-copy02 {  
  background-color: #F9F799;
}

#main-copy02 h2 {
  color: #006600;
  font-size: 250%;
  background-color: #DEFBA6;
  text-decoration: none;
}

#main-copy02 h3 {
  color: #006600;
  font-size: 140%;
  text-decoration: underline;
}

#main-copy02 a {
  color: #006600;
  background-color: transparent;  
}
/* ----------end main-copy02 by Vouhead------- */

/* ----------start main-copy03 by Vouhead------- */
#main-copy03 {  
  color: #006600;
  background-color: #DEFBA6;
  text-decoration: none;
  text-align: center;
  line-height: 1.5em;
  margin: 0 0 0 9.9em;
  padding: .5ex 1em 1em 1em;
  border-left: 1px solid #B8DD22;
}
#main-copy03 h1 {
  color: #006600;
  background-color: transparent;
  font-family: arial, verdana, helvetica, sans-serif;
  text-decoration: none;
  font-size: 175%;
  font-weight: bold;
  margin: 0.5em 0 0 0;
  padding: 0em 0 0 0;
  border-top: 0px solid rgb(216,210,195);
}
#main-copy03 a {
  color: #006600;
}
/* ----------end main-copy03 by Vouhead------- */

/* ----------start Vouhead------- */
.vouheadstorms  { 
  font-size: 8pt; font-style: italic; font-weight: normal; color: #F9F799; 
}
.vouheadstorms:hover  { 
  font-size: 8pt; font-style: normal; font-weight: normal; color: #F9F799;
}

.vouheadstorms1  { 
  font-size: 8pt; font-style: italic; font-weight: normal; color: #006600; 
}
.vouheadstorms1:hover  { 
  font-size: 8pt; font-style: normal; font-weight: normal; color: #006600;
}

.vouheadquake1  { 
  font-size: 8pt; font-weight: bold; color: #006600; background-color: #F2EE37; 
  border:solid 1px;-moz-border-radius: 3px; border-radius: 3px; 
}
.vouheadquake1:hover  { 
  font-size: 8pt; font-weight: bold; color: #F2EE37; background-color: #006600; 
}
.vouheadquake2  { 
  font-size: 8pt; font-weight: bold; color: #F2EE37; background-color: #006600;
  border:solid 1px;-moz-border-radius: 3px; border-radius: 3px; 
}
.vouheadquake2:hover  { 
  font-size: 8pt; font-weight: bold; color: #006600; background-color: #F2EE37; 
}

.vouheadutc1  { 
	background-color:#cbe465;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #006600;
	display:inline-block;
	color:#006600;
	font-family:arial;
	font-size:8pt;
	font-weight:bold;
	text-decoration:none;
}
.vouheadutc2  { 
	background-color:#F9F799;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #700394;
	display:inline-block;
	color:#700394;
	font-family:arial;
	font-size:8pt;
	font-weight:bold;
	text-decoration:none;
}

.vouheadajax {
  background-color: #ffffff;
}

.SubheaderFacebook {
	background: url('./vouhead-images/facebook-logo.png') bottom;
}
.SubheaderFrapetzu-el {
	background: url('./vouhead-images/frapetzu-small-el.png') bottom;
}
.SubheaderFrapetzu-en {
	background: url('./vouhead-images/frapetzu-small-en.png') bottom;
}
.SubheaderAndroid {
	background: url('./vouhead-images/android-logo.png') bottom;
}
.SubheaderAstroViewer {
	background: url('./vouhead-images/astroviewer-logo.png') bottom;
}
.SubheaderSeismicity-el {
	background: url('./vouhead-images/seismicity-el.gif') bottom;
}
.SubheaderSeismicity-en {
	background: url('./vouhead-images/seismicity-en.gif') bottom;
}
.SubheaderAlbums-el {
	background: url('./vouhead-images/albums-el.png') bottom;
}
.SubheaderAlbums-en {
	background: url('./vouhead-images/albums-en.png') bottom;
}

.SubheaderButton {
	display: block;
	width: 50px;
	height: 51px;
}
.SubheaderButton:hover {
	background-position: 50% 50%;
}
.SubheaderButton:active {
	background-position: 0 0;
}

.SubheaderForecastQuick-el {
	background: url('./vouhead-images/forecast-quick-el.png') bottom;
}
.SubheaderForecastQuick-en {
	background: url('./vouhead-images/forecast-quick-en.png') bottom;
}
.SubheaderButton1 {
	display: block;
	width: 70px;
	height: 51px;
}
.SubheaderButton1:hover {
	background-position: 50% 50%;
}
.SubheaderButton1:active {
	background-position: 0 0;
}
.SubheaderButton2 {
	display: block;
	width: 109px;
	height: 51px;
}
.SubheaderButton2:hover {
	background-position: 50% 50%;
}
.SubheaderButton2:active {
	background-position: 0 0;
}

.SubheaderEWN {
	background: url('./vouhead-images/ewn-dark-logo.png') bottom;
}
.SubheaderButton3 {
	display: block;
	width: 70px;
	height: 51px;
}
.SubheaderButton3:hover {
	background-position: 50% 50%;
}
.SubheaderButton3:active {
	background-position: 0 0;
}

.SubheaderMeteoalarm {
	background: url('./vouhead-images/meteoalarm-spacer.gif') bottom;
}
.SubheaderButton4 {
	display: block;
	width: 100px;
	height: 30px;
}
.SubheaderButton4:hover {
	background-position: 50% 50%;
}
.SubheaderButton4:active {
	background-position: 0 0;
}

.benelab_el {
	display: block;
	width: 420px;
	height: 19px;
	background: url('./vouhead-images/benelab-logo-el.gif') bottom;
	text-decoration: none;
	text-align:right	
}
.benelab_el:hover {
	background-position: 0 0;
	color: #2ba32b;
  text-decoration: underline;
  text-align:right
}

.benelab_en {
	display: block;
	width: 365px;
	height: 19px;
	background: url('./vouhead-images/benelab-logo-en.gif') bottom;
	text-decoration: none;
	text-align:right	
}
.benelab_en:hover {
	background-position: 0 0;
	color: #2ba32b;
  text-decoration: underline;
  text-align:right
}

.SpaceWeatherAlert-el {
	background: url('./vouhead-images/space-weather-alert-el.png') bottom;
}
.SpaceWeatherAlert-en {
	background: url('./vouhead-images/space-weather-alert-en.png') bottom;
}
.SpaceWeatherAlertButton {
	display: block;
	width: 524px;
	height: 101px;
}
.SpaceWeatherAlertButton:hover {
	background-position: 50% 50%;
}
.SpaceWeatherAlertButton:active {
	background-position: 0 0;
}

.SpaceWeatherAlertLink {
  font-size: 10pt;
  color:#F2EE37;
  background-color:#006600;
  border: solid;
  border-width: thin;  
}
.SpaceWeatherAlertLink:hover {
  font-size: 10pt;
  text-decoration: none;
  color:#006600; 
  background-color:#F2EE37;
  border: solid;
  border-width: thin;
}

.SpaceWeatherIonGr-el {
	background: url('./vouhead-images/space-weather-ion_gr-el.png') bottom;
}
.SpaceWeatherIonGr-en {
	background: url('./vouhead-images/space-weather-ion_gr-en.png') bottom;
}
.SpaceWeatherIonGrButton {
	display: block;
	width: 175px;
	height: 86px;
}
.SpaceWeatherIonGrButton:hover {
	background-position: 50% 50%;
}
.SpaceWeatherIonGrButton:active {
	background-position: 0 0;
}

.WxSim {
	background: url('./vouhead-images/wxsim.png') bottom;
}
.WxSimButton {
	display: block;
	width: 50px;
	height: 110px;
}
.WxSimButton:hover {
	background-position: 50% 50%;
}
.WxSimButton:active {
	background-position: 0 0;
}

.WxSimComp {
	background: url('./vouhead-images/wxsim-c.png') bottom;
}
.WxSimCompButton {
	display: block;
	width: 50px;
	height: 51px;
}
.WxSimCompButton:hover {
	background-position: 50% 50%;
}
.WxSimCompButton:active {
	background-position: 0 0;
}

.WxSimInfo {
	background: url('./vouhead-images/wxsim-i.png') bottom;
}
.WxSimInfoButton {
	display: block;
	width: 50px;
	height: 51px;
}
.WxSimInfoButton:hover {
	background-position: 50% 50%;
}
.WxSimInfoButton:active {
	background-position: 0 0;
}

.vouheadtablebg {
  background-color: #D3F18D;
}

.vouheadtdbg {
  background-color: #D3F18D;
}

.vouheadtdbg1 {
  background-color: #B8DD22;
}

.vouheadtdborder {
  border: #D3F18D;
}

.vouheadtablebg1 {
  background-color: #F2EE37;
}

.vouheadtdborder1 {
  border: #F2EE37;
}

.vouheadtableborder {
  border: 1px solid #b8dd22;
}

.vouheadiframebg {
  background-color: #f9f799;
}

.vouheadtablebg2 {
  background-color: #B8DD22;
}

.vouheadtablebg3 {
  background-color: #f9f799;
}

.vouheadtablebg4 {
  background-color: #ebe980;
  border: 1px solid #b8dd22;
}

.vouheadtablebg5 {
  background-color: #DEFBA6;
  border: 1px solid #700394;
}

.vouheadtablebg6 {
  background-color: #f9f799;
  border: 1px solid #f9f799;
}

.vouheadtablebg7 {
  background-color: #A4CE6a;
}

.vouheadtablebg8 {
  background-color: #000000;
  border: 2px solid #000000;
}

.vouheadtablebg9 {
  background-color: #CBE465;
}

.vouheadtablebg10 {
  background-color: #ecea8f;
}

.vouheadtablebg11 {
  background-color: #f9f799;
  border: 2px solid #700394;  
}

.vouheadtablebg12 {
  background-color: #A4CE6a;
  border: 2px solid #700394;  
}

.vouheadtablebg13 {
  background-color: #DEFBA6;
  border: 2px solid #700394;  
}

.vouheadtablebg14 {
  background-color: #C6FDFE;
  border: 2px solid #700394;  
}

.vouheadtablebg15 {
  background-color: #C6FDFE;
  border: 1px solid #006600;  
}

.vouheadtablebg16 {
  background-color: #DEFBA6;
}

.vouheadtablebg17 {
  background-color: #40c304;
  color: #ffffff;
}

.vouheadtablebg18 {
  background-color: #f9f799;
  border: 1px solid #d0ce7e;
}

.vouheadtablebg19 {
  background-color: #B8DD22;
}

.vouheadtablebg20 {
  background-color: #f9f799;
  border:1px solid #f9f799;-moz-border-radius: 3px; border-radius: 3px;
}

.vouheadtdborder2 {
  border: 1px solid #d0ce7e;
}

.vouheadclimatedata1 {
  background-color: #B8DD22;
  border: 1px solid #700394;
}
.vouheadclimatedata2 {
  background-color: #DEFBA6;
}
.vouheadclimatedata3 {
  background-color: #d3f18d;
  border: 1px solid #700394;
}

.vouheadbutton {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #cbe465), color-stop(1, #a2ba36) );
	background:-moz-linear-gradient( center top, #cbe465 5%, #a2ba36 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#cbe465', endColorstr='#a2ba36');
	background-color:#cbe465;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #006600;
	display:inline-block;
	color:#006600;
	font-family:arial;
	font-size:11px;
	font-weight:bold;
	padding:2px 4px 4px 4px;
	text-decoration:none;
}.vouheadbutton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a2ba36), color-stop(1, #cbe465) );
	background:-moz-linear-gradient( center top, #a2ba36 5%, #cbe465 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a2ba36', endColorstr='#cbe465');
	background-color:#a2ba36;
}.vouheadbutton:active {
	position:relative;
	top:1px;
}

.vouheadbutton1 {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #F9F799), color-stop(1, #c9c651) );
	background:-moz-linear-gradient( center top, #F9F799 5%, #c9c651 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F9F799', endColorstr='#c9c651');
	background-color:#F9F799;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #700394;
	display:inline-block;
	color:#700394;
	font-family:arial;
	font-size:8pt;
	font-weight:bold;
	text-decoration:none;
}.vouheadbutton1:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #c9c651), color-stop(1, #F9F799) );
	background:-moz-linear-gradient( center top, #c9c651 5%, #F9F799 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9c651', endColorstr='#F9F799');
	background-color:#c9c651;
}.vouheadbutton1:active {
	position:relative;
	top:1px;
}

.vouheadbutton_disabled {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #cbe465), color-stop(1, #cbe465) );
	background:-moz-linear-gradient( center top, #cbe465 5%, #cbe465 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#cbe465', endColorstr='#cbe465');
	background-color:#cbe465;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #a2ba36;
	display:inline-block;
	color:#a2ba36;
	font-family:arial;
	font-size:11px;
	font-weight:bold;
	padding:2px 4px 4px 4px;
	text-decoration:none;
}

/* ----------end Vouhead------- */

/* ##### ajaxSidebar ##### */
.ajaxSidebar {
    background-color: white;
        border: none;
        width: 114px;
}
.ajaxSidebar h2 {
        font-size: 12pt;
        color: white;
        background-color: #00745B;
        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: #00745B;
        text-align : left;
        background-color: #F9F799;
        }
.ajaxSidebar td {
         border: none;
         background-color: #F9F799;
}
.ajaxDashboard {
    font-size: 96%;
        font-family: Verdana, Arial, Helvetica, sans-serif;
}
.ajaxDashboard .datahead {
        font-size: 100%;
        font-weight: bold;
        color:  #F2EE37;
        background-color: #006600;
        text-align: center;
}
.ajaxDashboard .temptable {
         border: 1px dotted #F9F799;
}
.ajaxDashboard .baroimagetable {
         color: #700394;
         font-size: 100%;
         border: 1px dotted #F9F799;
         background-color: #CBE465;
         text-align: center;
}
.ajaxDashboard .baroimagetable1 {
         color: #700394;
         font-size: 100%;
         background-color: #CBE465;
         text-align: center;
}
.ajaxDashboard .baroimagetd {
         border: 1px dotted #700394;
         background-color: #CBE465;
}
.ajaxDashboard .baroimagetd1 {
         border: 1px dotted #006600;
         background-color: #D3F18D;
}
.ajaxDashboard .baroimage {
         background-color: #CBE465;
}
.ajaxDashboard .data1 {
         color: #700394;
         font-size: 100%;
         border-bottom: 1px solid #F9F799;
         background-color: #B8DD22;
         text-align: left;
}
.ajaxDashboard .data1a {
         color: #006600;
         font-size: 100%;
         border-bottom: 1px solid #F9F799;
         background-color: #B8DD22;
         text-align: right;
}
/* ----------by Vouhead------- */
.ajaxDashboard .data2 {
         color: #006600;
         font-size: 100%;
         border-bottom: 1px solid #F9F799;
         background-color: #B8DD22;
         text-align: left;
}
.ajaxDashboard .data3 {
         color: #700394;
         font-size: 100%;
         font-weight: bold;
         background-color: #F9F799;
}
/* ----------by Vouhead------- */
.ajaxDashboard td {
         border: none;
         background-color: #B8DD22;
}

/* ----------by Vouhead------- */
.wxsim {                
         border: #006600;
         background-color: #B8DD22;

}

.wxadvisory {                 
             background-color: #F2EE37;

/* ----------by Vouhead------- */         
}

/* ##### Metar ##### */
.bidi {
	unicode-bidi: embed;
}

.metarboard {
    font-size: 96%;
        font-family: Verdana, Arial, Helvetica, sans-serif;
}
.metarboard .datahead {
        font-size: 9pt;
        font-weight: bold;
        color:  #006600;
        background-color: #B8DD22;
        text-align: center;
}
.metarboard .data1 {
         color: #700394;
         font-size: 8pt;
         border-bottom: 1px solid #F9F799;
         background-color: #F9F799;
         text-align: left;
}
.vouheadmetar {
  border: 1px solid #B8DD22; 
  background-color: #D3F18D; 
}
.vouheadmetar1 {
  text-decoration: none; 
  border: dotted 1px; 
  background-color: #F9F799; 
  color: #a5c817;
}
.vouheadmetar2 {
  background-color: #DEFBA6; 
  border: 1px solid #B8DD22; 
}
.vouheadmetar3 {
  background-color: #D3F18D;
}
.vouheadmetar4 {
  border: 1px solid #B8DD22; 
}
.vouheadmetar5 {
  background-color: #bed882;
  border: 1px solid #B8DD22; 
}

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

#footer {
  color: #F2EE37;
  background-image: url(./vouhead-images/clouds002.gif);
  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 0.8ex 0;
  color: #F2EE37;
  background-color: transparent;
  text-decoration: none;
  font-weight: normal;
}

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

#footer a:visited {
  color: #F2EE37;
  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;
}

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

/* Begin Sidebar */
#sidebar
{
	padding: 2.5em;
	width: 150px;
	float: right;
	background-color: #EDF3E9;
	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: #777;
	}


#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: justify;
  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: justify;
  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: #B36900;
  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;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

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

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

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

/* ##### START contactform ##### */

#contactform {
color: #700394;
background-color: #DEFBA6;
text-decoration: none;
text-align: center;
line-height: 1.5em;  
}

#contactform h1 {
color: #700394;
background-color: transparent;
font-family: arial, verdana, helvetica, sans-serif;
text-decoration: underline;
font-size: 175%;
font-weight: bold;  
}
                
#contactform a {
color: #006600;
background-color: transparent;
text-decoration: underline;
}

#contactform img {
border: 0px;
}

#contactform .errors {
color: #ff0000;
}

#contactform .correct {
color: black;
}

#contactform legend {
color: #006600;
font-size: 120%;
font-weight: bold;
}

#contactform .title {
color: #700394;
font-weight: bold;
font-size: 90%;
margin-top: 2px;
margin-bottom: 5px;
}

#contactform .field {
color: #700394;
font-size: 90%;
margin-bottom: 7px;
}

#contactform .small {
font-size: 100%;
}

#contactform .thanks {
margin-top: 15px;
color: #700394;
font-size: 105%;
margin-bottom: 15px;
}
/* ##### END contactform ##### */

/* ##### START Tabs ##### */

.container {width: 800px; margin: 10px auto;}
ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 21px;
	border-bottom: 1px solid #006600;
	border-left: 1px solid #006600;
	width: 100%;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 20px;
	line-height: 20px;
	border: 1px solid #006600;
	border-left: none;
	margin-bottom: -1px;
	background: #c9c651;
	overflow: hidden;
	position: relative;
}
ul.tabs li a {
	text-decoration: none;
	font-weight: bold;
	color: #006600;
	display: block;
	font-size: 1em;
	padding: 0 5px;
	border: 1px solid #e4e16b;
	outline: none;
}
ul.tabs li a:hover {
	background: #e4e16b;	
}	
html ul.tabs li.active  {
	background: #F9F799;
	border-bottom: 1px solid #F9F799;
	font-size: 1em;
	text-decoration: underline;
}
html ul.tabs li.active a:hover  {
	background: #F9F799;
	border-bottom: 1px solid #F9F799;	
}

.tab_container {
	min-height: 600px;
	border: 1px solid #006600;
	border-top: none;
	float: left; 
	width: 100%;
	background: #F9F799;
}
.tab_content {
	color: #700394;
	padding: 20px;
	font-size: 1.2em;
}
/* ##### END Tabs ##### */

.styled-select{
width:55px;
height:20px;
overflow: hidden;
border:1px solid #006600;-moz-border-radius: 3px; border-radius: 3px;
background:url(select_arrow-enabled.png) no-repeat right #F9F799;
}
.styled-select select{
background:transparent;
width:55px;
padding:0px;
border: none;
font-size:12px;
color: #006600;
height:20px;-webkit-appearance:none;
}

.styled-select1{
width:97px;
height:20px;
overflow: hidden;
border:1px solid #006600;-moz-border-radius: 3px; border-radius: 3px;
background:url(select_arrow-enabled.png) no-repeat right #F9F799;
}
.styled-select1 select{
background:transparent;
width:97px;
padding:0px;
border: none;
font-size:12px;
color: #006600;
height:20px;-webkit-appearance:none;
}

.styled-select2{
width:80px;
height:20px;
overflow: hidden;
border:1px solid #006600;-moz-border-radius: 3px; border-radius: 3px;
background:url(select_arrow-enabled.png) no-repeat right #E8E689;
}
.styled-select2 select{
background:transparent;
width:80px;
padding:0px;
border: none;
font-size:12px;
color: #006600;
height:20px;-webkit-appearance:none;
}
.styled-select2 select[disabled]{
background:url(select_arrow-disabled.png) no-repeat right transparent;
width:80px;
padding:0px;
border: none;
font-size:12px;
color: #c5c4ad;
height:20px;-webkit-appearance:none;
}

.styled-select3{
width:270px;
height:20px;
overflow: hidden;
border:1px solid #006600;-moz-border-radius: 3px; border-radius: 3px;
background:url(select_arrow-enabled.png) no-repeat right #F9F799;
}
.styled-select3 select{
background:transparent;
width:270px;
padding:0px;
border: none;
font-size:12px;
color: #006600;
height:20px;-webkit-appearance:none;
}

.styled-select3a{
width:270px;
height:20px;
overflow: hidden;
border:1px solid #006600;-moz-border-radius: 3px; border-radius: 3px;
background:url(select_arrow-enabled.png) no-repeat right #F9F799;
}
.styled-select3a select{
background:transparent;
width:270px;
padding:0px;
border: none;
font-size:12px;
color: #aaa72a;
height:20px;-webkit-appearance:none;
}

.wu-menu{
color: #3f3f3f;
}
.wu-menu2{
color: #aaa72a;
}

.styled-select4{
width:150px;
height:20px;
overflow: hidden;
border:1px solid #006600;-moz-border-radius: 3px; border-radius: 3px;
background:url(select_arrow-enabled.png) no-repeat right #F9F799;
}
.styled-select4 select{
background:transparent;
width:150px;
padding:0px;
border: none;
font-size:12px;
color: #006600;
height:20px;-webkit-appearance:none;
}

.styled_option{
background: #F9F799;
}
.styled_option1{
background: #E8E689;
}

.styled_submit{
background: #F9F799; 
border:1px solid #006600;-moz-border-radius: 3px; border-radius: 3px; 
font-size:12px;
color: #006600; 
height:22px;
}
.styled_submit:hover{
background: #006600; 
border:1px solid #006600;-moz-border-radius: 3px; border-radius: 3px; 
font-size:12px;
color: #F9F799; 
height:22px;
}

.styled_submit1{
background: #E8E689; 
border:1px solid #006600;-moz-border-radius: 3px; border-radius: 3px; 
font-size:12px;
color: #006600; 
height:22px;
}
.styled_submit1:hover{
background: #006600; 
border:1px solid #006600;-moz-border-radius: 3px; border-radius: 3px; 
font-size:12px;
color: #E8E689; 
height:22px;
}

.styled_submit2{
background: #E8E689; 
border:1px solid #996045;-moz-border-radius: 3px; border-radius: 3px; 
font-size:12px;
color: #996045; 
height:21px;
}
.styled_submit2:hover{
background: #996045; 
border:1px solid #996045;-moz-border-radius: 3px; border-radius: 3px; 
font-size:12px;
color: #E8E689; 
height:21px;
}

.styled_text{
background: #E8E689; 
border:1px solid #996045;-moz-border-radius: 3px; border-radius: 3px;
text-align: center; 
font-size:12px;
font-weight:bold;
color: #996045;
width:70px; 
height:17px;
}
.styled_text:hover{
background: #996045; 
border:1px solid #996045;-moz-border-radius: 3px; border-radius: 3px;
text-align: center; 
font-size:12px;
font-weight:bold;
color: #E8E689;
width:70px;  
height:17px;
}

.radio_button {
  padding: 0px;   
}
.radio_button input[type=radio] {
   display: none;
}
.radio_button label {
font-size:12px;
color: #c5c4ad; 
border:1px solid #006600;-moz-border-radius: 3px; border-radius: 3px; 
padding: 3px 5px;
margin-right: 0px;
background: #E8E689;
cursor: pointer;
}
.radio_button input:checked + label {
font-size:12px;
color: #E8E689; 
border:1px solid #006600;-moz-border-radius: 3px; border-radius: 3px; 
background: #006600;
}