/* Generated by CaScadeS, a stylesheet editor for Mozilla Composer */

  body { margin: 0pt 0pt 0pt 1px;
    padding: 0pt;
    background: rgb(240, 240, 240) url(../img/background.gif) repeat-y scroll center top;
    color: rgb(0, 0, 0);
    font-family: Arial,Verdana,Geneva,sans-serif;
    font-size: small;
    line-height: 1.3em;
    }

  body.popPage { background: rgb(255, 255, 255) none repeat scroll 0% 50%;
    }

  p { margin: 1px 0pt 15px;
    }

  h2 { margin: 10px 0pt 15px;
    font-weight: bold;
    color: rgb(102, 153, 204);
    }

  a { background-color: rgb(255, 255, 255);
    color: rgb(10, 82, 154);
    }

  a:hover { background-color: rgb(255, 255, 255);
    color: rgb(211, 7, 10);
    }

  a:focus {  }

  h3 { margin: 0px;
    font-family: Arial,Verdana,Geneva,sans-serif;
    font-size: 105%;
    }

  h5 { margin: 0px;
    font-family: Arial,Verdana,Geneva,sans-serif;
    font-weight: bold;
    font-size: 110%;
    color: rgb(211, 7, 10);
    }

  h6 { margin: 0px;
    font-family: Arial,Verdana,Geneva,sans-serif;
    font-style: italic;
    font-size: 100%;
    color: rgb(10, 82, 154);
    }

  img { border: 0pt none ;
    margin: 0pt;
    padding: 0pt;
    }

  img.floatLeft {
    float: left; 
    margin: 5px;
    }

  img.floatRight {
    float: right;
    margin: 5px;
    }

  img.station {
    float: right;
    padding: 0px 0px 0px 20px;
    margin: 5px;
    }

  form { margin: 0pt;
    padding: 0pt;
    }

  input { margin: 0pt;
    padding: 0pt;
    }

  hr { border: 0pt none ;
    margin: 0px 0px 12px;
    padding: 0pt;
    color: rgb(204, 204, 204);
    background-color: rgb(204, 204, 204);
    height: 1px;
    }

/* ------------------------------------------------------------------------------- */

  .clear { clear: both;
    height: 1px;
    overflow: hidden;
    }

  .noprint {  }

  .nodisplay { display: none;
    }

/* -------------------------------------------------------------------------------
page-top: logo bar and search form
---------------------------------------------------------------------------------- */

  #page-top { margin: 0pt auto;
    padding: 10px 2px 10px 0px;
    background: rgb(255, 255, 255) url(../img/dcw-head.png) no-repeat scroll left center;
    width: 800px;
    color: rgb(0, 0, 0);
    height: 128px;
    }

  #page-top .inner { position: 90px;
    width: auto;
    white-space: nowrap;
    }

  #page-top .border { padding: 0px;
    border: 0px;
    width:  em;
    }

  #page-top table { font-size: 9pt;
    line-height: 16px;
    float: right;
    width: auto;
    margin: 78px 0 0 0.2em;
    padding-left: 0.2em;
    }

  #page-top tr { margin-left: auto;
    margin-right: 7px;
    width: auto;
    height: auto;
    }

  #page-top h5 { margin: 3px 0pt 0pt 4px;
    font-family: Arial,Verdana,Geneva,sans-serif;
    font-size: x-small;
    font-style: italic;
    font-weight: bold;
    line-height: 1em;
    color: rgb(0, 0, 0);
    background-color: transparent;
    }

/* -------------------------------------------------------------------------------
nav1: photo banner and horizontal button bar below page-top
---------------------------------------------------------------------------------- */

  #nav1 { margin: 0pt auto;
    padding: 0pt;
    width: 800px;
    height: 128px;
    color: rgb(153, 204, 204);
    }

/* -------------------------------------------------------------------------------
page: content area below nav1 (including background image)
---------------------------------------------------------------------------------- */

  .page { margin: 0pt auto;
    padding: 0pt;
    background: rgb(255, 255, 255) none repeat scroll 0% 50%;
    width: 800px;
    color: rgb(0, 0, 0);
    }

/* -------------------------------------------------------------------------------
New Navigation Bar
---------------------------------------------------------------------------------- */

 .nav { margin: 0pt auto;
	padding: 0 0 0 0;
	position: relative;
	width: 800px;
	height: 64px;
	font: bold 16px candara;
	background: transparent url('../img/nav_bg.jpg') repeat-x 0 0;
	clear: both;
	z-index: 1;
}

.nav ul
{
	margin: 0pt auto;
	padding: 0 0 0 0;
        background: rgb(28, 244, 244); /*IE6 needs this*/
	float: left;
        position: relative;
	width: 800px;
	font: 12px candara;
	background: url('../img/subnav_bg.jpg') repeat-x 0 0;
	z-index: 1;
}

.nav li
{
	float: left;
	list-style: none;
	z-index: 999;
	background: transparent url('../img/tabs.jpg') right 0 no-repeat;
}

.nav li.current ul
{
	z-index: 999;
}

.nav li.sfHover ul, ul.nav li:hover ul
{
	z-index: 1000;
}

.nav a
{
	color: #fff;
	display: block;
	float: left;
	padding: 12px 0 0 7px;
	margin-right: 8px;
	display: inline;
	text-decoration: none;
	width: auto;
	background: transparent url('../img/tabs.jpg') left 0 no-repeat;
}

.nav li ul
{
	left: 0;
	top: -999em;
	position: absolute;
}

/* --- links: default --- */
.nav a,
.nav a:focus,
.nav a:hover,
.nav a:active
{
	height: 22px;
	background-color: transparent;
	color: #fff;
}
/*--- li hover (default) --- */
/*--- SUBNAVIGATION (default) --- */
/* 2nd level : links */
/*
 .nav li li a {
 background: url(/images/subDivider_JSO.gif) no-repeat 0 5px !important;
 padding-left: 10px;
 border-top: 2px solid red;
 }
 */
.nav li li,
.nav li li a
{
	background: none;
	padding: 4px;
	margin-right: 0px;
}

.nav li li
{
	display: inline;
	height: 20px !important;
	background: url('../img/subnav_divider.gif') no-repeat 0 9px !important;
	padding-right: 0;
	padding-left: 0;
}

/*assigned dynamically*/
.nav li li.firstSubItem
{
	background: none !important;
}

/* 2nd level : default link hover */
.nav li:hover li a
{
	color: #fff;
}

.nav li li:hover a,
.nav li li a:hover
{
	text-decoration: underline;
}

/*--- li current : currently selected item (see html) --- */
/* top level */
.nav li.current,
.nav li.current:hover,
.nav li.current.sfHover,
.nav li.current.sfHover:hover
{
	/*background-position: right -100px;*/
}

.nav li.current a,
.nav li.current:hover a,
.nav li.current.sfHover a,
.nav li.current.sfHover:hover a
{
	/*background-position: left -100px;*/
}

.nav li.current a,
.nav li.current:hover a
{
	color: #fff;
}

/*--- current tab, but not active (class name changed dynamically) --- */
.nav li:hover a.currentOff,
.nav li a.currentOff
{
	/*height: 22px;*/
}

/* hover */
.nav li.current:hover a
{

}

.nav li.current:hover li a
{
	color: #fff;
}

.nav li.current li a
{
	color: #fff;
}

/* 2nd level : inherited current status */
.nav li.current li a,
.nav li.current:hover li a
{
	color: #fff;
	height: auto;
}

/* 2nd level : declared current status */
.nav li li.current a,
.nav li li.current a:hover,
.nav li.current:hover li.current a,
.nav li.current li.current a:hover
{
	color: #fff;
}

/* 2nd level - selected (declared) hover */
.nav li.current li:hover a
{
	color: #fff;
}

/* 2nd level - selected (declared) hover */
.nav li li.current:hover a
{
	text-decoration: underline;
}

/*--- li hover (dynamically added to html) --- */
/* top level */
.nav li:hover,
.nav li.sfHover:hover,
.nav li.sfHover
{
	background-position: right -50px;
}

/*.nav li:hover a,*/
.nav li:hover a,
.nav li.sfHover a,
.nav li.sfHover a:focus,
.nav li.sfHover a:hover,
.nav li.sfHover a:active,
.nav li.sfHover:hover a
{
	background-position: left -50px;
}

/* 2nd level : inherited hover status */
.nav li.sfHover li a,
.nav li.sfHover li a:focus,
.nav li.sfHover li a:hover,
.nav li.sfHover li a:active,
.nav li.sfHover:hover li a
{
	color: #fff;
	height: auto;
	background-image: none;
}

.nav li.sfHover li.current a
{
	color: #444;
	background-image: none;
}

/* 2nd level - selected (declared) hover */
.nav li.sfHover li a:hover,
.nav li.sfHover li:hover a
{
	text-decoration: underline;
	background-image: none;
}

.nav li:hover ul, /* pure CSS hover is removed below */
body .nav li.current ul, /* this must be more specific than the .superfish override below */
ul.nav li.sfHover ul,
ul.nav li.sfHover2 ul
{
	top: 34px;
}

.nav li:hover li ul, .nav li.sfHover li ul
{
	top: -999em;
}

.nav li li:hover ul, /* pure CSS hover is removed below */
ul.nav li li.sfHover ul,
ul.nav li li.sfHover2 ul
{
	top: 34px;
}

/*following rule negates pure CSS hovers
 so submenu remains hidden and JS controls
 when and how it appears*/
.superfish li:hover ul,
.superfish li li:hover ul
{
	top: -999em;
}

/* First Tab Variation */
.nav li a.currentOff,
.nav a.currentOff
{
	background-position: left 0px;
}

.nav li:hover a.first,
.nav li.sfHover a.first,
.nav li.sfHover a.first:focus,
.nav li.sfHover a.first:hover,
.nav li.sfHover a.first:active,
.nav li.sfHover:hover a.first
{
	background-position: left -250px;
}

.nav .classNav
{
	background-image: url('../img/tabs.jpg');
	background-position:right -100px;
	float:right;
}

.nav .classNav a
{
	background-image: url('../img/tabs.jpg');
	background-position:left -100px;
	padding-left: 6px;
	margin-right: 6px;
}

/*--- li hover (dynamically added to html) --- */
/* top level */
.nav li.classNav:hover,
.nav li.sfHover2:hover,
.nav li.sfHover2
{
	background-position: right -150px;
}

/*.nav li:hover a,*/
.nav li.classNav:hover a,
.nav li.sfHover2 a,
.nav li.sfHover2 a:focus,
.nav li.sfHover2 a:hover,
.nav li.sfHover2 a:active,
.nav li.sfHover2:hover a
{
	background-position: left -150px;
}

.nav li.classNav a.first,
.nav .classNav a.first
{
	background-position: left -300px !important;
}

.nav li.classNav:hover a.first,
.nav li.sfHover2 a.first,
.nav li.sfHover2 a.first:focus,
.nav li.sfHover2 a.first:hover,
.nav li.sfHover2 a.first:active,
.nav li.sfHover2:hover a.first
{
	background-position: left -350px !important;
}


.nav .classNav ul
{
	background: url('../img/subnavclass_bg.gif') repeat-x 0 0;
}

.nav .classNav li
{
	background: none;
	padding: 4px;
	margin-right: 0px;
	float: right;
	display: inline;
}

.nav .classNav li a
{
	background: none;
	padding: 4px;
	margin-right: 0px;
}

/*.nav li:hover a,*/
.nav li.classNav:hover a,
.nav li.sfHover2 a,
.nav li.sfHover2 a:focus,
.nav li.sfHover2 a:hover,
.nav li.sfHover2 a:active,
.nav li.sfHover2:hover a
{
	color: #222;
}

.nav li.classNav ul
{
	float: right;
}

.nav li li.date
{
	color: #fff;
	background: none !important;
	padding: 4px;
	margin-right: 0px;
	text-decoration: none;
}

.nav li li.sitemapAnchor
{
	float: right;
}

/* -------------------------------------------------------------------------------
column1: left sidebar within page
---------------------------------------------------------------------------------- */

  .column1 { padding: 0pt;
    background: rgb(255, 255, 255) none repeat scroll 0% 50%;
    width: 160px;
    float: left;
    color: rgb(0, 0, 0);
    }

  .column1, .inner { padding: 4px 4px 4px 20px;
    }

/* -------------------------------------------------------------------------------
column2: primary content area within page
---------------------------------------------------------------------------------- */

  .column2 { padding: 0px 0px 30px 0px;
    background: rgb(255, 255, 255) none repeat scroll 0% 50%;
    width: 576px;
    float: right;
    color: rgb(0, 0, 0);
    }

  .column2 .inner { padding: 4px 4px 4px 15px;
    }

/* -------------------------------------------------------------------------------
columnfooters
---------------------------------------------------------------------------------- */

  .column1footer { padding: 0pt;
    border-right: 1px solid rgb(204, 204, 204);
    border-top: 1px solid rgb(204, 204, 204);
    background: rgb(255, 255, 255) none repeat scroll 0% 50%;
    width: 160px;
    float: left;
    text-align: center;
    font-size: x-small;
    font-style: normal;
    line-height: 1em;
    color: rgb(0, 0, 0);
    }

  .column1footer, .inner { padding: 4px 4px 4px 20px;
    }

  .column2footer { padding: 0pt;
    border-top: 1px solid rgb(204, 204, 204);
    background: rgb(255, 255, 255) none repeat scroll 0% 50%;
    float: left;
    width: 440px;
    text-align: center;
    font-size: x-small;
    font-style: normal;
    line-height: 1em;
    color: rgb(0, 0, 0);
    }

  .column2footer, .inner { padding: 4px 4px 30px 4px;
    }

  .column2footer a { color: rgb(0, 0, 0);
    text-decoration: none;
    }

/* -------------------------------------------------------------------------------
nav2: category navigation list within column 1, upper left corner
---------------------------------------------------------------------------------- */

  #nav2 { font-family: Arial,Verdana,Geneva,sans-serif;
    font-size: 95%;
    font-weight: bold;
    line-height: 1.1em;
    color: rgb(0, 0, 0);
    }

  #nav2 .inner { padding: 50px 0px 30px;
    }

  #nav2 ul { margin: 0pt;
    padding: 0pt;
    list-style-type: none;
    list-style-image: none;
    list-style-position: outside;
    }

  #nav2 li { margin: 0pt;
    padding: 4px;
    list-style-type: none;
    }

  #nav2 a { color: rgb(10, 82, 154);
    font-size: 95%;
    text-decoration: none;
    }

  #nav2 a:hover { color: rgb(211, 7, 10);
    text-decoration: none;
    }

  #nav2 img { border: 0pt none ;
    margin: 0pt;
    padding: 0px;
    }

/* -------------------------------------------------------------------------------
column2a: left column within column2, primary page content
---------------------------------------------------------------------------------- */

  #column2a { background: transparent none repeat scroll 0% 50%;
    float: left;
    width: 440px;
    color: rgb(0, 0, 0);
    }

  #column2a .inner { padding: 4px 30px 0px 0px;
    }

  #column2a h2 { margin: 0px;
    padding: 2px 0px 10px 30px;
    font-family: Arial,Verdana,Geneva,sans-serif;
    font-size: 100%;
    font-weight: normal;
    color: rgb(0, 0, 0);
    }

  #column2a h3 { margin: 0px;
    padding: 2px 0px 10px;
    font-family: Arial,Verdana,Geneva,sans-serif;
    font-size: 140%;
    font-weight: normal;
    line-height: 1.3;
    color: rgb(10, 82, 154);
    }

  #column2a h4 { font-weight: bold;
    font-size: 120%;
    }

  #column2a h5 { margin: 0px;
    padding: 0px 0px 20px;
    font-family: Arial,Verdana,Geneva,sans-serif;
    font-weight: normal;
    font-size: 170%;
    color: rgb(211, 7, 10);
    }

  #column2a h6 { margin: 0px;
    padding: 2px 0px 0px;
    font-family: Arial,Verdana,Geneva,sans-serif;
    font-size: 140%;
    font-weight: normal;
    font-style: normal;
    line-height: 1.3;
    color: rgb(211, 7, 10);
    }

  #column2a img { border: 0pt none ;
    margin: 0pt;
    padding: 0px 0px 15px;
    }

  #column2a ul { margin: 0pt;
    padding: 2px 0pt 5px 30px;
    }

  #column2a li { margin: 0pt;
    padding: 2px 0pt 5px 0px;
    }

/* -------------------------------------------------------------------------------
column2b: right column within column2, secondary content
---------------------------------------------------------------------------------- */

  #column2b { float: right;
    width: 136px;
    color: rgb(0, 0, 0);
    }

  #column2b .inner { padding: 50px 30px 0px 0px;
    font-size: 85%;
    line-height: 1.4em;
    }

  #column2b h5 { margin: 1.4em 0pt 0pt;
    font-family: Arial,Verdana,Geneva,sans-serif;
    font-weight: bold;
    color: rgb(174, 66, 0);
    font-size: 110%;
    line-height: 1.1em;
    }

  #column2b ul { margin: 0pt;
    padding: 0pt;
    list-style-type: none;
    list-style-image: none;
    list-style-position: outside;
    font-family: Arial,Verdana,Geneva,sans-serif;
    }

  #column2b ol { margin: 0pt 0pt 0pt 2em;
    padding: 0pt;
    list-style-type: square;
    color: rgb(0, 78, 168);
    font-family: Arial,Verdana,Geneva,sans-serif;
    font-weight: bold;
    }

  #column2b li { margin: 0pt;
    padding: 0.5em 0pt 0pt;
    }

  #column2b li a { color: rgb(10, 82, 154);
    text-decoration: none;
    background-color: transparent;
    }

  #column2b li a:hover { color: rgb(174, 66, 0);
    text-decoration: none;
    background-color: transparent;
    }

/* -------------------------------------------------------------------------------
column2c: left equivalent column within column2
---------------------------------------------------------------------------------- */

  #column2c { float: left;
    width: 288px;
    }

  #column2c .inner { padding: 0px 10px 5px 10pt;
    font-size: 85%;
    }

  #column2c h4 { font-family: Arial,Verdana,Geneva,sans-serif;
    font-weight: bold;
    font-size: 95%;
    }

/* -------------------------------------------------------------------------------
column2d: right equivalent column within column2
---------------------------------------------------------------------------------- */

  #column2d { float: right;
    width: 288px;
    }

  #column2d .inner { padding: 0px 10px 5px 10pt;
    font-size: 85%;
    }

  #column2d h4 { font-family: Arial,Verdana,Geneva,sans-serif;
    font-weight: bold;
    font-size: 95%;
    }

/* -------------------------------------------------------------------------------
column2e: left column within column2, same as column2a
---------------------------------------------------------------------------------- */

  #column2e { float: left;
    width: 440px;
    }

  #column2e .inner { padding: 6px 10px 30px;
    }

  #column2e h3 { margin: 0px;
    padding: 2px 0px 10px;
    font-family: Arial,Verdana,Geneva,sans-serif;
    font-size: 140%;
    font-weight: normal;
    line-height: 1.3;
    color: rgb(10, 82, 154);
    }

  #column2e ul { margin: 0pt;
    padding: 0px 0pt 20px 30px;
    }

  #column2e li { margin: 0pt;
    padding: 2px 0pt 10px 0px;
    }

/* -------------------------------------------------------------------------------
column2f: column within column2
---------------------------------------------------------------------------------- */

  #column2f { background: transparent none repeat scroll 0% 50%;
    width: 576px;
    float: right;
    color: rgb(0, 0, 0);
    }

  #column2f .inner { padding: 6px 30px 30px;
    }

  #column2f h3 { margin: 0px;
    padding: 2px 0px 10px;
    font-family: Arial,Verdana,Geneva,sans-serif;
    font-size: 140%;
    font-weight: normal;
    line-height: 1.3;
    color: rgb(10, 82, 154);
    }

  #column2f h4 { margin: 0px;
    font-family: Arial,Verdana,Geneva,sans-serif;
    font-weight: bold;
    font-size: 110%;
    }

  #column2f h5 { margin: 0px;
    font-family: Arial,Verdana,Geneva,sans-serif;
    font-weight: bold;
    font-size: 110%;
    color: rgb(211, 7, 10);
    }

  #column2f ul { margin: 0pt;
    padding: 0px 0pt 20px 30px;
    }

  #column2f li { margin: 0pt;
    padding: 2px 0pt 10px 0px;
    }

/* -------------------------------------------------------------------------------
popup windows
---------------------------------------------------------------------------------- */

  #popup { margin: 10px;
    padding: 0px 5px 5px;
    background: rgb(255, 255, 255) none repeat scroll 0% 50%;
    color: rgb(0, 0, 0);
    font-size: 100%;
    line-height: 1.4em;
    }

/*---------------------------------------------------------------------------
form parameters
-----------------------------------------------------------------------------
*/

div.fieldset {
    border: solid black thin;
    width: 500px;
    background-color: #ffffb0;
}

fieldset {
    border: none;
    margin: 0 0 0 -10px;
    padding 0;
}

legend {
    font-size: 20px;
    background-color: green;
    color: white;
    width: 100%
    padding: 5px;
}
label.field {
    text-align: right;
    width: 100px;
    float: left;
    font-weight: bold;
}
input.textbox-300 {
    width: 300px;
    float: left;
}
fieldset p {
    clear: both;
    padding: 5px;
}