/* Generic navbar configuration */

/* Fix IE. Hide from IE Mac \*/
* html .navbar ul li { float: left; }
* html .navbar ul li a { height: 1%; }
/* End */


div.navbar .title,
div.navbar .detail {
    display            : block;
    width              : auto;
    padding            : 0 0 0 2px;
}

div.navbar span.title {
    font-size           : 15px;
    font-family         : "VAG rounded light",Arial, Verdana, Sans-Serif;
}

div.navbar span.detail {
    font-size           : 10px;
}

div.navbar li li span.title {
    font-size           : 12px;
}

div.navbar ul{
    margin         : 0px;
    padding        : 0px;
    list-style     : none;
    width          : 215px;
    border-bottom  : 1px solid #fff;
}


div.navbar li{
    margin         : 0px;
    padding        : 0px;
    list-style     : none;
    width          : 215px;
    background     : white top left no-repeat;
    z-index        : 100;
}

div.navbar ul li{
    position        : relative;
}


/* Don't display submenus */
div.navbar li ul,
div.navbar li.on li.off ul {
    position       : absolute;
    left           : 215px;
    top            : 0px;
    display        : none;
}

div.navbar li li ul {
    display         : none;
}

/* Always display children of current page */
div.navbar li.on  ul{
    position       : static;
    display         : block;
}

div.navbar li.on li.on ul {
    display : block;
}

/* Display submenu when hovered */

div.navbar li.over  ul,
div.navbar li:hover ul {
    display     : block;
}

div.navbar li.over li ul,
div.navbar li:hover li ul {
    display     : none;
}

div.navbar li li:hover ul,
div.navbar li.on li:hover ul,
div.navbar li li.over ul,
div.navbar li.on li.over ul {
    display     : block;
}

/* Styling of menu links */
div.navbar ul li a {
    display: block;
    text-decoration: none;
    color: inherit;
    padding: 5px;
    border: 1px solid #fff;
    border-bottom: 0;
}


/* Highlight selected page */
div.navbar li.on > span.title > a {
    font-weight : bold;
}

div.navbar li.off a {
    font-weight : normal;
}


/* Left navbar configuration */

div#navbarLeft {
    margin-bottom   : 4px;
}

div#navbarLeft li a:hover span.title {
    text-decoration : underline;
}

div#navbarLeft li.on li.levelp a {
    padding-left    : 15px;
}

div#navbarLeft li.on li.levels a {
    padding-left    : 25px;
}

div#leftColHome div#navbarLeft li.levelc a{
    background      : top left no-repeat;
    height          : 75px;
    padding         : 0px 0px 0px 74px;
    overflow        : hidden;
}

/*
div#leftColHome div#navbarLeft li.levelc span.title,
div#leftColHome div#navbarLeft li.levelc span.detail {
    padding         : 1px 0px 1px 3px;
}
*/
div#leftColHome div#navbarLeft li.levelc {
    margin-bottom   : 4px;
}

div#leftColHome div#navbarLeft li.levelp a,
div#leftColHome div#navbarLeft li.levels a{
    background      : url() top right no-repeat;
    height          : 18px;
    padding         : 2px;
}

div#leftColHome div#navbarLeft li.levelc img {
    display     : none;
}


div#leftColHome div#navbarLeft li.levelc li.levelp img {
    display     : block;
}



/* Top navbar configuration */

div#navbarTop {
    float          : right;
    height         : 20px;
    width          : 780px;
}

div#navbarTop img {
    display     : none;
}

div#navbarTop ul {
    width           : auto;
    height          : 100%;
    display         : block;
    position        : static;
    border-width    : 0px;
}

div#navbarTop li {
    float           : left;
    display         : block;
    width           : auto;
    background      : white;
    border-width    : 0px;
    border-left     : 1px solid #ccc;
    padding         : 0px 4px;
}

div#navbarTop li li {
    background      : #FFECB9;
}


div#navbarTop li li.over,
div#navbarTop li li:hover,
div#navbarTop li a:hover {
    background      : #F8B20B;
    color           : white;
}

div#navbarTop a {
    background         : transparent;
    color              : black;
}

div#navbarTop  ul  li  a {
    padding            : 0px;
    width              : auto;
    height             : 20px;
    float              : left;
    vertical-align     : middle;
    border             : 0px;
}

div#navbarTop ul ul  li  a {
    padding            : 0px;
    margin             : 0px 0px;
}

/* Borders for top level and descendants */

div#navbarTop li li {
    border              : 1px solid #F8B20B;
    border-width        : 0px 0px 1px 0px;
    padding             : 2px 4px;
}

div#navbarTop li li a {
       border-width : 0px;
}

/* 2nd level drops directly down */
div#navbarTop li ul {
    position           : absolute;
    left               : 4px;
    top                : 19px;
    display            : none;
    width              : 215px;
    background         : #fff;
}

/* 3rd level drops to the right */
div#navbarTop li li ul {
    position           : absolute;
    left               : 214px;
    top                : 0px;
}

div#navbarTop li ul li {
    width           : 211px;
    height          : auto;
}


div#navbarTop li.over ul,
div#navbarTop li:hover ul {
    display     : block;
}

div#navbarTop li:hover li ul,
div#navbarTop li.over li ul {
    display     : none;
}

div#navbarTop li li:hover ul,
div#navbarTop li li.over ul {
    display     : block;
}


/* Right navbar configuration */
div#navbarRight ul {
    border-width    : 0px;
}

div#navbarRight ul li {
    position        : static;
}

div#navbarRight a {
    border-width    : 0px;
    padding         : 0px;
    width           : 210px;
    margin-bottom   : 2px;
}

div#navbarRight a.navbarImage {
    line-height     : 0px;
}

div#navbarRight a:hover {
    background-color : inherit;
    color              : inherit;
}

/* FAQ navbar configuration */
h1#faqTitle {
    background-color    : red;
    color               : white;
    margin              : 0px;
    padding             : 2px;
    width               : 211px;
    font-size           : 1.6em;
    font-weight         : normal;
}

div#navbarFAQ {
    height              : 448px;
    border              : 1px red solid;
}

div#navbarFAQ ul {
    width               : 211px;
    height              : 439px;
    overflow            : auto;
}

div#navbarFAQ ul li {
    width               : 96% !important;
    width               : 188px;
    margin              : 2px auto !important;
    margin-left         : 2px;
    background          : #FBD3D7;
    position            : static;
}

div#navbarFAQ ul li span.title {
    color               : blue;
}

div#navbarFAQ ul li a:hover span.title {
    text-decoration     : underline;
}


/* Home navbar configuration */
span#navbarHome {
    width           : 210px;
    text-align      : right;
    margin-bottom   : 15px;
}

span#navbarHome.title {
    padding         : 0px;
}

span#navbarHome a {
    color           : blue;
    text-decoration : none;
}

a#homeLink {
    width           : auto;
    border-left     : 1px solid #CCC;
    padding-left    : 7px;
    margin-left     : 5px;
}


span#navbarHome a:hover {
    text-decoration : underline;
}


/********* LEFT NAVBAR STYLES *************/
span.detail {
    color               : black;
}

/* Water style */

.water li {
    list-style      : url('/images/bullets/water.gif') outside ;
}

h1.titleWater,
h2.titleWater,
div.water h1,
div.water h2,
div.water h3 {
    color               : #699FCB;
}

div.water .content  td {
    background-color    : #B3CFE4;
}

div.water .content tr.tableHeaderLeft td,
div.water .content td.tableHeaderLeft,
div.water .content tr.tableHeader td,
div.water .content td.tableHeader {
    background-color    : #699FCB;
}

div#navbarLeft li.water a {
    color               : #2A3F50;
}

div#navbarLeft li.water,
div#navbarLeft li.water li {
    background-color    : #B3CFE4;
}

div#leftColOther li.water  {
    background          : #699FCB;
}

div#leftColOther div#navbarLeft li.water span.title {
    background          : transparent;
}

div#navbarLeft li.water a span.title {
    background          : #699FCB;
}

div#navbarLeft li.water li.levels {
    background-color    : white;
}

div#navbarLeft li.water li.levelp ul,
div#navbarLeft li.water li.levels a {
    border-color        : #B3CFE4;
}

div#navbarLeft li.water li a span.title {
    background          : transparent;
}

div#navbarLeft li.water li.levels a span.title {
    background          : transparent;
}


/* Cruise style */

.cruise li {
    list-style      : url('/images/bullets/water.gif') outside ;
}

h1.titleCruise,
h2.titleCruise,
div.cruise h1,
div.cruise h2,
div.cruise h3 {
    color               : #699FCB;
}

div.cruise .content  td {
    background-color    : #B3CFE4;
}

div.cruise .content tr.tableHeaderLeft td,
div.cruise .content td.tableHeaderLeft,
div.cruise .content tr.tableHeader td,
div.cruise .content td.tableHeader {
    background-color    : #699FCB;
}

div#navbarLeft li.cruise a {
    color               : #2A3F50;
}

div#navbarLeft li.cruise,
div#navbarLeft li.cruise li {
    background-color    : #B3CFE4;
}

div#leftColOther li.cruise  {
    background          : #699FCB;
}

div#leftColOther div#navbarLeft li.cruise span.title {
    background          : transparent;
}

div#navbarLeft li.cruise a span.title {
    background          : #699FCB;
}

div#navbarLeft li.cruise li.levels {
    background-color    : white;
}

div#navbarLeft li.cruise li.levelp ul,
div#navbarLeft li.cruise li.levels a {
    border-color        : #B3CFE4;
}

div#navbarLeft li.cruise li a span.title {
    background          : transparent;
}

div#navbarLeft li.cruise li.levels a span.title {
    background          : transparent;
}




/* adventure style */
.adventure li {
    list-style      : url('/images/bullets/adventure.gif') outside ;
}

div#navbarLeft li.adventure a {
    color               : #535D29;
}

h1.titleAdventure,
h2.titleAdventure,
div.adventure h1,
div.adventure h2,
div.adventure h3 {
    color               : #8DB611;
}

div.adventure .content  td {
    background-color    : #E5F4B3;
}

div.adventure .content tr.tableHeaderLeft td,
div.adventure .content td.tableHeaderLeft,
div.adventure .content tr.tableHeader td,
div.adventure .content td.tableHeader {
    background-color    : #CCEA68;
}

div#navbarLeft li.adventure,
div#navbarLeft li.adventure li {
    background-color    : #E5F4B3;
}

div#leftColOther li.adventure  {
    background          : #CCEA68;
}

div#leftColOther div#navbarLeft li.adventure span.title {
    background          : transparent;
}

div#navbarLeft li.adventure a span.title {
    background          : #CCEA68;
}

div#navbarLeft li.adventure li.levels {
    background-color    : white;
}

div#navbarLeft li.adventure li.levelp ul,
div#navbarLeft li.adventure li.levels a {
    border-color        : #CCEA68;
}

div#navbarLeft li.adventure li a span.title {
    background          : transparent;
}

div#navbarLeft li.adventure li.levels a span.title {
    background          : transparent;
}


/* personal style */
.personal li {
    list-style      : url('/images/bullets/personal.gif') outside ;
}

div#navbarLeft li.personal a {
    color               : #632A39;
}

h1.titlePersonal,
h2.titlePersonal,
div.personal h1,
div.personal h2,
div.personal h3 {
    color               : #F9688F;
}

div.personal .content  td {
    background-color    : #FBB3C7;
}

div.personal .content tr.tableHeaderLeft td,
div.personal .content td.tableHeaderLeft,
div.personal .content tr.tableHeader td,
div.personal .content td.tableHeader {
    background-color    : #F9688F;
}

div#navbarLeft li.personal,
div#navbarLeft li.personal li {
    background-color    : #FBB3C7;
}

div#leftColOther li.personal  {
    background          : #F9688F;
}

div#leftColOther div#navbarLeft li.personal span.title {
    background          : transparent;
}

div#navbarLeft li.personal a span.title {
    background          : #F9688F;
}

div#navbarLeft li.personal li.levels {
    background-color    : white;
}

div#navbarLeft li.personal li.levelp ul,
div#navbarLeft li.personal li.levels a {
    border-color        : #F9688F;
}

div#navbarLeft li.personal li a span.title {
    background          : transparent;
}

div#navbarLeft li.personal li.levels a span.title {
    background          : transparent;
}


/* culture style */
.culture li {
    list-style      : url('/images/bullets/cycle.gif') outside ;
}

h1.titleCulture,
h2.titleCulture,
div.culture h1,
div.culture h2,
div.culture h3 {
    color               : #EC9E15;
}

div.culture .content  td {
    background-color    : #FEE4AD;
}

div.culture .content tr.tableHeaderLeft td,
div.culture .content td.tableHeaderLeft,
div.culture .content tr.tableHeader td,
div.culture .content td.tableHeader {
    background-color    : #FECC5D;
}

div#navbarLeft li.culture a {
    color               : #675225;
}

div#navbarLeft li.culture,
div#navbarLeft li.culture li {
    background-color    : #FEE4AD;
}

div#leftColOther li.culture  {
    background          : #FECC5D;
}

div#leftColOther div#navbarLeft li.culture span.title {
    background          : transparent;
}

div#navbarLeft li.culture a span.title {
    background          : #FECC5D;
}

div#navbarLeft li.culture li.levels {
    background-color    : white;
}

div#navbarLeft li.culture li.levelp ul,
div#navbarLeft li.culture li.levels a {
    border-color        : #FECC5D;
}

div#navbarLeft li.culture li a span.title {
    background          : transparent;
}

div#navbarLeft li.culture li.levels a span.title {
    background          : transparent;
}

/* hike style */
.hike li {
    list-style      : url('/images/bullets/hike.gif') outside ;
}

div#navbarLeft li.hike a {
    color               : #512644;
}

h1.titleHike,
h2.titleHike,
div.hike h1,
div.hike h2,
div.hike h3 {
    color               : #C761AD;
}

div.hike .content  td {
    background-color    : #E3AFD6;
}

div.hike .content tr.tableHeaderLeft td,
div.hike .content td.tableHeaderLeft,
div.hike .content tr.tableHeader td,
div.hike .content td.tableHeader {
    background-color    : #C761AD;
}

div#navbarLeft li.hike,
div#navbarLeft li.hike li {
    background-color    : #E3AFD6;
}

div#leftColOther li.hike  {
    background          : #C761AD;
}

div#leftColOther div#navbarLeft li.hike span.title {
    background          : transparent;
}

div#navbarLeft li.hike a span.title {
    background          : #C761AD;
}

div#navbarLeft li.hike li.levels {
    background-color    : white;
}

div#navbarLeft li.hike li.levelp ul,
div#navbarLeft li.hike li.levels a {
    border-color        : #C761AD;
}

div#navbarLeft li.hike li a span.title {
    background          : transparent;
}

div#navbarLeft li.hike li.levels a span.title {
    background          : transparent;
}



/* surf style */
.surf li {
    list-style      : url('/images/bullets/surf.gif') outside ;
}

div#navbarLeft li.surf a {
    color               : #294D49;
}

h1.titleSurf,
h2.titleSurf,
div.surf h1,
div.surf h2,
div.surf h3 {
    color               : #67C3B8;
}

div.surf .content  td {
    background-color    : #B4E1DC;
}

div.surf .content tr.tableHeaderLeft td,
div.surf .content td.tableHeaderLeft,
div.surf .content tr.tableHeader td,
div.surf .content td.tableHeader {
    background-color    : #67C3B8;
}

div#navbarLeft li.surf,
div#navbarLeft li.surf li {
    background-color    : #B4E1DC;
}

div#leftColOther li.surf  {
    background          : #67C3B8;
}

div#leftColOther div#navbarLeft li.surf span.title {
    background          : transparent;
}

div#navbarLeft li.surf a span.title {
    background          : #67C3B8;
}

div#navbarLeft li.surf li.levels {
    background-color    : white;
}

div#navbarLeft li.surf li.levelp ul,
div#navbarLeft li.surg li.levels a {
    border-color        : #67C3B8;
}

div#navbarLeft li.surf li a span.title {
    background          : transparent;
}

div#navbarLeft li.surf li.levels a span.title {
    background          : transparent;
}

/* discoverGreen style */
.discoverGreen li {
    list-style      : url('/images/bullets/adventure.gif') outside ;
}

div#navbarLeft li.discoverGreen a {
    color               : #535D29;
}

h1.titlediscoverGreen,
h2.titlediscoverGreen,
div.discoverGreen h1,
div.discoverGreen h2,
div.discoverGreen h3 {
    color               : #8DB611;
}

div.discoverGreen .content  td {
    background-color    : #E5F4B3;
}

div.discoverGreen .content tr.tableHeaderLeft td,
div.discoverGreen .content td.tableHeaderLeft,
div.discoverGreen .content tr.tableHeader td,
div.discoverGreen .content td.tableHeader {
    background-color    : #CCEA68;
}

div#navbarLeft li.discoverGreen,
div#navbarLeft li.discoverGreen li {
    background-color    : #E5F4B3;
}

div#leftColOther li.discoverGreen  {
    background          : #CCEA68;
}

div#leftColOther div#navbarLeft li.discoverGreen span.title {
    background          : transparent;
}

div#navbarLeft li.discoverGreen a span.title {
    background          : #CCEA68;
}

div#navbarLeft li.discoverGreen li.levels {
    background-color    : white;
}

div#navbarLeft li.discoverGreen li.levelp ul,
div#navbarLeft li.discoverGreen li.levels a {
    border-color        : #CCEA68;
}

div#navbarLeft li.discoverGreen li a span.title {
    background          : transparent;
}

div#navbarLeft li.discoverGreen li.levels a span.title {
    background          : transparent;
}

/* discoverYellow style */
.discoverYellow li {
    list-style      : url('/images/bullets/culture.gif') outside ;
}

div#navbarLeft li.discoverYellow a {
    color               : #675225;
}

h1.titlediscoverYellow,
h2.titlediscoverYellow,
div.discoverYellow h1,
div.discoverYellow h2,
div.discoverYellow h3 {
    color               : #EC9E15;
}

div.discoverYellow .content  td {
    background-color    : #FEE4AD;
}

div.discoverYellow .content tr.tableHeaderLeft td,
div.discoverYellow .content td.tableHeaderLeft,
div.discoverYellow .content tr.tableHeader td,
div.discoverYellow .content td.tableHeader {
    background-color    : #FECC5D;
}

div#navbarLeft li.discoverYellow,
div#navbarLeft li.discoverYellow li {
    background-color    : #FEE4AD;
}

div#leftColOther div#navbarLeft li.discoverYellow  {
    background          : #FECC5D;
}

div#leftColOther div#navbarLeft li.discoverYellow span.title {
    background          : transparent;
}

div#navbarLeft li.discoverYellow a span.title {
    background          : #FECC5D;
}

div#navbarLeft li.discoverYellow li.levels {
    background-color    : white;
}

div#navbarLeft li.discoverYellow li.levelp ul,
div#navbarLeft li.discoverYellow li.levels a {
    border-color        : #FECC5D;
}

div#navbarLeft li.discoverYellow li a span.title {
    background          : transparent;
}

div#navbarLeft li.discoverYellow li.levels a span.title {
    background          : transparent;
}