/* Urban Garden Style Sheet - created 070918 */
body { margin-top: 0; margin-left: 0; margin-right:0; margin-bottom:0; marginwidth: 0; marginheight: 0; font-size: 12px; letter-spacing: 0.11em; font-family:Century Gothic,arial,sans-serif; background-color: #ffffff; }

.bar_top { background-image: url(../images/bar_top.jpg); background-repeat: no-repeat; }
.bar_topadmin { background-image: url(../images/bar_topadmin.jpg); background-repeat: no-repeat; }
.bar_topnav { background-image: url(../images/bar_topnav.jpg); background-repeat: no-repeat; }
.bar_bottom { background-image: url(../images/bar_bottom.jpg); background-repeat: no-repeat; }
.bar_side { background-image: url(../images/bar_side.gif); background-repeat: vertical-repeat; }
.bar_side2 { background-image: url(../images/bar_side2.gif); background-repeat: vertical-repeat; }

.topbar { background-image: url(/images/navbar.jpg); background-repeat: no-repeat; }
.navtop {background-image: url(/images/box_top.gif); background-repeat: repeat-x; }
.navright {background-image: url(/images/box_right.gif); background-repeat: repeat-y; }
.navbottom {background-image: url(/images/box_bottom.gif); background-repeat: repeat-x; }
.navleft {background-image: url(/images/box_left.gif); background-repeat: repeat-y; }
.dots {background-image: url(/images/dots.gif); background-repeat: repeat-x; }
.nav {color: #448844; font-size: 13px; font-family: Century Gothic,tahoma,arial,sans-serif;}
.productdetail { background-image: url(../images/productdetail.gif); background-repeat: no-repeat; }

P {color:#4e4e4e; font-size: 12px; font-family: Century Gothic,arial,helvetica,sans-serif; line-height: 140%; letter-spacing: 0.11em; }

H1.headline {color: #ffffff; font-family: Century Gothic,Arial,Helvetica,sans-serif; font-size: 22px; ; font-weight: 500; letter-spacing: 0.01em; text-transform: none; margin: 0;}
H1 {color: #2c2c2c; font-family: Century Gothic,Arial,Helvetica,sans-serif; font-size: 18px; ; font-weight: 500; letter-spacing: 0.01em; text-transform: none; margin: 0;}
H2 {color: #88a930; font-family: Century Gothic,Arial,Helvetica,sans-serif; font-size: 16px; ; font-weight: 700; letter-spacing: 0.01em; text-transform: none; margin: 0;}
H3 {color: #000000; font-family: Century Gothic,Arial,Helvetica,sans-serif; font-size: 14px; ; font-weight: 500; letter-spacing: 0.01em; text-transform: none; margin: 0;}
H4 {color: #666666; font-size: 14px; font-family: Garamond, Georgia, "Times New Roman"; }
H5 {color: #666666; font-size: 12px; font-family: Garamond, Georgia, "Times New Roman"; }

A:link {color: #4d4d4d; text-decoration: underline;}
A:visited {color: #4d4d4d; text-decoration: underline;} 
A:active {color: #4d4d4d; text-decoration: underline;} 
A:hover {color: #4f98bf; text-decoration: underline;}

A:link.topmenu {color: #ffffff; text-decoration: none; font-family: Century Gothic,Arial,Helvetica,sans-serif; font-size: 15px; letter-spacing: -0.03em; font-weight:normal; text-transform: none; }
A:visited.topmenu {color: #ffffff; text-decoration: none; font-family: Century Gothic,arial,Helvetica,sans-serif; font-size: 15px; letter-spacing: -0.03em; font-weight:normal; text-transform: none;}
A:active.topmenu {color: #ffffff; text-decoration: none; font-family: Century Gothic,Arial,Helvetica,sans-serif; font-size: 15px; letter-spacing: -0.03em; font-weight:normal; text-transform: none;}
A:hover.topmenu {color: #DB944C; text-decoration: none; font-family: Century Gothic,Arial,Helvetica,sans-serif; font-size: 15px; letter-spacing: -0.03em; font-weight:normal; text-transform: none;}

A:link.menu_bottom {color: #cad7db; text-decoration: underline; font-size: 10px; font-weight:normal; letter-spacing: -0.03em;}
A:visited.menu_bottom {color: #cad7db; text-decoration: underline; font-size: 10px; font-weight:normal; letter-spacing: -0.03em;}
A:active.menu_bottom {color: #cad7db; text-decoration: underline; font-size: 10px; font-weight:normal; letter-spacing: -0.03em;}
A:hover.menu_bottom {color: #ffffff; text-decoration: underline; font-size: 10px; font-weight:normal; letter-spacing: -0.03em;}

A:link.sidemenu {color: #3a3a3a; text-decoration: none; font-size: 12px; letter-spacing: 0.04em; font-family: Century Gothic,arial, helvetica, sans-serif; font-weight:500; }
A:visited.sidemenu {color: #3a3a3a; text-decoration: none; font-size: 12px; letter-spacing: 0.04em; font-family: Century Gothic,arial, helvetica, sans-serif; font-weight:500;} 
A:active.sidemenu {color: #3a3a3a; text-decoration: none; font-size: 12px; letter-spacing: 0.04em; font-family: Century Gothic,arial, helvetica, sans-serif; font-weight:500;} 
A:hover.sidemenu {color: #4f98bf; text-decoration: underline; font-size: 12px; letter-spacing: 0.04em; font-family: Century Gothic,arial, helvetica, sans-serif; font-weight:500;} 

A:link.prodmenu {color: #4e4e4e; text-decoration: underline; font-family: Century Gothic,Arial,Helvetica,sans-serif; font-size: 11px; letter-spacing: 0.04em; font-weight:500;}
A:visited.prodmenu {color: #4e4e4e; text-decoration: underline; font-family: Century Gothic,Arial,Helvetica,sans-serif; font-size: 11px; letter-spacing: 0.04em; font-weight:500;}
A:active.prodmenu {color: #4e4e4e; text-decoration: underline; font-family: Century Gothic,Arial,Helvetica,sans-serif; font-size: 11px; letter-spacing: 0.04em; font-weight:500;}
A:hover.prodmenu {color: #c67239; text-decoration: underline; font-family: Century Gothic,Arial,Helvetica,sans-serif; font-size: 11px; letter-spacing: 0.04em; font-weight:500;}

A:link.prodmenu2 {color: #e2e2e2; text-decoration: none; font-family: Century Gothic,Arial,Helvetica,sans-serif; font-size: 14px; letter-spacing: 0.03em; font-weight:500;}
A:visited.prodmenu2 {color: #e2e2e2; text-decoration: none; font-family: Century Gothic,Arial,Helvetica,sans-serif; font-size: 14px; letter-spacing: 0.03em; font-weight:500;}
A:active.prodmenu2 {color: #e2e2e2; text-decoration: none; font-family: Century Gothic,Arial,Helvetica,sans-serif; font-size: 14px; letter-spacing: 0.03em; font-weight:500;}
A:hover.prodmenu2 {color: #e2e2e2; text-decoration: none; font-family: Century Gothic,Arial,Helvetica,sans-serif; font-size: 14px; letter-spacing: 0.03em; font-weight:500;}

FORM {margin: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; }

UL {list-style: round; list-style-position: outside; }
LI {list-style: round; list-style-position: outside; color:#4e4e4e; font-size: 11px; font-family: Century Gothic,arial,helvetica,sans-serif; line-height: 140%; letter-spacing: 0.11em;}

TD {color:#4e4e4e; font-size: 11px; font-family: Century Gothic,arial,helvetica,sans-serif; line-height: 130%; letter-spacing: 0.11em; }
TH {color:#4e4e4e; font-size: 12px; font-family: Century Gothic,arial,sans-serif; font-style: bold;}

.head {color: #000000; font-family: Century Gothic,Arial,Helvetica,sans-serif; font-size: 14px; ; font-weight: 500; letter-spacing: 0.01em; text-transform: uppercase;}
.head_product {color: #535353; font-family: Century Gothic,Arial,Helvetica,sans-serif; font-size: 13px; ; font-weight: 500; letter-spacing: 0.01em; }

.wxhead {color: #7a6352; font-family: Century Gothic,Arial,Helvetica,sans-serif; font-size: 13px; ; font-weight: 400; letter-spacing: 0.01em; text-transform: uppercase;}

.head2 {color: #666666; font-family: Century Gothic,arial, helvetica, sans-serif; font-size: 13px; font-weight: 700; letter-spacing: 0em;}
.head3 {color: #000000; font-family: Century Gothic,arial, helvetica, sans-serif; font-size: 13px; }
.wxtextsm {color: #404040; font-family: Century Gothic,Arial, Helvetica, sans-serif; font-size: 11px; font-weight:normal; }
.wxtextmed {color: #404040; font-family: century gothic, tahoma, Arial, Helvetica, sans-serif; font-size: 14px; font-weight:normal;letter-spacing: -0.03em;}
.wxtextxlg {color: #404040; font-family: century gothic, tahoma, Arial, Helvetica, sans-serif; font-size: 28px; font-weight:normal;}
.wxtextlg {color: #404040; font-family: century gothic, tahoma, Arial, Helvetica, sans-serif; font-size: 18px; font-weight:normal;}
.textsm {font-family: Century Gothic,Arial, Helvetica, sans-serif; font-size: 10px; font-weight:normal; }
.text_sidemenu {font-family: Century Gothic,Arial, Helvetica, sans-serif; font-size: 11px; font-weight:normal; }
.textprint {font-family: century gothic, tahoma, arial; color:#000000;}
.textprint2 {font-family: century gothic, tahoma, arial; color:#000000; font-size: 12pt; ; font-weight: 500; letter-spacing: 0.00em; line-height: 100%; }
.menutext {color: #ffffff; font-family: Century Gothic,Arial, Helvetica, sans-serif; font-size: 12px; font-weight:normal; }
.wtextsm {color: #ffffff; font-family: Century Gothic,tahoma, Arial, Helvetica, sans-serif; font-size: 10px; font-weight:normal; }
.stretch {color: #ffffff; font-size: 14px; font-family: serif; letter-spacing:4px; }

.smalldatarequired {color: #cc0000; font-family: Century Gothic,Arial, Helvetica, sans-serif; font-size: 10px; font-weight:normal; }
.formtext {color: #000000; font-family: Century Gothic,Arial, Helvetica, sans-serif; font-size: 11px; font-weight:normal; }
.formtextsm {color: #000000; font-family: Century Gothic,Arial, Helvetica, sans-serif; font-size: 10px; font-weight:normal; }
.textb {font-weight:bold;}
.textw {color: #ffffff;}

.datarequired {color: #CC3300;; font-weight: normal}

.contrast {color:#ffffff; font-size:11px; font-weight:normal; font-family: Century Gothic,Arial, Helvetica, sans-serif; }

.button {
	cursor: hand;
}


.button_admin {
	color: #ffffff; 
	background: #adce53; 
	border-left:0; 
	border-right: 1; 
	border-bottom: 1; 
	border-top: 0; 
	border-color:White;
	font-size: 14px;
	font-weight: bold;
	font-family: Century Gothic,Arial, Helvetica, sans-serif;
	cursor: hand;
; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px; border: #666666 solid; border-width: 0px 1px 1px 0px
}

.button_small {
	color: #ffffff; 
	background: #adce53; 
	border-left:0; 
	border-right: 1; 
	border-bottom: 1; 
	border-top: 0; 
	border-color:White;
	font-size: 12px;
	font-weight: bold;
	font-family: Century Gothic,Arial, Helvetica, sans-serif;
	cursor: hand;
; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border: #666666 solid; border-width: 0px 1px 1px 0px
}

.smallbutton {
	color: #ffffff; 
	background: #adce53; 
	border-left:0; 
	border-right: 1; 
	border-bottom: 1; 
	border-top: 0; 
	border-color:White;
	font-size: 12px;
	font-weight: bold;
	font-family: Century Gothic,Arial, Helvetica, sans-serif;
	cursor: hand;
; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border: #666666 solid; border-width: 0px 1px 1px 0px
}

.button_smallest {
	color: #ffffff; 
	background: #adce53; 
	border-left:0; 
	border-right: 1; 
	border-bottom: 1; 
	border-top: 0; 
	border-color:White;
	font-size: 9px;
	font-weight: bold;
	font-family: Century Gothic,Arial, Helvetica, sans-serif;
	cursor: hand;
; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border: #666666 solid; border-width: 0px 1px 1px 0px
}

.tiny {color:#ffffff; font-size:5px; font-family:"Times New Roman", Times, serif; }

.HR {background-image: url(../images/hr.gif); background-repeat: repeat-x; height: 1; width:100%;}

.boxborder {padding: 0px; background-color: #ffffff; border: 1px; border-style: solid; border-color: #d6d6d6; }

.boxborder2 {padding: 0px; background-color: #ffffff; border: 1px; border-style: solid; border-color: #98D4E5; }

.menuborder {padding: 0px 0px; background-color: #d5d6cf; border: 0px #000000 groove; border-color: #000000; }

.MidBG {background-color: #e1e1e1; color: #ffffff; font-size: 12px; }
.THdark {background-color: #bcbcbc; color: #666666;	font-size: 12px; font-family: Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #005838; }
.urgent {  color: #ff3300; font-weight: bold}
.satellite { background-image: url(http://goes.gsfc.nasa.gov/goescolor/goeswest/pacific2/color_med/latest.jpg); background-repeat: no-repeat; background-position: -140px -75px;}
.radar {  background-image: url(http://radar.weather.gov/RadarImg/NCR/MUX_NCR_0.gif); background-repeat: no-repeat; background-position: -80px -40px;}

.sat_overlay { background-image: url(../images/sat_overlay.gif); background-repeat: no-repeat; background-position: -140px -75px;}

	DIV.pic1, DIV.pic2, DIV.pic3, DIV.pic4, {position: absolute; border: none; width:210px; height:210px; }
	.pic1 { z-index:0; background-image: url(http://radar.weather.gov/Overlays/Topo/Short/MUX_Topo_Short.jpg); background-repeat: no-repeat; background-position: -80px -40px;}
	.pic2 { z-index:1; background-image: url(http://radar.weather.gov/RadarImg/NCR/MUX_NCR_0.gif); background-repeat: no-repeat; background-position: -80px -40px;}
	.pic3 { z-index:2; background-image: url(http://radar.weather.gov/Overlays/County/Short/MUX_County_Short.gif); background-repeat: no-repeat; background-position: -80px -40px;}
	.pic4 { z-index:3; background-image: url(http://radar.weather.gov/Overlays/Cities/Short/MUX_City_Short.gif); background-repeat: no-repeat; background-position: -80px -40px;}

.rad_overlay { background-image: url(http://radar.weather.gov/Conus/RadarImg/pacnorthwest.gif); background-repeat: no-repeat; background-position: -100px -355px;}

.rad_overlay2 { background-image: url(../images/rad_overlay2.gif); background-repeat: no-repeat; background-position: -100px -355px;}

@media print {
A.textnoprint { color: #ffffff }
}
.hide {
position: absolute;
left: -999px;
width: 990px;
}

/* http://www.srh.weather.gov/ridge/lite/N0R/MUX_0.png */