/* Splash */
/**********/
#splash-container {
  position:relative;
  left:25%;
  top:150px;
  width:512px;
  height:357px;
  margin:0;
  overflow:hidden;
}
#splash-container h1{
  margin:0;
}
#caa-logo {
  color:#fff;
  position:relative;
  height:50px;
  width:512px;
  overflow:hidden;
  top:0;
  left:0;
}
#caa-logo span{
  background:url(../images/splash/caa_logo.gif) no-repeat;
  height:100%;
  width:100%;
  position:absolute;
  left:0;
}
#entrance_en{
  color:#fff;
  display:block;
  width:249px;
  height:189px;
  background:url(../images/splash/entrance_en.gif) no-repeat;
  background-position:0 0;
  position:absolute;
  text-indent:-1200px;
  top:50px;
  left:0;
}
#entrance_fr{
  color:#fff;
  display:block;
  width:262px;
  height:189px;
  background:url(../images/splash/entrance_fr.gif) no-repeat;
  background-position:0 0;
  position:absolute;
  text-indent:-1200px;
  top:50px;
  left:249px;
}
#entrance_fr a,#entrance_en a {
  color:#fff;
  display:block;
  width:249px;
  height:189px;
  background-position:0 0;
  top:0;
  left:0;
}
#splash-image {
  background:url(../images/splash/image.jpg) no-repeat;
  position:absolute;
  width:512px;
  height:108px;
  display:block;
  top:249px;
  left:0;
}
/********/
/* body */
/********/
html  {
  font-size:85%;
}
body {
  background-color:#fff;
  font-size:85%;
  margin:0 0 20px 5px;
}
h2 {
  color:#1c3e75;
  font-family:Verdana,Arial,sans-serif;
  font-size:1.5em;
  font-weight:bold;
  margin:.8em 0 0 0;
  padding:5px 5px 0 0;
}
h3 {
  color:#000000;
  font-family:Arial,Verdana,sans-serif;
  font-size:1.3em;
  font-weight:bold;
}
h4 {
  color:#000000;
  font-family:Arial,Verdana,sans-serif;
  font-size:1.3em;
  font-weight:bold;
}
a,a:link,a:visited,a.linx,a.linx:link, a.linx:visited {  
  color: #1c3e75;
  text-decoration:underline;
}
a:hover, a:visited.hover, a.linx:hover,  a.linx:visited.hover{
  color: #1c3e75;
  text-decoration:none;
}
/***********/
/* content */
/***********/
#container { 
  left:10px; 
  top:0px; 
  position:absolute;
  width:767px;
}
table {
  border:#1c3e75 solid;
  border-width:1px;
}
table tr td{
  padding:3px;
  border:#1c3e75 solid;
  border-width:1px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:1em;
  line-height:1.3em;
}
td.top {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:1em;
  line-height:1.3em;
  font-weight:bold;
  background-color:#f5f1e9;
  border:#1c3e75 solid;
  border-width:1px;
}
td.right {
  color:#e81616;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:1em;
  line-height:1.3em;
  font-weight:bold;
  background-color:#e8f3ff;
  border:#1c3e75 solid;
  border-width:1px;
}
h1{
  font-size:1.5em;
  margin:0;
}
#header1 {
  height:99px;
  position:relative;
  width:767px;
  top: 0px;
  left: 0px;
}
#header1 span {
  background:url(../images/common/masthead.gif) no-repeat;
  color:#fff;
  height:99px;
  position:absolute;
  width:767px;
  margin-left:0px;
}
#topNav {
  height: 30px;
  width:767px;
  top:10px;
  line-height:1.3em;
  position: absolute;
  text-align:right;
  float:right;
}
#topNav ul{
  display:inline;
  list-style-type:none;
   margin:0 0 0 0;
  white-space: nowrap;
}
#topNav li {
 color: #1c3e75;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 list-style-type: none;
 display: inline;
 white-space: nowrap;
 margin:0 0 0 25px;
}
#topNav a, #topNav a:visited, #topNav a:link{
  color: #1c3e75;
 font-size: 0.9em;
  text-decoration:none;
}
#topNav a:hover{
  text-decoration:underline;
}
#sideNav { 
  width: 185px; 
  left: 0px; 
  top: 10px; 
  position: relative;
  float:left;
}
#sideNav ul  {
  margin:0px;
  padding-top: 0;
  padding-right: 5px;
  padding-bottom: 0;
  padding-left: 0px;
}
#sideNav li  {
  display:block;
  list-style-type:none;
  margin-bottom: 5px;
  padding-top: 0;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0;
}
#sideNav a, #sideNav a:visited {
  display:block;
  background:url(../images/common/nav_bg.gif) no-repeat;
  background-position: 0px 0px;
  font-family:arial,verdana,sans-serif;
  font-size: 1.3em;
  line-height: 1.3em;
  color: #1c3e75;
  width:185px;
  height:28px;
  text-decoration:none;
  padding:2px 0 0 15px;
  vertical-align:top;
}
#sideNav a:hover, #sideNav a.sideNav-selected, #sideNav a.sideNav-selected:visited{
  background-position: 0px -40px;
  font-weight:bold;
}
#sideNav a.selected {
  background-position: 0px -40px;
  font-weight:bold;
  padding:5px 10px 0 15px;
}
#sideNav a.selected:hover {
  background-position: 0px -34px;
  font-weight:bold;
  padding:5px 10px 10px 15px;
}

#sideNav a.goals,#sideNav a.goals:visited {
  display:block;
  width:185;
  height:34px;
  text-indent:-350px;
  background:url(../images/common/nav_goals_bg.gif) no-repeat;
  background-position:0 0;
}
#sideNav a.goals:hover,#sideNav a.goals-selected, #sideNav a.goals-selected:visited {
  background:url(../images/common/nav_goals_bg.gif) no-repeat;
  background-position:0 -34px;
    height:34px;
  display:block;
  text-indent:-350px;
}
#sideNav a.facts,#sideNav a.facts:visited {
  display:block;
  width:185px;
  height:34px;
  text-indent:-350px;
  background:url(../images/common/nav_driving_bg.gif) no-repeat;
  background-position:0 0;
}
#sideNav a.facts:hover,#sideNav a.facts-selected, #sideNav a.facts-selected:visited {
  background:url(../images/common/nav_driving_bg.gif) no-repeat;
  background-position:0 -34px;
  height:34px;
  display:block;
  text-indent:-350px;
}
#sideNav a.help,#sideNav a.help:visited {
  display:block;
  width:185px;
  height:34px;
  text-indent:-350px;
  background:url(../images/common/nav_help_bg.gif) no-repeat;
  background-position:0 0;
}
#sideNav a.help:hover,#sideNav a.help-selected, #sideNav a.help-selected:visited {
  background:url(../images/common/nav_help_bg.gif) no-repeat;
  background-position:0 -34px;
    height:34px;
  display:block;
  text-indent:-350px;
}
#sideNav a.resources,#sideNav a.resources:visited {
  display:block;
  width:185px;
  height:34px;
  text-indent:-350px;
  background:url(../images/common/nav_resources_bg.gif) no-repeat;
  background-position:0 0;
}
#sideNav a.resources:hover,#sideNav a.resources-selected, #sideNav a.resources-selected:visited {
  background:url(../images/common/nav_resources_bg.gif) no-repeat;
  background-position:0 -34px;
    height:34px;
  display:block;
  text-indent:-350px;
}

#sideNav a.contact,#sideNav a.contact:visited {
  display:block;
  width:185px;
  height:34px;
  text-indent:-350px;
  background:url(../images/common/nav_contact_bg.gif) no-repeat;
  background-position:0 0;
}
#sideNav a.contact:hover,#sideNav a.contact-selected, #sideNav a.contact-selected:visited {
  background:url(../images/common/nav_contact_bg.gif) no-repeat;
  background-position:0 -34px;
  height:34px;
  display:block;
  text-indent:-350px;
}
#secondaryNav {
  position:relative;
  width:500px;
  border:solid #bba06d;
  border-width:2px 0 2px 0;
  display:block;
  background-color:#f5f1e9;
  padding:5px 10px 5px 15px;
}
#secondaryNav ul{
  display:inline;
  list-style-type:none;
   margin:0 0 0 0;
   padding:0;
}
#secondaryNav li {
 color: #1c3e75;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size: .9em;
 list-style-type: none;
 display: inline;
 margin:0;
 padding:0;
 white-space:nowrap;
}
#secondaryNav a, #secondaryNav a:visited, #secondaryNav a:link{
  color: #1c3e75;
  font-size: .9em;
  text-decoration:none;
  padding:0 15px 0 10px;
}
#secondaryNav a:hover{
  text-decoration:underline;
  background:url(../images/common/secondary_arrow.gif) no-repeat 0 50%;
  padding:0 15px 0 10px;
}
#secondaryNav a.secondaryNav-selected{
  background:url(../images/common/secondary_arrow.gif) no-repeat 0 50%;
  padding:0 15px 0 10px;
}
#copyContainer {
  width:522px;
  float:right;
}
#copyContainer p {
  color:#000;
  font-family:Verdana,Arial,sans-serif;
  font-size:1em;
  line-height:1.7em;
}
#copyContainer ul {
  color:#000;
  font-family:Verdana,Arial,sans-serif;
  font-size:1em;
  line-height:1.7em;
  list-style-image:url(../images/common/list_image.gif);
}
#copyContainer li {
  color:#000;
  font-family:Verdana,Arial,sans-serif;
  font-size:1em;
  line-height:1.5em;
  list-style-image:url(../images/common/list_image.gif);
  margin:1em 0 0 0;
}
#copyContainer ul.checklist{
  color:#000;
  font-family:Verdana,Arial,sans-serif;
  font-size:1em;
  line-height:1.7em;
  list-style-image:url(../images/common/checkbox.gif);
}
#copyContainer li.checklist {
  color:#000;
  font-family:Verdana,Arial,sans-serif;
  font-size:1em;
  line-height:1.5em;
  list-style-image:url(../images/common/checkbox.gif);
  margin:1em 0 0 0;
}
#copyContainer img.right {
  float:right;
  padding-top: 0 7px 7px 15px;
}
#copyIntro {
  width:522px;
  top:0;
  left:0;
  position:relative;
  padding:7px 0 7px 0;
}
#copyIntro h1 {
  color:#e81616;
  font-family:Arial,Verdana,sans-serif;
  font-size:1.8em;
  font-weight:200;
  margin:0 0 0 0;
  padding:5px;
}
#copyIntro h2 {
  color:#e81616;
  font-family:Arial,Verdana,sans-serif;
  font-size:1.4em;
  font-weight:200;
  margin:0;
  padding:5px;
}
#copyIntro h1.goal {
  background:url(../images/common/nav_bg.gif) no-repeat;
  margin:0 0 0 0;
  padding:0 0 0 0;
}
#homeIntro {
  border:solid #1c3e75;
  border-width:0 0 1px 0;
  width:522px;
  top:0;
  left:0;
  position:relative;
  padding:7px 0 7px 0;
}
#homeIntro h1 {
  color:#bba06d;
  font-family:Arial,Verdana,sans-serif;
  font-size:2em;
  font-style:italic;
  font-weight:200;
  margin:0 0 0 0;
  padding:0 0 0 0;
}
/*/ THIS IS THE DIV I CREATED for the drive tips list//////////////////////////////*/
#tipslist li a:link, #tipslist li a:visited,#tipslist li a{
  text-decoration:none;}
#tipslist li a:hover,#tipslist li a.selected,#tipslist li a.selected:visited{
  text-decoration:underline;
}
#functions {
  position:absolute;
  width:400px;
  top:95px;
  left:265px;
}
#functions ul{
  display:inline;
  list-style-type:none;
   margin:0 0 0 0;
  white-space: nowrap;
}
#functions li {
 color: #1c3e75;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size: 1em;
 list-style-type: none;
 display: inline;
 white-space: nowrap;
 margin:0 15px 0 0;
}
#increase {
  display:block;
  background:url(../images/common/increase_text.gif) no-repeat;
  background-position: 0 50%;
  font-family:arial,verdana,sans-serif;
  font-size: .9em;
  line-height:1em;
  color: #000;
  text-decoration:none;
  padding:0 0 0 34px;
  position:absolute;
  top:10px;
  left:230px;
}
#decrease {
  display:block;
  background:url(../images/common/decrease_text.gif) no-repeat;
  background-position: 0 50%;
  font-family:arial,verdana,sans-serif;
  font-size: .9em;
  line-height:1em;
  color: #000;
  text-decoration:none;
  padding:0 0 0 34px;
  position:absolute;
  top:10px;
  left:320px;
}
#print{
  display:block;
  background:url(../images/common/print.gif) no-repeat;
  background-position: 0 50%;
  font-family:arial,verdana,sans-serif;
  font-size: .9em;
  line-height:1em;
  color: #000;
  text-decoration:none;
  padding:0 0 0 44px;
  position:absolute;
  top:10px;
  left:415px;
  height:31px;
  width:60px;
}
/*************************/
/* Adapt-to-drive styles */
/*************************/
#adapt-image{
  display:block;
  position:relative;
  background:url(../images/tips/adapt.gif);
  height:400px;
  width:400px;
  margin:25px 0 25px 0;
}
#adapt-links{
position:relative;
}
#adapt-links a {
  position: absolute;
  height: 38px;
  width: 88px;
  top: 31px; 
  text-decoration: none;
  }
#adapt-links a i {
  visibility:hidden;
}
#adapt-links a#link1{
 left:130px;
 top:110px;
 width:75px;
 height:50px;
}
#adapt-links a#link2{
 left:315px;
 top:150px;
 width:30px;
 height:75px;
}
#adapt-links a#link3{
 left:295px;
 top:55px;
 width:70px;
 height:45px;
}
 #adapt-links a#link4{
 left:50px;
 top:230px;
 width:75px;
 height:75px;
}
#adapt-links a#link5{
 left:250px;
 top:225px;
 width:25px;
 z-index:5;
}
#adapt-links a#link6{
 left:120px;
 top:185px;
 width:75px;
}
#pop1, #pop2, #pop3, #pop4, #pop5, #pop6{
  background-color:#fff;
  visibility:hidden;
  position:absolute;
  border: solid 2px #000;
  top:0;
  left:0;
  width:386px;
  padding:5px;
}
#pop1 p, #pop2 p, #pop3 p, #pop4 p, #pop5 p, #pop6 p{
  margin:.9em; 0 0 0;
  line-height:1.3em;
  font-size:1em;
  font-weight:bold;
}
#footerContainer {
  clear:both;
  top:10px;
  margin:15px 0 0 0;
  padding:0 0 0 0;
  position:relative;
  height:130px;
  } 
#footerContainer ul{
  display:inline;
  list-style-type:none;
   margin:0 0 0 0;
  white-space: nowrap;
}
#footerContainer li {
 color: #1c3e75;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size: .9em;
 list-style-type: none;
 display: inline;
 white-space:nowrap;
 margin:0 15px 0 0;
}
#carFit		 {
  display:block;
  background:url(../images/common/car-fit_btn.gif) no-repeat;
  background-position:0 0;
  position:absolute;
  top:0;
  left:10px;
  width:228px;
  height:114px;
}
#carFit p{
  color: #000;
  font-family:arial,verdana,sans-serif;
  font-size: 1.3em;
  line-height:1.1em;
  text-decoration:none;
  margin:60px 0 0 115px;
}
#survey {
  display:block;
  background:url(../images/common/survey_btn.gif) no-repeat;
  background-position: 0 0;
  font-family:arial,verdana,sans-serif;
  font-size: 1em;
  line-height:1em;
  color: #000;
  text-decoration:none;
  position:absolute;
  top:0;
  left:253px;
  width:253px;
  height:114px;
}
#survey p{
  color: #000;
  font-family:arial,verdana,sans-serif;
  font-size: 1.3em;
  line-height:1.1em;
  text-decoration:none;
  margin:60px 0 0 134px;
}
#quiz{
  display:block;
  background:url(../images/common/quiz_btn.gif) no-repeat;
  background-position:0 0;
  font-family:arial,verdana,sans-serif;
  font-size: 1em;
  line-height:1em;
  color: #000;
  text-decoration:none;
  position:absolute;
  top:0;
  left:521px;
  width:255px;
  height:114px;
}
#quiz p{
  color: #000;
  font-family:arial,verdana,sans-serif;
  font-size: 1.3em;
  line-height:1.1em;
  text-decoration:none;
  margin:70px 0 0 20px;
}
#quiz a, #survey a, #carFit a {
  color:#000;
  text-decoration:none;
}
#test {
  width:767px;
}