/* Primerica Navigation CSS Document *//*** Controls style/placement of DIV ***/
#navigation {
    float: left;
    clear: both;
    margin-right: 0px;
}
#navigation a {
    font-family: verdana;
    font-size: 11px;
    color: #333333;
    text-decoration: none;
}
#navigation a:hover {
    color: #996600;
    text-decoration: none;
}
#section_nav {
    float: left;
    width: 239px;
    font-family: verdana;
    font-size: 12px;
    color: #666666;
}
#company_links {
    font-family: verdana;
    font-size: 10px;
    color: #003366;
    clear: left;
    float: left;
    width: 200px;
    padding: 0px;
    margin: 0px;
}
#company_links a {
    color: #003366;
    text-decoration: none;
}
#company_links a:hover {
    color: #000033;
    text-decoration: underline;
}
#representative_links {
    font-family: verdana;
    font-size: 10px;
    color: #003366;
    padding: 0px;
    margin: 0px;
    width: 200px;
    float: right;
    clear: both;
}
#representative_links a {
    color: #003366;
    text-decoration: none;
}
#representative_links a:hover {
    color: #000033;
    text-decoration: underline;
}
/**********************************/
/*** Nav bar styles ***/
ul.nav {
    padding: 0;
    margin: 0;
    list-style: none;
}
ul.side {
    padding: 0;
    margin: 0;
    list-style: none;
    width: auto;
}
ul.links {
    padding: 0;
    margin: 0;
    list-style: none;
    clear: both;
}
ul.rep {
    padding: 0;
    margin: 0;
    list-style: none;
    clear: both;
}
/* Stylizes top-level menu */
.nav li {
    float: left;
    display: block;
    padding-bottom: 5px;
    clear: none;
    padding-top: 5px;
    width: 238px;
}
/* position top layer */
.nav li a {
    text-align: left;
    padding-left: 10px;
    padding-right: 30px;
    display: block;
}
.side li {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #FFFFFF;
    text-align: left;
}
.side li a {
    display: block;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 20px;
    text-decoration: none;
    color: #666666;
    text-align: left;
}
.side li a:hover {    
    -moz-border-radius: 8px;
    background-color: #EEEEEE;
    color: #CC0000;
    text-align: left;
}
.links li {
    float: left;
    width: 100px;
    clear: none;
    display: block;
    margin: 0px;
    text-align: left;
}
.links li a { }
.rep li {
    float: left;
    clear: none;
    display: block;
    margin: 0px;
    text-align: left;
    width: 200px;
}
.rep li a { }
/* Stylizes the drop-down menu */
.nav li ul {
    display: none;
    position: absolute;
    margin-top: 5px;
    width: 100px;
    background-image: url(images/nav_box_grey.png);
    background-repeat: repeat;
    list-style: none;
    text-align: left;
}
.links li ul {
    display: none;
    position: absolute;
    margin-top: -250px;
    width: 240px;
    list-style: none;
    margin-left: 0px;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 20px;
    background-image: url(images/nav_box_grey.png);
    background-repeat: repeat;
    text-align: left;
}
.rep li ul {
    display: none;
    position: absolute;
    margin-top: -430px;
    width: 400px;
    list-style: none;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 10px;
    background-image: url(nav_box_grey.png);
    background-repeat: repeat;
    margin-left: -25px;
}
/* Aligns specific drop-down menus */
li ul.about {
    margin-left: 80px;
    padding-left: 0px;
}
li ul.concepts {
    margin-left: 0px;
    padding-left: 0px;
}
li ul.change {
    margin-left: 0px;
    padding-left: 0px;
}

li ul.start {
    margin-left: 0px;
    padding-left: 0px;
}
/* Controls spacing for individual list items */
.nav li ul li {
    display: block;
    width: 200px;
    height: auto;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #BBBBBB;
    line-height: 12px;
    padding-top: 10px;
    padding-bottom: 10px;
    clear: none;
    float: right;
}
.nav li ul li.noborder {
    display: block;
    line-height: 12px;
    border-bottom-style: none;
}
.nav li ul li a {
    padding-right: 8px;
}
.links li ul li {
    display: block;
    width: 240px;
    height: auto;
    line-height: 12px;
    padding-top: 2px;
    padding-bottom: 2px;
    clear: none;
    float: right;
    text-align: left;
}
.links li ul li.noborder {
    display: block;
    line-height: 12px;
    border-bottom-style: none;
}
.links li ul li a { }
.rep li ul li {
    display: block;
    width: 200px;
    height: auto;
    line-height: 12px;
    padding-top: 2px;
    padding-bottom: 2px;
    clear: none;
    float: right;
    text-align: left;
}
.rep li ul li.noborder {
    display: block;
    line-height: 12px;
    border-bottom-style: none;
}
.rep li ul li a { 
text-align: left;}
/* Controls all lists nested under hovered list items */
li:hover ul, li.over ul {
    display: block;
}

/* Displays or hides the Your Primerica Representative topnav */
li.show {
    display: block;
}