BODY
{
  background-color: #E5E5E5;
  font-family: Verdana, Arial, Helvetica, sans-serif;

}

P
{
  font-family: Verdana, Arial, Helvetica, sans-serif;

}

SPAN
{
  font-family: Verdana, Arial, Helvetica, sans-serif;

}

P.WithMargin
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  margin: 0, 0, 12, 0;
}

P.BreadCrumb
{
  color: #003366;
  font-size: x-small;
  margin: 3, 6, 3, 6;
  padding: 0, 0, 0, 0;
  font-weight: bold;
  font-style: normal;
}

/*
P.Breadcrumb A:link {color: #003366; text-decoration: underline; font-weight: normal; font-style: italic;}
P.Breadcrumb A:visited {color: #003366; text-decoration: underline; font-weight: normal; font-style: italic;}
P.Breadcrumb A:active {color: #003366; text-decoration: underline; font-weight: normal; font-style: italic;}
P.Breadcrumb A:hover {color: #003366; text-decoration: none; font-weight: normal; font-style: italic;}
*/

P.SiteContent
{
  font-size: 13px;
  color: #000000;
  margin: 0, 0, 12, 0;
  text-align: justify;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}


P.SiteContent IMG
{
  padding: 2px, 2px, 2px, 2px;
  border: solid, 1;
}

P.BigSiteContent
{
  font-size: medium;

  color: #000000;
  margin: 0, 0, 12, 0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
}

P.CenteredSiteContent
{
  color: #000000;
  font-size: 13px;
  margin: 0, 0, 12, 0;
  text-align:center;
}



.TopMenu
{
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #ffffff;
  padding: 0, 0, 0, 0;
  margin: 0,0, 0, 0;
}

P.RightMenuTitle
{
  color: #CE2727;
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 0px;
}

P.RightMenuTitle A:link {color: #CE2727;}
P.RightMenuTitle A:visited {color: #CE2727;}
P.RightMenuTitle A:hover {color: #CE2727;}

P.RightMenu
{
  color: #000000;
  font-size: 11px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  margin-top: 0px;
}
P.RightMenu A:link {color: #CE2727;}
P.RightMenu A:visited {color: #CE2727;}
P.RightMenu A:hover {color: #CE2727;}


P.HeaderImg
{
  margin: 3, 6, 3, 6;
  padding: 0, 0, 0, 0;
}

P.SmallCenteredBlackText
{
  color: #000000;
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  text-align: center;
  margin: 10, 0, 10, 0;
}



P.LargeBlueCenteredText
{
  color: #003366;
  font-size: x-small;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight:bold;
  margin: 0, 0, 12, 0;
  text-align:center;
}




P.CenterVeryLargeBlueText
{
  color: #003366;
  font-size: small;
  text-align: center;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  margin: 0, 0, 12, 0;
}



A:link {color: #003366; text-decoration: none; }
A:visited {color: #003366; text-decoration: none; }
A:active {color: #003366; text-decoration: none; }
A:hover {color: #003366; text-decoration: underline; }

.TopMenu A:link {color: #ffffff; text-decoration: none; }
.TopMenu A:visited {color: #ffffff; text-decoration: none; }
.TopMenu A:active {color: #ffffff; text-decoration: none; }
.TopMenu A:hover {color: #ffffff; text-decoration: underline; }

.SmallRedLink A:link {color: #CE2727; text-decoration: underline;}
.SmallRedLink A:visited {color: #CE2727; text-decoration: underline;}
.SmallRedLink A:active {color: #FF5A5A; text-decoration: underline;}
.SmallRedLink A:hover {color: #FF5A5A; text-decoration: underline;}

.NormalRedLink A:link {color: #CE2727; text-decoration: underline;}
.NormalRedLink A:visited {color: #CE2727; text-decoration: underline;}
.NormalRedLink A:active {color: #FF5A5A; text-decoration: underline;}
.NormalRedLink A:hover {color: #FF5A5A; text-decoration: underline;}

.BoldCenteredRedLink A:link {color: #CE2727; text-decoration: underline;}
.BoldCenteredRedLink A:visited {color: #CE2727; text-decoration: underline;}
.BoldCenteredRedLink A:active {color: #FF5A5A; text-decoration: underline;}
.BoldCenteredRedLink A:hover {color: #FF5A5A; text-decoration: underline;}

.xSmallWhiteLink A:link {color: #ffffff; text-decoration: underline;}
.xSmallWhiteLink A:visited {color: #ffffff; text-decoration: underline;}
.xSmallWhiteLink A:active {color: #ffffff; text-decoration: underline;}
.xSmallWhiteLink A:hover {color: #ffffff; text-decoration: underline;}

.SmallWhiteLink A:link {color: #ffffff; text-decoration: underline;}
.SmallWhiteLink A:visited {color: #ffffff; text-decoration: underline;}
.SmallWhiteLink A:active {color: #ffffff; text-decoration: underline;}
.SmallWhiteLink A:hover {color: #ffffff; text-decoration: underline;}

TD.DarkBlueBG {
  background-color: #0B296B;   }

IMG { border: solid, 1; }
IMG.TightImg { border: none, 0; }

IMG.NoBorder { border-style:none; padding: 2, 2, 2, 2; }

IMG.PaddedImg
{
  margin: 10px, 10px, 10px, 10px;
  padding: 2px, 2px, 2px, 2px; }

IMG.PadRightBottom
{
  margin-right: 10px;
  margin-bottom: 10px;
  padding: 2px, 2px, 2px, 2px; }

.Copyright {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-align: center;
  font-size: xx-small;
  color: #999999;         }

.Copyright A:link {
  color: #999999;
  text-decoration: underline;  }
.Copyright A:visited {
  color: #999999;
  text-decoration: underline;  }
.Copyright A:hover {
  color: #999999;
  text-decoration: none;      }
.Copyright A:active {
  color: #999999;
  text-decoration: underline;  }

.MultiLineTextbox { font-size: 10px; font-family: Courier New, sans-serif; }

.NormalRedLink
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #000000;
}

.SmallSiteContent
{
  font-size: xx-small;
  font-family: Verdana, Arial, Helvetica, sans-serif;

}



.SmallRedLink
{
  font-size: xx-small;
  font-family: Verdana, Arial, Helvetica, sans-serif;


}

.BoldCenteredRedLink
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: x-small;
  text-align: center;
  font-weight: bold;
}

.VeryLightGrayText
{
  color: #F8F8F8;
  font-size: small;
  font-family: Verdana, Arial, Helvetica, sans-serif;

}

.BigWhiteText
{
  color: #FFFFFF;
  font-size: large;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

.MediumWhiteText
{
  color: #FFFFFF;
  font-size: medium;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

.BoldMediumWhiteText
{
  color: #FFFFFF;
  font-size: medium;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight:bold;
}

.BoldSmallWhiteText
{
  color: #FFFFFF;
  font-size: medium;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight:bold;

}

.SmallWhiteText
{
  color: #FFFFFF;
  font-size: small;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

.xSmallWhiteText
{
  color: #FFFFFF;
  font-size: x-small;
  font-family: Verdana, Arial, Helvetica, sans-serif;

}

.xSmallWhiteLink
{
  color: #FFFFFF;
  font-size: x-small;
  font-family: Verdana, Arial, Helvetica, sans-serif;

}

.SmallWhiteLink
{
  color: #FFFFFF;
  font-size: small;
  font-family: Verdana, Arial, Helvetica, sans-serif;

}

.LargeBlueText
{
  color: #003366;
  font-size: x-small;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight:bold;
  margin: 0, 0, 12, 0;
}

.VeryLargeBlueText
{
  color: #003366;
  font-size: small;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  margin: 0, 0, 12, 0;
}

.BigBlueText
{
  color: #003366;
  font-size: large;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  margin: 0, 0, 12, 0;

}

.BoldBigBlueText
{
  color: #003366;
  font-size: large;
  font-weight: bold;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  margin: 0, 0, 12, 0;
}

.xSmallBlueCenteredText
{
  color: #003366;
  font-size: x-small;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight:bold;
  text-align:center;
}

.CaptionedImages
{
  color: #000000;
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  margin: 0, 0, 20, 0;
  text-align: center;
  padding: 0, 0, 0, 0;
}

.BoldMediumDarkRed
{
  color: #CE2727;
  font-size: medium;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight:bold;
}

.DarkRed
{
  color: #CE2727;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}



TD { font-size: 13px; }


#header {
  width: 760px;
  height: 140px;
  background: #0c4072;
  padding: 0px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#10487e', endColorstr='#043768'); /* for IE */
  background: -webkit-gradient(linear, left top, left bottom, from(#10487e), to(#043768)); /* for webkit browsers */
  background: -moz-linear-gradient(top,  #10487e,  #043768); /* for firefox 3.6+ */
  margin: 0 auto 1px;
}

#headerBackup {
  width: 740px;
  height: 120px;
  background: #0c4072;
  padding: 10px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#10487e', endColorstr='#043768'); /* for IE */
  background: -webkit-gradient(linear, left top, left bottom, from(#10487e), to(#043768)); /* for webkit browsers */
  background: -moz-linear-gradient(top,  #10487e,  #043768); /* for firefox 3.6+ */
  margin: 0 auto 1px;
}

#head-logo {
  height: 120px;
  width: 120px;
  background: url('/images/logo.png');
  float: left;
  margin-right: 20px;
  margin-left: 10px;
  margin-top: 10px;
}
#head-logoBackup {
  height: 120px;
  width: 120px;
  background: url('/images/logo.png');
  float: left;
  margin-right: 20px;
}

#head-title {
  margin-top: 16px;
  float: left;
}
#head-titleBackup {
  margin-top: 6px;
  float: left;
}

#head-title h1 { background: url('/images/ranchmassawippi.png') no-repeat; width: 257px; height: 46px; margin: 5px 0 15px 0; }
#head-title h1 span { display: none;}
#head-title h2, #head-title h3 { font: bold 9.5px Helvetica, Arial, sans-serif; margin: 5px 0 5px 0; color: #8fa7c3;}

#head-logo2-fr {
  background: url('/images/sourires_ballons.png') no-repeat 40px 0px;
  height: 140px;
  width: 300px;
  float: right;
}
#head-logo2-frBackup {
  background: url('/images/sourires.png') no-repeat 60px 20px;
  height: 95px;
  width: 280px;
  float: left;
}
#head-logo2-fr span { display: none; }

#head-logo2-en {
  background: url('/images/smiles_ballons.png') no-repeat 40px 0px;
  height: 140px;
  width: 300px;
  float: right;
}
#head-logo2-enBackup {
  background: url('/images/smiles.png') no-repeat 110px 20px;
  height: 95px;
  width: 310px;
  float: left;
}

#head-logo2-en span { display: none; }

