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;
}
.english{
z-index:20;
background:url(../images/common/splash_en_tl.jpg) no-repeat;
height:129px;
width:197px;
position:absolute;
top:55px;
left:260px;
}

.enter{
z-index:50;
display:block;
cursor:pointer;
position:absolute;
top:184px;
left:380px;
width:60px;
height:27px;}

.enter 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_fr.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:-5px;
}
#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:58px;
  text-indent:-350px;
  background:url(../images/nav/what_fr.gif) no-repeat;
  background-position:0 0;
  margin:1px 0px 1px 0px;
}
#sidenav a.what:hover,#sidenav a.what-selected, #sidenav a.what-selected:visited {
  background:url(../images/nav/what_fr.gif) no-repeat;
  background-position:0 -58px;
  height:58px;
  display:block;
  text-indent:-350px;
  margin:1px 0px 1px 0px;
}
#sidenav a.how,#sidenav a.how:visited {
  display:block;
  width:198px;
  height:58px;
  text-indent:-350px;
  background:url(../images/nav/how_fr.gif) no-repeat;
  background-position:0 0;
  margin:1px 0px 1px 0px;
}
#sidenav a.how:hover,#sidenav a.how-selected, #sidenav a.how-selected:visited {
 background:url(../images/nav/how_fr.gif) no-repeat;
  background-position:0 -58px;
  height:58px;
  display:block;
  text-indent:-350px;
  margin:1px 0px 1px 0px;
}

#sidenav a.becoming,#sidenav a.becoming:visited {
  display:block;
  width:198px;
  height:58px;
  text-indent:-350px;
  background:url(../images/nav/becoming_fr.gif) no-repeat;
  background-position:0 0;
  margin:1px 0px 1px 0px;
}
#sidenav a.becoming:hover,#sidenav a.becoming-selected, #sidenav a.becoming-selected:visited {
  background:url(../images/nav/becoming_fr.gif) no-repeat;
  background-position:0 -58px;
  height:58px;
  display:block;
  text-indent:-350px;
  margin:1px 0px 1px 0px;
}
#sidenav a.youcan,#sidenav a.youcan:visited {
  display:block;
  width:198px;
  height:58px;
  text-indent:-350px;
  background:url(../images/nav/you_can_fr.gif) no-repeat;
  background-position:0 0;
  margin:1px 0px 1px 0px;
}
#sidenav a.youcan:hover,#sidenav a.youcan-selected, #sidenav a.youcan-selected:visited {
 background:url(../images/nav/you_can_fr.gif) no-repeat;
  padding:1px 0px 1px 0px;
  background-position:0 -58px;
	height:56px;
  display:block;
  text-indent:-350px;
   margin:1px 0px 1px 0px;
}
/******************************** Contact Nav *******************************/
#sidenav a.contact,#sidenav a.contact:visited {
  display:block;
  width:198px;
  height:37px;
  text-indent:-350px;
  background:url(../images/nav/contact_fr.gif) no-repeat;
  background-position:0 0;
  margin:1px 0 1px 0;
}
#sidenav a.contact:hover,#sidenav a.contact-selected, #sidenav a.contact-selected:visited {
  background:url(../images/nav/contact_fr.gif) no-repeat;
  background-position:0 -47px;
  height:37px;
  display:block;
  text-indent:-350px;
  margin:1px 0 1px 0;
}
/******************************** /Contact Nav *******************************/
#content {
  padding:10px 7px 0px 10px !important;
  padding:10px 0px 0px 10px;
  float:right;
  display:inline;
  width:562px!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;
  display:block;
}
#sec_title h1.what {
  background:url(../images/nav/what_title_fr.gif) 0 0 no-repeat;
  height:29px;
}
#sec_title h1.how {
  background:url(../images/nav/how_title_fr.gif) 0 0 no-repeat;
  height:58px;
}
#sec_title h1.becoming {
  background:url(../images/nav/becoming_title_fr.gif) 0 0 no-repeat;
  height:58px;
}
#sec_title h1.you {
  background:url(../images/nav/you_can_title_fr.gif) 0 0 no-repeat;
  height:29px;
}
#sec_title h1.contact {
  background:url(../images/nav/contact_title_fr.gif) 0 0 no-repeat;
  height:29px;
}
/*text-decoration:underline;
 #sec_title a:visited{color:#000000;}*/

#text h2{
  font:bold 1.2em/1.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{
  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 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_fr.gif) 0 4px no-repeat;
  display:block;
  color:#fdd90b;
}
#survey{
  margin:0px 0px 0px 4px;
  display:block;
  background:#fff url(../images/common/survey_btn_fr.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_frn.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;
}
.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#link1{
  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;
}