@import url(/webassets/css/rigidLiquidMax1024.css);
@import url(/webassets/css/fontDefaults.css);
@import url(/webassets/css/xSmall.css);
@import url(/webassets/css/ie.css);


/* override fontDefaults */
body, body div, body p, body th, body td, body li, body dd	{
  color:#636466;}

body {
  background:#fff;}

img {
  padding:0;
  margin:0;}

#header {
  float:left;
  height:92px;
  width:100%;
  background:#414243 url(/images/header_bg.png) no-repeat top left;}

#middle {
  float:left;
  width:100%;
  background:#f4911d url(/images/mid_bg.png) no-repeat 405px 0px;}

  .midLeft {
    float:left;
    width:405px;
    height:358px;
    background:transparent url(/images/mid_left_bg.jpg) no-repeat top left;}

  .midRight {
    float:left;
    margin:0 0 0 70px;}

#footer {
  float:left;
  width:100%;
  height:125px;
  background:#6db43f url(/images/footer_bg.png) no-repeat top left;}


/* Parents / Youth / Lang select buttons */

.button {
    float:left;
    clear:left;
    width:20em;}

    .buttonLeft {
        float:left;}

        .buttonLeft h1 {
            width:10em;
            text-align:center;
            padding:1.7em 0 0 0;
            color:#000;
            margin:0;}

    .buttonRight {
        float:left;
        margin:0;}

    .buttonRight a {
      display:block;
      width: 6.8em;
      height:1em;
      margin:0;
      text-decoration:none;
      font-variant:small-caps;
      color:#000;}

      .buttonRight a span {
        float:left;
        height:1em;
        width:1px;
        margin:0 .8em 0 0;
        background:#000;}

    .buttonRight a.fr {
      padding:1.5em 1em 0 .5em;}

    .buttonRight a.en {
      padding:0 1em 1.5em .5em;}


/* PARENTS STYLE */
 .button.parents {
    background:transparent url(/images/bn_parents_bottom_left.png) no-repeat bottom left;}

  .button.parents .buttonLeft h1 {
    background:transparent url(/images/bn_parents_top_left.png) no-repeat top left;}

    .button.parents .buttonRight a.fr {
      background:transparent url(/images/bn_parents_top_right.png) no-repeat top right;}

    .button.parents .buttonRight a.en {
      background:#f4911d url(/images/bn_parents_bottom_right.png) no-repeat bottom right;}


/* YOUTH STYLE */
 .button.youth {
    background:transparent url(/images/bn_youth_bottom_left.png) no-repeat bottom left;}

  .button.youth .buttonLeft h1, button.youth .buttonLeft .border {
    background:transparent url(/images/bn_youth_top_left.png) no-repeat top left;}

    .button.youth .buttonRight a.fr {
      background:transparent url(/images/bn_youth_top_right.png) no-repeat top right;}

    .button.youth .buttonRight a.en {
      background:#f4911d url(/images/bn_youth_bottom_right.png) no-repeat bottom right;}


/*body {
  background:#fff;}

img {
  padding:0;
  margin:0;}

#header {
  float:left;
  height:92px;
  width:100%;
  background:#414243 url(/images/header_bg.png) no-repeat top left;}

#middle {
  float:left;
  width:100%;
  height:358px;
  background:#f4911d url(/images/mid_bg.gif) no-repeat 405px 0px;}

#footer {
  float:left;
  width:100%;
  height:125px;
  background:#6db43f url(/images/footer_bg.png) no-repeat top left;}



#choices {
  position:relative;
  z-index: 10;
  top:-462px;
  left:420px;
  width:230px;}

  #choices .button {
    float:left;
    width: 252px;
    height: 69px;}

  #choices .button h1 {
    width:140px;
    text-align:center;
    margin:0;
    padding:1.5em 0 0 20px;
    color:#000;}

  #choices .button .border {
    float:right;
    background:#000;
    height:2.5em;
    width:1px;
    position: relative;
    z-index: 5;
    margin:1.25em 0;
    right: 7.5em;}

  #choices .button .right {
    left: 147px;
    height: 100px;
    margin:0;}

    #choices .button .right a.fr {
      display:block;
      margin:0;
      line-height: 1.0;
      font-size: 1em;
      padding:14px 30px 3px 10px;
      text-decoration:none;
      font-variant:small-caps;
      color:#000;}

    #choices .button .right a.en {
      display:block;
      margin:0;
      font-size: 1em;
      line-height: 1.0;
      padding:6px 30px 20px 10px;
      text-decoration:none;
      font-variant:small-caps;
      color:#000;
      background-color: transparent;}



 #choices .parents {
    background:transparent url(/images/bn_parents_bottom_left.png) no-repeat bottom left;}

  #choices .parents h1 {
    background:transparent url(/images/bn_parents_top_left.png) no-repeat top left;}

    #choices .parents .right a.fr {
      background:transparent url(/images/bn_parents_top_right.png) no-repeat top right;}

    #choices .parents .right a.en {
      background:#f4911d url(/images/bn_parents_bottom_right.png) no-repeat bottom right;}



 #choices .youth {
    background:transparent url(/images/bn_youth_bottom_left.png) no-repeat bottom left;}

  #choices .youth h1 {
    background:transparent url(/images/bn_youth_top_left.png) no-repeat top left;}

    #choices .youth .right a.fr {
      background:transparent url(/images/bn_youth_top_right.png) no-repeat top right;}

    #choices .youth .right a.en {
      background:#f4911d url(/images/bn_youth_bottom_right.png) no-repeat bottom right;}
*/