/**********************************



 * TITLE: Gila Screen Stylesheet  *



 * URI  : gila/gila-screen.css    *



 * MODIF: 2003-Apr-30 19:09 +0800 *



 **********************************/







body {



  color: black;



  background-color: #1A5C9E;



  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;



}







.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: #1A5C9E;







}







.headerTitle {



  margin: 0;



  padding: 0.25em 4mm 0.25em 4mm;



}







.headerTitle a {



  color: white;



  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: 30px;



  font-weight: bold;



  float: right;



  right: .5ex;



  margin-right: 5px;



  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-image: url(css_header2.gif);



  margin: 0;



  padding-left:1ex; padding-right:1ex; padding-top:0.5ex;



padding-bottom:0.5ex



}







.subHeaderRight {



  color: white;



  background-image: url(css_header2.gif);



  text-align: right;



  margin:  0;



  padding-left:2ex; padding-right:2ex; padding-top:0.5ex;



padding-bottom:0.5ex



}







.subHeader a {



  color: white;



  text-decoration: none;



  font-weight: bold;



}







.subHeaderRight a {



  color: white;



  text-decoration: none;



  font-weight: bold;



}







.subHeaderRight a:visited {



  color: white;



  text-decoration: none;



  font-weight: bold;



}







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







.leftSideBar {



  width: 9.5em;



  float: left;



  clear: left;



}







.leftSideBar .sideBarTitle {



  color: white;



  background-image: url(css_dashboard2.gif);




  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: #336699;



background-color: transparent;



width: 92px;



/*padding: .05em;*/



text-decoration: none;



}







.leftSideBar a:visited {



  color: #336699;



  background-color: transparent;



  text-decoration: none;



}







.leftSideBar a:hover {



background-color: #3173B1;



color: white;



}







.leftSideBar .sideBarText {



  color: black;



  background-color: transparent;



  line-height: 1.25em;



  margin: 5ex 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: 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);



}







#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: black;



  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: #336699;



  background-color: transparent;



  text-decoration: underline;



}


.wdl {
	color: #A2B5CD;
	background-color: #A2B5CD;
	text-align: center;
	border: 7px solid #1A5C9E;
	}

.liverpool {
	color: #D42027;
	background-color: #A30000;
	text-align: center;
	border: 7px solid #1A5C9E;
	}

.table-top {



  color: black;



  background-color: #96C6F5;



  text-align: left;



  font-weight: bold;



}







.column-dark {



  color: black;



  background-color: #F1F8FE;



}







.column-light {



  color: black;



  background-color: white;



}



.gauges {



	text-align: center;



	vertical-align: top;



	height: 160px;



}



.bgauges {



	text-align: center;



	padding: 4px;



	border-left: 1px solid #3173B1;



}



.bgauges_r {



	text-align: center;



	padding: 4px;



	border-right: 1px solid #BCD2EE;



	border-left: 1px solid #3173B1;



}



.maxminb {



	font-size: 0.9em;



	line-height: 1.2em;



	text-align: center;



	background-color: #F0F0F0;



	margin: 0;



	padding: 3px;



	border: 1px solid rgb(34,70,79);



	line-height:1.3em;



}







#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: white;



  font-size: 14px;



  text-align: center;



  background-color: #3173B1;



  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: #FAD026;



  margin: 0 0 0 0;



  padding: .5em 0em .5em 0em;



  border: 1px dashed rgb(34,70,79);



}







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



}







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



.ajaxSidebar {



    background-color: white;



        border: none;



        width: 114px;



}



.ajaxSidebar h2 {



        font-size: 12pt;



        color: white;



        background-color: #5B9AD2;



        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: #3173B1;



        text-align : left;



        background-color: white;



        }



.ajaxSidebar td {



         border: none;



         background-color: white;



}



.ajaxDashboard .datahead {



        font-family: Verdana, Arial, Helvetica, sans-serif;



        font-size: 9pt;



        font-weight: bold;



        color:  white;



        background-image: url(css_dashboard2.gif);



        text-align: center;



}



.ajaxDashboard .datahead2 {



        font-family: Verdana, Arial, Helvetica, sans-serif;



        font-size: 9pt;



        font-weight: bold;



        color:  white;



        background-image: url(css_dashboard2.gif);



        text-align: left;



}

.ajaxDashboard .high {



		color:#FF0000;



		font-size: 12px;



		border: 1px solid #1A5C9E;



}



.ajaxDashboard .low {



		color:#0000FF;



		font-size: 9px;



		border: 1px solid #1A5C9E;



}



.ajaxDashboard .data1 {



         color: black;



         font-family: Verdana, Arial, Helvetica, sans-serif;



         font-size: 8pt;



         border: 1px solid #A2B5CD;



         background-color: white;



         text-align: left;



}



.ajaxDashboard .data2 {



         color: black;



         font-size: 100%;



         background-color: white;



         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: white;



         text-align: left;



}







.ajaxDashboard .column-light {



         color: black;



         border: 1px solid #CCCCCC;



         background-color: white;



         text-align: left;



}



.ajaxDashboard td {



         border: none;



         background-color: white;



}











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

.faqBox {

	clear: both;

	color:white;

	text-align: center;

	background:#1A5C9E;

/*	margin-left: 4.25em;*/

	margin-right: 0.5em;

	margin-bottom: 1em;

	font-size: 10pt;

	line-height: 18px; 

	border: 1px solid #000066;

	border-bottom: 4px solid #000066;

	border-right: 4px solid #000066;

	padding: 0.05ex 0.75mm;

}







#footer {



  color: white;



  background-image: url(cssfoot2.gif);



  text-align: center;



  line-height: 1.50em;



  margin: 0;



  clear: both; padding-left:4mm; padding-right:4mm; padding-top:1em;



padding-bottom:1em



}







#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: Black;



  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: #F1F8FE;



	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: 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: #336699;



  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;



	}







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



}



.radar {



background-image: url(europe.gif);



}



.windconvert {



border-color:#666666;



border-bottom-style:inset;



}