/* Start of CMSMS style sheet 'cloutier-home-styles' */
      body{
           background-color:#000;
           text-align:center;
           font-family:Arial,Verdana,helvetica,sans-serif;
           font-size:10pt;
           line-height:13pt;
           color:#fff;
           }


      h1,h2,h3,h4{
                  font-family:Trebuchet MS, Tahoma, Arial, sans-serif;
                  margin-top:0px;
                  color:#aa9039;
                  }



      #container{
                 width:940px;
                 margin: 10px auto 10px;
                 background-color:#000;
                 border:2px solid #a98f38;
                 text-align:left;
                 position:relative;
                 }

      #header-area{
                   width:100%;
                   height:200px;
                   background-color:#000;
                   }


      #logo{
            background-image:url('images/logo-black.jpg');
            width: 294px;
            height: 142px;
            position: absolute;
            top: 20px;
            left: 15px;
            }

      #header-pic{
            background-image:url('images/header-black.jpg');
            width:558px;
            height:166px;
            position:absolute;
            top:15px;
            left:370px;
            }


      #animated-banner{
                                  width:100%;
                                  background-color:#fff;
                                  text-align:center;
                                  border-top:2px solid #a98f38;
                                  border-bottom:2px solid #a98f38;
                                  margin-bottom:25px;
                                   }


      #navigation-area{
                       width:100%;
                       border-top: 2px solid #aa9039;
                       height: 53px;
                       background-image: url('images/navshadow-black.jpg');
                       background-position: bottom left;
                       background-repeat: repeat-x;
                       color:#a98f38;
                       font-weight:bold;
                       position:relative;
                       background-color:#cfcdce;
                       }


       #navigation-container{
                             position:absolute;
                             left:15px;
                             top:5px;
                             }


       #navigation-container a{
                  font-family:Trebuchet MS, Tahoma, Arial, sans-serif;
                  font-size:12pt;
                  text-decoration:none;
                  font-weight:bold;
                  color:black;
                  margin-left:40px;
                  background-image:url('images/goldpawn-grey.gif');
                  background-repeat:no-repeat;
                  background-position: center left;
                  padding-left:18px;
                  padding-right:5px;
                  }


        #navigation-container a:hover{
                        color:#a88f37;
                        background-image:url('images/blackpawn-grey.gif');
                        background-color: #CFCDCE;
		        border-bottom: 1px dotted #000;
                        }

       #navigation-container a.active{
                        color:maroon;
                        background-image:url('images/goldpawn-grey.gif');
                        }

      #banner{
                   background-image:url('images/butterfly/banner.jpg');
                   width:100%;
                   height:125px;
                   position:relative;
                    }

        #butterfly-holder {
          margin-top:0px;
          margin-bottom:0px;
		  height:123px;
		  width:134px;
		  padding:0px;
		  position:absolute;
		  background:transparent;
		  }


        #butterfly {
  	      position:absolute;
  	      top:-1px;
  	      left:4px;
  	      height:271px;
  	      width:403px;
  	  }

        #butterfly IMG {
  	      position:absolute;
  	      top:0;
  	      left:0;
  	      z-index:8;
  	      opacity:0.0;
  	  }

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

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


  #here{
            position:absolute;
            top:68px;
            left:529px;
            }
#here a {
               color:maroon;
               font-weight:bold;
               text-decoration:none;
               font-size:12pt;
                }
#here a:hover{
                      border-bottom:1px dotted maroon;
                     }

      #left-col {
                      float: left;
                      width: 180px;
                      margin: 0px;
                      padding:9px;
                      }

      #left-col a{
                        color:#aa9039;
                        text-decoration:none;
                       }


      #right-col {
                       float: right;
                       width: 240px;
                       margin: 5px 0px 0px 0px;
                       padding-left: 13px;
                       border-left: 1px solid gray;
                       }

      #right-col p{ width:210px; text-align:justify}

      #content{
                      margin-left: 240px;
                      margin-right:35px;
                      margin-top:5px;
                      padding: 10px;
                      min-height: 300px;
                      height: auto !important;
                      height: 300px;
                      }

      #markets{
               clear:both;
               margin:10px 0px 10px 0px;
               padding:3px;
               border-top:1px solid gray;
               position:relative;
               height:320px;
               }


       #widget-one{
                  position:absolute;
                  top:20px;
                  left:25px;
                  }


       #widget-two{
                  position:absolute;
                  top:20px;
                  left:250px;
                  }


       #widget-three{
                  position:absolute;
                  top:20px;
                  left:475px;
                  }


       #widget-four{
                  position:absolute;
                  top:20px;
                  left:700px;
                  }

  


      #main-article{
                            clear: both;
                            margin:15px 0px 20px 0px;
                            padding: 3px;
                            min-height:150px;
                            height:auto !important;
                            height: 150px;
                            border-top:1px solid gray;
                            }

      #social{
                  clear:both;
                  margin:15px 0px 15px 0px;
                  border-top: 1px solid gray;
                   padding:4px 2px 3px 9px;
                  }

      #main-article h1,h2,h3,h4, p {
                                                     margin-left:20px;
                                                     }

      #main-article p {
                                font-size: 10pt;
                                width:810px;
                                 }


      


      #left-col p, #right-col p{
                                            margin: 0px 0px 1em 0px;
                                            font-size: 10pt;
                                            line-height: 13pt;
                                            }

      #fish{
                margin-top:5px;
                border-top:1px solid gray;
                height:25px;
               }

       p.fishlink{
                      margin-left:12px;
                      margin-top:3px;
                      font-size:10pt;
                      text-align:center;
                      }

       a.fish{
                      margin-left:2px;
                      color:#aa9039;
                      text-decoration:none;
                      font-weight:bold;
                      }

       a.fish:hover{
                           text-decoration:underline;
                           }

/* Stuff pertaining to the slideshow*/

        #slideshow-holder {
          margin-bottom:15px;
		  height:271px;
		  width:403px;
		  border:1px solid gray;
		  padding:5px;
                  position:relative;
		  }


        #slideshow {
  	      position:absolute;
  	      top:5px;
  	      left:5px;
  	      height:271px;
  	      width:403px;
  	  }

        #slideshow IMG {
              position:absolute;
              top:0px;
              left:0px;
  	      z-index:8;
  	      opacity:0.0;
  	  }

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

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

a.archive{
                color:#aa9039;
                text-decoration:none;
                font-weight:bold;
                }

    #bottom-nav{
                          height:35px;
                          }
/* End of 'cloutier-home-styles' */