html {
  background: #fff url(graphics/backgrounds/sahjonim_r_bg.jpg) 100% 100% fixed no-repeat;
  color: #000;
  margin: 0;
  padding: 0;
  position: relative;
}
body {
  background: transparent url(graphics/backgrounds/ckdlogo_l_bg.jpg) bottom left fixed no-repeat;
  margin: 0;
  padding: 0;
  position: relative;
}

#coreFrame {
  border-color: #666;
}

/*                                                 HEADER ELEMENTS */
#headFrame {
  border-bottom: 1px solid #000;
}
#masthead {
  border: none;
  margin: 0;
  padding: 0;
}
div.headPanel {
  background: #fff url(graphics/backgrounds/med_gray_grad_tall.jpg) bottom left repeat-x;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #999;
  color: #000;
  padding: 2px;
}
ul.traybar {
/*  border-left: 3px double #666; */
  margin: 0;
  height: 1%;
  padding: 0 3px 0 5px;
}
ul.traybar li {
  list-style: none;
}
#clockTray {
  background: #f1f1f1 url(graphics/backgrounds/light_gray_grad_tall.jpg) top left repeat-x;
  border-top: 1px solid #bbb;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #bbb;
  color: #000;
  display: block;
  float: left;
  padding: 2px 5px;
}
#weatherTray {
  background: #f1f1f1 url(graphics/backgrounds/light_gray_grad_tall.jpg) top left repeat-x;
  border-top: 1px solid #bbb;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #bbb;
  color: #000;
  display: block;
  float: right;
  padding: 2px 5px;
}
ul.toolbar {
/*  border-left: 3px double #666; */
  margin: 0;
  height: 1%;
  padding: 0 0 0 5px;
}
ul.toolbar li {
  display: inline;
  float: left;
  list-style: none;
}
ul.toolbar li h4 {
  background: #ccc url(graphics/backgrounds/light_gray_grad_tall.jpg) top left repeat-x;
  border-top: 1px solid #fff;
  border-right: 1px solid #999;
  border-bottom: 1px solid #999;
  border-left: 1px solid #fff;
  color: #000;
  display: block;
  float: left;
  font-size: 1em;
  margin: 0 3px 0 0;
  padding: 2px 5px;
  text-decoration: none;
}
ul.toolbar li a,
ul.toolbar li a:visited {
  background: #dedede url(graphics/backgrounds/light_gray_grad_tall.jpg) top left repeat-x;
  border-top: 1px solid #fff;
  border-right: 1px solid #999;
  border-bottom: 1px solid #999;
  border-left: 1px solid #fff;
  color: #00c;
  display: block;
  float: left;
  padding: 2px 5px;
  text-decoration: none;
}
ul.toolbar li a:hover,
ul.toolbar li a:active {
  background: #f1f1f1;
  border-top: 1px solid #999;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #999;
  color: #000;
  display: block;
  float: left;
  padding: 3px 4px 1px 6px;
  text-decoration: none;
}


h1 { /*                                                 Site Title */
  background: transparent;
  border: none;
  font-size: 1em;
  height: 95px;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: relative;
}
h1 a {
  background: transparent url(graphics/backgrounds/cckd_logo.png) top left no-repeat;
  border: none;
  display: block;
  height: 95px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  position: relative;
  text-decoration: none;
}
h1 a span {
  visibility: hidden;
}
h4 { /*                                           Main Panel Title */
  background: #dedede url(graphics/backgrounds/med_gray_grad.jpg) top left repeat-x;
  border-bottom: 1px solid #666;
  color: #000;
  font-size: 1.2em;
  margin: 0 0 5px 0;
  padding: 2px 5px;
  position: relative;
}
h5 { /*                                     Menu/More Panel Titles */
  background: #dedede url(graphics/backgrounds/light_gray_grad.jpg) top left repeat-x;
  border-bottom: 1px solid #666;
  color: #000;
  font-size: 1.1em;
  margin: 0 0 5px 0;
  padding: 2px 5px;
  position: relative;
}
h6 { /*                            Subsection Titles in All Panels */
  border-bottom: 1px solid #999;
  font-size: 1em;
  margin: 0 5px 5px 5px;
  position: relative;
}

/*                                                   FORM ELEMENTS */
form {
  margin: 0;
  padding: 0;
}
fieldset {
  margin: 0 2px;
}
legend {
  background: transparent;
  color: #00c;
  font-weight: bold;
}
form div {
  padding: 2px 0;
  text-align: center;
}
input.radioOPT,input.checkboxOPT {
  line-height: 1.5em;
  vertical-align: middle;
  width: 25px;
}
input.submitBTN {
  margin: 0 auto;
  width: 10em;
}
label {
  line-height: 1.5em;
  padding: 3px 0 0 0;
  vertical-align: middle;
  width: 15em;
}
label:hover {
  background: transparent;
  color: #00c;;
}

/*                                           MAIN CONTENT ELEMENTS */
div.mainPanel {
  background: transparent;
  border: 1px solid #666;
  margin: 10px 5px 10px 5px;
}
div.mainPanel p {
  font-size: 1.1em;
  line-height: 1.4;
  margin: 0 10px 10px 10px;
}
ol.code {
  background: #ffffe1;
  border: 1px solid #666;
  margin: 2px 5px;
  padding: 0 0 16px 0;
}
ol.code li {
  border-bottom: 1px solid #dedede;
  font-family: Courier New, monospace;
  font-size: 12px;
  margin: 0 0 0 35px;
  padding: 2px 0;
}
div.mainPanel a {
  background: transparent;
  color: #00c;
  text-decoration: none;
}
div.mainPanel a:visited {
  background: transparent;
  color: #006;
  text-decoration: none;
}
div.mainPanel a:hover,
div.mainPanel a:active {
  background: transparent;
  color: #000;
  text-decoration: underline;
}

/*                                           MENU CONTENT ELEMENTS */
div.menuPanel {
  background: #f1f1f1;
  border: 1px solid #666;
  color: #000;
  margin: 10px 5px 10px 5px;
}
div.menuPanel p {
  line-height: 1.2;
  margin: 0 10px 10px 10px;
}
#mainMenu {
  background: #fff;
  color: #000;
}
#validPanel p.validButtons {
  margin: 0 0 2px 0;
  padding: 0;
  text-align: center;
}
#validPanel p.validButtons a {
  margin: 0;
  padding: 0;
  text-decoration: none;
}
#validPanel p.validButtons img {
  margin: 0;
  padding: 0;
}
ul.menubox {
  margin: 0;
  padding: 2px;
  position: relative;
}
ul.menubox li {
  list-style: none;
  margin: 0;
  padding: 0 2px;
  position: relative;
}
ul.menubox ul {
/*  border-left: 3px solid #00c; */
  border-left: 3px solid #FFF;
  margin: 2px 0 2px 10px;
  padding: 0 0 0 5px;
  position: relative;
}
ul.menubox li ul li {
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
}
ul.menubox li a {
  background: #fff;
  border: none;
/*  color: #00c; */
  color: #fff;
  display: block;
  padding: 3px 6px;
  position: relative;
  text-decoration: none;
}
ul.menubox li a:visited {
  background: #fff;
  border: none;
  color: #009;
  display: block;
  padding: 3px 6px;
  position: relative;
  text-decoration: none;
}
ul.menubox li a:hover,
ul.menubox li a:active {
  background: #0ff;
  border: 1px solid #000;
  color: #000;
  display: block;
  padding: 2px 5px;
  position: relative;
  text-decoration: none;
}
ul.menubox li a.current {
  background: #fff;
  border: 1px solid #000;
  color: #000;
  display: block;
  padding: 2px 5px;
  position: relative;
  text-decoration: none;
}
ul.menubox li a.current:visited {
  background: #fff;
  border: 1px solid #000;
  color: #009;
  display: block;
  padding: 2px 5px;
  position: relative;
  text-decoration: none;
}
ul.menubox li a.current:hover,
ul.menubox li a.current:active {
/*  background: #0ff; */
  background: #ccc;
  border: 1px solid #000;
  color: #000;
  display: block;
  padding: 2px 5px;
  position: relative;
  text-decoration: none;
}

/*                                           MORE CONTENT ELEMENTS */
div.morePanel {
  background: transparent;
  border: 1px solid #666;
  margin: 10px 5px 10px 5px;
}
div.morePanel p {
  line-height: 1.2;
  margin: 0 10px 10px 10px;
}
/*                                                 FOOTER ELEMENTS */
#footFrame {
  background: #ccc;
  border-top: 1px solid #000;
  color: #000;
}
div.footPanel {
  background: #ccc;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #999;
  color: #000;
  padding: 2px;
}
div.footPanel p {
  background: #f1f1f1;
  border-top: 1px solid #bbb;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #bbb;
  color: #666;
  font-size: 9px;
  margin: 0;
  padding: 2px 5px;
  text-align: center;
}