/* $Id$ */

/* BEGIN structure */
#content div.col2 {width:710px;overflow:visible;}
#content div.col3 {width:120px;}
#content div.col2 .inner-wrapper {}
#content div.col2 .inner-wrapper div.col1 {float:left;width:180px;margin-right:8px;}
#content div.col2 .inner-wrapper div.col2 {float:left;width:522px;margin:0;}
#content div.col2 .inner-wrapper div.col2 div.subsec {margin-bottom:8px;}
#content div.col2 .inner-wrapper div.col2 div.subsec div.col1 {float:left;width:228px;margin-right:8px;}
#content div.col2 .inner-wrapper div.col2 div.subsec div.col2 {float:left;width:280px;}
/* END structure */

/* BEGIN globals */
#content div.col2 .inner-wrapper div.col2 div.subsec div.col2 img {width:278px;}
/* END globals */

/* BEGIN local header */
ul.locinfo {border-bottom:3px solid #243558;}
ul.locinfo li {float:left;font-size:10px;color:#666;padding:10px 0 0 10px;}
ul.locinfo li span {font-weight:bold;padding-right:8px;}
ul.locinfo li.pname {position:relative;height:27px;background:#243558 url(assets/locwx_pname_r_bg.gif) no-repeat top right;padding:0 10px 0 0;}
ul.locinfo li.pname span {display:block;height:19px;background:#243558 url(assets/locwx_pname_l_bg.gif) no-repeat top left;padding:8px 0 0 10px;font-size:12px;font-weight:bold;color:#fff;}
ul.locinfo li.pname img {width:23px;height:23px;margin:-4px 4px 0 -4px;float:left;}
ul.locnav {margin-bottom:12px;height:22px;background:url(assets/locwx_nav_bg_sprite.gif) repeat-x 0 0;}
ul.locnav li {float:left;}
ul.locnav li a {display:block;font-size:10px;font-weight:bold;color:#243558;padding:5px 5px 4px 5px;text-decoration:none;}
ul.locnav li a:hover {background:url(assets/locwx_nav_bg_sprite.gif) repeat-x 0 -22px;color:#000;}
ul.locnav li a.sel {background:url(assets/locwx_nav_bg_sprite.gif) repeat-x 0 -44px;color:#243558;}
ul.locinfo li.nbhd {padding-top:0;}
ul.locinfo li.nbhd span {color:orange;}
ul.locinfo li.linker {padding-left:30px; font-size:12px;}
div.wx-adv-blk {clear:both;margin:0 0 10px -10px;background:url(assets/locwx_adv_bg.gif) no-repeat top right;padding-top:20px;}
div.wx-adv-blk p {background:url(assets/locwx_adv_bg.gif) no-repeat bottom right;font-size:11px;padding:0 0 4px 6px;}
div.wx-adv-blk p a {color:#fff;padding:0 5px;}
/* END local header */

/* BEGIN wx-cur */
ul.wx-cur {background:url(assets/locwx_cur_bg.gif) repeat-y top left;}
ul.wx-cur li {padding:8px;}
ul.wx-cur li.astro,ul.wx-cur li.tidal,ul.wx-cur li.nbhd {border-top:1px solid #ccc;}
ul.wx-cur li.cc {background:url(assets/locwx_cur_top_bg.jpg) no-repeat top left;padding-top:10px;}
ul.wx-cur li.nbhd {background:url(assets/locwx_cur_btm_bg.gif) no-repeat bottom left;}
ul.wx-cur h3 {font-size:11px;font-weight:bold;color:#000;margin-bottom:4px;}
ul.wx-cur .detail {font-size:10px;font-weight:normal;color:#666;}
ul.wx-cur ul.drows {clear:both;}
ul.wx-cur ul.drows li {clear:both;padding:0;font-size:10px;vertical-align:top;}
ul.wx-cur ul.drows span {display:block;float:left;width:82px;}
ul.wx-cur ul.drows span.right {text-align:right;font-weight:bold;}
ul.wx-cur li.cc div.wrapper {margin:10px 0;}
ul.wx-cur li.cc div.icon {float:left;width:50px;text-align:right;margin-right:10px;}
ul.wx-cur li.cc div.icon img {width:40px;height:41px;}
ul.wx-cur li.cc div.wx {float:left;width:89px;font-size:12px;font-weight:bold;}
ul.wx-cur li.cc div.wx p.temp {font-size:24px;}
ul.wx-cur li.astro ul.drows li a {display:block;text-decoration:none;}
ul.wx-cur li.astro ul.drows span.right {width:82px;}
ul.wx-cur li.astro ul.drows span.center {width:50px;}
ul.wx-cur li.astro ul.drows span.left,ul.wx-cur li.tidal ul.drows span.left {width:20px;margin-right:10px;}
ul.wx-cur li.astro ul.drows li,ul.wx-cur li.tidal ul.drows li {padding-bottom:3px;}
ul.wx-cur li.tidal ul.drows span.center {width:40px;}
ul.wx-cur li.tidal ul.drows span.right {width:92px;}
ul.wx-cur li.nbhd ul.drows span.left {width:20px;margin-right:10px;}
ul.wx-cur li.nbhd ul.drows span.right {width:134px;font-weight:bold;text-align:left;padding-top:4px;}
ul.wx-cur li.astro img.icon,ul.wx-cur li.tidal img.icon,ul.wx-cur li.nbhd img.icon {width:20px;height:20px;}
/* END wx-cur */

/* BEGIN wx-outlook */
ul.wx-outlook {clear:both;height:155px;}
ul.wx-outlook li {float:left;position:relative;width:100px;height:155px;margin-right:5px;background:url(assets/wxoutlook_col_bg.gif) no-repeat bottom left;text-align:center;padding-top:8px;}
ul.wx-outlook li.last {margin-right:0;}
ul.wx-outlook li p {text-align:center;font-weight:bold;margin-top:4px;}
ul.wx-outlook li p.icon img {width:45px;height:46px;}
ul.wx-outlook li p.temp {font-size:20px;}
ul.wx-outlook li p.dt {position:absolute;bottom:0;left:0;width:100px;margin-bottom:3px;font-size:11px;font-weight:normal;color:#fff;text-transform:uppercase;}
/* END wx-outlook */

/* BEGIN wx-fcst */
ul.wx-fcst {clear:both;}
ul.wx-fcst li {background:url(assets/locwx_fcst_bg.gif) no-repeat bottom left;padding-bottom:8px;margin-bottom:4px;}
ul.wx-fcst li div.inner {background:url(assets/locwx_fcst_bg.gif) no-repeat top left;padding:8px 0 0 8px;}
ul.wx-fcst li div.inner div {float:left;}
ul.wx-fcst li div.dt {width:60px;font-size:11px;font-weight:bold;color:#fff;text-transform:uppercase;}
ul.wx-fcst li div.icon {width:40px;}
ul.wx-fcst li div.icon img {width:35px;height:36px;}
ul.wx-fcst li span.temp {display:block;font-size:10px;}
ul.wx-fcst li span.temp strong {font-size:1.4em;font-weight:bold;padding-left:3px;}
ul.wx-fcst li span.temp span.hi {color:#cc0000;padding-right:10px;}
ul.wx-fcst li span.temp span.lo {color:#0033cc;}
ul.wx-fcst li span.wx {display:block;font-size:10px;font-weight:bold;}
/* END wx-fcst */

/* BEGIN wx-fcst-text */
ul.wx-fcst-text {clear:both;}
ul.wx-fcst-text li {clear:both;display:block;padding-bottom:8px;}
ul.wx-fcst-text li span {display:block;float:left;width:420px;font-size:11px;vertical-align:top;}
ul.wx-fcst-text li span.dt {width:100px;font-weight:bold;}
/* END wx-fcst-text */

/* BEGIN wx-adv */
ul.wx-advnav {clear:both;margin-bottom:15px;margin-top:2px;}
ul.wx-advnav li {float:left;}
ul.wx-advnav li a {display:block;font-size:10px;font-weight:bold;color:#333;padding:3px 4px;text-decoration:none;}
ul.wx-advnav li a:hover {color:#000;background:#ddd;}
ul.wx-advnav li a.sel {color:#fff;background:#284275;cursor:normal;}
div.wx-adv-list {clear:both;margin-top:4px;}
div.wx-adv-list ul {width:194px;float:left;margin-right:8px;border-top:1px solid #880000;}
div.wx-adv-list ul li {border-bottom:1px solid #880000;font-size:10px;font-weight:bold;}
div.wx-adv-list ul li a {display:block;padding:3px 5px;color:#880000;background:#ffe5e5;text-decoration:none;}
div.wx-adv-list ul li a:hover {background:#ffbbbb;}
div.wx-adv-list ul.no-adv,div.wx-adv-list ul.no-adv li {border:0;font-size:12px;}
div.wx-adv-list div.map {float:left;width:100px;}
div.wx-adv-list div.map img {width:320px;}
div.wx-adv-list div.map p.mapinfo {margin-top:0;}
h3.wx-adv {font-size:12px;font-weight:bold;background:#880000;color:#fff;padding:3px 5px;margin-top:10px;}
/* END wx-adv */

/* BEGIN wx-radar */
ul.wx-radarnav {clear:both;margin-bottom:15px;margin-top:2px;}
ul.wx-radarnav li {float:left;}
ul.wx-radarnav li a {display:block;font-size:10px;font-weight:bold;color:#333;padding:3px 4px;text-decoration:none;}
ul.wx-radarnav li a:hover {color:#000;background:#ddd;}
ul.wx-radarnav li a.sel {color:#fff;background:#284275;cursor:normal;}
#wx-radarmap {padding:0 0 10px 0;}
#wx-radarmap div.radarmap {position:relative;margin:auto 0;width:522px;height:475px;}
#wx-radarmap img {width:522px;height:475px;}
#wx-radarmap div.radarmap div {position:absolute;top:0;left:0;}
#wx-radarmap div.mapctrl {text-align:center;font-size:10px;font-weight:normal;margin-bottom:3px;}
/* END wx-radar */

/* BEGIN special sections */
table.wx-hydro td {width:110px;text-align:middle;}
table.wx-hydro td.status {width:20px;}
table.wx-hydro td.loc {width:220px;text-align:left;font-weight:bold;}
table.wx-hydro td.name {font-weight:bold;}
table.wx-hydro td.timestamp {width:200px;}
table.wx-hydro th.loc {text-align:left;}

table.wx-tides td {width:110px;vertical-align:middle;}
table.wx-tides td.timestamp {width:80px;font-size:11px;font-weight:bold;}
/* END special sections */

/* BEGIN wxchart extensions */
table.wx-outlook td {width:80px;font-size:11px;vertical-align:middle;padding:4px;}
table.wx-outlook td.timestamp {font-weight:bold;}
table.wx-outlook td.icon {width:40px;}
table.wx-outlook td.wx {width:120px;text-align:left;}
table.wx-outlook td.temp {font-size:14px;font-weight:bold;}

/* END wxchart extensions */


