/* ELEMENTS */
  body{
    background: #556074;
    color: #000;
    font-family: "Trebuchet MS", Arial, Sans-Serif;
    line-height: 1.3em;
    font-size: 12px;
  }
  
  body, x:-moz-any-link{
    font-size: 13px;
  }
  body, x:-moz-any-link, x:default{
    font-size: 12px;
  }
  
  h2{ 
    font-size: 200%; 
  }
  h3{
    font-size: 135%;
    font-weight: bold;
    margin-bottom: 9px;
  }  
  h4{
    font-size: 125%;
    font-weight: bold;
    color: #333955;
    margin-bottom: 6px;
  }
  h5{
    font-size: 115%;
    font-weight: bold;
    color: #333955;
    margin-bottom: 4px;
  }
  
  p{
    font-family: Georgia, Times, Serif;
    font-size: 110%;
    margin-bottom: 12px;
  } 
  
  textarea{
    color: #000;
    font-family: "Trebuchet MS", Arial, Sans-Serif;
    line-height: 1.3em;
    font-size: 12px;
  }

  table { border-collapse: collapse; }  
  label { display: block; }
  
  em { font-style: italic; }
  

/* SINGLE CLASS MODIFIERS */
  .fleft    { float: left; }
  .fright   { float: right; }
  .clear    { clear: both; }
  .no_clear { clear: none; }
  .tright   { text-align: right; }   
  
  .no_bullets { list-style-type: none;}
  .hidden{
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
  }


/* STRUCTURAL */
  #container{
    margin: 23px auto 25px;
    width: 780px;
    background: #e6e7ee;
  }
  
  .brightsparks #container{
    width: 700px;
  }

  #header, #footer{
    padding: 8px 10px;
  }

  #header{
    background: #000;
    color: #fff;
    position: relative;
  }

  #header a{
    color: #fff;
  }

  #header h1{
    width: 131px; 
    font-size: 100%;
  }

  #header h1 a{
    display: block;
    width: 131px;
    height: 0;
    padding-top: 29px;
    background: url('/images/main_site/pac-logo.gif') no-repeat top left;
    overflow: hidden;
  }
  
  #header h1{
    float: left;
  }
  
  #header #login_link{
    float: right;
  }
  
  #header .language_selector{
    position: absolute;
    right: 100px;
    top: 15px;
  }
  #header .language_selector a{
    padding-left: 8px;
    text-decoration: none;
    font-size: 90%;
  }
  
  #header .language_selector a:hover{
    color: #ccc;
  }
    
  #header a.button{
    background: transparent url(../images/main_site/orange_button.gif) no-repeat scroll 50% 0;
    color: #fff;
    font-size: 90%;
    font-weight: bold;
    padding: 2px 20px;
    text-decoration: none;
    text-transform: uppercase;
    margin-top: 5px;
  }
  #header a:hover.button{
    background-position: 50% 97%;
  }
  
  #content ol{
    list-style-type: decimal;
    margin: 0 0 15px 30px;
    font-family: Georgia, Times, Serif;
    font-size: 110%;
  }
  
  #content ol li{
    margin-bottom: 12px;
  }
  
  .triple_column p, .triple_column li{
    line-height: 1.5;
  }
  
  .triple_column h3{
    color: #333955;
  }
  
  .triple_column h4{
    font-size: 110%;
  }

  #banner{
    clear: both;
    position: relative;
  }
  #banner h2{
    font-size: 200%;
    font-weight: bold;
  }  
  #banner h2 div{
    font-size: 85%;   
    font-weight: normal;
    margin-bottom: 7px;
    color: #8A8A8A;
  }
  
  .user_home #banner h2{
    color: #fff;
    margin-bottom: 16px;
  }
  
  .user_banner{
    width: 55%;
    color: #a6aec6;
  }
  
  .user_banner .with_icon p{
    font-family: "Trebuchet MS", Arial, Sans-Serif;
    font-size: 150%;
    line-height: 1.2;
  }
  
  .user_banner .headline{
    color: #a6aec6;
    line-height: 1.5;
    font-weight: bold;
  }
  
  .user_home a{
    text-decoration: none;
  }
  
  .user_banner a{
    text-decoration: underline;
    color: #fff;
    font-size: 130%;
  }
  
  .user_home h5 a{
    color: #000a6a;
    font-size: 90%;
  }
  
  .user_home .column p{
    font-size: 95%;
  }
  
  .user_home .column p a{
    font-family: "Trebuchet MS", Arial, Sans-Serif;
    color: #000a6a;
  }
  
  #login_frame{
    padding: 12px;
    position: absolute;
    top: 0;
    right: 0;
    height: 226px;
    z-index: 999;
    background: #333;
    color: #fff;
    width:155px;
  }
  
  #login_frame_solo{
    background: #c6cbde;
    border: 1px solid #767985;
    padding: 15px;
    margin-left: 200px;
    width: 300px;
    margin-top: 20px;
  }
  
  .brightsparks_banner_tall #login_frame{
    height: 247px;
  }
  
  .login_field{
    margin-bottom: 10px;
  }
  
  #login_frame .login_field #username, #login_frame .login_field #password{
    width: 150px;
  }
  
  #login_frame_solo .login_field #username, #login_frame_solo .login_field #password{
    width: 96%;
    font-size: 200%;
  }
  
  .login_frame_error{
    color: #d60019;
    margin-bottom: 10px;
  }
  
  #login_frame .login_frame_error{
    color: #ddd;
    padding-left: 10px;
    border-left: 3px solid #d60019;
  }
  
  .login_frame_link{
    display: block;
    font-size: 90%;
    margin: -5px 0 10px 0;
  }
  
  #login_frame .login_frame_link{
    color: #ddd;
  }
  
  .home #banner{
    background: url('../images/main_site/home_splash.jpg');
    height: 250px;
    position: relative;
  }
  
  .home #home_sidebar{
    position: absolute;
    top: 35px;
    right: 18px;
    width: 140px;
    padding: 0 10px;
    line-height: 1.5;
  }
  
  .home #home_sidebar p{
    font-family: "Trebuchet MS", Arial, Sans-Serif;
    font-weight: bold;
  }
  
  .home #sub_nav{
    padding: 0;
    border-top: 18px solid #153565;
  }
  
  .home #sub_nav a{
    display: block;
    background: url('/images/main_site/brightsparks_banner.jpg');
    height: 0;
    padding-top: 107px;
    position: relative;
    overflow: hidden;
  }
  
  .user_home #banner{
    background: url('/images/main_site/candidate_splash.jpg') no-repeat top right;
    height: 220px;
    position: relative;
    padding: 30px 15px 0px 15px;
  }
  
  .headline{
    font-family: "Trebuchet MS", Arial, Sans-Serif;
    color: #333854;
    font-size: 120%;
  }
  
  .bright_sparks_mini{
    background: url('/images/main_site/bright_sparks_mini.jpg') no-repeat;
    height: 0;
    padding-top: 146px;
    padding-bottom: 0;
    overflow: hidden;
    font-size: 0 !important;
  }
  
  .bright_sparks_tall{
    background: url('/images/main_site/bright_sparks_tall.jpg') no-repeat;
    height: 0;
    padding-top: 271px;
    padding-bottom: 0;
    overflow: hidden;
    font-size: 0 !important;
  }
  
  h4.bright_sparks_brochure{
    color: #b22120;
  }
  
  .mainsite_popup a{
    color: #000a6a;
  }
  
  .mainsite_popup #top ul, .mainsite_popup #top p, .mainsite_popup #top ol{
    font-family: Georgia, Times, Serif;
    margin-left: 30px;
  }
  
  .mainsite_popup #top .mainsite_paragraph{
    margin-left: 0;
  }
  
  .mainsite_popup h2{
    font-size: 140%;
    margin-bottom: 12px;
  }
  
  .mainsite_popup h4{
    color: #000a6a;
    margin: 30px 0 10px 0;
  }
  
  .mainsite_popup #top ul{
    list-style-type: disc;
    list-style-position: outside;
  }
  
  .mainsite_hide{
    display: none;
  }
  
  .mainsite_popup #top li{
    margin-bottom: 9px;
  }
  
  .mainsite_popup h2.with_icon {
    font-size: 180%;
  }
  
  .passwords .navigation{
    margin: 14px 0;
  }
  
  .light h3{
    color: #333955;
    line-height: 1.3;
  }
  
  .module_form{
    padding: 0 0;
  }
  
  .module_form input, .module_form select, .module_form textarea{
    display: block;
    width: 60%;
  }
  
  .module_form input[type=checkbox]{
    width: auto;
  }
  
  .module label{
    margin-bottom: 3px;
  }
  
  .module input, .module select, .module textarea{
    margin-bottom: 10px;
  }
  
  .action_new .module, .action_create .module{
    margin-bottom: 22px;
  }
  
  
  #main{
    /* ends up being the background color of supplement */
    background: #424C68;
    /* clears sub_nav */
    clear: both;
  }
  
  #supplement, #content{
    padding: 15px;
  }
  
  #supplement a{
    color: #fff;
    text-decoration: none;
    font-family: Georgia, Times, Serif;
    font-size: 115%;
  }
  
  #supplement a:hover{
    color: #fc6708;
  }
  
  #supplement p{
    color: #fff;
  }
  
  #supplement ul{
    margin-bottom: 30px;
  }
  
  #supplement li{
    padding-bottom: 4px;
  }
  
  #content{
    background: #e3e5ea;
  }

  .with_sidebar #supplement{
    width: 135px;
    float: left;
  }
  
  .with_sidebar #content{
    width: 585px;    
    float: left;
  }
  
  .brightsparks .with_sidebar #content{
    width: 505px;
  }
  
  .lopsided_column .column{
    width: 35%;
    margin-right: 5%;
  }
  
  .lopsided_column .column.last{
    width: 60%;
  }
  
  .double_column .column{
    width: 47%;
    margin-right: 6%;
  }
  
  .triple_column .column{
    width: 30%;
    margin-right: 5%;
  }
  
  .four_column .column{
    width: 22%;
    margin-right: 4%;
  }
  
  .column{
    float: left;
  }
  
  .column.last{
    margin-right: 0;
  }
  
  .get_prepared .get_prepared_section{
    margin-bottom: 32px;
  }
  .get_prepared .get_prepared_section ul{
    margin-bottom: 25px;   
    list-style-type: none;
  }
  .get_prepared .get_prepared_section .with_icon{
    margin-bottom: 3px;
  }
  
  .get_prepared h4{
    margin-top: 14px;
  }
  
  .get_prepared h5{
    margin-top: 10px;
    font-size: 110%;
    color: #111;
  }
  
  .career_coach  #article_back_link{
    margin-top: 10px;
    font-size: 110%;
    text-align: center;
  }

  #footer{
    text-align: right;
    background: #000;
    color: #fff;
    clear: both;
  }
  #footer ul, #footer ul li{
    display: inline;
    margin-right: 10px;
  }
  #footer a{
    color: #fff;
    text-decoration: none;
    font-size: 110%;
  }
  #footer a:hover{
    text-decoration: underline;
  }
  


/* COMPONENTS */

  /* COMPONENTS - module */  
    .module{
      background: #fff;
      padding: 10px;
      width: 50%;
      -moz-border-radius: 10px; /* Camino/Firefox */
      -webkit-border-radius: 10px; /* Safari */
    }
    .column .module{
      width: 100%;
    }
    .module.fright{
      margin-left: 15px;
    }
    .module.fleft{
      margin-right: 15px;
    }
    .module.light{
      background: #c6cadd;
    }
    .module.dark{
      background: #424C68;
      color: #fff;
    }
    .module.grey{
      background: #999;
      color: #fff;
    }
    .module.orange{
      background: #fe6800;
      color: #fff;
    }
  
  /* COMPONENTS - with_icon */  
    .with_icon {
      padding: 23px 0 23px 70px;
      margin-bottom: 12px;
    }
    #banner .with_icon{
      margin: 15px;
    }
    .action_create .column .module .with_icon, .action_new .column .module .with_icon {
      padding: 0 0 20px 57px;
      font-family: Georgia, Times, Serif;
      line-height: 1.5;
    }
    .with_icon .light{
      background: #fff;
    }
    .with_icon.no_icon{
      padding-left: 5px;
    }
    .with_icon.icon_arrows{
      background: url('/images/main_site/icon_arrows.gif') no-repeat center left;
    }

    .with_icon.icon_whistle_big{
      background: url('/images/main_site/icon_whistle_big.gif') no-repeat center left;
    }

    .with_icon.icon_arrows_small{
      background: url('/images/main_site/icon_arrows_small.gif') no-repeat center left;
    }
    .with_icon.icon_exam{
      background: url('/images/main_site/icon_exam.gif') no-repeat center left;
    }
    .with_icon.icon_whistle{
      background: url('/images/main_site/icon_whistle.gif') no-repeat center left;
    }
    .action_new .column .module .with_icon, .action_create .column .module .with_icon{
      background-position: top left;
    }

    .with_icon.icon_arrows_blue{
      background: url('/images/main_site/icon_arrows_bluebg.gif') no-repeat center left;
      padding: 28px 0 19px 65px;
    }
    .with_icon.icon_pac{
      background: url('/images/main_site/icon_pac.gif') no-repeat center left;
    }
    .with_icon.icon_people{
      padding: 5px 0 5px 50px;
      background: url('/images/main_site/icon_people.gif') no-repeat center left;
    }
    .with_icon.icon_book{
      padding: 5px 0 5px 50px;
      background: url('/images/main_site/icon_howto.gif') no-repeat center left;
    }
    .with_icon.icon_howto{
      padding: 15px 0 15px 50px;
      background: url('/images/main_site/icon_howto.gif') no-repeat center left;
    }
    .with_icon.icon_docs{
      padding: 15px 0 15px 50px;
      background: url('/images/main_site/icon_docs.gif') no-repeat center left;
    }
    .with_icon.icon_faq{
      padding: 15px 0 15px 50px;
      background: url('/images/main_site/icon_faq.gif') no-repeat center left;
    }
    .with_icon.icon_checklist{
      padding: 15px 0 15px 50px;
      background: url('/images/main_site/icon_checklist.gif') no-repeat center left;
    }
    .with_icon.icon_selfassess{
      padding: 5px 0 5px 50px;
      background: url('/images/main_site/icon_selfassess.gif') no-repeat center left;
    }
    .with_icon.icon_research{
      padding: 5px 0 5px 50px;
      background: url('/images/main_site/icon_research.gif') no-repeat center left;
    }
    .with_icon.icon_laptop{
      padding: 22px 0 22px 70px;
      background: url('/images/main_site/icon_laptop.gif') no-repeat center left;
    }
    h2.with_icon{
      font-family: "Lucida Grande","Trebuchet MS",Arial,Sans-Serif;
      font-size: 200%;
      font-weight: bold;
    }  
    h2.with_icon div{
      font-size: 85%;   
      font-weight: normal;
      margin-bottom: 7px;
      color: #8A8A8A;
    }
    
  /* COMPONENTS - step_list */      
    .step_list{
      background: #fff;
      padding: 20px 12px;
      margin-top: 31px;
      position: relative;
    }

    .step_list h3{
      position: relative;
      left: 50%;
      margin: -38px 0 10px -3.5em;
        /* Top: Pulls text outside .step_list
           Bottom: Typical margin-bottom for h3
           Left: Negative HALF of the width to center the h3 */
      background: #fc6708;
      color: #fff;
      padding: 5px 10px;
      text-align: center;
      width: 7em;
    }

    .step_detail{
      background: #ffe8d5;
      margin-bottom: 26px;
    }

    .step_detail h4{
      background: #3d86c7;
      color: #fff;
      padding: 2px 5px;
    }

    .step_detail p{
      position: relative;
      bottom: -13px; /* Pulls down down_arrow.png */
      padding: 0 20px 35px 20px;
      margin-top: -8px; /* Pulls the paragraph back up - minus 5px to simulate padding-top. */
      background: url('/images/main_site/step_down_arrow.png') no-repeat bottom center;
      font-family: "Trebuchet MS", Arial, Sans-Serif;
      color: #333;
    }
    
    .brightsparks .last p{
      background: none;
      padding-bottom: 30px;
    }
    
    .brightsparks .last .action_block p{
      padding-bottom: 20px;
    }
    
    .brightsparks #supplement ul{
      list-style-type: none;
    }
    
  /* COMPONENTS - pill */  
    .pill{
      background: #fc6708;
      border: 3px solid #fff;
      padding: 4px 10px;
      -moz-border-radius: 30px; /* Camino/Firefox */
      -webkit-border-radius: 30px; /* Safari */
    }
    
    .pill:hover{
      color: #fff !important;
    }
    
  /* COMPONENTS - action_block */  
    .action_block{
      display: block;
      background: #f3f3f3;
      -moz-border-radius: 15px; /* Camino/Firefox */
      -webkit-border-radius: 15px; /* Safari */
      text-decoration: none;
      color: #333;
      font-family: "Trebuchet MS", Arial, Sans-Serif !important;
      font-size: 120%;
      line-height: 1.4;
    }
    
    .action_block p{
      padding: 12px 12px 20px 12px;
      font-family: "Trebuchet MS", Arial, Sans-Serif;
    }
    
    .action_block .action{
      display: block;
      text-align: center;
      padding: 4px 12px;
      background: #fe6800;
      color: #fff;
      -moz-border-radius-bottomleft: 15px; /* Camino/Firefox */
      -moz-border-radius-bottomright: 15px; /* Camino/Firefox */
      -webkit-border-bottom-right-radius: 15px; /* Safari */
      -webkit-border-bottom-left-radius: 15px; /* Safari */
      font-size: 140%;
      font-weight: bold;
    }


/* REGISTRATION */
  .registration_terms_label{
    display: inline;
    position: relative;
    bottom: 3px;
  }

  
/* PROFILE */
  #sub_nav{
    padding: 5px 15px;
  }
  #sub_nav ul li{
    float: left;
    border-left: solid 1px #aaa;
    padding: 0 5px;
  }
  #sub_nav ul li.first{
    border-left: none;
    padding-left: 0px;
  }
  #sub_nav ul li.selected{
    background: #424C68;
  }
  #sub_nav ul li.selected.first{
    padding-left: 5px;
  }
  #sub_nav ul li.selected a{
    color: #fff;
    text-decoration: none;
  }
  
  #badge{
    background: #fff url('/images/main_site/icon_people.gif') no-repeat 10px center;
    padding: 15px 10px 15px 60px;
    color: #333955;
    margin-top: 15px;
    font-weight: bold;
  }
  #badge h4{
    font-size: 150%;
  }    
  
  /* PROFILE - profile section */
    .profile_section{
      background: #c6cbde;
      border: 1px solid #767985;
      padding: 15px;
    }
    
    .profile_section input, .profile_section select{
      margin-bottom: 8px;
    }
    /* firefox 2 hack */    
    .profile_section select, x:-moz-any-link{
      font-size: 95%;
    }
    .profile_section fieldset{
      margin-top: 10px;
    }
    .profile_section fieldset.first{
      border-right: 1px dotted #DCE0EB; 
      padding-right: 20px; 
      margin-right: 20px; 
      width: 325px
    }
    .profile_section h5{
      margin-bottom: 2px;
    }
  
    .profile_section h3{
      color: #333955;
      font-weight: bold;
      margin-bottom: 10px;
    }
  
    .profile_section table{
      margin-bottom: 15px;
      /* only apply width: 100% to firefox */
      min-width: 100%;
      width: 688px;
    }
    .profile_section th, .profile_section td{
      padding: 6px;
    }
    .profile_section th{
      font-size: 80%;
      text-transform: uppercase;
      font-weight: bold;
      color: #222222;
    }
    .profile_section td{
      background: #dde0eb;
      color: #333955;
      border-bottom: solid 2px #c6cbde;
    }
    .profile_section td.last{
      text-align: right;
    }
    
    .profile_section table a{
      text-transform: uppercase;
      color: #333955;
      font-weight: bold;
    }
    
    .profile_section table a.delete_button{
      background: transparent url('/images/main_site/delete.gif') no-repeat center top;
      width: 17px;
      height: 0;
      overflow: hidden;
      padding: 17px 0px 0;
    }
    /* firefox 2 hack */    
    .profile_section table a.delete_button, x:-moz-any-link{
      display: -moz-stack;
      margin-bottom: 0;
    }
    .profile_section table a.delete_button, x:-moz-any-link, x:default{
      display: inline-block;
      margin-bottom: -4px;
    }
    @media screen and (-webkit-min-device-pixel-ratio:0){
      .profile_section table a.delete_button {
        display: inline-block;
        margin-bottom: -4px;
      }
    }    
    
    .profile_section table a:hover.delete_button, .profile_section table a:active.delete_button{
      background-position: center -17px;
    }
    
    .profile_section .sub_container{
      background: #acb1c7;
      border: 1px solid #767985;
      padding: 15px;
    }
    .profile_section .sub_container h4{
      color: #333955;
      font-size: 110%;
      font-weight: bold;
    }
    
    .profile_section .actions{
      /* ideally this wouldn't be here, but alternatives seem worse */
      padding-top: 10px;
    }
    
  /* PROFILE - fields and tooltips  */
    .formField{
      float: left;
    }
    .fieldWithErrors{
      display: inline;
      position: relative;
    }
    .tooltip{
      position: absolute;
      width: 0;
      height: 0;
      overflow: hidden;
    }

    .fieldWithErrors label{
      color: #f63100;
      position: relative;
    }

    .fieldWithErrors label:hover {
      color: #f63100;
      cursor: help;
    }

    .fieldWithErrors label:hover .tooltip{
      bottom: 20px !important;
      left: 14px !important;
      color: #fff;
      font-weight: bold !important;
      border: 2px solid #ddd;
      padding: 4px;
      background: #bbb;
      -moz-border-radius: 5px; /* Camino/Firefox */
      -webkit-border-radius: 5px; /* Safari */
      height: auto !important;
      width: 200px !important;
      overflow: visible;
      /* This stacks the overflowing tooltips above the other fields */
      z-index: 999 !important;
    }

    .no_validation label{
      cursor: default !important;
    }

    .no_validation label{
      font-weight: normal !important;
      padding: 0 !important;
      background: transparent !important;
      color: #6d6d6d !important;
    }

    .no_validation label:hover .tooltip{
      overflow: hidden;
      /* This stacks the overflowing tooltips below the other fields */
      z-index: -999 !important;
    }

    .no_validation .validation_reset, .no_validation .required_token{
      display: none !important;
    }
    
    .conjuction{
      color: #fff; 
      font-weight: bold; 
      background: #505F82;
      text-transform: uppercase;
      padding: 2px 4px;
    }
    
    .record_error{
      padding: 5px 10px;
      background: #c83d33;
      color: #fff;
      margin-bottom: 10px;
    }
    
    .hover_description{
      position: relative;
      display: inline-block;
      width: 12px;
      height: 12px;
      text-decoration: none;
      color: #444;
      cursor: default;
    }

    .hover_description:hover{
      color: #444;
    }

    .hover_description .the_content{
      display: none;
    }

    .hover_description .the_content p, .hover_description .the_content span{
      color: #fff !important;
      font-size: 12px !important;
    }

    .hover_description:hover .the_content{
      width: 300px;
      position: absolute;
      top: 12px;
      right: 5px;
      display: inline;
      display: inline-block;
      font-weight: normal !important;
      font-size: 90%;
      font-family: "Trebuchet MS", Arial, Sans-Serif;
      text-transform: none;
      border: 2px solid #ddd;
      line-height: 1.3;
      padding: 4px;
      background: #bbb;
      -moz-border-radius: 5px; /* Camino/Firefox */
      -webkit-border-radius: 5px; /* Safari */
      text-align: left;
    }
    
    .the_content p{
      font-family: "Trebuchet MS", Arial, Sans-Serif;
    }
    
    #flash_notice, #flash_error{
      padding: 5px 10px;
      background: #64ad3c;
      color: #fff;
      margin: 22px 15px 0 15px;
    }
    .home #flash_notice, .home #flash_error{
      margin-top: 0;
      margin: 5px 2px;
      padding: 5px;
    }
    .home #flash_notice{
      border: 2px solid #496a38;
    }
    .home #flash_error{
      border: 2px solid #600;
    }
    #flash_notice{
      background: #64ad3c;
    }
    #flash_error{
      background: #c83d33;
    }

  /* PROFILE - personal info */
    #privacy_box{
      background: #a3abc8;
      padding: 8px 5px 3px 5px;
    }
    #privacy_box label, #privacy_box span{
      position: relative;
      bottom: 3px;
    }
    
/* BRIGHT SPARKS */
  .bright_sparks_light{
    background: #a5aec3 !important;
  }
    
    
/* NAVIGATION */
  #navigation_container{
    background: transparent url(/images/main_site/nav.gif) repeat-x 50% 13.25%;
    padding-bottom: 29px;
    width: 100%;
  }
  #navigation{
    background: #12182e;
    color: #fff;
    font-size: 90%; 
    list-style-type: none;
  }

  #navigation a{
    color: #fff;
    text-decoration: none;
    padding: 7px 55px 7px 11px;
    cursor: pointer !important;
  }
  #navigation ul {
    padding: 0;
    margin: 0;
    list-style: none;
  }
  #navigation li {
    float: left;
    display: block; 
    position: relative;
    border-left: 1px solid #5D698D;
    z-index: 500;
    padding: 6px 0;
    background: #12182e url('/images/main_site/nav.gif') repeat-x 50% 13.25%;
  }
  #navigation li ul li a{    
    padding: 6px 108px 6px 11px;
    min-width: 100%;
    font-size: 95%;
  }
  
  #navigation li ul li a, x:-moz-any-link{
    display: -moz-stack;
    margin-bottom: 0;
  }
  #navigation  li ul li a, x:-moz-any-link, x:default{
    display: block;
  }
  #navigation li.first ul li a{    
    padding-right: 63px;
  }
  
  #navigation li:hover, #navigation li.hover { 
    background-position: 50% 50%;
  }

  #navigation li ul { 
    display: none;
    position: absolute;
    top: 28px;
    left: -1px;
    z-index: 50;
    background: #7a81a0;    
    border-bottom: 1px solid #424b78;
    font-size: 95%;
  }

  #navigation li ul{
    background: #12182e;
  }
  #navigation li:hover ul, #navigation li.hover ul {
    display: block;
  }

  #navigation li ul li{
    background: #424b78;
    overflow-x: hidden;
    padding: 0;
  }
  #navigation li ul li:hover, #navigation li ul li.hover{
    background: #151D37;
  }
  #navigation li ul li a:hover, #navigation li ul li a:hover{
    text-decoration: underline;
  }
  #navigation li ul li:hover a:hover{
    text-decoration: none;
  }

  #navigation li.selected{    
    background-position:  50% 86.75%;
  }   
  #navigation li ul li.selected{
    border-left: 4px solid #995d7c;
    width: 133px;
    background: #dd6914;
  }
  #navigation li.first{
    border-left: none;
  }
  
  @media screen and (-webkit-min-device-pixel-ratio:0){
     #navigation li ul li a{    
       padding: 6px 78px 6px 11px;
     }
     #navigation li ul li#nav_create_profile a    { padding-right: 27px; }
     #navigation li ul li#nav_edit_profile a      { padding-right: 38px; }
     #navigation li ul li#nav_view_scores a       { padding-right: 37px; }
     #navigation li ul li#nav_about_pac_assess a  { padding-right: 9px; }
     #navigation li ul li#nav_about_pac a         { padding-right: 94px; }
     #navigation li ul li#nav_contact_pac a       { padding-right: 86px; }
     
     #navigation li.first ul li a{    
       padding-right: 3px;
     }
     
     #navigation li ul li{
       padding: 6px 0;
     }
     
     #navigation li ul { 
       top: 27px;
     }
  }
  
  
  
/* STATIC PAGES */
  #sidebar_nav{
    color: #333955;
    font-weight: bold;
  }
  #sidebar_nav ul{
    padding-top: 5px;
    margin: 5px 0 15px 0;
    border-top: 1px solid #999DAC;
    list-style-type: none;
  }
  #sidebar_nav ul li{
    margin: 7px 0;
  }
  #sidebar_nav a.arrow_nav{
    font-size: 2.5em;
    padding: 5px;
    margin: -5px;
  }
  
  #sidebar_nav a, #bottom_nav a{
    text-decoration: none;
    color: #666;
    font-weight: bold;
    font-size: 1.15em;
  }
  #bottom_nav{
    width: 95%;
  }
  #bottom_nav a{
    color: #fff;
  }
  #bottom_nav a.fleft{
    margin-right: 7px;
  }
  #bottom_nav a.fright{
    margin-left: 7px;
  }
  #sidebar_nav a.selected, #sidebar_nav a:hover, #bottom_nav a:hover{
    color: #000;
  }
  
  /* STATIC PAGES - article */
    #article p, #article ul, #article ol, #article dt, #article dl, 
    #article dd, #article blockquote, #article table, #article td {
      font-family: Georgia, Times, Serif;
      font-size: 100%;
    }
    #article p{
      line-height: 1.3em;
    }
    #article h2{
      margin-bottom: 10px;
    }
    #article h4{
      color: #1f445f;
      font-weight: bold;
      font-size: 1.3em;
      margin-top: 1.6em;
      text-transform: uppercase;
    }
    #article ol, #article ul{
      list-style-position: outside;
      margin: 0 40px 20px;
    }
    #article ol li, #article ul li{
      margin: 0 0 5px 0;
    }
    #article ul{
      list-style-type: disc;
    }
    #article ol{
      list-style-type: decimal;
    }
    #article ul ul{
      list-style-type: decimal;
      margin-bottom: 0;
    }
    #article blockquote{
      margin: 0 20px 10px;
    }
    #article td{
      padding: 3px;
    }
    #article dl, #article table{
      margin-bottom: 10px;
    }
    #article dd{
      margin-left: 20px;
    }
    
  div.auto_complete {
    width: 350px;
    background-color: #fff;
    z-index: 100;
  }

    div.auto_complete ul {
      border:1px solid #888;
      margin:0;
      padding:0;
      width:100%;
      list-style-type:none;
    }

      div.auto_complete ul li {
        margin:0;
        padding:3px;
      }

        div.auto_complete ul li.selected {
          background-color: #ffb;
        }

    div.auto_complete ul strong.highlight {
      color: #800; 
      margin:0;
      padding:0;
    }