/* First for the naughty styles which make NS4.x go wrong */

  @import url("naughty.css");
  
  body {
    font-size: 12px;
    color: #a67c52; /* was #c79c6d or cc9966 */
    font-family: "Comic Sans MS", Verdana, Arial, Helvetica, sans-serif;
    background-image: url("../graphics/emp_bg_20.gif");
    background-color: #fffcf7; /* was #fdf5e6 */
    margin: 0px;
    padding: 0px;
    border: 2px solid #c79c6d;
    overflow: auto; /* needs the following in Opera because of this line */
    width: 100%;
    height: 100%;
    scrollbar-base-color: #fffcf7;
    scrollbar-track-color: #fffcf7;
    scrollbar-face-color: #fffcf7;
    scrollbar-highlight-color: #fffcf7;
    scrollbar-3dlight-color: #c79c6d;
    scrollbar-darkshadow-color: #fffcf7;
    scrollbar-shadow-color: #c79c6d;
    scrollbar-arrow-color: #c79c6d;	
  }
  
  h1 {
    font-size: 0px;
    margin: 0px;
    visibility: hidden;
    display: none;
  }
  
  h2 {
    margin-top: 5px;
    font-size: 16px;
    background-color: #fdf5e6;     
    width: 100%;
    border-top: 1px solid #c79c6d;
    border-bottom: 1px solid #c79c6d;
  }  
  
  h3 {
    font-size: 14px;  
    background-color: #fff9ef;     
    width: 100%;
    border-top: 1px solid #c79c6d;
    border-bottom: 1px solid #c79c6d;    
  }
  
  h4 {
    font-size: 13px; 
    /* background-color: #fffcf7; */
    width: 100%;
    border-top: 1px solid #c79c6d;
    border-bottom: 1px solid #c79c6d;     
  }

  p {
    margin: 0px;
    margin-bottom: 10px;
  }
  
  a:link, a:active, a:visited,  a:hover {
    text-decoration: none;
  }

  a:link {
    font-size: 105%;
    color: #dd6e00;
  }

  a:active {
    color: #ff8500;
  }

  a:visited {
    font-size: 95%;
    color: #dd984c; /* b87736 */
  }

  a:hover {
    color: #ff8500; /* was ffae5d */
    text-decoration: underline;
  }

  img {
    border: 0px;
  }
  
  input, textarea {
    background-color: #fff;
    color: #a67c52;
    border: 1px solid #c79c6d;
  }
  
  textarea {
    overflow: auto;
  }
  
  fieldset {
    border: 1px solid #c79c6d;
    padding: 5px;
  }
  
  hr {
    font-size: 11px;
    color: #c79c6d;
    width: 95%;
    height: 1px;
  }
  
  .quote_code_box {
    width: 90%;
    margin-left: 10px;
    margin-bottom: 10px;
  }
  
  .quote_code_box_text {
    font-size: 9px;
  }
  
  .quote_box, .code_box, .php_box {
    width: 100%;
   /* white-space: pre;     */
    border: 0px;
    border-left: 1px solid #c79c6d;
    padding-left: 5px;
 /*   overflow: auto; */
  }
  
  .bottomBar {
    font-size: 10px; 
    margin-top: 10px;
    text-align: right; 
    width: 100%;
    border-top: 1px solid #c79c6d;
    border-bottom: 1px solid #c79c6d;
    clear: both;  
  }
  
  .gabbleEntry, #uLinker, #uRanker {
    margin-top: 5px;
  }
  
  #sideBar {
    float: right;
    width: 15%;
  }
  
  #sideBarBox {
    width: 100%
/*    position: fixed;
    top: auto;
    right: auto; */
    border: 0px;
    border-left: 1px solid #c79c6d;
    padding-left: 5px;    
  }
  
  #text_input {
    display:block; 
  }
  
/*  #mainBox {
    margin: 0px;
    border: 0px;
    padding: 0px;
    height: 100%;
    width: 100%;
    z-index: 1;
  }  */
  
  .graphicList {
    margin: 0px;
    padding: 2px 2px 2px 0px;
  }

  .graphicList li {
    margin: 0px;
    padding: 0px 12px 0px 12px;
    display: block;
    list-style-type: none;
    background: url(../graphics/list_bullet.gif) no-repeat center left;	
  }

  .graphicList a:link, .graphicList a:visited, .graphicList a:hover {
    line-height: 16px;
    margin-left: -12px;
    padding-left: 11px;
  }

  .graphicList a:hover {
    background: url(../graphics/list_bullet_red.gif) no-repeat center left;
  }
  
  /*
  OK to get this working I'll need Glishes Holy Grail:
  http://glish.com/css/7.asp
  */
  
  #titleBox {
    width: 42px;
    margin: 0px;
    margin-left: 10px;
    margin-right: 10px;    
    padding: 0px;
    text-align: center;
    float: left;
    z-index: 2;
  }  
  
  #menuBox {
    margin: 0px;
    margin-left: 15px;
    margin-right: 15px;    
    padding: 0px;
    border: 0px;
    float: right;
/*    position: relative; */
    width: 80px;
    min-width: 80px;
    text-align: center;
    z-index: 2;
  }

/*  .menuLink {
    margin: 0px;
    padding: 0px;
    border: 0px;
  } */

#contentSurround {
  float: left;
  height: 100%;
  width: 75%;
  margin: auto;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-left: 20px;
  padding-right: 20px;
  border: 0px;
  border-left: 1px solid #c79c6d;
  border-right: 1px solid #c79c6d;
  text-align:center;
}

#contentBox {
  overflow:auto;
  height:90%;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: -20px;
  margin-right: -20px;
  padding:0px;
  padding-left: 5px;
  padding-bottom: 10px;
  padding-right: 5px;
  border: 1px solid #c79c6d;
  background-color: #fffcf7; /* was last: #f8f4f0;  was orignally #fdf5e6 */
  background-repeat: no-repeat;
  background-position: top left;
  text-align: left;
  width: 100%;
  voice-family: "\"}\"";
  voice-family: inherit;
  width:auto;
}

html>body #contentBox {
  width:auto;
}
}
  
  #scroller_scrollLayer {
    position: relative;
    width: 100%;
    visibility: inherit;
  }

  #scroller_baseLayer {
    width: 78%;
    height: 90%;
    margin: 0px;
    padding: 0px;
    margin-top: 5px;
    z-index: 2;
    float: left;
/*    position: relative; */
    overflow: hidden;
    visibility: visible;
  }
  
  #tiBox {
    float: left;
    width: 120px;
    z-index: 2;
  }

  #tiSpacer1, #tiSpacer2, #tiSpacer3, #tiSpacer4, #tiSpacer5, #tiSpacer6, #tiSpacer7, #tiSpacer8, #tiSpacer9 {
    float: left;
    clear: left;
    height: 16px;
    width: 10px;
    margin: 0px;
    margin-right: 4px;
    border: 0px;
    z-index: 2;
  }

  #tiSpacer1 {
    padding: 0.5px 44px;
  }
  #tiSpacer2 {
    padding: 0.5px 54px;
  }
  #tiSpacer3 {
    padding: 0.5px 47px;
  }
  #tiSpacer4 {
    padding: 0.5px 56px;
  }
  #tiSpacer5 {
    padding: 0.5px 49px;
  }
  #tiSpacer6 {
    padding: 0.5px 50px;
  }
  #tiSpacer7 {
    padding: 0.5px 48px;
  }
  #tiSpacer8 {
    padding: 0.5px 42px;
  }
  #tiSpacer9 {
    padding: 0.5px 40px;
  }

  /* con_cat styles */

#nextPrev {
 width: 100%;
 clear: both;
}

  #sideBarCalendar, #mainDateCalendar {
    text-align: center;
  }

  #sideBarCalendar {
    font-size: 10px;
    border: 1px solid #a67c52;
    border-collapse: collapse;
  }

  #sideBarCalendar td {
    margin: 1px;
    padding: 1px;
    border: 1px solid #a67c52;
  }

  #sideBarCalendar .todayClass {
    background-color: #ffffff;
  }

  #mainDateCalendar {
    font-size: 14px;
    border-collapse: separate; 
    border: 1px solid #c79c6d;  
    float: left;
    margin-top: 3px;
  }

  #mainDateCalendar .isDay, #mainDateCalendar .noDay, #mainDateCalendar .todayClass, #mainDateCalendar .calendarCellOver {
    border: 1px solid #c79c6d; 
    margin: 6px;
    padding: 2px;
  }

  #mainDateCalendar .noDay {
    border: 1px; 
    margin: 6px;
    padding: 2px;
  }

  #mainDateCalendar .calendarMonths {
    border: 1px solid #c79c6d; 
    background-color: #fff;
    border-collapse: collapse;
  }

  #mainDateCalendar .todayClass {
    background-color: #fff;
  }

  /* also use similar styles to a:hover */
  #mainDateCalendar .calendarCellOver {
    border: 1px solid #ff6347;
    background-color: #fff;
    cursor: hand;
    color: #ff6347;
    text-decoration: underline;
  }
  
  /* wiki stuff */
  .footNote {
    margin-top: 5px;
    text-indent: -10px;
    margin-left: 10px;
  }