/** Common **/

/* Blank Slate */
body * {
    margin: 0;
    padding: 0;
    line-height: 1.0;
    clear: none;
    list-style-type: none;}
/* /Blank Slate */

body {
    font-family: Arial, "Luxi Sans", Helvetica, sans-serif;
    font-size: 85%;}

img {
    border: none;}

#tree {
    overflow: hidden;
    background: url(/images/tree_left_2.png) left bottom no-repeat;
    position: relative;
    z-index: 2;
    padding-bottom: 2em;}

.go {
    background: transparent url(/images/interface/go_button.png) no-repeat;
    border: 0;
    width: 44px;
    height: 32px;
    display: block;
    cursor: pointer;}

    .go span, #contMain .go span {
        position: absolute;
        left: -999em;}

button.go {
    background: none;}

h1, h2, h3, h4, h5 {
    margin: 0.5em 0;
    line-height: 1.2;}

h1 {
    font-size: 150%;
    margin: 0;}

h2 {
    font-size: 140%;}

#contentTop h2 {
    text-transform: uppercase;}

h3 {
    font-size: 130%;}

h4 {
    font-size: 120%}

h5 {
    font-size: 110%;}

h3.author {
    font-size: 100%;
    color: #000000;
    font-weight: normal;}

h3.date {
    font-size: 100%;
    color: #000000;}

.emph {
    color: #000000;}

div.innerWindowContent .day {
    background-color: #5A3E1D;
    color: #ffffff;
    padding: 0.1em 0.2em;
    display: inline;
    display: inline-block;}

a {
    color: #A78930;}

a:hover {
    color: #CFAB3B;}

a.toTop {
    width: 84px;
    height: 24px;
    display: block;
    float: right;
    margin: 0.5em 1em 0 0;
    cursor: pointer;
    background: transparent url(/images/interface/page_top.png) no-repeat;
    text-decoration: none;}

a.toTop span {
    position: relative;
    left: -999em;}

a.top span.hit {
    position: static;
    left: auto;
    height: 24px;
    width: 84px;}

a.privacyPolicy {
    float: left;
    margin-left: 1em;
    margin-top: 0.5em;}

a.listLink {
    padding-bottom: 1em;
    display: inline-block;}

pre {
    background: #eeeeee;
    border: 1px solid #000000;
    color: #000000;
    padding: 0.5em;}

div.jstoolpopup {
    display: none;
    position: absolute;
    z-index: 100;
    width: auto;
    background: #ffffff;
    border: 1px solid #777777;
    border-top: none;}

    #contInner div.jstoolpopup p {
        padding: 5px 5px 0 5px;
        margin: 0;}

        div.jstooltip div.jstoolpopup a {
            display: inline;}

        div.jstooltip div.jstoolpopup ul {
            margin: 0;
            padding: 0em 0 0.2em 0.5em;
            display: block;}

        div.jstooltip div.jstoolpopup ul li {
            display: block;
            padding: 0 0 0.5em 0;
            float: none;}

div.toolhover {
    display: block;}

a.tooltip {
    text-decoration: none;
    padding-bottom: 1px;}

a.tooltip span.toolMain {
    background: transparent url(/images/interface/tooltip_bg.png) repeat;
    padding: 1em;
    color: #ffffff;
    width: 15em;
    margin-left: 1em;
    font-weight: normal;
    text-transform: none;
    font-size: 100%;}

    a.tooltip span.toolMain span {
        padding-left: 1em;
        line-height: 1.2;
        text-decoration: none;}

    a.tooltip span.toolMain span.go {
        float: right;
        padding: 0;}

a.showFull {
    color: #8E191B;
    background: url(/images/interface/show_full.gif)  right center no-repeat;
    display: block;
    line-height: 1.5;
    float: right;
    padding-right: 30px;
    text-decoration: none;}

a.showFull:hover {
    color: #D82B34;}

a.inquire {
    color: #8A9652;}

a.return {
    color: #005353;}

p {
    line-height: 1.2;}

p.clear {
    clear: both;}

p.ratingBody {
    color: #5A3E1D;}

#contInner p.note {
    color: #B1802C;
    margin-top: 0.2em;
    line-height: 1.2;}

br {
   line-height: 1.2;}

button {
    cursor: pointer;}

a.date {
    background: url(/images/interface/calendar_icon.png) no-repeat;
    display: inline;
    padding: 0 17px 17px 0;}

    a.date span {
        position: absolute;
        left: -999em;}
        
    td.date button {
        background: transparent;
        border: none;
        margin: 0;
        padding: 0;}
        
        td.date button img {
            margin: 0;
            padding: 0;
            float: none;}

a.help {
    display: block;
    font-size: 75%;
    margin-top: 0.2em;}

a.myFaves {
    float:right;
    position: relative;
    margin-top: -2.9em;
    margin-right: -2em;}

a.reset {
    margin-top: 1em;
    position: relative;
    float: left;}

a.backToList {
    margin-bottom: 1em;
    display: block;}

.required {
    color: #BE2025;
    padding-right: 0.2em;}

body div.error {
    color: #BE2025;
    padding: 0.5em;
    background: #FFF7E0;
    width: auto;
    margin-bottom: 1em;
    border: 1px solid #000000;}

    body div.error h2 {
        font-size: 100%;}

body div.success {
    color: #0B2C5B;}

div.paginator {
    float: right;
    font-weight: bold;
    margin-right: 3em;}

    div.paginator a {
        font-weight: bold;
        text-decoration: none;}

.caps {
    text-transform: uppercase;}

span.faveStar {
    background: url(/images/fave_star.png) no-repeat;
    width: 42px;
    height: 42px;
    display: block;
    margin-bottom: -42px;
    margin-top: -14px;
    position: relative;
    z-index: 5;
    float: right;}

.detailTitle span.faveStar {
    background: url(/images/fave_star.png) no-repeat;
    width: 42px;
    height: 42px;
    display: block;
    margin:-8px 110px -42px 0;
    position: relative;
    z-index: 50;
    float: right;}

#contMain table {
    width: 100%;}

#contMain th {
    color: #B1802C;
    text-transform: uppercase;
    font-size: 120%;}

#contMain td {
    vertical-align: top;
    width: auto;}

    #contMain td td {
        padding: 0.2em 0;}

#contMain td.label {
    width: 20%;}

#contMain td.field {
    width: 30%;}

#contMain label {
    line-height: 1.2;}

#fixwidth {
    position: absolute;
    width: 13em;}

/* Forms */

#contMain form {
    overflow: hidden;}

#contMain input, textarea, select {
    border: none;
    line-height: 1.2;}

#contMain input.text, select {
    width: 80%;
    padding: 0.1em;}

#contMain input.phn {
    width: 10em;}

#contMain input.short {
    width: 2.5em;
    text-align: center;}

#contMain input.post {
    width: 4em;}

#contMain input.radio {
    margin-left: 0.5em;}

#contMain input.date, input.date {
    width: 4.2em;}

#contMain input.checkbox {
    margin-top: -0.2em;}

#contMain textarea {
    padding: 0 0.1em;}

div.formSubmit {
   }

    div.formSubmit button {
        float: none;}

/* Header */

#header {
    width: auto;
    overflow: hidden;}

    #header a.title {
        float: right;
        position: relative;
        z-index: 10;
        width: 461px;
        height: 91px;
        display: block;
        cursor: pointer;}

        #header a.title span {
            position: absolute;
            left: -999em;}
            
    #header img.postit {
        float: left;
        z-index: 10;}

     #lang {
        color: #ffffff;
        font-size: 85%;
        padding: 0.5em;}

        #lang a {
            color: #ffffff;}

        #lang a:hover {
            color: #888888;}

    #headSearch {
        color: #ffffff;
        float: left;}

        #headSearch input.text {
            border: 1px solid #ffffff;
            background: #8B5C28;
            width: auto;
            color: #ffffff;
            padding: 0 0.2em;}

        #headSearch button {
            margin-top: 10px;}


/* Main */

#main {
    width: 100%;
    height: 100%;
    color: #ffffff;}

#contInner {
    width: 95%;
    margin-left: 2%;}

#contInner p {
    line-height: 1.5;
    margin-bottom: 1em;}

#contentTop {
    clear: both;
    padding: 0 1em 1em 1em;}

    #contentTop p {
        line-height: 2.0;}

    #contentTop img {
        float: right;
        margin-right: 2em;}
        
    #contentTop h2 img {
        float: none;}

/* Top Navigation */

.homePage #topNav {
    width: auto;}

#topNav {
    overflow: hidden;
    margin-bottom: 1em;
    float: left;
    width: 100%;}

 #topNav li {
        float: left;
        width: 112px;
        height: 39px;
        margin: 0 2.4%;
        position: relative;}

    .homePage #topNav li {
        clear: left;}

        #topNav a {
            display: block;
            width: 112px;
            height: 39px;
            background: url(/images/interface/menu_circle.png) 999em center no-repeat;}

        #topNav a:hover, #topNav a.current, #topNav a.current:hover {
            background-position: center;}

            #topNav a img{
                display: block;
                border: none;
                height: 39px;
                width: 112px;}

/* Left Navigation */

#leftNav {
    width: 20%;
    max-width: 13em;
    float: left;}

    #leftFind, .roundFind div{
        background: transparent url(/images/window_bg_find.png) repeat;}

    #leftFind {
        color: #ffffff;
        overflow: hidden;
        height: auto;}

        #leftFind h2 {
            background: url(/images/find_trip.png) no-repeat;
            height: 37px;
            width: 101px;}

            #leftFind h2 span {
                position: absolute;
                margin-left: -999em;}

        #find {
            clear: right;}

        #leftFind table {
            width: auto;}

        #leftFind td.date table {
            width: 100%;}

        #leftFind select {
            border: 1px solid #8A9652;
            color: #5C6437;
            width: 100%;
            font-weight: bold;}

            #leftFind option {
                padding: 0 0.2em;}

        #leftFind label {
            font-size: 90%;}

        #leftFind input.date {
            border: 1px solid #8A9652;
            color: #5C6437;}

        #leftFind .go {
            }

    #leftNav #leftMenu, .roundMenu div {
        background: transparent url(/images/window_bg_menu.png) repeat;}

    #leftNav #leftMenu {
        padding: 0;}

        ul.expMenu {
            overflow: hidden;
            width: 100%;
            padding: 0.4em 0;}

            ul.expMenu li {
                width: 100%;
                display: block;
                line-height: 1.5;
                border-top: 1px solid #ffffff;
                color: #ffffff;
                cursor: pointer;}

            ul.expMenu li.top {
                border-top: none;}

                ul.expMenu li span, ul.expMenu li a {
                    padding: 0 2.5em 0 0.3em;
                    color: #ffffff;
                    text-decoration: none;
                    display: block;
                    padding-top: 0.3em;
                    padding-bottom: 0.3em;}

                ul.expMenu li.sfhide span.menuButton {
                    padding: 0;
                    margin: -1.2em 0.5em 0 0;
                    display: block;
                    height: 15px;
                    width: 15px;
                    float: right;
                    background: url(/images/interface/menu_expand_button.png) no-repeat;}

                ul.expMenu li.sfhover span.menuButton,  ul.expMenu li.sfcurrent span.menuButton {
                    background: url(/images/interface/menu_collapse_button.png) no-repeat;}

                ul.expMenu li.sfhide:hover, ul.expMenu li.sfcurrent, ul.expMenu li.sfhover {
                    background: #F0C545;}

                    ul.expMenu li.sfhover ul {
                        border-bottom: 1px solid #ffffff;}

                ul.expMenu li ul li {
                    border-top: 1px solid #5A3E1D;
                    background: transparent url(/images/window_bg_submenu.png) repeat;
                    height: auto;}

                ul.expMenu ul li a {
                    display: block;
                    line-height: 1.5;
                    padding: 0 0.4em;
                    color: #5A3E1D;
                    text-decoration: none;
                    padding: 0.2em 0 0 1em;
                    font-weight: normal;}

                 ul.expMenu ul li a:hover, ul.expMenu ul li.sfcurrent a {
                     background: #B2C26A;}

    #leftNews, div.roundNews div {
        background: transparent url(/images/window_bg_news.png) repeat;}

    #leftNews {
        color: #CFAB3B;
        font-weight: bold;
        overflow: hidden;
        height: 100%;}

         #leftNews div {
             margin-left:5%;
            width: 90%;
            overflow: hidden;
            padding-top: 5px;}

            #leftNews p.label {
                color: #ffffff;
                font-weight: normal;
                font-size: 90%;
                width: 80%;
                margin-top: 0.5em;}

            #leftNews a {
                float: right;
                margin-top: -25px;}

    #leftNav div.contentBox {
        padding: 0.4em;}

    #leftNav .clearBottom {
        margin-bottom: 1em;}


/* Content */

#contMain {
    width: 78.9%;
    float: left;
    margin-left: 1%;}

#contMain .roundedRight {
    clear: both;}

div.innerWindowContent {
    background: #ffffff;
    color: #5A3E1D;
    padding: 2em 1em;
    clear: left;
    position: relative;
    z-index: 1;
    min-height: 30em;}

    div.innerWindowContent img {
        float: left;
        margin: 0 1em 0 0;}

   div.innerWindowContent ul, ol {
    margin: 0.5em 0 1em 0;}

        div.innerWindowContent li {
            margin: 0.5em 2em;}

        div.innerWindowContent ul li {
            list-style-type: disc;}

            div.innerWindowContent ul li ul li, div.innerWindowContent ol ul li {
                list-style-type: circle;}

        div.innerWindowContent ol li {
            list-style-type: decimal;}

            div.innerWindowContent ol li ol li, div.innerWindowContent ul ol li {
                list-style-type: lower-roman;}



/* Tabs */

.mainTop {
    position: relative; /* % */
    z-index: 1; /* % */}

div.tabs {
    clear: both;
    position: relative; /* % */
    z-index: 1; /* % */}
    
/* %: Added to fix Firefox 3 z-index issue */

div.tabs li {
    float: left;
    margin-bottom: -29.4em;
    margin-right: 0.2em;
    display: block;
    height: 100%;
    position: relative;
    z-index: -1;}

   div.tabs li a {
        background: url(/images/interface/tab_right.png) no-repeat right top;
        color: #ffffff;
        width: auto;
        padding-right: 0.5em;
        display: block;
        text-align: center;
        text-decoration: none;
        font-weight: normal;
        margin-bottom: -30em;
        padding-bottom: 30em;
        cursor: pointer;
        position: relative;
        overflow: hidden;}

        div.tabs li a span.tabLeft {
            background: url(/images/interface/tab_left.png) no-repeat left top;
            height: 100%;
            display: block;
            padding: 0.2em 0.1em 30em 0.5em;
            width: auto;}

    div.tabs li a:hover, div.tabs li a.current {
        background-image: url(/images/interface/tab_hover_right.png);
        color: #535E2F;}

    div.tabs li a:hover span.tabLeft, div.tabs li a.current span.tabLeft {
        background-image: url(/images/interface/tab_hover_left.png);}


/* Search Results */

   #contMain div.searchResults ul li {
        text-transform: none;
        list-style-type: none;
        margin: 0 0 0 1em;
        border-bottom: 1px solid #8A9652;
        color: #000000;
        width: 100%;
        display: block;
        line-height: 2.0;
        font-weight: normal;
        list-style-type: none;}

     #contMain div.searchResults ul li.last {
         border: none;}

        #contMain div.link ul li a br {
            display: none;}

        #contMain div.searchResults ul li a {
            color: #000000;
            display: block;
            width: 98%;
            height: auto;
            text-decoration: none;
            line-height: 3.0;
            padding-left: 2%;
            overflow: hidden;}

        #contMain div.searchResults ul li a:hover {
            background: #9EA576;
            color: #000000;}

       div.searchResults h2 {
        text-transform: uppercase;
        color:#A78930;
        font-size: 120%;}

/* Links */

#contMain div.link ul li {
    width: 90%;
    display: block;
    padding: 0; }

#contMain div.link ul li a, #contMain div.link ul li div.linkInner {
    display: block;
    width: 98%;
    padding: 1%;}

#contMain div.link ul li.help a {
    display: inline;
    width: auto;
    padding: 0 0 0 0;
    margin: 0;
    height: auto;
    line-height: 1;
    color: #5A3E1D;}

#contMain div.link ul li.help a:hover {
    background: none;
    color: #A78930;}
    

#contMain div.link ul li a.newsLink {
    display: block;
    width: auto;
    float: right;
    padding: 0;
    margin: 0;
    color: #5A3E1D;
    font-weight: bold;
    line-height: 1.2;}

    #contMain div.link ul li a.newsLink:hover {
        background: none;
        color: #A78930;}

#contMain .linkTitle {
    display: block;
    font-size: 100%;
    margin: 0;
    padding: 0;}

#contMain .linkAuthor {
    display: block;
    margin: 0 0 0.2em 0;
    padding: 0;
    font-size: 100%;
    font-weight: normal;}

#contMain .linkTitle span {
        display: block;
        padding: 5px 0 5px 0px;
        color: #5A3E1D;
        font-size: 120%;
        font-weight: bold;}

#contMain div.link ul li a img {
/*
    width: 114px;
    height: 77px;
*/
    background: black;
    float: left;
    margin-top: 10px;
zoom: 1;}

#contMain .linkTarget {
    display: block;
    font-weight: bold;
    margin: 0 0 0.2em 0;
    font-size: 100%;}

#contMain a:hover .linkTarget {}

#contMain .linkDescription {
    display: block;
    line-height: 1.5;
    margin-top: 0.5em;
    overflow: hidden;
    padding: 0;
    margin: 0;}

#sizer #expander #wrapper #contMain a.nolink {
    cursor: default;}

div.searchResults {
    padding-top: 1em;}

div.calendar {
    z-index: 100;}
