*
{
}

body
{
    margin: 0px;
    background-repeat: repeat-x;
    background-image: url(images/bg_o.gif);
    background-color: #CCCCFF;
    font-family: Century Gothic, Arial, Serif;
    font-size: 12px;
}

#wrapper
{
    width: 910px; /*770px;*/
    margin: 0 auto;
    padding-bottom: 3px;
    border: 1px solid transparent; /* #FFFFFF */
    text-align: left;
    background-color: Transparent /*#000000; */ /*	background-image:url(Images/main_bg.png); */ /*	background-repeat:repeat-y; */ /*	background-position:top center; */;
}
* html .wrapper
{
    /*** IE5.x/win box model fix ***/
    width: 912px /*772px;*/ /* wid\th: 910px; */ /*770px;*/;
}

td
{
    vertical-align: top;
}

td.fieldname
{
    text-align: right;
    font-size: 10px;
    font-weight: bold;
}

hr
{
    color: #b45d16;
}

a.infopop
{
    color: Red;
    text-decoration: underline;
}

#container
{
    background-color: transparent; /*black;*/
    position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
    margin-left: 140px; /*150px;*/ /*** Critical left col dimension value ***/
    width: 626px; /*468px;*/ /*468px;*/ /*** Critical left and right col/divider dimension value (moves inversly) ***/
    border-left: 1px solid transparent; /*#FFFFFF;*/ /*** Critical left divider dimension value ***/
    border-right: 1px solid transparent; /*#FFFFFF; */ /*** Critical right divider dimension value ***/
}

* html #container
{
    /*** IE5.x/win box model fix ***/
    width: 628px; /*470px;*/ /*** Critical left and right col/divider dimension value (moves inversly) ***/ /* wid\th: 468px; */ /*** Critical left and right col/divider dimension value (moves inversly) ***/
}




#container2
{
    /*  background-color: #bcbfc0;    margin-right: 142px;  critical sizing  */
    float: left;
    width: 626px; /*468px;*/ /*** Critical left and right col/divider dimension value (moves inversly) ***/
    margin-right: -1px; /*** Static fix ***/
}

#header
{
    position: relative;
    padding: 0px;
    margin: 0px;
    width: 100%;
    height: 125px;
    background-color: Transparent;
}

#header1
{
    position: absolute;
    top: 0px;
    left: 0px;
    height: 260px; /*115px;*/
    width: 118px;
    color: Black;
    font-size: 10px;
    background-color: Transparent;
    
}

#header2
{
    position: absolute;
    top: 0px;
    left: 141px; /* 370px; */
    background-color: Transparent;
    padding: 0px;
    margin: 0px;
    width: 624px;
    height: 122px;
    background-image: url(images/BistroOnSpruceHeader.bmp);
    background-repeat: no-repeat; 
    
    border-style: solid;
    border-color: Gray;
    border-width: 1px;
    color: White;
    font-family: Georgia, Century Gothic;
    font-size: 75px;
    text-align: center;
}

#header3
{
    position: absolute;
    text-align: center;
    top: 0px;
    right: 0px;
    height: 115px;
    width: 140px;
    color: #FFFFFF;
    background-color: transparent;
    font-size: 10px;
    padding-top: 10px;
}

#header4
{
    padding: 0px;
    margin: 0px;
    width: 200px;
    height: 115px;
    background-color: black;
}
#headermenu
{
    position: absolute;
    top: 100px;
    left: 160px;
    width: 550px;
    padding: 2px 2px 0px 2px;
}

#breadcrumb
{
    background-color: white;
    color: Black; /*  padding: 3px;*/
    font-size: 10px;
    padding-left: 5px;
    border-bottom-style: solid;
    border-color: Gray;
    border-width: 1px;
}

#breadcrumb a
{
    color: black;
}

#footermenu
{
    text-align: center;
    padding-top: 10px;
}

#footertext
{
    color: #000000;
    text-align: center;
    padding-top: 3px;
}

#bannerbox
{
    border: dashed 2px #c35308;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 10px;
    margin-right: 10px;
    padding: 5px;
    text-align: center;
    background-color: #e1e1e1;
    visibility: hidden;
}

#bannerbox a
{
    font-size: 10px;
    text-decoration: none;
    color: black;
}

#loginbox
{
    width: 135px; /*152px; */ /* critical sizing */
    height: 80px;
    padding: 3px 3px 3px 3px;
    font-size: 10px;
    text-align: left;
}

#loginbox input
{
    color: black;
    border-color: black;
    background-color: white;
    font-size: 10px;
}

#themeselector
{
    position: absolute;
    text-align: right;
    top: 153px;
    right: 10px;
    width: 180px;
    height: 80px;
    padding: 2px 2px 2px 2px;
    font-size: 10px;
}

#themeselector select
{
    color: black;
    background-color: #e1e1e1;
    font-size: 10px;
}

#welcomebox
{
    font-size: 12px;
    text-align: right;
}

#footer
{
    padding: 0px;
    margin: 0px;
    width: 100%;
    height: 62px; /*  background-image: url(images/FooterSlice.gif); */
    background-color: transparent; /* #FFFFFF; */
    visibility: hidden;
}

#leftcol
{
    /*   position: absolute;    top: 115px;    left: 0px;    width: 142px;  critical sizing     color: White;    /* background-image: url(images/nav-spine.jpg);    background-color:#000000;    font-size: 10px; */
    color: Black;
    background-color: Transparent;
    font-size: 10px;
    top: 150px;
    position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
    width: 142px; /*152px;*/ /*** Critical left col/divider dimension value ***/
    margin-left: -141px; /*-151px;*/ /*** Critical left col/divider dimension value ***/
    padding-top: 3px; /*30px*/
}
* html #leftcol
{
    float: left;
    padding-top: 25px;
}
#leftcol a
{
    color: Black;
}

#leftcol div.text
{
    padding: 6px 6px 6px 6px;
    text-align: justify;
}

#leftcol div.alternatetext
{
    padding: 6px 6px 6px 6px; /*  background-color: #000000; */
    text-align: justify;
}

#leftcol div.sectiontitle, #leftcol .sectiontitle span
{
    padding: 6px 6px 6px 3px; /* background-color: #FFFFFF; */
    color: #000000;
    font-size: 12px;
    font-weight: bold;
    text-align: justify;
    text-transform: uppercase;
    border-top: solid 1px gray;
}

/*#leftcol div.sectiontile a.hover
{
     color:#FFFFFF;
     text-decoration:underline;
     font-weight:bold;
     line-height:170%;
}
*/
a.LinkNoUnderline
{
    /*color:White; */
    text-decoration: none;
}
a.LinkNoUnderline:hover
{
    text-decoration: underline;
}

#leftcolcontainer
{
    width: 140px; /*150px;*/ /*** Critical left col dimension value ***/
}

#centercol
{
    /*   position: relative;    margin-left: 142px; /* critical sizing */
    padding: 0px;
    background-color: #FFFFFF;
    float: right;
    width: 624px; /*468px;*/ /*** Critical left and right col/divider dimension value (moves inversly) ***/
    border-style: solid; /* needs to be 626 with no border */
    border-color: Gray;
    border-width: 1px; /* \*/
    margin-left: -1px; /* Hidden from IE-mac */
    padding-top: 3px; /* 30px */
}

#centercoltop
{
    /* background-repeat: no-repeat;     background-image: url(images/listings_background_top.jpg); */
    background-color: #FFFFFF;
    height: 4px; /* was 23px  header was introduced */
}
#centercolcontent
{
    padding: 0px 16px 15px 6px; /*padding: 15px 6px 15px 6px;*/ /*  background-image: url(images/listings_background.jpg); */
    background-color: #FFFFFF; /* #FFFFCC; */ /* #99CCCC; */ /* border-style: solid; 	border-color: Gray; 	border-width: 1px; */
}

#centercolcontent div.sectiontitle, #centercolcontent .sectiontitle span
{
    font-weight: bold;
    font-size: larger;
    color: #b45d16;
}

#centercolcontent div.sectionsubtitle
{
    font-weight: bold;
    padding-bottom: 4px;
}

#centercolbottom
{
    /*  background-repeat: no-repeat;    background-image: url(images/listings_background_bottom.jpg); */
    background-color: #FFFFFF;
    height: 4px; /* was 23 */
}

#rightcol
{
    /*   position: absolute;    top: 115px;    right: 0px;                width: 142px; /* critical sizing     color: White; /*   background-image: url(images/nav-spine.jpg);      background-color: #000000;     font-size: 10px; */
    color: #000000;
    background-color: transparent;
    font-size: 10px;
    float: left;
    position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
    width: 142px; /*152px;*/ /*** Critical right col/divider dimension value ***/
    margin-right: -140px; /*-150px;*/ /*** Critical right col/divider dimension value ***/
    margin-left: -1px; /*** Static fix ***/
    padding-top: 3px; /* 30px */
}

/* \*/
* html #rightcol
{
    margin-left: 0px;
    margin-right: -500px; /* mar\gin-right: -152px; */
    padding-top: 25px;
}

#rightcol a
{
    color: Black;
}

#rightcol div.text
{
    padding: 6px 6px 6px 6px;
    text-align: justify;
}



#rightcol div.sectiontitle, #rightcol .sectiontitle span
{
    padding: 6px 6px 6px 3px; /*  background-color: #FFFFFF; */
    color: Black;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    border-top: solid 1px gray;
}
#rightcolcontainer
{
    /* \*/
    width: 140px; /*150px;*/ /* Hidden from IE-Mac */ /*** Critical right col dimension value ***/
    margin-left: 3px; /*** Critical right divider dimension value ***/
}

/* \*/
* html #rightcolcontainer
{
    /* fl\oat: right; */
    margin-left: 2px; /* mar\gin-left: 0px; */
}
.footermenulink
{
    font-family: Arial, Serif;
    font-size: 12px;
    color: #000000;
    font-weight: bold;
    text-transform: uppercase;
}

.footermenulink a
{
    text-decoration: none;
    color: #000000;
}

.headermenulink
{
    font-family: Century Gothic;
    font-size: 14px;
    text-transform: uppercase;
    background-color: Transparent; /*   background-image: url(images/footer.gif); */
}

.headermenulink a
{
    text-decoration: none;
    color: #FFFFFF;
}

.headermenulink a:hover
{
    text-decoration: underline overline;
    color: #FFFFFF;
}

.highlight
{
    background-color: #fefbd2;
    color: #000080;
}

.highlightcity
{
    background-color: #df2e05;
}

.highlightstate
{
    background-color: #f4c977;
}

.highlightcountry
{
    background-color: #818689;
}

.articlebox
{
    background-color: #fefef0;
    color: #b45d16;
    border: dashed 1px #995117;
    padding: 6px 6px 6px 6px;
    font-size: smaller;
}

.articletitle
{
    font-size: 18px;
    font-weight: bold;
    color: #995117;
    text-decoration: none;
}

.articleabstract
{
    padding-top: 6px;
}

.comment
{
    padding: 4px 0px 4px 0px;
    font-size: smaller;
}

.jukeboxcontent
{
    padding: 0px 0px 0px 0px;
}

.pollbox
{
    font-size: 11px;
}

.pollcontent
{
    padding: 6px;
}

.pollquestion
{
    font-size: 13px;
    font-weight: bold;
}

.polloptions
{
    padding-top: 10px;
    padding-bottom: 4px;
}

.pollbar
{
    background-color: red;
    font-size: 4px;
}

.progressbarcontainer
{
    width: 98%;
    height: 15px;
    border: solid 1px black;
    padding: 1px;
}

.progressbar
{
    width: 0px;
    background-color: Red;
    height: 15px;
}
.travelpartners
{
    font-size: 11px;
}

#NewsletterEmail
{
    width: 125px; /* critical sizing */
    font-size: 10px;
}

.newsletterbox
{
    font-size: 11px;
}

.rssreaderimage
{
    margin-right: 3px;
    float: left; /*    width: 74px;      height: 48px; */
    border-style: none; /* border-color: Black; */
}

.newsletterboxcontent
{
    padding: 6px;
    text-align: left;
}

.postinfo
{
    background-color: #f9eaa6;
    font-weight: bold;
    text-align: center;
}

.posttitle
{
    padding: 3px;
    margin-bottom: 10px;
    background-color: #f09d35;
    color: black;
    font-weight: bold;
}

.postbody
{
    padding: 3px;
}

.shoppingcartbox
{
    font-size: 11px;
}

.shoppingcartboxcontent
{
    padding: 6px;
}

@media print
{
    body
    {
        margin: 0px;
        background-color: white;
        font-family: Century Gothic, Arial, Serif;
        font-size: 12px;
    }
    #centercol
    {
        border-style: none;
    }
    #leftcol
    {
        visibility: hidden;
    }
    #rightcol
    {
        visibility: hidden;
    }
    #header1
    {
        visibility: hidden;
    }
    #header2
    {
        border-style: none;
        background-image: none;
    }
    #header3
    {
        visibility: hidden;
    }

    #header4
    {
        visibility: hidden;
    }
    #headermenu
    {
        visibility: hidden;
    }

    #breadcrumb
    {
        border-style: none;
        visibility: hidden;
    }
    #footermenu
    {
        visibility: hidden;
    }
    #footertext
    {
        visibility: hidden;
    }
    .menuselection
    {
        visibility: hidden;
    }

}