body{
  margin:0;
  padding:0;
  font-size:85%;
}
#sp_container{
background:url(../images/common/splash_back.jpg) no-repeat;
width:782px;
height:495px;}

.topCAA{
z-index:50;
background:url(../images/common/splash_CAA.jpg) no-repeat;
width:539px;
height:50px;
position:absolute;
top:0px;
left:240px
}
.topCAA_C{
z-index:30;
width:539px;
height:50px;
position:absolute;
top:0px;
left:240px
}
.english_C{
z-index:5;
height:129px;
width:197px;
position:absolute;
top:55px;
left:260px;
color:#fff;
}
.english{
z-index:20;
background:url(../images/common/splash_en_tl.jpg) no-repeat;
height:129px;
width:197px;
position:absolute;
top:55px;
left:260px;
}
.french_C{
z-index:5;
height:129px;
width:204px;
position:absolute;
top:55px;
left:520px;
color:#fff;
}
.french{
z-index:20;
background:url(../images/common/splash_fr_tl.jpg) no-repeat;
height:129px;
width:204px;
position:absolute;
top:55px;
left:520px;
}
.enter{
  z-index:50;
  display:block;
  cursor:pointer;
  position:absolute;
  top:184px;
  left:380px;
  width:60px;
  height:27px;
}
.enter_fr{
  z-index:50;
  display:block;
  cursor:pointer;
  position:absolute;
  top:184px;
  left:535px;
  width:60px;
  height:27px;
}
.enter img{
  border:none;
}
.enter_fr img{
  border:none;
}
#container{
  width:782px;
  margin:0;
  padding:0;
}
#header{
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:.85em;
  padding-top:5px;
  background-image:url(../images/common/header.jpg);
  width:782px;
  height:242px;
}
#header a, #header a:visited{
  font-family:Verdana, Arial, Helvetica, sans-serif;
  color:#000000;
  font-weight:bold;
}
#header a:hover{
font-family:Verdana, Arial, Helvetica, sans-serif;
  color:#0052ad;
}
#header li{
  list-style-type:none;
  float:right;
}
#header .bg{
  background:#fff 
}
#header h1{
  font:bold 1em/1.5em Verdana, Arial, Helvetica, sans-serif;
  text-indent:-1500px;
}

#sidenav{
  width:202px;
  float:left;
  display:block;
  background-attachment:fixed;
  height:inherit;
  margin-right:0px;
}
#sidenav ul{
  list-style-type:none;
  margin-top:25px;
  margin-left:-5px;
  padding-left:10px!important;
  padding-left:10px;
  padding-right:4px!important;
  padding-right:0;
  margin-right:-4px;
  white-space: nowrap;
  display:block;
} 
/**************************These are the sidenav pictures*****************************/
#sidenav a.what,#sidenav a.what:visited {
  display:block;
  width:198px;
  height:34px;
  text-indent:-350px;
  background:url(../images/nav/what.gif) no-repeat;
  background-position:0 0;
}
#sidenav a.what:hover,#sidenav a.what-selected, #sidenav a.what-selected:visited {
  background:url(../images/nav/what.gif) no-repeat;
  background-position:0 -42px;
  height:34px;
  display:block;
  text-indent:-350px;
}
#sidenav a.how,#sidenav a.how:visited {
  display:block;
  width:198px;
  height:55px;
  text-indent:-350px;
  background:url(../images/nav/how.gif) no-repeat;
  background-position:0 0;
}
#sidenav a.how:hover,#sidenav a.how-selected, #sidenav a.how-selected:visited {
 background:url(../images/nav/how.gif) no-repeat;
  background-position:0 -63px;
  height:55px;
  display:block;
  text-indent:-350px;
}

#sidenav a.becoming,#sidenav a.becoming:visited {
  display:block;
  width:198px;
  height:34px;
  text-indent:-350px;
  background:url(../images/nav/becoming.gif) no-repeat;
  background-position:0 0;
}
#sidenav a.becoming:hover,#sidenav a.becoming-selected, #sidenav a.becoming-selected:visited {
  background:url(../images/nav/becoming.gif) no-repeat;
  background-position:0 -42px;
  height:34px;
  display:block;
  text-indent:-350px;
}
#sidenav a.youcan,#sidenav a.youcan:visited {
  display:block;
  width:198px;
  height:34px;
  text-indent:-350px;
  background:url(../images/nav/you_can.gif) no-repeat;
  background-position:0 0;
}
#sidenav a.youcan:hover,#sidenav a.youcan-selected, #sidenav a.youcan-selected:visited {
 background:url(../images/nav/you_can.gif) no-repeat;
  background-position:0 -42px;
  height:34px;
  display:block;
  text-indent:-350px;
}
#sidenav a.contact,#sidenav a.contact:visited {
  display:block;
  width:198px;
  height:34px;
  text-indent:-350px;
  background:url(../images/nav/contact.gif) no-repeat;
  background-position:0 0;
}
#sidenav a.contact:hover,#sidenav a.contact-selected, #sidenav a.contact-selected:visited {
  background:url(../images/nav/contact.gif) no-repeat;
  background-position:0 -42px;
  height:34px;
  display:block;
  text-indent:-350px;
}
#content {
  padding:10px 7px 0px 10px !important;
  padding:10px 0px 0px 10px;
  float:left;
  display:inline;
  width:563px!important;
  width:auto;
  background-color:#e2e2e2;
}
/********************************section title*******************************/
#sec_title{
  display:block;
  width:344px;
  margin:-10px 28px 20px -10px!important;
  margin:-10px 05px 20px -5px;
  padding:5px 0px 0px 0px;
  background-image:url(../images/common/secondary_nav_corner.gif);
  background-repeat:no-repeat;
  background-position:100% 100%;
  background-color:#afc3da;
  float:left;
}

#sec_title ul{
  list-style-type:none;
  margin-bottom:10px;
  margin-top:2px;
  margin-left:-5px;
  padding-left:13px;
  padding-right:5px!important;
  padding-right:5px;
  margin-right:0px;
  white-space: nowrap;
  display:block;
}

#sec_title li{
  font:bolder .85em/1.2em Verdana, Arial, Helvetica, sans-serif;
  list-style-type: none;
  color:#000000;
  white-space: nowrap;
  display:block;
  padding:2px 2px 2px 10px;
}
#sec_title a{
  color:#000000;
}
#sec_title a.selected{
  color:#0052ad;
}
#sec_title a:hover{
 color:#0052ad;
}
#sec_title h1 {
  font: 1em bold Verdana,Arial,sans-serif;
  text-indent:-1000px;
  height:29px;
  display:block;
}
#sec_title h1.what {
  background:url(../images/nav/what_title.gif) 0 0 no-repeat;
}
#sec_title h1.how {
  background:url(../images/nav/how_title.gif) 0 0 no-repeat;
}
#sec_title h1.becoming {
  background:url(../images/nav/becoming_title.gif) 0 0 no-repeat;
}
#sec_title h1.you {
  background:url(../images/nav/you_can_title.gif) 0 0 no-repeat;
}
#sec_title h1.contact {
  background:url(../images/nav/contact_title.gif) 0 0 no-repeat;
}

/*text-decoration:underline;
 #sec_title a:visited{color:#000000;}*/
 
#text{
  padding:0 8px 15px 5px;
  margin-top:5px;
}
#text p{
  font:.92em/1.5em Verdana, Arial, Helvetica, sans-serif;
  padding:0;
  margin-top:5px;
}
#text ul{
  font:.92em/1.5em Verdana, Arial, Helvetica, sans-serif;
}
#text h2{
  font:bold 1.2em/2.5em Verdana, Arial, Helvetica, sans-serif;
}
#text h3{
  color:#0654a6;
  font:bold 1em Verdana, Arial, Helvetica, sans-serif;
  margin:2.5em 0 1em 0;
}
#text span{
  color:#000000;
}
#text a, #text a:visited{color:#000000;
  text-decoration:underline;
}
#text a:hover{
  color:#0052ad;
}
#text li{
  padding:5px 0px 5px 0px!important;
  padding:5px 0px 5px 0px;
  margin:0px 0px 0px 0px;
  color:#14809e;
}
#side{
  float:right;
  margin:0px 0px 5px 15px;
  padding: 0px 40px 5px 0!important;
  padding: 0px 15px 5px 0;
  width:140px;
}
#footer{
  width:579px!important;
  width:auto;
  height:23px;
  background-color:#231f20;
  margin:0 0 0 -10px;
  padding:0 0 5px 0;
}
#footer a{
  text-indent:-1000px;
  font: .91em bold italic Verdana, Arial, Helvetica, sans-serif;
  width:579px!important;
  width:auto;
  height:23px;
  background:#231f20 url(../images/common/youth_btn.gif) 0 4px no-repeat;
  display:block;
  color:#fdd90b;
}
#survey{
  margin:0px 0px 0px 4px;
  display:block;
  background:#fff url(../images/common/survey_btn.jpg) 0 0 no-repeat;
  width:171px;
  height:114px;
  text-indent:-1200px;
}
#game{

  top:10px;
  margin:10px 3px 0px 2px;
  display:block;
  background:#fff url(../images/common/game_btn.gif) 0 0 no-repeat;
  width:179px;
  height:69px;
  text-indent:-1200px;
}
#clear{
  border-top:#e2e2e2 1px solid;
  background-color:#fff;
  font:0px/0px;
  clear:both;
  height:10px;
  width:782px;
  margin:0;
  padding:0;
}

.toplink{
  text-decoration:underline;
}
.checkbox{
  list-style-image:url(../images/common/checkbox.gif);
}

/*************** Find the Distraction styles ***************/

#find-image{
  display:block;
  position:relative;
  background:url(../images/what/find.jpg) no-repeat;
  height:500px;
  width:550px;
  clear:both;
}
#find-links{
  position:relative;
  top: 0;
  width: 550px;
  height: 352px;
  margin-top: 0;
  padding: 0;
}
#find-links a {
  position: absolute;
  height: 38px;
  width: 88px;
  top: 31px; 
  text-decoration: none;
  }
#find-links a i {
  visibility:hidden;
}
#find-links a#link1 { height: 55px; width: 55px; left: 38px; top: 52px; position: absolute; }
#find-links a#link2 { height: 84px; width: 50px; left: 214px; top: 185px; position: absolute; }
#find-links a#link3 { height: 34px; width: 70px; left: 205px; top: 285px; position: absolute; }
#find-links a#link4 { height: 125px; width: 63px; left: 281px; top: 131px; position: absolute; }
#find-links a#link5 { height: 38px; width: 25px; left: 119px; top: 87px; position: absolute; }
#find-links a#link5a { height: 38px; width: 25px; left: 365px; top: 80px; position: absolute; }
#find-links a#link6 { height: 58px; width: 64px; left: 250px; top: 51px; position: absolute; }
#find-links a#link7 { height: 231px; width: 104px; left: 350px; top: 115px; position: absolute; }
#find-links a#link7a { height: 100px; width: 124px; left: 65px; top: 200px; position: absolute; }
#find-links a#link7b { height: 146px; width: 104px; left: 454px; top: 200px; position: absolute; }
#find-links a#link8 { height: 38px; width: 49px; left: 150px; top: 295px; position: absolute; }
#find-links a#link9 { height: 52px; width: 70px; left: 128px; top: 0; position: absolute; }
#find-links a#link10 { height: 60px; width: 28px; left: 180px; top: 209px; position: absolute; }
#find-links a#link11 { height: 58px; width: 58px; left: 317px; top: 28px; position: absolute; }
#find-links a#link12 { height: 74px; width: 68px; top: 51px; position: absolute; left: 160px; right: 0; }
/*#find-links a#link9{
  border-width:1px;
  border:solid;
}*/

#pop1, #pop2, #pop3, #pop4, #pop5, #pop6, #pop7, #pop8, #pop9, #pop10, #pop11, #pop12 {
  background-color:#afc3da;
  visibility:hidden;
  position:absolute;
  border: solid 2px #000;
  top:375px;
  left:0;
  width:536px;
  padding:5px;
}
#pop1 p, #pop2 p, #pop3 p, #pop4 p, #pop5 p, #pop6 p, #pop7 p, #pop8 p, #pop9 p, #pop10 p, #pop11 p, #pop12 p{
  margin:.9em; 0 0 0;
  line-height:1.3em;
  font-size:1em;
}