/* IE6 css fixer v0.4: Thu, 07 May 2009 21:08:41 +0200 */

/* ============================================= */
/* safe settings                                 */

/* add display:inline to floated elements */
* html .legend,
* html .floatleft,
* html .floatright,
* html .module1,
* html .module2,
* html .module4,
* html .sidebar {display:inline;}

/* convert min height values */
* html .module1, * html .module2, * html .module4 {height:175px;}
* html .sidebar {height:500px;}

h1, h2, h3, h4, h5, ul, li, p {margin:0px;}
p {margin-bottom:.5em;}
img {border:0px;}

/*STYLE*/
body {font-family: "trebuchet ms", helvetica,sans-serif; font-size:.9em; line-height:1.4em; 	
      color:#372718; background-color: #372718;}
a {color:#375794;}
a:hover {color:#BD2121; text-decoration: underline;}
a:visited {color:#9F4F4F;}
h1 {font-size: 2.5em; line-height: 1.4em; color:#7F6957;}
h2 {color:#372718; font-size:1.4em; margin: .6em 0em .3em 0em;}
h2 a {text-decoration: none;}
h3 {color:#FFF; font-size:1.2em; margin:.6em 0em .3em 0em;}
h4 {text-transform:uppercase; margin-top:1em;}
h5 {font-size: 1.2em; line-height: 1.4em; padding: 1em 1em 1em 0em; color:#4F3C2D;}
hr {color: #372718; background-color: #372718; height: 1px; border:0px; margin:15px 0px;}
input {width:160px;}
p {}
sup,sub {height: 0;line-height: 1;vertical-align: baseline;_vertical-align: bottom;
	position: relative;}
sup {bottom: 1ex;}
sub {top: .5ex;}
#content {list-style-image: url(http://caribouandyou.ca/images/site/hoofprint.png);}
#content ul {padding: 0px 30px;}
#content li {padding: 5px 0px; margin-left:15px;}
#subnav {font-size:13px; margin:5px 0px 0px 10px;}
#subnav li {padding-right: 10px;}
#subnav li.current a {font-weight:bold; border-bottom:1px solid #FFF;}
#topnav {font-size:13px; font-weight:bold; }
#topnav a, #footer a, #meta a, #subnav a {color:#FFF; text-decoration: none;}
#topnav a:hover, #topnav li.current a {color:#D4EF68;}
#topnav li {border-right:1px solid #FFF;}
#topnav li.donate a {color:#FF953F;}
#footer {text-align:center; height:115px; background: url(http://caribouandyou.ca/images/site/footer09.jpg) no-repeat #9A8574;}
#footer.fr {background: url(http://caribouandyou.ca/images/site/footer_fr.jpg) no-repeat #9A8574;}
#frame.index {
background: url(http://caribouandyou.ca/images/site/header-home-en.jpg) no-repeat #9A8574;
}
#frame.internal {
background: url(http://caribouandyou.ca/images/site/header-int-en.jpg) no-repeat #9A8574;
}
#frame.indexfr {
background: url(http://caribouandyou.ca/images/site/header-home-fr.jpg) no-repeat #9A8574;
}
#frame.internalfr {
background: url(http://caribouandyou.ca/images/site/header-int-fr.jpg) no-repeat #9A8574;
}
#meta, #footer {
font-size:11px; font-weight:bold;
}
.module1, .module2, .module4 {
  margin:15px; 
  min-height:175px; 
  line-height: 20px;
  }

.blue, .brown, .green {
background: url(http://caribouandyou.ca/images/site/dropshadow.gif) repeat-x bottom; 
margin-bottom:15px;
}

.blue {background-color: #C8DFFF; padding:10px 10px 20px 10px;}
.brown {background-color: #E6DBD5; padding:10px 10px 20px 10px;}
.green {background-color: #CCD6A2; padding:10px 10px 20px 10px;}
.blue h3 {color:#174785; border-bottom: 1px solid #174785 ;}
.brown h3 {color:#372718; border-bottom: 1px solid #372718 ;}
.green h3 {color:#3C4D2D; border-bottom: 1px solid #3C4D2D ;}

.bouphotos {padding:10px; font-size:.8em; float:left; width:100px;}
a.button, input.button  {
  width:160px; 
  background-color:#9A8574; 
  font-weight:bold;
  margin:5px 0px 10px 0px;
  padding: 5px 0px; 
  text-align:center;
  display:block;
  text-decoration:none;
  color:#FFF;
  border:0px;
  }
a.button:hover, input.button:hover {background-color:#D4EF68; color:#372718;}
.comment {padding:15px; margin:10px 0px; border: 1px dotted #CFB6A8;}
.info {font-size:.8em; background-color:#CFC7C2;}
.legend {width: 15px; float:left; padding:3px; margin:5px; clear:left;}
.mainbanner a {color:#fff; font-size:1.3em; line-height:1.5em; text-decoration:none;}
.provtitle {font-size:30px; color:#FFF; margin:0px 0px 15px 15px; position:relative; top:115px;}
.sidebar {
  font-size:.8em; 
  background: url(/images/site/meetbou.jpg) no-repeat #E6DBD5;
 }
.sidebar_fr {
  font-size:.8em; 
  background: #E6DBD5;
 }

.sidebar ul {padding:0px; margin:0px; list-style-type:none;}
.slideactions {padding:10px; color:#FFF; float:right; width:170px;}
.slideactions a {color:#FFF; font-size:.8em;}
.slidewrapper {width:620px; height:300px; background-color:#372718;}

/*LAYOUT*/
body {text-align: center; padding:0px; margin:0px;}
#content {margin: 30px 0px 15px 15px;}
#footer {clear:both; margin:15px;}
#frame {text-align: left;margin: 0px auto;width: 880px;line-height:1.3em;}
#frame.indexfr #topnav {margin-top:180px;}
#frame.internalfr #topnav ul {margin-top:140px;}
#frame.internal #header, #frame.internalfr #header {height:215px;}
#frame.internal #topnav, #frame.internalfr #topnav {margin:5px 0px 0px 0px;}
#header {height:250px; margin:0px;}
#meta {text-align:right; padding:20px 15px 0px 0px;}
#subnav ul {margin: 10px 0px 0px 10px; padding:0px;}
#topnav {margin:5px 0px 0px 0px;}
#topnav ul {padding:0px;}
#topnav li, #meta li, #footer li, #subnav li {list-style: none; display: inline; align:center;}
#topnav li a, #footer li a {padding: 2px 10px;}

/*USEFUL*/
.clear {clear:both;}
.floatleft {float:left; padding: 0px 10px 5px 0px;}
.floatleft .special {overflow: hidden; width: 100%;}
.floatright {float:right; clear:right; padding: 0px 15px 5px 10px;}
.logo {width:570px; height:170px;}
.internal .logo {width:570px; height:133px;}

.grid2 {width:48%; margin-right:1%; float:left;}
.grid3 {width:30%; margin-right:1%; float:left;}
.module1 {width:820px; float:left; margin: 0px 15px 15px 0px;}
.module2 {width:395px; float:left; margin: 0px 15px 15px 0px;}
.module75 {width:515px; float:left; margin: 0px 30px 15px 0px;}
.module25 {width:250px; float:left; margin: 0px 15px 15px 0px;}
.module3 {width:600px; float:left; margin: 0px 15px 15px 0px; }
.module4 {width: 175px; float:left; margin: 0px 15px 15px 0px;}
.sidebar {width: 180px; float:right; min-height:500px; margin: 0px 15px 15px 0px; padding:15px;}
.sidebar_fr {width: 180px; float:right; min-height:500px; margin: 0px 15px 15px 0px; padding:15px;}

/*CLOUD*/
#cloud.size1 {font-size: 2em;}
#cloud.size2 {font-size: 1.7em;}
#cloud.size3 {font-size: 1.5em;}
#cloud.size4 {font-size: 1.3em;}
#cloud.size5 {font-size: 1.1em;}

#slideshow {position:relative; height:300px; width:420px;}
#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}