/* snow4.css                                                         */
/* Rev 11.23.15                                                      */
/* overlarge fonts on chrome35 6/14 https://bbs.archlinux.org/viewtopic.php?id=181838 */
/* change backgroud html to css gradient gray 11/6/14,blue 11.24.15  */
/* @media disregarded when in this external stylesheet - android     */
html {
    background:-webkit-linear-gradient(top right,#55cdfb,#e3eff8,#55cdfb) no-repeat scroll 0 0 transparent;
    background:-moz-linear-gradient(top right,#55cdfb,#e3eff8,#55cdfb ) no-repeat scroll 0 0 transparent;
    background:linear-gradient(top right,#55cdfb,#e3eff8,#55cdfb) no-repeat scroll 0 0 transparent;
}
body {
display:block;
position:relative;
max-width:100%;
max-width:1020px;
margin-top: 11px;
margin-left:auto;
margin-right:auto;
margin-bottom:11px;
color:#000000;
background-color:white;
padding:8px 4px;
font-family:verdana,arial,helvetica;
font-size:16px;
border-radius:8px;
-webkit-border-radius:8px;
-moz-hyphens:auto;
hyphens:auto;
}

a {font-weight:normal;color:#6f8791;}
a:hover {background-color:aliceblue;color:#6fddfd;font-weight:bold;}
a:visited {color:#0443ac;}
form {display:inline;}
.timberbw {background:#737373 url(timberdecbw.jpg) no-repeat fixed top center;background-size:100%;}
.taos {background: url(taos.jpg) no-repeat fixed top center;background-size:cover;}
.topcenter, #topcenter {
 background-color:white;
 display:block;
 position:relative;
 margin:10px 20px 10px 20px;
 max-width:98%;
 padding:4px;font-weight:normal;color:#555555;
 -webkit-border-radius:8px;
 -moz-border-radius:8px;
 border-radius:8px;
 box-shadow: 3px 6px 5px 0px #888888;
-moz-box-shadow: 3px 6px 5px 0px #888888;
-webkit-box-shadow: 3px 6px 0px #888888; /* safari 4.0 */
}
.topcenter .copy {display:block;position:relative;margin:10px 20px 10px 20px;max-width:98%;}
.leftcol, #leftcol {display:block;position:relative;text-align:center;margin:0 0 0 0;float:left;height:auto;
width:130px;overflow:auto;}
.leftcol a {display:block;} /* forces image links to be clickable anywhere on image in FF */

.rightcol, #rightcol {display:block;position:relative;float:left;width:80%;text-align:center;margin-left:20px;margin-right:20px;}
.rightcol {min-width:344px;max-width:545px;width:51.5%;} /*_ 51.5% will allow it to fit when clientWidth is 977px or 98% of body*/

.camdiv {}
/* Mobile Revisions */
.conditions {float:left;padding:2px;margin:20px 1px 2px 8px;max-width:98%;min-width:280px;}
.temp {float:left;margin:10px 1px 2px 8px;max-width:98%; }
.topform {float:left;padding:2px;position:relative;margin:50px 1px 4px 1px;line-height:1.7em;;font-size:80%;text-align:left;background:white;}
.courtesy {float:none;min-width:51%;padding:4px;width:auto;margin: 1px 1px 1px 8px;text-align:center;}/* Float:none !importanyt */
.visit {float:none;width:120px;display:inline;vertical-align: middle;}/* Float:none !importanyt */
.sideby {}/* default to sat.css */
hr {clear:both;color:transparent;width:60%;height:3px;border-style:inset;border-width:0px;}/* chrome adds border */
.freestyle {max-width:98%;}/* freestyle img */
.logolink {display:inline-block;padding:3px;margin:auto;max-width:90px;text-align:center;vertical-align:middle;}

.ephemeris {font-family:arial,copperplate gothic light;font-size:95%;color:#555555;}
table.ephemeris {float:left;margin:50px 8px 0 10px;max-width:98%; display:inline;}
.mainimg {float:none;width:auto;max-width:98%;min-width:51%;padding:4px;margin: 1px 1px 1px 1px;z-index:1;
border-radius:8px;}/* no float width auto. Important! */
.mobileimg {float:none;max-width:98%;min-width:98%;padding:4px;margin: 1px 1px 1px 1px;z-index:1;
border-radius:8px;}/* no float width auto. Important! */
.imagea {max-width:98%;} /* Sat pages */
.center  {display:block;position:relative;text-align:center;Xwidth:auto;margin:auto;}
.cen {position:static;text-align:center;width:auto;margin:auto;}
.footer {display:block;position:static;text-align:center;height:auto;.
width:98%;margin:auto;clear:both;}
.footer img {display:inline;}
.textleft {display:block;text-align:left;}
.textlinks,  fieldset {clear:both;margin:auto;display:block;text-align:center;overflow:auto;color:#6f8791;}
.textlinks {font-size:95%;width:98%;padding:5px;line-height:1.8em;}

.bottom img {width:90px;margin:5px;vertical-align:middle;} /* for sat style at bottom */

.bottom clear {clear:both;margin:auto;}
.leftcol img {width:75%;margin:auto;} /* controls image width and need for spacers*/

.enclosing {max-width:1000px;width:98%;margin-top:8px;border:0px solid black;}
#viddiv {display:block;position:relative;text-align:center;margin:0 0 0 0;float:left;height:auto;
width:302px;min-height:500px;xoverflow:auto;background-color:#e8e8e8;} /* 402px above fold */
.wintertext {margin: 1px 8px 8px 4px;}
.value, .wintertext { /* see sideby ;seasonal text not 'wintertxt' */
 position:relative;
 float:left;
 text-align:justify;font-size:12px;
 max-width:60%; /* mobile */
 width:60%;/* mainly for bg */
 min-height:200px;
 min-width: 300px;
 margin-right:7px;
 border:1px solid silver;border-radius:5px;overflow:auto;padding:4px;line-height:1.4em;
 box-shadow: 3px 6px 5px 0px #888888;
-moz-box-shadow: 3px 6px 5px 0px #888888;
-webkit-box-shadow: 3px 6px 0px #888888;
 }
.goo {margin:0px;border:0px solid black;
background-color:white;
width:300px;}


.bottom .goo {margin:0px;background-color:inherit;border:0px solid black;width:124px;height:244px;vertical-align:middle;}
.showborder, .border {border:thin solid red;}
.inline {display:inline;} /* FF does not cascade anchor style, this overrides block if necessary for images */
.table {display:table;} /* we need inline for cams.php, note ie7 discards display:table */

.seven {letter-spacing:3px;font-size:11px;text-align:center;} /* All times pacific */
.checkbox {color:#555555;font-size:12px;font-family:arial,verdana;}
.ephnum {font-weight:bold;text-align:right;}
.block {display:block;}
.hidden,.hide {display:none;}
.row1 {background:#00008F;}
.row2 {background:#090996;}
.row3 {background:#12129D;}
.row4 {background:#1B1BA4;}
.row5 {background:#2424AB;}
.row6 {background:#2C2CB2;}
.row7 {background:#3535B9;}
.row8 {background:#3E3EC0;}
.row9 {background:#4747C7;}
.rowA {background:#5050CE;}
.rowB {background:#5959D5;}
.rowC {background:#6262DC;}
.rowD {background:#6B6BE3;}
.rowE {background:#7373EA;}
.rowF {background:#7C7CF1;}
.rowG {background:#8585F8;}
.rowH {background:#8E8EFF;}

#a, .a  {font-size:80%;color:#0000EC;font-weight:bold;}
.b  {font-size:100%;color:#AFAFAF;font-weight:bold;}
#c, .c  {font-size:80%;color:#000000;font-weight:bold;}
#e, .e  {font-size:70%;color:#AFAFAF;font-family:Arial,verdana;font-weight:bold;}
#f, .f  {font-size:60%;color:#afafaf;font-family:Arial,verdana;font-weight:bold;}
#g, .g  {font-size:80%;color:white;background-color:#afafaf;font-weight:bold;height:1.8em;vertical-align:middle;}
.whiteongray {font-size:80%;color:white;background-color:#afafaf;font-weight:bold;height:1.8em;vertical-align:middle;} /* custcam */

.smallgray {font-size:80%;color:dimgray;}
.smallwhite {font-size:80%;color:#ffffff;}
.smallish {font-size:80%;color:gainsboro;}
.mission,.mission a:link,.mission a:visited {color:#ffffff;}
h1, .h1 {font-size:120%;color:#84ff84;font-weight:bold;}
h2, .h2 {font-size:120%;color:#74A0FF;font-weight:bold;}
h3, h4, .h3, .h4 {font-size:90%;color:#6f8791;font-weight:bold;}
h5, h6 {font-size:90%;color:#5A87E1;font-weight:bold;}
th {font-size:100%;color:#6f8791;font-weight:bold;}
#x {font-size:100%;color:#0000EC;font-weight:bold;}
.narrow {display:block;position:static;width:16%;height:300px;left:12px;overflow:auto;}
.small {display:block;position:static;color:white;font-weight:bold;font-size:70%;margin:auto;text-align:center;}
.h2 {font-weight:bold;font-size:120%;margin:auto;text-align:center;color:white;}
.more {display:block;position:static;right:30%;margin:auto;text-align:center;}
.somuch {background:blue;color:white;font-weight:bold;font-size:12px;margin:auto;text-align:center;}
.areas {background:#D6B3FD url(gradien4.jpg);color:black;font-size:14px;font-weight:bold;margin:auto;text-align:center;}
.round {-webkit-border-radius:7px;
 border-radius:7px;}
.boxshadow {
 box-shadow: 5px 6px 5px 0px #888888; /* IE 9+ */
 -webkit-box-shadow: 5px 6px 5px 0px #888888; /* safari 4.0 */
 }
 .textshadow {text-shadow: 4px 4px 4px #555555;}

.cell {display:block;
margin:3px 0px 3px 0px;
text-align:center !important ;
font-family:verdana,arial !important ;
font-size:12px !important ;
font-weight:bold !important ;
text-decoration:none !important ;
color:#ffffff !important;
width:auto;
padding:3px 7px;
border-width:1px;
border-style:outset;
box-sizing:border-box; /* we require border-box model                */
-moz-box-sizing:border-box;
-webkit-border-radius:5px;
border-radius:5px;
box-shadow: 5px 6px 5px 0px #888888; /* IE 9+ */
-webkit-box-shadow: 5px 6px 5px 0px #888888; /* safari 4.0 */
}

.cell:hover {
color:#ff8000 !important ;
background-color:#ffffff;
border-style:inset;
}
.cell:visited {color:#71b8ff;}
/* trail styles */

#trail {background-color:#ceffe4;font-size:80%;font-weight:normal;margin:20px auto 20px auto;}
.xtrailbg {background-color:#ceffe4;}
.h1, .h1trail {color:green;text-align:center;margin:auto;font-size:120%;font-weight:bold;}
.trail {background-color:transparent;} 
.trailcell {background-image:url(trailcell.gif);}
.trailcell  {
display:block;
margin:3px 0px 3px 0px;
vertical-align:middle;
text-align:center;
font-size:11px;
font-weight:bold;
text-decoration:none;
color:#ffffff;
width:123px;
height:auto;
padding:3px;
border-width:1px;
border-style:outset;
box-sizing:border-box;      /* we require border-box model   */
-moz-box-sizing:border-box; /* we require border-box model   */
-webkit-border-radius:7px;
border-radius:7px;
box-shadow: 5px 6px 5px 0px #333333; /* IE 9+ */
-webkit-box-shadow: 5px 6px 5px 0px #333333; /* safari 4.0 */
}
a.trailcell:visited {}
a.trailcell {color:#ffffff;}
a.trailcell:hover {
color:#00ff80;
background-color:#ffffff;
border-style:inset;
}/*  end normal css */
/*  CSS @Media Query width == window.innerWidth, whereas outerWidth includes scrollbars */
@media screen and (max-device-width: 320px) /* portrait innerWidth googlemobility  @media- android */
{ 
    body {max-width:100%;}
    .topcenter {max-width:98%;}
    img {max-width:98%;}/* no effect */
    .leftcol {display:none;}
	table.ephemeris {xdisplay:none;} /*  */
	.conditions {max-width:98%;} /* shrink */
	.rightcol {width:98%;} /* expand */
	.value,.wintertext {width:336px;font-size:9px;} /*  from 600px */
	.goo2 {width:auto;} /* shrink from 260px */
	.cell {width:auto;} /* shrink from 159px */
}
@disablemedia screen and (max-device-width: 360px) /* Chrome iphone4 (320x480) is 367px innerWidth uses this rule.  @media- android */
{ 
    body {max-width:100%;}
    .topcenter {max-width:98%;}
    img {max-width:98%;}/* no effect */
    .freestyle {max-width:98%;}/
    .mainimg {float:none;width:auto;max-width:98%;}
    .leftcol {display:none;}
	table.ephemeris {xdisplay:none;} /*  */
	.conditions {max-width:98%;} /* shrink */
	.rightcol {width:98%;} /* expand */
	.value,.wintertext {max-width:98%;font-size:9px;max-width:60%;} /*  from 600px */
	.goo2 {width:auto;} /* shrink from 260px */
	.cell {width:auto;padding:3px;} /* shrink from 159px */
}
@media screen and (max-device-width: 640px) /* landscape -  android */
{ 
    body {max-width:100%;}
    .topcenter {max-width:98%;}
    .leftcol {display:none;}    
	table.ephemeris {xdisplay:none;} /*  */
	.conditions {max-width:98%;} /* shrink */
	.rightcol {width:98%;} /* expand */
	.value,.wintertext {max-width:98%;font-size:9px;} /*  from 600px */
	.goo2 {width:auto;} /* shrink from 260px */
	.cell {width:auto;} /* shrink from 159px */
}
@media only screen and (max-device-width: 720px) /*  - android */
{ 
    body {max-width:100%;}
    .topcenter {max-width:98%;}
	table.ephemeris {xdisplay:none;} /*  */
	.conditions {max-width:98%;} /* shrink */
	.rightcol {width:98%;} /* expand */
	.value,.wintertext  {max-width:98%;font-size:9px;} /*  from 600px */
	.goo2 {width:auto;} /* shrink from 260px */
	.cell {width:auto;} /* shrink from 159px */
}