body {
	text-align:center;
	background:#063;
	margin:0;
	padding:30px;
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
}

a img {
	border:0px;
	background-repeat: no-repeat;
}

a {color:#0A4}



#Head {
	width:850px;
	height:70px;
	margin:0px auto;
	vertical-align:bottom;
	background-color: #006633;
}

#Menu {width:850px; height:23px; margin:0px auto; background: url("/images/bkgd_gradient_core.jpg") repeat-y}

#GatewayCore {width:850px; margin:0px auto; font-size:0.7em; background:#FFF url("/images/bkgd_gradient_core.jpg") repeat-y}

#Core {
	width:810px;
	min-height:400px;
	_height:400px;
	text-align:left;
	font-size:0.8em;
	background:#FFF url("/images/bkgd_gradient_core.jpg") repeat-y;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
}



#LeftCol {
	float:left;
	width:258px;
	text-align:center;
	background-image: url(#FFF url("/images/promobkgd.jpg") no-repeat);
	padding-top: 0px;
	padding-right: 1px;
	padding-bottom: 0px;
	padding-left: 11px;
}

#LeftCol em {font-style:normal}

#LeftCol #ComingUp {width:240px; margin-bottom:8px; background:#FFF url("/images/promobkgd.jpg") no-repeat}

#LeftCol #ComingUp td img {vertical-align:top}

#LeftCol #ComingUp td {vertical-align:top; color:#333; padding:0px 0px 0px 4px}

#LeftCol #ComingUp td.time {text-align:right; padding:0px 4px 0px 0px; border-right:1px solid #FC0}



#WidePromo {float:left; padding:0px; margin:0px 0px 1px 0px; width:498px; border-left:1px dotted #3FC; background:#FFF}



#CenterCol {
	float:left;
	width:418px;
	padding:0px 1px;
	border-left:1px dotted #3FC;
	background:#FFF;
	text-align:left;
	white-space: normal;
}

#CenterCol table {margin:0px 6px}

#CenterCol .nprMod {margin:0px 10px}

#CenterCol .nprMod p.nprModCatTitle {font-size:1px;visibility:hidden;margin:0px;padding:0px}

#CenterCol .nprMod a.nprModMore {font-size:1px;visibility:hidden;margin:0px;padding:0px}

#CenterCol td.headline-region {font-size:1px;height:0px;visibility:hidden;margin:0px;padding:0px}

#CenterCol td.DUDheadline-region {border-bottom:1px solid #F90}

#CenterCol td.DUDheadline-region a {font:bold 1.5em Arial, Helvetica, Sans-serif}

#CenterCol td.headline-title {font-weight:bold; color:green}

#CenterCol .announcement {
	padding:6px;
	margin:4px;
	border-bottom:1px dotted #3FC;
	background: #FFF url("/images/promobkgd.jpg") no-repeat;
}

#CenterCol .announcement h1, #CenterCol .announcement h2 {font-size:1.1em; margin-bottom:0px}

#CenterCol .announcement p {
	margin-top:6px;
	font-size:1.1em;
	border-color: #009900;
}



.headline-title-boxed {border:1px solid #063; padding:8px}

div.promo {min-height:82px; _height:82px; width:234px; padding:3px; margin-bottom:1px; background:#FFF url("/images/promobkgd.jpg") no-repeat; color:#333}

img.promo {width:75px; height:75px; visibility:visible; float:left; padding:3px 6px 6px 3px}

.tinypromo {padding:7px; background:#FFF url("/images/promobkgd.jpg") no-repeat}

.smpromo {
	min-height:40px;
	_height:40px;
	padding:11px;
	background:#FFF url("/images/promobkgd.jpg") no-repeat;
	border-width: 1;
}

.smpromo img, .tinypromo img {
	float:left;
	margin-right:auto;
	margin-left: auto;
}

.surveypromo {padding:7px; margin-bottom:1px; background:#FC9; color:#000}

.contribpromo {padding:7px; margin-bottom:1px; background:#FC6; color:#333}

.contribpromo img.left {float:left; margin-right:7px}

.contribpromo img.right {float:right; margin-left:7px}

.electpromo {padding:7px; margin-bottom:1px; background:url('/images/starry_bkgd.gif'); color:#FFF; text-align:center}

.electpromo a {color:#FFF}

.nprModDate, .nprModPipe, .nprModName {color:#999}



#RightCol {float:left; width:147px; background:#FFC; text-align:center; border-left:1px solid #FC9; padding-bottom:1px}



#RightColWide {float:left; width:498px; padding:0px 1px; border-left:1px dotted #3FC; background:#FFF; text-align:left}

#RightColWide .announcement {padding:0px 6px; margin:4px; border:2px inset #3FC}

#RightColWide .announcement h1, #CenterCol .announcement h2 {font-size:1.1em; margin-bottom:0px}

#RightColWide .announcement p {margin-top:6px; font-size:1.1em}



#snowday {background-color:#FF6; background-image:url("/images/snowday/county_bkgd.gif"); background-position:center; background-repeat:no-repeat; font-size:.8em; font-weight:bold; position:absolute; width:180px; height:144px}

#snowday1 {position:absolute; left:55px; top:56px}

#snowday2 {position:absolute; left:6px; top:56px}

#snowday3 {position:absolute; left:33px; top:97px}

#snowday4 {position:absolute; left:55px; top:16px}

#snowday5 {position:absolute; left:143px; top:6px}

#snowday6 {position:absolute; left:83px; top:97px}

#snowday7 {position:absolute; left:94px; top:6px}

#snowday8 {position:absolute; left:104px; top:56px}



#ConstructionAlerts {
	margin-left:100px;
	background:url("/images/construction_alerts.gif") no-repeat;
	width:190px;
	height:40px;
	text-align:left;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#ConstructionAlerts select {background-color:#F93; color:#333; font:.9em Verdana, Arial, Helvetica, Sans-serif}



#Election {width:348px; height:84px; color:#E8E8E8; background-image:url('/images/electiondayresults.gif')}

#Election #text {padding:36px 8px 8px 8px}

#Election #text a {color:#FF0; font-weight:bold}

#Election #text a:hover {text-decoration:underline}



#Foot {width:850px; background:#063; color:#FFF; text-align:center; margin:0px auto}



#MenuBAK {width:742px; height:23px; margin:0px auto; background:url("/images/btn_bkgd.png") repeat-x}

#GatewayCoreBAK {width:742px; margin:0px auto; text-align:left; font-size:.7em; border-top:1px solid #0C9; background:#FFF}



h1 {
	padding-top:10px;
	margin-top:0px;
	font-size:1.6em;
	background: #FFF url("/images/promobkgd.jpg") no-repeat;
}

h2 {padding-top:10px; margin-top:0px; font-size:1.3em; color:#666}

h3 {
	padding-top:10px;
	margin-top:0px;
	font-size:1em;
	color:#666;
	margin-left: 40px;
}

ul {padding-top:10px; padding-bottom:10px; margin-top:0px; margin-bottom:0px}



img.left {float:left; margin-right:10px}

img.right {float:right; margin-left:10px}



#Schedule td {vertical-align:top; font:.9em Tahoma, Arial, Helvetica, Sans-serif}

#OnAirNowText {float:right; margin:15px 10px 0 0; width:220px; text-align:right; font-size:.7em}

#OnAirNowText a {color:#FFF; text-decoration:none}

#OnAirNowText a:hover {color:#FF0}

h1.galleryPage

  {

  color: #006400;

  font-size: 130%;

  margin-bottom: 0px;

  }

p.galleryPage

  {

  color: #006400;

  margin-bottom: 0px;

  }

.gallery

  {

  overflow: auto;

  float: center;

  background:#FFF;

  height: 460px;

  width: 720px;

  border: 1px solid black;

  }

.galleryEntry

  {

  float: left;

  display: inline;

  margin-top: 5px;

  margin-bottom: 20px;

  margin-left: 60px;

  margin-right: 20px;

  height: 200px;

  width: 250px;

  }



img.galleryImage 

  {

  float: left;

  height:180px;

  max-width: 240 px;

  width:auto !important;

  width: 240px;

  border: 5px solid #0A4;

   max-height: 180px;  Can't use this yet, because IE 6 doesn't 

   max-width: 240px; 

  }



   The following would be nice, but doesn't work under IE, 

   and the various patches are too tricky for me right now  

   .image a:hover img 

    { ->

     position:relative; ->

    left:-60px; ->

     top:0px; ->

     width: 360px; ->

      }  ->



.galleryCaption

  {

  color: #006400;

  float: left;

  text-align: left;

  font-weight: bold;

  height: auto;

  width: 200px;

  margin: 0px 0px 0px 0px; 

  padding-left: 15px;

  }