/* copyright (c) 2004, Henrik Bechmann, Toronto, Canada. Developed for the Friends of Dufferin Grove Park, Toronto, Canada. */
/* You may copy and use this CSS if you retain the copyright notice as is and identify substantial changes that you make in the document. You may copy substantial portions of it to your own CSS if you credit the source of the copied CSS rules. */

/* ===============[[Page level elements]]=============== */

div.division-standard {
  font-size:100%; 
}
div.division-compact {
  font-size:89%;
}

/* ===============[[Block level elements]]=============== */

/* ----------------[text blocks]-------------------- */

p { 
  margin-top:0;
  margin-bottom:10pt;
  padding:0 3px 0 3px;
  line-height:130%;
}
div.text-block {
  margin-top:0;
  margin-bottom:10pt;
  padding:0 3px;
  line-height:130%;
}
blockquote {
   margin: 0 5px 8px 5px;
   margin-right: 5px; 
   padding: 5px 5px 0 5px;
   font-size: 92%;
   border-style:solid;
   border-width: 1px;
   border-color:#fff;
  -moz-border-radius: 8px;
}
blockquote.letter-internal,
blockquote.letter-external,
blockquote.document-internal,
blockquote.document-external {
/*   border-style:solid; */
/*   border-width: 1px; */
}
blockquote.letter-internal {
   background-color: #ffeed6; /* orange-pale */
/*   border-color:#FFA500; orange-plain */
}
blockquote.letter-external {
   background-color: #eaefff; /* blue-wisp */
/*   border-color:#9fb7ff; blue-mellow */
}
blockquote.document-internal {
   background-color: #ffffd8; /* yellow-pale */
/*   border-color:#78BF78; green-heavy */
}
blockquote.document-external {
   background-color: #f8edff; /* violet-wisp */
/*   border-color:#df9fff; violet-mellow */
}

blockquote.technical {
   background-color: #e8e8e8; /* gray-wisp */
 /*   border-color:#888888; gray-bright */
}
pre {
 font-size:8pt;
 margin-top:0;
 margin-bottom:8px;
}
div.header {
 margin:5px;
 background-color:#eaeaea;
 padding: 5px 5px 0 5px;
 font-size: 89%;
 border-style:solid;
 border-width: 1px;
 border-color:#fff;
 -moz-border-radius: 8px;
}
div.header-menu {
 background-color:#eaeaea;
 padding: 5px 3px;
 font-size: 89%;
 border-style:solid;
 border-width: 0 0 5px 0;
 border-color:#ccc;
}
blockquote p {
 margin-bottom:5px;
}
div.header p {
 margin-bottom:5px;
}
div.header-menu p {
 margin:0;
}
p.feedback {
 font-style:italic;
 font-size:86%;
 margin-bottom:0;
}
/* ----------------[Sidebars]-------------------- */

/* general specs */
div.sidebar-left-narrow,
div.sidebar-left-medium,
div.sidebar-left-wide,
div.sidebar-right-narrow,
div.sidebar-right-medium,
div.sidebar-right-wide {
  border-style:solid;
  border-width:1px;
  -moz-border-radius: 6px;
  font-size:89%;
  border-color:#ccc;
  background-color:#FFFFF2; /* yellow-wisp */
}
div.sidebar-menu {
  -moz-border-radius:0;
  border-width:5px;
  border-color:#CCCCCC;
  font-size:100%;
  background-color:#eaeaea;
}
div.sidebar-menucolumn {
  border-style:solid;
  border-width:5px 0 1px 0;
  font-size:89%;
  border-color:#FFD99F;
  background-color:#FFFFF2;
}
/* width specs */
div.sidebar-left-narrow,
div.sidebar-right-narrow {
  width:150px;
}
div.sidebar-left-medium,
div.sidebar-right-medium {
  width:225px;
}

div.sidebar-left-wide,
div.sidebar-right-wide {
  width:300px;
}
/* float/margin specs */
div.sidebar-left-narrow,
div.sidebar-left-medium,
div.sidebar-left-wide {
  float:left;
  margin-right:4px;
  margin-bottom:4px;
}
div.sidebar-right-narrow,
div.sidebar-right-medium,
div.sidebar-right-wide {
  float:right;
  margin-left:4px;
  margin-bottom:4px;
}
div.sidebar-technical {
  width:300px;
  float:right;
  font-size:89%;
  margin-left:3px;
  border-style:solid;
  border-width:1px;
  border-color:#888888; /* gray-bright */
  background-color:#EEEEEE; /* gray-wisp */
}

/* ----------------[Crossbars]-------------------- */

div.crossbar-high,
div.crossbar-mid,
div.crossbar-low {
  border-style:solid;
  border-width:1px 0;
  margin-bottom:8px;
  width:100%;
}
div.crossbar-high {
  border-top-width:5px;
  border-bottom-width:5px;
  border-top-color:#ccc000; /* yellow-dark */
  border-bottom-color:#ccc000; /* yellow-dark */
  background-color:#ffffcf; /* yellow-pale */
}

div.crossbar-mid {
  border-top-color:#bf7878; /* red-heavy */
  border-bottom-color:#bf7878; /* red-heavy */
  background-color:#fff2f2; /* red-wisp */
}
div.crossbar-low {
  border-top-color:#888888; /* gray-bright */
  border-bottom-color:#888888; /* gray-bright */
  background-color:#eeeeee; /* gray-wisp */
}

/* ----------------[Image Boxes]-------------------- */

div.imagebox-left,
div.imagebox-right,
div.imagebox-block-center {
  border-style:solid;
  border-width:1px;
  border-color:#ccc;
  background-color:#FFFFF2; /* yellow-wisp */
  text-align:center;
  font-size:89%;
  padding:3px;
}
div.imagebox-left {
  float:left;
  margin:0 4px 4px 0;
  -moz-border-radius: 7px;
}
div.imagebox-right {
  float:right;
  margin:0 0 4px 4px;
  -moz-border-radius: 6px;
}
div.imagebox-block-center {
  clear:both;
  margin-top:0;
  margin-bottom:4px;
  margin-left:auto;
  margin-right:auto;
}

/* -----------------[Columns]--------------------- */

div.bicolumn-frame {
 width:100%;
}
div.bicolumn-leftliner {
}
div.bicolumn-rightliner {
 border-style:solid;
 border-color:#ccc;
 border-width: 0 0 0 3px;
}
div.bicolumn-left,div.bicolumn-right {
  width:49%;
  border-style:none;
}
div.bicolumn-left {
  float:left;
}
div.bicolumn-right {
  float:right;
}
/*\*/
* html div.bicolumn-left {
  overflow: hidden;
  he\ight: 0;
  o\verflow: visible;
}
* html div.bicolumn-right {
  width:49.9%; 
  overflow: hidden;
  he\ight: 0;
  o\verflow: visible;
}
/**/
/* -----------------[Lists]--------------------- */

ul.contents,ol.contents,dl.contents {
   font-size: 100%;
}
ul.narrow {
 padding:5px 0 5px 10px;
 margin-left:4px;
 list-style-type:square;
}
ul,ol,dl {
   Margin-top:0;
   font-size: 92%;
}

/* ul{} ol {} */ 
li.section-major {
 display:block;
 background-color:#def;
 color:#888;
 padding-left:3px;
 font-size:92%;
 font-weight:bold;
} 
dl {
}
dt {
 padding-left:3px;
} 
dd{
 padding-right:3px;
}
/*\*/
* html dd {
  overflow: hidden;
  he\ight: 0;
  o\verflow: visible;
}
/**/
/* -----------------[Tables]--------------------- */

table {
  border-style:solid;
  border-width:1px;
  border-color:#556aaa; /* blue-deep */
  border-collapse:collapse;
  font-size:100%;
  margin-bottom:8pt;
}
table caption {
  font-weight:bold;
  color:#556aaa; /* blue-deep */
}

/* 
table thead {} table tfoot {} table tbody {} table colgroup.names {} 
table colgroup.data {} table col.names {} table col.data {} table tr {} 
*/

table th.head-name {
  font-style:italic;
  font-weight:bold;
  text-align:left;
  color:black; /* black */
}
table th.column-head {
  font-style:italic;
  font-weight:normal;
  color:#00008B; /* blue-dark */
}
table th.foot-name {
  font-style:italic;
  font-weight:bold;
  color:black; /* black */
}
table th.column-foot {
  font-style:normal;
  font-weight:bold;
  color:black /* black */
}
table td.name {
  border-style:solid;
  border-width:1px;
  border-color:#556aaa; /* blue-deep */
  font-style:italic;
  font-weight:bold;
  color:#556aaa; /* blue-deep */
  padding-left:2px;
  vertical-align:top;
}
table td.data {
  border-style:solid;
  border-width:1px;
  border-color:#556aaa; /* blue-deep */
  vertical-align:top;
}

/* ---- table.standard ---- */ 

table.standard th.head-name {
  text-align:left;
}
table.standard th.column-head {
  text-align:center;
}
table.standard th.foot-name {
  text-align:left;
}
table.standard th.column-foot {
  text-align:left;
}
table.standard td.name {
  text-align:left;
}
table.standard td.data {
  text-align:left;
}
table.standard td.numeric {
  text-align:right;
}
/* ---- table.numeric ---- */
 
table.numeric th.head-name {
  text-align:left;
}
table.numeric th.column-head {
  text-align:right;
}
table.numeric th.foot-name {
  text-align:left;
}
table.numeric th.column-foot {
  text-align:right;
}
table.numeric td.name {
  text-align:left;
}
table.numeric td.data {
  text-align:right;
}

/* -----------------[Headings and Dividers]--------------------- */

/* ---- headings ---- */

h1,h2,h3 {
  font-family:"Comic Sans MS","Century Gothic",Charcoal,"Luxi Sans",sans-serif;
}
h1,h2,h3,h4,h5,h6 {
  margin-top:0;
  padding-left:3px;
}

h1,h2,h3,h4,h5,h6 {
  margin-bottom:8pt;
}

h1 {
/*  font-weight:bolder; */
  font-size:156%;
  color:#008000; /* green-plain */
}
h2 {
/*  font-weight:bolder; */
  font-size:148%;
  color:#008000; /* green-plain */
}
h3 {
  font-size:140%;
  color:#008000; /* green-plain */
}
h4 {
  font-size:132%;
  color:#aa5555; /* red-deep */
}
h5 {
  font-size:120%;
  color:#aa5555; /* red-deep */
}
h6 {
  font-size:100%;
  color:#006400; /* green-dark */
}

h6.heading-bright,
h6.heading-dark,
h6.heading-emphatic {
  margin-bottom:0;
}

h6.heading-bright {
  font-size:100%;
  color:#aa5555; /* red-deep */
}
h6.heading-dark {
  font-size:100%;
  color:#006400; /* green-dark */
}
h6.heading-emphatic {
  font-size:100%;
  text-decoration:underline;
  color:#006400; /* green-dark */
}

h6.subtitle {
  font-size:100%;
  color:#777777; /* gray-heavy */
}
div.postingline {
 padding-left:3px;
 font-size:7pt;
 color:#FF8C00;
}
/* ---- dividers ---- */

.section-divider-major {
  border-style:none;
  background-color:#5a5;
  color:white;
  margin:0;
  font-size:100%;
  background-image: url("../graphics/majorback.gif");
}
.section-divider-high,
.section-divider-mid,
.section-divider-low {
  border-width:1px;
  border-style:none;
}
.section-divider-high {
  border-color:#006400;  
  background-color:#FFFFCF; /* yellow-pale */
}
.section-divider-mid {
  border-top-color:#aa5555; /* red-deep */ 
  background-color:#ffe5e5; /* red-wisp */
}
.section-divider-low {
  border-top-color:#888888; /* gray-bright */ 
  background-color:#eeeeee; /* gray-wisp */
}
.section-major {
 background-color:#def;
 color:#888;
 padding-left:3px;
 font-size:92%;
 font-weight:bold;
} 
hr {
  color:#999;
  border-color:#999;
  background-color:#999;
}
hr.minor {
 border-style:dashed;
}
div.block-divider {
  margin:0;
  clear:both;
}
div.block-divider-left {
  margin-top:0;
  clear:left;
}
div.block-divider-right {
  margin-top:0;
  clear:right;
}

/* ===============[[Inline Elements]]=============== */

/* -----------------[Images]--------------------- */
img {
  border-style:none;
  border-width:0;
  margin:0;
}
img.image-inline {
  vertical-align:middle;
}
img.image-bordered,
img.image-bordered-left,
img.image-bordered-right {
  border-style:solid;
  border-width:2px;
  border-color:#008000; /* green-plain */
 -moz-border-radius: 7px;
}

img.image-left,img.image-bordered-left {
  float:left;
  margin-right:3px;
}
img.image-right, img.image-bordered-right {
  float:right;
  margin-left:3px;
}

/* -----------------[Anchors]--------------------- */
a:link {
  color:#0000FF; /* blue-plain */
} 
a:visited {
  color:#800080; /* custom */
}
a:hover {
  background-color:#FFECCF;
  text-decoration:underline;
}
a.native:hover {
  background-color:transparent;
}
a:active {
  color:#FF4040; /* red-dark */
  text-decoration:none;
}

/* -----------------[Spans]--------------------- */
/* see phrase elements, special effects, and fonts */

/* -----------------[Decorative Elements]--------------------- */

/* decoration... */
/* i {} u {} s {} */
b {
 color:#222; /* custom gray */
} 
/* size... */
/* big {} small {} sub {} sup {} */

/* line break... */
/* br{} */

/* -----------------[Phrase Elements]--------------------- */

acronym {
  font-variant:small-caps;
} 
cite{
  font-style:italic;
  color:#006400 !important; /* green-dark */
} 
/* q {} This is useless: NN adds quotation marks, IE does not */ 
em {
  font-style:italic;
  font-weight:bold;
}
span.emphasis-hot {
  font-weight:bold;
  color:#ff4040 /* red-bright */
}
strong{
  font-weight:bold;
  color:#006400 !important; /* green-dark */
}
/*  kbd{} var{} samp{} */
code {
  font-size:89%;
}
span.highlight {
  background-color: #FFFFCF; /* yellow-pale */
}
span.heading-inline {
  font-weight:bold;
  color:#006400 /* green-dark */
}

/* -----------------[Margins]--------------------- */

.margin-top-narrow {
  margin-top:4px !important;
}
.margin-right-narrow {
  margin-right:4px !important;
}
.margin-bottom-narrow {
  margin-bottom:4px !important;
}
.margin-left-narrow {
  margin-left:4px !important;
}
.margin-top-wide {
  margin-top:8px !important;
}
.margin-right-wide {
  margin-right:8px !important;
}
.margin-bottom-wide {
  margin-bottom:8px !important;
}
.margin-left-wide {
  margin-left:8px !important;
}
.margin-top-none {
  margin-top:0 !important;
}
.margin-right-none {
  margin-right:0 !important;
}
.compact,.margin-bottom-none {
  margin-bottom:0 !important;
}
.margin-left-none {
  margin-left:0 !important;
}
.margin-center {
  margin-left:auto;
  margin-right:auto;
}
.margin-narrow {
  margin:4px !important;
}
.margin-wide {
  margin:8px !important;
}
.margin-none {
  margin:0 !important;
}
.margin-vertical-auto {
  margin-left:auto !important;
  margin-right:auto !important;
}
/* -----------------[Position]--------------------- */
.float-left {
 float:left;
}
.float-right {
 float:right;
}
.clear-left {
  clear:left;
}
.clear-right {
  clear:right;
}
.clear-both {
  clear:both;
}
/* -----------------[Padding]--------------------- */

.padding-top-narrow {
  padding-top:3px !important;
}
.padding-right-narrow {
  padding-right:3px !important;
}
.padding-bottom-narrow {
  padding-bottom:3px !important;
}
.padding-left-narrow {
  padding-left:3px !important;
}
.padding-top-wide {
  padding-top:6px !important;
}
.padding-right-wide {
  padding-right:6px !important;
}
.padding-bottom-wide {
  padding-bottom:6px !important;
}
.padding-left-wide {
  padding-left:6px !important;
}
.padding-top-none {
  padding-top:0 !important;
}
.padding-right-none {
  padding-right:0 !important;
}
.padding-bottom-none {
  padding-bottom:0 !important;
}
.padding-left-none {
  padding-left:0 !important;
}
.padding-narrow {
  padding:3px !important;
}
.padding-wide {
  padding:6px !important;
}
.padding-none {
  padding:0 !important;
}
/* -----------------[Borders]--------------------- */
.border-narrow {
  border-style:solid !important;
  border-width:1px !important;
}
.border-wide {
  border-style:solid !important;
  border-width:2px !important;
}
.border-none {
  border-style:none !important;
  border-width:0 !important;
}
.border-top-narrow {
  border-top-style:solid !important;
  border-top-width:1px !important;
}
.border-right-narrow {
  border-right-style:solid !important;
  border-right-width:1px !important;
}
.border-bottom-narrow {
  border-bottom-style:solid !important;
  border-bottom-width:1px !important;
}
.border-left-narrow {
  border-left-style:solid !important;
  border-left-width:1px !important;
}
.border-top-wide {
  border-top-style:solid !important;
  border-top-width:2px !important;
}
.border-right-wide {
  border-right-style:solid !important;
  border-right-width:2px !important;
}
.border-bottom-wide {
  border-bottom-style:solid !important;
  border-bottom-width:2px !important;
}
.border-left-wide {
  border-left-style:solid !important;
  border-left-width:2px !important;
}
.border-top-none {
  border-top-style:none !important;
  border-top-width:0 !important;
}
.border-right-none {
  border-right-style:none !important;
  border-right-width:0 !important;
}
.border-bottom-none {
  border-bottom-style:none !important;
  border-bottom-width:0 !important;
}
.border-left-none {
  border-left-style:none !important;
  border-left-width:0 !important;
}

/* -----------------[fonts]--------------------- */

.font-size-larger {
  font-size:108% !important;
}
.font-size-smaller {
  font-size:92% !important;
}
.font-size-normal {
  font-size:100% !important;
}
.font-weight-bold {
  font-weight:bold !important;
}
.font-style-italic {
  font-style:italic !important;
}
.font-smallcaps {
  font-variant:small-caps !important;
}
span.emphasis-none,
font-normal {
  font-weight:normal !important;
  font-variant:normal !important;
  text-decoration:none !important;
  font-style:normal !important;
}
span.emphasis-none {
  color:black !important;
  background-color:transparent !important;
}

/* --------------[text alignment]------------------- */

.text-align-center {
  text-align:center !important;
}
.text-align-left {
  text-align:left !important;
}
.text-align-right {
  text-align:right !important;
}