/* Federation Des Lacs Style Sheet */
/* Author:Adrian Jones */
/* Editor:CSE HTML Validator */
html {overflow:auto;}

body {height:100%;color:#101214;background:#f3f3f3;}
html, body {font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;font-size:9pt;margin:0px;padding:0px;}
frameset {margin:0px;padding:0px;border:none;}

a:link  {color:#650000;text-decoration:underline;background-color:transparent;}
a:visited {color:#650000;text-decoration:underline;background-color:transparent;}
a:hover {color:#000066;text-decoration:none;background-color:#66ff66;}
a:active {color:#000066;text-decoration:none;background-color:#66ff66;}

h1 {background-color:transparent;color:#DEA238;font-size:14pt;text-transform:uppercase;letter-spacing:0.3em;margin:10px 50px 10px 30px;padding:2px;font-weight:bold;}
h2 {font-style:normal;color:#336699;font-size:11pt;background-color:transparent;}
h3 {font-style:italic;color:#336699;font-size:9pt;background-color:transparent;}
h4 {font-style:normal;color:#7EB0B8;font-size:9pt;background-color:transparent;}

h2, h3, h4 {margin:2px 2px 2px 30px;padding:2px;}

p {font-size:9pt;margin-left:10px;}
p.indent {text-indent:2em;margin-left:30px;max-width:800px;}
p.indent:first-letter {font-size:130%;}

p.smindent {margin-left:10px;max-width:820px;}
p.smindent:first-letter {font-size:130%;}

p.homeindent {margin-left:10px;max-width:820px;padding-bottom:10px;border-bottom:1px solid #7EB0B8;}
p.homeindent:first-letter {font-size:130%;}

p.bigindent {text-indent:2em;margin-left:50px;}
p.quotation:after {content: close-quote;}
p.quotation:before {content: open-quote;}

p.noindent {margin-left:30px;max-width:800px;}
p.noindent:first-letter {font-size:100%;}

p.jindent {margin-left:30px;max-width:800px;}
p.event {text-indent:2em;font-size:9pt;margin-left:30px;}
p.small {margin-left:30px;font-size:80%;}

.button {background-color:#7EB0B8;color:white;}
.entry {border:2px groove orange;color:#464218;background-color:white;}

ul {color:#002040;text-align:left;margin-left:30px;}
.point1 {list-style-image:url('gifs/point1.gif');}
.point2 {list-style-image:url('gifs/point2.gif');}

ol {color:#002040;text-align:left;margin-left:30px;}
li {color:#464218;font-size:9pt;font-weight:normal;padding:2px;}

/* structure of site shown below */

/* main header */
#headTop {position:relative;top:0px;left:0px;color:orange;background-color:#7EB0B8;width:100%;height:70px;margin:0px;border-bottom:5px solid orange;padding:0px;background-image:url('images/header-back.jpg');background-repeat:repeat-x;background-position:top left;}

#headFB	{position:absolute;left:500px;top:23px;z-index:100;}
.headFb	{height:30px;}

#headImg {position:relative;top:0px;left:0px;background-image:url('images/header-name-en.jpg');background-repeat:no-repeat;background-position:top left;height:70px;margin:0px;padding:0px;}

#headImgF {position:relative;top:0px;left:0px;background-image:url('images/header-name-fr.jpg');background-repeat:no-repeat;background-position:top left;height:70px;margin:0px;padding:0px;}

#headText {float:right;margin-top:15px;margin-right:10px;}
#headText a {color:#336699;font-weight:bold;text-decoration:none;font-family:Verdana,sans-serif;font-size:9pt;padding:1px;}
#headText a:hover {background-color:white;color:#444;text-decoration:none;}
#headText .search {color:white;font-family:Verdana,sans-serif;font-size:9pt;padding:1px;}

/* main left-hand navigation bar */
#sidePic {position:absolute;top:75px;left:0px;width:160px;background-image:url('images/sidepic-1.jpg');background-repeat:no-repeat;background-position:top left;height:490px;z-index:2;}

div.navbar {position:absolute;top:125px;left:5px;width:148px;background-color:#7EB0B8;margin:0px;padding:0px;line-height:1.6em;font-size:9pt;text-align:left;color:white;z-index:100;filter:alpha(opacity=90);-moz-opacity:0.9;}

div.navbar a {display:block;border-bottom:1px groove #f3f3f3;text-align:left;padding-left:10px;}
div.navbar a:link,div.navbar a:visited {text-decoration:none;}
div.navbar a:link,div.navbar a:visited {background:#7EB0B8;color:white;}
div.navbar a:hover                     {background:#f3f3f3;color:#464218;}

div.navHead {position:absolute;top:85px;left:8px;width:145px;display:block;margin:1px;padding:0px;height:40px;z-index:100;}

/*  selected menu item */
div.navbar a.s {display:block;text-align:right;border-bottom:1px groove #f3f3f3;border-left:5px;font-weight:bold;padding-right:3px;}
div.navbar a.s:link, div.navbar a.s:visited {background:#f3f3f3;color:orange;}
div.navbar a.s:hover                        {background:#f3f3f3;color:#464218;}

/*  sub-menu item */
div.navbar a.sub {display:block;border-bottom:1px groove orange;font-size:9pt;text-align:right;padding-right:3px;border-left:0px;}
div.navbar a.sub:link, div.navbar a.sub:visited {background-color:#336699;color:white;}
div.navbar a.sub:hover                          {background:#f3f3f3;color:#464218;}

/*  selected sub-menu item */
div.navbar a.ssub {display:block;border-bottom:1px groove orange;font-size:9pt;text-align:right;font-weight:bold;padding-right:3px;border-left:0px;}
div.navbar a.ssub:link, div.navbar a.ssub:visited {background:#f3f3f3;color:orange;}
div.navbar a.ssub:hover                           {background:#f3f3f3;color:#464218;}

div.navbar img {float:right;vertical-align:bottom;}

/* main content area for 3-column pages */
div.maincontainer {top:85px;width:auto;min-width:200px;margin:0px 245px 20px 165px;padding:10px 5px;height:450px}
/* for IE */
/* * html div.maincontainer {height: 450px;} */
/* div.maincontainer {_height: 450px} */

/* right-hand content area */
div.news {position:absolute;top:85px;right:5px;width:220px;padding:0px 5px 0px 10px;margin-bottom:5px;display:block;border:none;min-height:450px;}
/* for IE */
* html div.news {height: 500px;}
/* ie5win fudge begins voice-family: "\"}\"";voice-family:inherit;_height:350px;} */

.nHead {text-align:center;background-color:#e3e3e3;color:black;font-size:9pt;font-weight:bold;padding:5px;text-transform:uppercase;border-bottom:1px solid #464218;border-right:1px solid #464218;border-top:1px solid #ffffff;border-left:1px solid #ffffff;}

div.event {padding:3px;border-top:1px solid orange;margin-bottom:5px;margin-top:5px;}
.eHead {color:#464218;font-weight:bold;text-align:center;}
.eText {color:#464218;font-size:9pt;text-align:center;}
.clock {color:#336699;font-weight:bold;font-size:9pt;text-align:center;padding:3px;}

.montage {border-bottom:1px solid orange;border-right:1px solid orange}

/* main content area for 2-column pages */
div.doublecontainer {width:auto;min-width:200px;margin:0px 0px 0px 170px;padding:5px 0px 0px 5px;min-height:484px;overflow:auto;}
/* Hack for IE which doesn't recognize min-height */
* html div.doublecontainer { height: 480px;}
/* div.doublecontainer {_height: 480px} */

div.doublecontainer {background:#f3f3f3 url('images/bluebell2.jpg') no-repeat scroll 100% 0%;}
.doublecontainer #p0 {background:white url('images/bluebell2.jpg') no-repeat scroll 100% 0%;}
.doublecontainer #p1 {background:white url('images/wildflower-p1.jpg') no-repeat scroll 100% 0%;}
.doublecontainer #p2 {background:white url('images/wildflower-p2.jpg') no-repeat scroll 100% 0%;}
.doublecontainer #p3 {background:white url('images/wildflower-p3.jpg') no-repeat scroll 100% 0%;}
.doublecontainer #p4 {background:white url('images/wildflower-p4.jpg') no-repeat scroll 100% 0%;}
div.doublecontainer #dTextbox {margin-right:25px;}
div.doublecontainer #dTextbox2 {margin-right:0px;}

/* General */
.centre {text-align:center;}
.emph {font-weight:bold;font-style:italic;}
#copyContainer {margin-top:5px;background-color:#7EB0B8;color:white;border-top:5px solid orange;width:100%;height:30px;z-index:1000;background-image:url('images/footer-back.jpg');background-repeat:repeat-x;background-position:top left;}

#copyContainer .copy {font-family:Times,serif;font-size:8pt;text-align:center;padding-top:10px;color:#336699;}

/* Val-des-Monts page */
.laketable {margin:3px}
.laketable .head {background-color:#336699;color:white;text-align:center;font-weight:bold;}
.laketable .lake {background-color:#ddd;color:#464218;text-align:left;padding:1px 10px;}
.laketable .num  {background-color:#ddd;color:#464218;text-align:center;}

.tabledata {text-align:center;}
.tablehead1, .tablehead2 {background-color:#336699;color:white;text-align:center;}
.tablehead2 {font-weight:bold;}
.even {background-color:#e8e8e8;height:30px;padding:0px 5px;}
.odd  {background-color:#dddddd;height:30px;padding:0px 5px;}
.source {color:#464218;margin-left:30px;font-style:italic;}

/* for hidden content pages */
.infoBox {background-color:#D8F2FA;padding:10px;margin-left:30px;display:none;}
.hline {width:90%;margin-left:auto;margin-right:auto;border-top:1px solid orange;padding:5px;}

/* for web info page */
.webinfo {background-color:yellow;color:#464218;font-style:italic;font-weight:bold}

.infoBoxVisible {margin-left:30px;background-color:#D8F2FA;padding:10px;text-align:center;}

/* bordered rounded boxes */
/*   <div class="top"><div class="left"><div class="right"></div></div></div>		*/
/*   <div class="main"><div class="left"><div class="right">  							*/
/*   text goes here...                                        							*/
/*  </div></div></div>																				*/
/*   <div class="bottom"><div class="left"><div class="right"></div></div></div> */
/* NOTE: image colour is background-color:#f0f0f0;											*/

.left   {background-repeat:repeat-y; background-position:top left;}
.right  {background-repeat:repeat-y; background-position:top right;}

.top           {margin:1px 1px 0px 1px;background-image:url(gifs/n.gif);}
.top .left     {background-image:url(gifs/nw.gif);}
.top .right    {background-image:url(gifs/ne.gif);height:16px;}

.main       	{margin:0px 1px 0px 1px;background-color:#f0f0f0;}  /* internal container colour */
.main .left 	{background-image:url(gifs/w.gif);}
.main .right 	{background-image:url(gifs/e.gif);padding:20px;}

.bottom        {margin:0px 1px 1px 1px;background-image:url(gifs/s.gif);}
.bottom .left  {background-image:url(gifs/sw.gif);}
.bottom .right {background-image:url(gifs/se.gif);height:16px;}

/* menu expansion */
#about, #environ, #site {background-color:#336699;color:white;}

/* centre boxes */
/* Opera5.02 shows a 2px gap between boxes. N6.01Win sometimes does. Depends on amount	of fill and window size and wind direction. */

#contentL {float:left;padding:0px 5px;margin:0px;background:#f3f3f3;min-height:400px;width:49%;}
/* Hack for IE which doesn't recognize min-height */
* html #contentL {height:400px;width:47%;}

/* ie5win fudge begins voice-family: "\"}\"";voice-family:inherit;width:47%;_height:350px;} */

html>body #contentL {width:47%;} /* ie5win fudge ends */

#contentR {float:right;padding:0px 5px;margin:0px;background:#f3f3f3;min-height:400px;width:49%;}
/* Hack for IE which doesn't recognize min-height */
* html #contentL {height:400px;width:46%;}

/* ie5win fudge begins voice-family: "\"}\"";voice-family:inherit;width:47%;_height:350px;} */

html>body #contentR {width:46%;} /* ie5win fudge ends */

/* Calendar function on Home Page */
#contentL #calendarBox {position:relative;margin-left:auto;margin-right:auto;text-align:center;width:220px;top:15px;height:auto;}
#datetable	     {background-color:#eeeeee;width:200px;border:0px;padding:0px;font-size:9pt;height:120px;}
.datetableHead   {background-color:#7EB0B8;color:#ffffff;border-bottom:1px solid #ffa500;font-weight:bold;height:25px;}
.datetableCells  {background-color:#dddddd;color:#101214;text-align:center;font-weight:normal;}
.datetableToday  {background-color:#ffffff;color:#101214;text-align:center;font-weight:bold;border:1px solid #444444;}
.evDay:link, .evDay:visited {color:#990000;font-weight:bold;}
.evDay:hover     {background-color:#ffffff;color:#000000;}

#contentL #eventBox {position:relative;margin-left:auto;margin-right:auto;width:90%;top:30px;height:auto;}

/* Event tables on Home page*/
.calendarEventTable {width:100%;padding:0px;border:0px;font-size:9pt;}
.calEventHead {background-color:#7EB0B8;color:#ffffff;border-bottom:1px solid #ffa500;font-weight:bold;height:20px;text-align:center;line-height:20px;}
.calEventText {background-color:#dddddd;height:15px;font-weight:normal;font-size:8pt;color:#101214;text-align:center;border:0px;}

/* Advertising bar */
.adBar {position:absolute;top:400px;left:50%;margin-left:-325px;width:800px;}
.adCell {text-align:center;}
.adImg {width:180px;padding:1px;}

/* general Images */
.genImg		{width:300px;float:right;padding:5px;margin:0px 5px;border:3px solid silver;background-color:white;}