* {
  margin:0;
  padding:0;
  }
html, body { 
  margin:0; 
  padding:0; 
  border:none;
  font-family:"Lucinda Grande", Arial, sans-serif;
  background-image:url(../images/tn_011.jpg);
  behavior:url("../miscfiles/csshover3.htc");
  }
#container {
  width: 80%; 
  max-width:786px; 
  min-width:260px; 
  margin:0 auto; 
  padding:0 auto;
  background-color:#FFDC63;
  }
#navigation {
  width:100%;
  font:.9em "Lucinda Grande", Arial, sans-serif; /* 15px */
  padding:0px;
  display:block;
  background-color:#EAC16F; /* #389ED6; blue */
  behavior:url("../miscfiles/csshover3.htc");
  }
#navigation ul {
  list-style:none;
  margin:0;
  padding:0px;
  float:left;
  background-color:#EAC16F;
  }
#navigation li {
  display:inline;
  float:left;
  width:126px;
  margin:0px;
  padding:0px;
  background-color:#EAC16F;
  text:center;
  }
#navigation ul li {
  list-style:none;
  display:inline;
  position:relative;
  height:25px;
  float:left;
  margin-left:5px;
  background-color:#EAC16F;
  }
#navigation li a {
  color:#000000;
  text-decoration:none;
  }
#navigation li a:hover {
  color:yellow;
  text-decoration:none;
  }
#navigation li ul {
  margin:0;
  padding:0;
  display:none;
  position:absolute;
  left:0px;
  top:20px;
  background-color:#EAC16F;
  }
#navigation li:hover ul {
  display:block;
  width:8em;
  }
#navigation li li {
  list-style:none;
  display:list-item;
  width:8.4em;
  }
#navigation li li a {
  color:#000000;
  text-decoration:none;
  width:126px;
  }
#navigation li li a:hover {
  color:yellow;
  text-decoration:none;
  }
#navigation li ul ul {
  margin:0;
  padding:0;
  display:none;
  position:absolute;
  left:8.4em;
  top:-2px;
  background-color:#FFFF00; /* EBD2A1 light tan;  EAC16F tan  */
  }
#navigation ul ul
 {
  position:absolute;
  z-index:500;
  top:auto;
  display:none;
  padding: .5em;
  margin:0 0 0 0; /* -1em 0 0 -1em */
  }
#navigation ul ul ul
 {
  top:0;
  left:100%;
  }
div#navigation li:hover {
  cursor:pointer;
  z-index:100;
  }
div#navigation li:hover ul ul, 
div#navigation li li:hover ul ul, 
div#navigation li li li:hover ul ul,
div#navigation li li li li:hover ul ul {
  display:none;
  }
div#navigation li:hover ul, 
div#navigation li li:hover ul, 
div#navigation li li li:hover ul, 
div#navigation li li li li:hover ul {
  display:block;
  }
#content { 
  margin-left:116px;
  margin-right:116px;
  width:534px; 
  padding:10px;
  font-size:.75em;
  line-height:125%;
  background-color:#CECECE;
  }
#wrapper1 {
  background:url(../images/gold116.jpg) repeat-y left top;
  }
#wrapper2 {
  background:url(../images/gold116.jpg) repeat-y right top;
  }
#sidebar_1 {
  float:left;
  margin:0;
  padding:0;
  width:126px;
  font-size:.7em;
  line-height:100%;
  background:url(../images/gold116.jpg) repeat-y left top;
  }
#sidebar_2 {
  float:right;
  margin:0;
  padding:0;
  width:126px;
  font-size:.7em;
  line-height:100%;
  background:url(../images/gold116.jpg) repeat-y right top;
  }
#footer {
  clear:both;
  text-family:"Lucinda Grande", Arial, sans-serif;
  font-size:.6em;
  margin:0;
  padding:0;
  background:#FFDC63;
  }
.liindent {
  list-style-type:none;
  text-indent:1em;
  }
.figure1 {
  float:right;
  width:270;
  margin-bottom:5px;
  margin-left:10px;
  position:relative;
  }
.mainbodycopy {  font-family: Arial, Helvetica, sans-serif; font-size:.9em; line-height: 125%;}
.headfill {  font-family: Arial, Helvetica, sans-serif; font-size:.4dm; line-height: 100%;}
.mainbodycopyRED {  font-family: Arial, Helvetica, sans-serif; font-size:.9em; line-height: 125%; color: red;}
.mainbodycopyBOLDRED {  font-family: Arial, Helvetica, sans-serif; font-size:1em; line-height: 125%; color: red; font-weight: bold}
.mainbodycopyBIGBOLDRED {  font-family: Arial, Helvetica, sans-serif; font-size:1.5em; line-height: 125%; color: red; font-weight: bold}
.mainbodycopyBOLD { font-family: Arial, Helvetica, sans-serif; font-size:1em; line-height: 125%; font-weight: bold;}
.BIGheads { font-family: Arial, Helvetica, sans-serif; font-size:1.6em; line-height: 125%; font-weight: bold;}
.BIGsubHeads { font-family: Arial, Helvetica, sans-serif; font-size:1.25em; line-height: 125%px; font-weight: bold; margin-top: 8px;}
.mainbodycopyGREY { font-family: Arial, Helvetica, sans-serif; font-size:.9em; line-height: 125% ; color: #666666;}
.LeftNAV { font-family: Arial, Helvetica, sans-serif; font-size:.8em; line-height: 150%; font-weight: bold;}
.HeaderType { font-family: Arial, Helvetica, sans-serif; font-size:.8em; line-height: 150%; color: #FFFFFF;}
.CALboard { font-family: Arial, Helvetica, sans-serif; font-size:.9em; line-height: 150%; color: green;}
.CALmembership { font-family: Arial, Helvetica, sans-serif; font-size:.9em; line-height: 150%; color: green;}
.CALnets { font-family: Arial, Helvetica, sans-serif; font-size:.9em; line-height: 150%; color: black;}
.CALpsevents { font-family: Arial, Helvetica, sans-serif; font-size:.9em; line-height: 150%; color: red;}
.CALspecial { font-family: Arial, Helvetica, sans-serif; font-size:.9em; line-height: 150%; color: purple;}
.CALvetest { font-family: Arial, Helvetica, sans-serif; font-size:.9em; line-heigth: 150%; color:blue;}
.roster { font-family: Arial, Helvetica, sans-serif; font-size:.8em; line-height: 150%;}
.rosterBOLD { font-family: Arial, Helvetica, sans-serif; font-size:.8em; line-height: 150%; font-weight: bold;}
.VR {BORDER-RIGHT: white 2px inset; BORDER-LEFT: 2px; BACKGROUND-COLOR:black;}
.Box {BORDER-RIGHT: white 2px inset; BORDER-TOP: white 2px outset; BORDER-LEFT: white 2px outset; BORDER-BOTTOM: white 2px inset; BACKGROUND-COLOR:white;}