html, body, #holder { 
  margin: 0px;
  padding: 0px;
  font-family: verdana, arial, helvetica, sans-serif;
  color: #333;
  background-color: white;
  min-height: 98%; 
  width: 98%; 
  height: 98%;
  /*margin-top: 15px;*/ 
  margin-top: 0;
  margin-left: 0;
  /*MARGINHEIGHT="0" MARGINWIDTH="0"*/
  }
html>body, html>body #holder { 
  height: auto; 
  top: 0; 
  left: 0;
  }
body { 
  margin: 0; 
  padding:0; 
  }
#holder { 
  position: absolute;
  top: 20px;
  margin: 30 0 0 0;
  }
h1 {
  margin: 0px 0px 15px 0px;
  padding: 0px;
  font-size: 28px;
  line-height: 28px;
  font-weight: 900;
  /*color: #ccc;*/
  color: #003399;
  }
h2 {
  margin: 0px 0px 15px 0px;
  padding: 0px;
  font-size: 20px;
  line-height: 20px;
  font-weight: 900;
  /*color: #ccc;*/
  color: #003399;
  }
h3 {
  margin: 0px 0px 15px 0px;
  padding: 0px;
  font-size: 14px;
  line-height: 14px;
  font-weight: 900;
  /*color: #ccc;*/
  color: #003399;
  }
h4 {
  margin: 0px 0px 15px 0px;
  padding: 0px;
  font-size: 12px;
  line-height: 12px;
  font-weight: 900;
  /*color: #ccc;*/
  color: #003399;
  }
p {
  font: 11px/20px verdana, arial, helvetica, sans-serif;
  margin: 0px 0px 16px 0px;
  padding: 1px;
  line-height: 15px;
  }
a {
  color: #09c;
  font-size: 11px;
  text-decoration: none;
  font-weight: 600;
  font-family: verdana, arial, helvetica, sans-serif;
  }
a:link { color: #09c; }
a:visited { color: #07a; }
a:hover { 
  background-color: #eee; 
  text-decoration:underline;
  }

/*
 * Showing Hyperlink Cues with CSS - http://www.askthecssguy.com/2006/12/showing_hyperlink_cues_with_cs_1.html
 */
a[href $='.pdf'] { 
   padding-right: 18px;
   background: transparent url(http://www.scoutingpages.org/ca/1portmoody/images/icons/pdf.gif) no-repeat center right;
}
a[href ^="mailto:"] {
   padding-right: 20px;
   background: transparent url(http://www.scoutingpages.org/ca/1portmoody/images/icons/mail.gif) no-repeat center right;
}
a[class ="popup"] {
   padding-right: 18px;
   background: transparent url(http://www.scoutingpages.org/ca/1portmoody/images/icons/popup.gif) no-repeat center right;
}

#nav a {
  color: #09c;
  font-size: 11px;
  font-weight: 600;
  font-family: verdana, arial, helvetica, sans-serif;
	text-decoration: none;
	}
#nav a:hover {
  background-color: #eee;
	}
a.external {
  padding-right: 13px;
  background: url('http://www.scoutingpages.org/ca/1portmoody/images/icons/xlink.gif') no-repeat 100% 50%;
}
a.internal {
  padding-right: 13px;
  background: url('http://www.scoutingpages.org/ca/1portmoody/images/icons/ilink.gif') no-repeat 100% 50%;
}
a.pdf {
  padding-right: 13px;
  background: url('http://www.scoutingpages.org/ca/1portmoody/images/icons/pdf.gif') no-repeat 100% 30%;
  }
a.word {
  padding-right: 13px;
  background: url('http://www.scoutingpages.org/ca/1portmoody/images/icons/word.gif') no-repeat 100% 30%;
  }
a.excel {
  padding-right: 13px;
  background: url('http://www.scoutingpages.org/ca/1portmoody/images/icons/excel.gif') no-repeat 100% 30%;
  }

#header { 
  /*border: none;*/ 
  width: 100%;
  font-family: 'Comic Sans MS', cursive, arial, Helvetica, sans-serif;
  font-style: italic;
  font-weight: bold;
  font-size: 2.0em;
  /*font: italic bold 2.0em/2 Comic Sans MS, cursive, arial, Helvetica, sans-serif;*/
  color: #003399;
  border-style: solid;
  border-color: #003399;
  border-width: 1px 1px; /* top and bottom borders: 1px; left and right borders: 0px */
  line-height: 21px;
  background-color: #eee;
  margin: 5px 10px 10px 10px;
  padding: 5px 0px 0px 20px;
  /* For IE5/Win's benefit height = [correct height] + [top padding] + [top and bottom border widths] */
  height: 21px; /* 14px + 5px + 1px + 1px = 21px */

  /* 
   * Here is the ugly brilliant hack that protects IE5/Win from its own 
   * stupidity. Thanks to Tantek Celik for the hack and to Eric Costello for 
   * publicizing it. IE5/Win incorrectly parses the "\"}"" value, prematurely 
   * closing the style declaration. The incorrect IE5/Win value is above, while 
   * the correct value is below. See http://glish.com/css/hacks.asp for details. 
   */
  voice-family: "\"}\"";
  voice-family: inherit;
  /*height: 14px; /* the correct height */
  height: 50px;
  }

/* 
 * I've heard this called the "be nice to Opera 5" rule. Basically, it feeds 
 * correct length values to user agents that exhibit the parsing error 
 * exploited above yet get the CSS box model right and understand the CSS2 
 * parent-child selector. ALWAYS include a "be nice to Opera 5" rule every time 
 * you use the Tantek Celik hack (above). 
 */
body>#header { 
  height: 14px; 
  }

/* NAVIGATION MENU - BEGIN */
#nav {
  position: absolute;
  top: 80px;
  width: 145px;
  left: 15px;
  padding-bottom: 3em; 
  height: auto;
  background-color: #eee;
  border: 1px dashed #999;
  padding: 10px;
  /* Again, the ugly brilliant hack. */
  voice-family: "\"}\"";
  voice-family: inherit;
  }
/* NAVIGATION MENU - BEGIN */

/* CONTENT - BEGIN */
#content {
  margin-left: 150px; 
  margin: 0px 50px 50px 200px;
  padding-bottom: 3em; 
  height: auto;
  }
#content>p { margin: 0px; }
#content>p+p { text-indent: 0px; }
/* CONTENT - END */

/* FOOTER - BEGIN */
#footer {
  clear: both; 
  bottom: 0; 
  left: 0; 
  border: none; 
  width: 100%;
  height: 15px;
  font: italic normal 70% Verdana,Arial,Helvetica,Serif;
  /*background-color: #ccffcc;*/
  background-color: #eeffee;
  }
  /* hide from Mac IE5 */
  /* \*/
#footer {
  position: absolute; 
  }
/* */

/* Change in Opera 5+ (and some others) */
html>body div#footer {
  position: static;
  }

/* Change back in everything except Opera 5 and 6, still hiding from Mac IE5 */
/* \*/
head:first-child+body div#footer {
  position: absolute;
  }
/* */
#footer .left {
  float: left;
  text-align: left;
  width: 80%;
  left: 0;
  position: absolute;
  }
#footer .right {
  float: right;
  text-align: right;
  width: 20%;
  right: 0;
  position: absolute;
  }
/* FOOTER - END */

#nav p, #content p {
  margin: 1em;
  }

/* NAVIGATION BAR - BEGIN */
#navbar {
  float: right;
  font: 70% Verdana,Arial,Helvetica,Serif;
  /*margin-right: 5px;*/
  }
/* NAVIGATION BAR - END */

/* NEWS ITEMS - BEGIN */
#news {
  width: 98%;
  background: white;
  border: thin dotted black;
  padding: 10px;
  }
#news h3 {
  font: normal bold 12px Tahoma,Verdana,Arial,Helvetica,Serif;
  margin: 0px;
  padding: 0px;
  color: #003399;
  }
#news h4 {
  font: normal normal 10px Verdana,Geneva,Arial,Helvetica,sans-serif;
  margin: 0px;
  padding: 0px;
  color: #ff8302;
  }
#news p {
  font: 10px Verdana,Arial,Helvetica,Serif;
  text-align: left;
  margin: 0px;
  }
/* NEWS ITEMS - END */

img {
  border-width: 0px;
  }
#today {
  text-align: right;
  margin: 0px 10px 0px 0px;
  }
#today a {
  font: 8pt Verdana,Arial,Helvetica,Serif;
  }
ul {
  font: 0.7em verdana, arial, helvetica, sans-serif;
  line-height: 15px;
  padding: 0px;
  text-align: left;
  margin-left: 30px;
  margin-bottom: 1em;
  padding-right: 1em;
}
ol.star {
  font: 0.7em verdana, arial, helvetica, sans-serif;
  line-height: 15px;
  padding: 0px;
  text-align: left;
  margin-left: 30px;
  margin-bottom: 1em;
  padding-right: 1em;
}
.cite {
  font-size: 8pt;
  }
.yf{ color: #ffffcc; }
.bf{ color: #99ccff; }
.gf{ color: #99ffcc; }
.rf{ color: #ff0000; }
.yb{ background-color: #ffffcc; }
.bb{ background-color: #99ccff; }
.gb{ background-color: #99ffcc; }

/* SCEDULE TABLE - BEGIN */
#schedule table {
  border-collapse: collapse;
  empty-cells: show;
  white-space: normal;
  margin-left: auto;
  margin-right: auto;
  width: 75%;
  padding: 2px;
  /*cellspacing: 0;*/
  border-collapse: collapse;
  }
#schedule td {
  font: 11px/20px verdana, arial, helvetica, sans-serif;
  border: 2px solid #7f7f7f;
  white-space: normal;
  color: black;
  width: 18%;
  vertical-align: middle;
  text-align: center;
  }
#schedule tr {
  /*align: center;*/
  text-align: center;
  }
/* SCEDULE TABLE - END */

/* BADGES - BEGIN */
#badges {
  /*padding: 0px 55px 0px 15px;*/
  margin: 0px 10px 0px 10px;
  text-align: center;
  }
#badges table {
  border-style: hidden;
  padding: 2px;
  width: 663px;
  /*cellspacing: 0;*/
  border-collapse: collapse;
  }
#badges td {
  font: 11px/20px verdana, arial, helvetica, sans-serif;
  text-align: center;
  width: 166px;
  /*table-layout:;*/
}
/* BADGES - END */

/* FAQ - BEGIN */
#faq h1 {
  font: normal bold 200% 'Arrus Blk BT',Verdana,'Comic Sans MS',sans-serif;
  color: #d44b0d;
  }
#faq dt {
  font: normal bold 100% Verdana,Genva,Arial,Helvetica,sans-serif;
  color: #333333;
  }
#faq dd {
  color: #333333;
  font: normal normal 80% Verdana,Geneva,Arial,Helvetica,sans-serif;
  text-align: left;
  }
#faq ul {
  font: 80% Verdana,Tahoma,Arial,Sans-Serif;
  line-height: 100%;
  padding: 0px;
  list-style-type: disc;
  text-align: left;
  margin-top: 5px;
  }
#faq li{
  padding-top: 2px;
  padding-bottom: 2px;
  }
/* FAQ - END */

/* EVENTS TABLR - BEGIN */
#events h1 {
  text-align: center;
  font-family: 'Comic Sans MS',helvetica,arial,verdana,serif;
  color: #003399;
  }
table.events {
  border-collapse: collapse;
  empty-cells: show;
  white-space: normal;
  }
th.eventday {
  background-color: #eeffee;
  border: 2px solid #7f7f7f;
  white-space: normal;
  color: black;
  width: 20%;
  text-align: center;
  vertical-align: top;
  font: normal bold 110% Verdana,Arial,Helvetica,Serif;
  }
th.eventdetails{
  background-color: #eeffee;
  border: 2px solid #7f7f7f;
  white-space: normal;
  color: black;
  width: 80%;
  vertical-align: top;
  text-align: center;
  font: normal bold 110% Verdana,Arial,Helvetica,Serif;
  }
td.eventday {
  background-color: white;
  border: 2px solid #7f7f7f;
  white-space: normal;
  color: black;
  width: 20%;
  text-align: center;
  vertical-align: top;
  font: normal normal 80% Verdana,Arial,Helvetica,Serif;
  }
td.eventdaymeet {
  background-color: white;
  border: 2px solid #7f7f7f;
  white-space: normal;
  color: #008000;
  width: 20%;
  text-align: center;
  vertical-align: top;
  font: normal normal 80% Verdana,Arial,Helvetica,Serif;
  }
td.eventdayfldtrip {
  background-color: white;
  border: 2px solid #7f7f7f;
  white-space: normal;
  color: #0080ff;
  width: 20%;
  text-align: center;
  vertical-align: top;
  font: normal normal 80% Verdana,Arial,Helvetica,Serif;
  }
td.eventdayhday {
  background-color: white;
  border: 2px solid #7f7f7f;
  white-space: normal;
  color: #ff00ff;
  width: 20%;
  text-align: center;
  vertical-align: top;
  font: normal normal 80% Verdana,Arial,Helvetica,Serif;
  }
td.eventdaynomeet {
  background-color: white;
  border: 2px solid #7f7f7f;
  white-space: normal;
  color: #ff0000;
  width: 20%;
  text-align: center;
  vertical-align: top;
  font: normal normal 80% Verdana,Arial,Helvetica,Serif;
  }
.hday {
  color: #ff00ff;
  }
.fldtrip {
  color: #0080ff;
  }
.nomeeting {
  color: #ff0000;
  }
.meeting {
  color: #008000;
  }
td.eventdetails {
  background-color: white;
  border: 2px solid #7f7f7f;
  white-space: normal;
  color: black;
  width: 80%;
  vertical-align: top;
  text-align: left;
  font: normal normal 80% Verdana,Arial,Helvetica,Serif;
  }
.detailtitle {
  font-weight: bold;
  text-decoration: underline;
  }

.itembody {
  border-right: thin dotted;
  padding-right: 6px;
  border-top: thin dotted;
  padding-left: 6px;
  padding-bottom: 6px;
  border-left: thin dotted;
  padding-top: 6px;
  border-bottom: thin dotted;
  background: white;
  }
/* EVENTS TABLE - END */

/* GENERAL TABLE - BEGIN */
table {
  border-collapse: collapse;
  empty-cells: show;
  white-space: normal;
  margin-left: auto;
  margin-right: auto;
  width: 75%;
  padding: 0px;
  /*cellspacing: 0;*/
  border-collapse: collapse;
  }
td {
  font: 11px/20px verdana, arial, helvetica, sans-serif;
  border: none;
  white-space: normal;
  color: black;
  vertical-align: top;
  }
/* GENERAL TABLE - END */

/* GLOSSARY TABLE - BEGIN */
table.glossary {
  border: 1px;
  /*cellspacing: 0;*/
  border-collapse: collapse;
  padding: 40px;
  border-collapse: collapse;
  empty-cells: show;
  white-space: normal;
  }
tr.glossary_head {
  text-align: center;
  letter-spacing: 0.4em;
  font-weight: 900;
  }  
td.glossary_header1 {
  background-color: #D8FFDD;
  border: 2px solid #7f7f7f;
  font-size: xx-small;
  color: #000000;
  font-weight: 600;
  width: 90%; 
  }
td.glossary_header2 {
  background-color: #D8FFDD;
  border: 2px solid #7f7f7f;
  color: #FFFFAA;
  width: 10%;
  }
td.glossary_def {
  border: 2px solid #7f7f7f;
  }
/* GLOSSARY TABLE - END */