html {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  color: #000;
  background-color: #ddd;
}

body {
  margin: 10px auto;
  padding: 0;
  border: 1px solid #000;
  border-width: 0 1px 1px 1px;
  width: 95%;
  font: 100% "Trebuchet MS" , Geneva, sans-serif;
  color: #016EC9;
  background: #fff;
  max-width: 1000px;
  position: relative;
}
/****** general useful definitions and classes ******/
.cnt {
  text-align: center;
}
code {
  font-size: 120%;
}
img {
  border: none;
}
dt {
  font-weight: bold;
}
.centre {
  text-align: center;
}
.note {
  color: #f00;
  background: transparent;
}
.bignote {
  color: #f00;
  background: transparent;
  font-weight: bold;
}
p.bignote {
  text-align: center;
  margin: 0;
}
.legal {
  font-size: 90%;
}
.inl {
  display: inline;
}
.box {
  border: 1px solid black;
}
.button {
  border: 1px solid #000;
  color: #fff;
  background: #016EC9;
}
table td {
  vertical-align: top;
}
.formtable {
  /* used for tables that lay out forms or contain data */
  margin-left: auto;
  margin-right: auto;
  border: 1px solid #016EC9;
}
#pagecontent .formtable th {
  text-align: left;
  font-size: 110%;
  padding-top: 0.3em;
  color: black;
  background: #65ADE8;
}
.formtable td, #pagecontent .formtable td a {
  background: rgb(232,241,240);
}
.formtable td.indent {
  padding-left: 1em;
}
.formtable td p {
  margin: 0;
}
.formtable input, .formtable textarea {
  border: 1px solid black;
}
.formtable .nobox input {
  border: none; /* Used to override the above in required cases */
}
.formtable td {
  text-align: left;
  vertical-align: top;
  padding: 0.1em 0.2em;
}
.formtable label {
  /*white-space: nowrap;*/
}
.valsum {
  /* style for the validation summary on forms */
  font-size: 90%;
}
.valsum:first-line {
  font-size: 110%;
  font-weight: bold;
}

/****** skiplink ******/
#skiplink {
  position: absolute;
  z-index: 10;
}

/****** header ******/
#header {
  position: absolute;
  text-align: center; /* needed to make IE5 centre the strapline */
  margin: 0;
  padding: 0;
  border: 1px solid black;
  border-width: 1px 0;
  top: 0;
  left: 0;
  color: #000;
  background: #016EC9 url(header.jpg) top center no-repeat;
  height: 114px;
  width: 100%;
  z-index: 100;
}
#header #homelink {
  display: block;
  position: absolute;
  top: 10px;
  left: 10px;
  width: 180px;
  height: 50px;
  background: transparent;
}
#header h2 {
  margin: 0;
}
#header p {
  margin: 0;
}

/****** Page content ******/
#sitemappath {
  position: absolute;
  top: 0.6em;
  right: 1em;
  font-size: 80%;
}
#pagecontent {
  position: relative;
  float: right;
  width: 74%;
  margin: 114px 0 0 0;
  padding: 0 0;
}
#pagecontent p {
  padding-right: 1%;
  margin-top: 0;
}
#pagecontent h1 {
  font-size: 160%;
  margin: 1em 6em 0 0;
  border-bottom: 1px solid black;
}
#pagecontent h2 {
  font-size: 120%;
  margin: 1em 1% 0 0;
}
#pagecontent h3 {
  font-size: 100%;
  margin: 1em 1% 0 0;
}
#pagecontent h2.newsection {
  border-top: 1px solid black;
  margin-right: 8em;
}
#pagecontent ul {
  margin-top: 0;
}
#pagecontent a:link {
  color: #000;
  background: #fff;
  text-decoration: none;
}
#pagecontent a:visited {
  color: #000;
  background: #fff;
  text-decoration: none;
}
#pagecontent a:hover {
  text-decoration: underline;
}

#pagecontent .linkbutton:link, #pagecontent .linkbutton:visited, #pagecontent .linkbutton:hover, #pagecontent .linkbutton:active {
  border: 1px solid #000;
  color: #fff;
  background: #016EC9;
  font-size: 90%;
  padding-left: 0.5em;
  padding-right: 0.5em;
  text-decoration: none;
}
#pagecontent #fppic {
  float: right;
  width: 150px;
  height: 172px;
  margin: 5px;
  background: url(moishy.jpg) no-repeat;
}
#pagecontent #siteguide dd {
  margin-bottom: 0;
}
#pagecontent #siteguide a {
  font-weight: normal;
}

#pagecontent div.boxedsection {
  margin: 1em 10em 0 1em;
  padding: 0 0.5em 0.5em 0.5em;
  border: 1px solid black;
  background: white;
}
/***** admin *****/
#pagecontent .admintblheader {
  color: White;
  background-color: #507CD1;
  font-weight: bold;
}
#pagecontent .tblaltbg {
 background-color :#EFF3FB;
}
#pagecontent a.tblaltbg {
 background-color :#EFF3FB;
}
/****** article display *******/
#pagecontent #articletitle {
  margin-bottom: 0;
  margin-top: 1.5em;
}
#pagecontent #articleauthor {
  margin-top: 0;
  margin-bottom: 1em;
}
#pagecontent #articledate {
  margin-top: 10px;
  font-size: 90%;
  text-align: right;
}
#pagecontent .articlelistdate {
  font-weight: normal;
  font-size: 90%;
}
/* feedback */
#pagecontent .articlefeedback {
  border-top: 1px solid #888;
  width: 90%;
  padding: 10px;
}
#pagecontent .articlefeedbackauthor {
  font-weight: bold;
  margin-bottom: 0;
}
#pagecontent .articlefeedbackcomment {
}
#pagecontent .articlefeedbackdate {
  font-size: 90%;
}
/***** Yiddish Nachas page *****/
#ydpics {
  margin-right: 9em;
}
.ydpic {
  width: 220px;
  height: 250px;
  float: left;
  text-align: center;
  /*border: 1px solid #000;*/
}

/****** closure box ******/
#pagecontent #closure {
  color: #000;
  background: rgb(232, 241, 240);
  width: 80%;
  border: 1px solid black;
  margin: 0.5em auto;
  padding: 0.2em;
  text-align: center;
  font-size: 120%;
  font-weight: bold;
}

/****** sidebarlinks ******/
#sidebarlinks {
  position: absolute;
  top: 4em;
  right: 1%;
  width: 9em;
  text-align: center;
}
#sidebarlinks h2 {
  color: #fff;
  background: #a00;
  font-size: 100%;
  font-weight: bold;
  margin: 0 0 0 0;
  padding: 0.1em;
  border: 1px solid black;
  border-bottom: none;
}
#sidebarlinks ul {
  list-style-type: none;
  margin: 0 0 0.5em 0;
  padding: 0;
  font-size: 90%;
  border: 1px solid black;
}
#sidebarlinks li {
  padding: 0.1em;
}
#sidebarlinks li a {
  display: block;
  width: 100%;
  color: #000;
  background-color: #fff;
  text-decoration: none;
}
#sidebarlinks li a:hover {
  color: #fff;
  background: #a00;
  text-decoration: none;
}
/****** sidebarspacer ******/
#sidebarspacer {
  /* this is a hack to allow the links to appear below the content in the HTML, but near the top when displayed. */
  float: right;
  width: 9em;
  height: 15em;
  margin: 0.5em 1% 0 0;
  /*background: pink;*/
}

/****** Main section links ******/
#sitelinkslevel1 {
  color: #000;
  background: #016EC9;
  border: 1px solid #000;
  border-width: 1px 1px 0 0;
  margin: 114px 0 0 0;
  padding: 0;
  float: left;
  width: 20%;
  font-size: 0.8em;
  font-weight: bold;
}
#sitelinkslevel1 li {
  padding: 0.3em 0.1em 0.3em 0;
  border-bottom: 1px solid #000;
  margin: 0;
  list-style: none;
}
#sitelinkslevel1 li a {
  display: block;
  text-decoration: none;
  padding-left: 20px;
  color: #fff;
}
#sitelinkslevel1 li a:hover, #sitelinkslevel1 li a:focus {
  background: #016EC9 url(arrow.gif) no-repeat center left;
  text-decoration: none;
}
#sitelinkslevel1 #currentsection {
  color: #000;
  background: #65ADE8;
}
#sitelinkslevel1 #currentsection a:hover {
  color: #fff;
  background: #65ADE8 url(arrowlt.gif) no-repeat center left;
}
#sitelinkslevel2, #sitelinkslevel2 ul {
  font-weight: normal;
  margin: 0;
  padding: 0;
  border-top: 0;
}
#sitelinkslevel2 li {
  list-style: none;
  margin: 0.2em 0 0.2em 1em;
  padding: 0.1em 0em 0.1em 0;
  border-top: 1px solid rgb(0, 146, 110);
  border-bottom: none;
}
#sitelinkslevel1 #currentsection a.currentpage, #sitelinkslevel1 #currentsection a.currentpage:hover {
  color: #000;
  background: #65ADE8;
  border: 5px solid rgb(0, 146, 110);
  border-width: 0 5px;
  padding-left: 15px; /* 5px removed to compensate for the 5px left border added above */
}
#sitelinkslevel2 li a:hover {
  background: #65ADE8 url(arrowlt.gif) no-repeat center left;
}

/****** footer ******/
#footer {
  clear: both;
  text-align: center;
  font-size: 80%;
  width: 100%;
  border-top: 1px solid black;
  padding: 1em 0 1em 0;
}
#footer p {
  margin: 0;
  padding: 0; /*line-height: 2em;*/
  text-align: center;
}
#footer a {
  color: #000;
  background-color: #fff;
  text-decoration: none;
}
#footer a:hover {
  text-decoration: underline;
}
@media print {
  html, body {
    border: none;
    margin: 0;
    padding: 0;
    width: 100%;
    color: black;
    background: white;
  }
  a:link, a:visited, a:active {
    color: black;
    background: white;
  }
  .note, .bignote {
    color: black;
    background: white;
  }
  #header, #skiplink, #sidebarlinks, #sidebarspacer, #sitelinkslevel1 {
    display: none;
  }
  #pagecontent {
    width: 100%;
    margin: 0;
    padding: 0;
    color: black;
    background: white;
  }
  #pagecontent h1 {
    margin: 1em 0 0 0;
  }
  .formtable {
    border: 1px solid black;
  }
}