/* main style sheet*/
body {
max-width: 1100px;
background-image: url(../image-files/22b.jpg);
background-repeat: no-repeat;
background-position: top center;
background-color: #fff; 
font-family: arial, Verdana, sans-serif;
font-size: 93%; /*leave this...it sets the overall size of your fonts.*/
color: #000;
margin: 20px auto;
padding: 0;
text-align:center;
}

/* 
Note width:expression is for internet explorer, which doesnt understand max-width commands.
This works WITH the max-width at the top of this page. If changing to say 1250px, change it here
to 1250px as well. Firefox will ignore this part, and IE will ignore the max-width part....both are needed!*/

.max-width {
width:expression(document.body.clientWidth > 1102? "1100px": "auto" );
}

/*the font size is 100% of the body font setting So while it says 100%, that is actually 100% of 93%. No need to touch this if you dont want to */

table {
font-size:100%; /*leave this font size, change the individual cells below*/
background-color: #ffffff;
color: inherit;
margin: 0 auto;
border: 0;
width: 100%;
}

table.maintable {
padding: 0;
border: 0;
background-color: #ffffff;
width: 100%;
}


td.logo {
background-color:#ffffff;
font-size: 100%; 
}


td.headerbg {
background-color: #ffffff;
font-size: 88%; 
background-image: url(../image-files/18a.jpg);
background-repeat: no-repeat;
background-position: top left;
padding-top: 0;
margin-top:0;
height: 70px;
}


td.navheaderbg {
background-color: transparent;
font-size: 88%; 
padding: 0;
}


td.toppagebg {
background-color: #ffffff;
font-size: 88%; 
}


td.extranav {
background-color: #ffffff;
font-size: 88%; 
}


td.extranav2 {
background-color:#ffffff;
text-align:center;
}


td.aboveheader {
background-color: transparent;
font-size: 88%; 
text-align:right;
margin:0;
}


/*spacer cell spacerbg and spbg no other attributes needed but match width with leftbg for nav column*/
td.spacerbg {
font-size: 91%;
background-color: #ffffff;
width: 15%; 
}

td.spbg {
font-size: 89%;
background-color: #ffffff;
width: 15%; 
}

td.leftbg {
font-size: 89%;
background-color: #ffffff;
color: inherit;
margin-left: 2px; 
padding: 20px 1px 5px 1px;
border: 0;  
}


td.contentbg {
background-color:#ffffff;
border-left: 1px dotted #ccc;
border-right: 1px dotted  #ccc;
border-top: 0px solid  #cccccc;
border-bottom: 0px dotted  #006699;
line-height: 1.5em;
font-size: 91%; 
color: inherit;
padding: 20px 15px 20px 15px;
}


td.rightbg {
font-family: Arial, Verdana, sans-serif;
font-size: 90%;
color: inherit;
background-color: #ffffff; 
padding: 20px 1px 5px 1px;
border: 0;
text-align: center;
width: 23%;
}


td.rbg {
font-family: Arial, Verdana, sans-serif;
font-size: 90%;
color: inherit;
background-color: #ffffff; 
padding: 20px 1px 5px 1px;
border: 0;
text-align: center;
width: 23%;
}



td.footerbg {
font-size: 88%;
color:inherit;
background-color:#ffffff;
border-top: 1px dotted #95ACB2;
padding: 5px;
margin-top: 15px;
}

td.bottomstrip {
clear:both; 
text-align:center;
background-color: #ffffff;
height: 65px;
padding-bottom: 5px;
}

.contentbottomstrip {
margin: auto;
padding 5px 0;
}



.footernav {
font-size:88%;
margin-right: auto;
margin-left: auto;
margin-top:10px;
margin-bottom: 10px;
text-align: center;
clear:both;
}

/*this sets the c2 content box smaller*/

.c2Form .storyInput { 
height: 150px; 
} 


/* this is a custom class for using graphics as bullets.  Upload a custom graphic to your 
graphics library in the usual way. Then replace my URL with your own. Note there are no speech marks around the URL Change center to top, if you want bullets to line up with the top line of yr text*/
 
ul {
list-style-type: round;
padding-left: 0;
margin-left: 10px;
}

li.custom { 
padding-left: 20px;
margin-top: 10px;
}



li.custom1 {
list-style-type: square;
padding-left: 0;
margin-top: 10px;
}



li.custom2 {
list-style-type: none;
padding-left: 0;
margin-top: 10px;
}


/*horizontal rule class*/
hr {
border: 0;
color: inherit;
background-color: #28517a;
height: 1px;
width: 90%;
text-align: center;
}


 
/* Link-text and headings, NOT navigation links.*/

a { 
font-family: Arial, Verdana, sans-serif;
font-size: 100%; 
color: #0000ff;
text-decoration: underline;
font-weight: normal;
}


a:visited { 
font-family: Arial, Verdana, sans-serif;
font-size: 100%; 
background-color: transparent;
color: purple;
text-decoration: underline;
font-weight: normal;
}

a:hover { 
font-family: Arial, Verdana, sans-serif;
font-size: 100%; 
background-color: transparent;
color: #ff9933;
text-decoration: underline;
font-weight: normal;
}

 
.headernavlk img a:link {
text-decoration: none;
opacity:1.0;
filter:alpha(opacity=100); /* For IE8 and earlier */
}

.headernavlk img a:hover {
opacity:0.5;
filter:alpha(opacity=50); /* For IE8 and earlier */
 }
 
.headernavlk a:link a:hover a:visited {
border:0;
 }


/* -- Thumbnail-with-Caption Navigation -- */

.thumbnaillink {
text-align: center;
padding: 3px;
border: 2px solid #ff9933;
}

.thumbnaillink a:link {
text-decoration: none;
text-align: center;

}

.thumbnaillink a:hover .Caption {
text-decoration: underline;
color: red;
}

h1, h2, h3, h4, h5, h6 {
margin-bottom: 10px;
margin-top: 10px;
line-height: 1.4em;
}



h1 { font-family: Georgia, Verdana, Arial, sans-serif;  font-size: 140%;  color: #28517a; text-align:center;}
h2 { font-family: Georgia, Verdana, Arial, sans-serif;  font-size: 135%;  color: #28517a; text-align:center;}
h3 { font-family: Georgia, Verdana, Arial, sans-serif;  font-size: 116%;  color: #28517a; text-align:left; border-bottom: dotted 1px #28517a;}
h4 { font-family: Georgia, Verdana, Arial, sans-serif;  font-size: 116%;  color: #28517a; text-align:left; border-bottom: dotted 1px #28517a;}
h5 { font-family: Georgia, Verdana, Arial, sans-serif;  font-size: 108%;  color: #28517a; text-align:left;}
h6 { font-family: Georgia, Verdana, Arial, sans-serif;  font-size: 108%;  color: #28517a; text-align:center;}


.blogItItem h3 {
    font-family: Georgia, Verdana, Arial, sans-serif;
    font-size: 116%;
    color: #28517a;
    text-align: left;
    border-bottom: dotted 0px #28517a;
}

.blogItItem {
    margin: 18px 0;
    padding: 0 12px;
    border: 1px solid #336699;
    background: #f2f6f9;
    box-shadow: 4px 4px 4px #ccc;
    border-radius: 4px;
}

/*  */


/* This is for the heading background color....your H1, H2, and H3 tags*/
.hbg{
background-color: #f2f6f9; 
padding-top:8px;
padding-bottom: 8px;
padding-right:5px;
padding-left:5px;
color: #336699;
width: auto;
text-align: left;
border-bottom: 0px solid #96B7D1;
}



.dhbg {
padding-top:3px;
padding-bottom:2px;
padding-right:3px;
padding-left:3px;
color: #336699;
border-bottom: 0px solid #f2f6f9;
width: auto;
text-align: center;
}



.chbg {
background-color: #f2f6f9; 
border-bottom: 0px solid #96B7D1;
padding-top:3px;
padding-bottom:3px;
padding-right:3px;
padding-left:3px;
color: #336699;
width: 98%;
text-align: left;
}



.rhbg {
background-color: #f2f6f9; 
padding-top:5px;
padding-bottom:5px;
padding-right:5px;
padding-left:5px;
color: #336699;
width: auto;
text-align: center;
}


.campgroundinvite {
color: #000080;
font-size: 105%;
font-weight: bold;
text-align:center;
}


.underheading {
color: #cc0000;
font-size: 130%;
font-weight: bold;
text-align:left;
}



.highlights {
color: #cc0000;
font-weight: bold;
}

.red {
color: #cc0000;
font-weight: bold;
font-size:105%;
}


.redunderheading {
color: #cc0000;
font-size: 115%;
font-weight: bold;
text-align: center;
}
 

.linkheading {
color: #cc0000;
font-size: 115%;
font-weight: bold;
text-align: center;
margin: 20px auto 10px auto;
border-bottom: 0;
text-decoration:none;
}


.likethispage {
color: #28517a;
font-size: 135%;
border-bottom: solid 0px #cccccc;
font-weight: bold;
text-align: left;
} 


.bluehighlights {
color: #336699;
font-weight: bold;
}
 
 
.grayhighlights {
color: #808080;
font-weight: bold;
text-align:center;
font-family: Georgia, Verdana, Arial, sans-serif;
font-style:italic;
}
 

.canceledevent {
color: #FF8000;
font-weight: bold;
font-size:1.3em;
}
 


.AdSenseBoxLeft {
background-color: transparent;
margin: 8px 15px 10px 0px;
padding: 2px;
float: left;
line-height:normal;
}


.adleft {
background-color: transparent;
margin: 10px 15px 10px 0px;
padding: 8px;
float: left;
line-height:normal;
}



.AdSenseBoxRight {
background-color: transparent;
margin: 8px 0px 10px 15px;
padding: 2px;
float: right;
line-height:normal;
}



.adright {
background-color: transparent;
margin: 10px 0px 10px 15px;
padding: 8px;
float: right;
line-height:normal;
}


.AdSenseBoxCenter468 {
background-color: transparent;
width: 468px;
margin: 25px auto 15px auto;
padding: 5px;
clear: both;
line-height:normal;
}


.AdSenseBoxCenter {
background-color: transparent;
margin: 25px auto 10px auto;
padding: 5px;
text-align:center;
clear: both;
line-height:normal;
}




.adcenter {
background-color: transparent;
margin: 10px auto 20px auto;
padding: 5px;
text-align:center;
clear: both;
line-height:normal;
}

.leftcolumnad {
margin-left: 6px;
margin-right: auto;
padding: 0;
line-height:normal;
clear:both;
}


.rightcolumnad {
margin: auto;
padding: 1px;
line-height:normal;
}
 
 
.ReminderBox {   
background-color: #f2f6f9;
width: 35%;
border: 1px solid #336699;
margin: 0 0 12px 18px;
float: right;             /* adding float enables text to flow around it */
color: #39412C;
padding 6px;
}


.ReminderBox h4 {
background-image:url(../image-files/funfactpin.png);
background-position:top left;
background-repeat:no-repeat;
margin: 5px 0 0 0;
padding: 12px 0 0 12px;
text-align: center;
background-color: #fff;
height: 45px;
}


.ReminderBox p {
font-size:14px;
padding: 0 4px 4px 4px;
line-height: 135%;
font-family: Times New Roman, Georgia;
}


/* information below is to remove the link styling for anchor links.
Just leave this as it is....it works fine, and shouldn't be modified */
a.jumplink{
text-decoration: none;
font-size: 100%; 
background-color: transparent;
color: #000;
}

a:hover.jumplink  {
text-decoration: none;
font-size: 100%; 
background-color: transparent;
color: #000;
} 

/* miscellaneous */


/*Begin Return To Nav Breadcrumb */


.returntonav {
width: 98%;
background-image: url();
background-repeat: no-repeat;
background-position: left center;
background-color: #f2f6f9;
border-top: 1px dotted #cccccc;
border-bottom: 1px dotted #cccccc;
margin: 5px auto 12px auto;
padding: 12px 12px 12px 10px;
font-size: 85%;
line-height: 1.3em;

}

/*End Return To Nav Breadcrumb */


.likebuttonbottom {
margin: 10px auto 15px 5px;
padding: 5px auto 25px 5px;
height: 45px;
background-color: #f2f6f9;
border: 1px solid #336799;
border-radius: 4px;
-moz-border-radius: 4px;
clear: both;
}


.likebuttontop {
float: right;
height: 45px;
background-color: transparent;
clear: both;
padding: 0;
}


.fb-box-lc {
float: left;
height: 45px;
background-color: transparent;
padding: 0;
margin-bottom: 2px;
margin-left: 3px;
margin-top: 0;
clear: both;
}


.fb-box {
background-color: transparent;
padding: 2px;
border-top: 0px solid #c6cad6;
border-left: 0px solid #c6cad6;
border-bottom: 0px solid #c6cad6;
border-right: 0px solid #c6cad6;
margin-bottom: 8px;
margin-left: 4px;
text-align: left;
} 

.fbcomment-box {
margin: 0 auto 5px auto;
padding-left: 5px;
font-size: 93%;
background-color: #ffffff;
clear: both;
}

.sharebox-lc {
margin-left: 4px;
margin-bottom: 6px;
clear: both;
}


.topofpage {
float: right;
clear: both;
font-size: 88%;
}

table .fruit {
background-color: #f2f6f9;
border: 2px solid #ccc;
width: 95%;
cellpadding: 15px;
cellspacing: 15px;
text-align: center;
}


.fruitlistbox {
line-height: 1.5em;
background-color: #f2f6f9;
margin: 12px auto 12px 15px;
border: 0px solid #ccccff;
padding: 10px 10px 10px 25px;
width: 40%;
text-align: left;
}

 
 
.adbelowreturntonav {
margin-left:auto;
margin-right:auto;
text-align: center;
}
 

.centerboxbelowreturntonav {
width: 85%;
background-color: transparent;
margin-left: auto;
margin-right: auto;
padding: 5px;
border: 0;
text-align: center;
}

.adright-belowreturntonav {
background-color: transparent;
margin: 5px 5px 5px 5px;
padding: 8px;
float: right;
}
 
 
 
.adleft-belowreturntonav {
background-color: transparent;
margin: 5px 5px 5px 5px;
padding: 8px;
float: left;
}
 

.imagemapokanagan {
padding: 20px;
text-align:center;
background-color: #ccccff;
}
 

.imagemapokanagan a:hover { 
background-color: #ccccff;
} 
 
 
.tourism {
font-size: 85%;
text-align: left;
background: #f2f6f9;
border: 1px solid #28517a;
}
 
 
.sharethisbox {
margin: 10px auto 10px auto;
}


.beenherehavefun {
color: #28517a;
font-weight: bold;
font-size: 105%;
}

table.hotel {
text-align: center;
margin: 10px auto 10px auto;
width: 95%;
vertical-align:top;
}


td.hotelquicklinks {
text-align:center; 
font-size: 85%;
}


.ezinebg {
background-image:url(../image-files/ezine-bg.jpg);
height: 205px;
background-repeat: no-repeat;
background-position:top center;
padding-top: 45px;
margin: 16px auto 0 auto;
clear: both;
}


.medianetad-rc {
text-align: center;
padding: 0;
margin: 0;
}
 
 
.rccomments {
background-color: #f2f6f9;
margin: 5px auto;
padding: 10px;
width: 90%;
font-family: 'times new roman',times,serif;
font-size: 98%;
line-height: 1.4em;
border: 1px dotted #336699;
color: #3A3A3A;
text-align: center;
clear: both;
}

.sig {
font-style:italic;
}

.fb-like-box-rc {
margin: 10px auto;
padding: 2px;
clear: both;
text-align: center;
}

.bottomlinks {
background-color: #f2f6f9;
width:90%;
padding: 3px;
margin-top:20px;
margin-bottom:5px;
margin-left:auto;
margin-right:auto;
font-size: 90%;
text-align: center;
 }

.adsensetopstrip-text {
position: relative;
top: 16px;
left:33px;

} 
 
 .adsensetopstrip {
background: url(../image-files/adsensebg.jpg) no-repeat scroll 0% 0% transparent;
height: 55px;
left:-15px;
position: relative;
margin: 5 auto 15 auto;
width: 555px;
}

.footerad {
margin-top: 10px;
margin-bottom: 5px;
margin-left: auto;
margin-right: auto;
text-align: center;
}

.imagethumb-rc {
box-shadow: 4px 4px 3px #cccccc;
border: 2px solid #f2f6f9;
border-radius: 3px;
margin-bottom: 4px;
 }
 
.rcimagethumblink {
text-align:center; 
margin-bottom:10px;

} 

.spacer {
margin-bottom:10px;
clear:both;
 }
 
 
.centeralign {
margin: 10px auto 20px auto;
clear: both; 
text-align: center;
background-color: #fff;
border: 0;
}


.centeralignevent {
margin: 10px auto 20px auto;
clear: both; 
text-align: left;
background-color: #fff;
padding: 10px 5px 5px 5px; 
box-shadow: 6px 6px 5px #cccccc;
border: 0px solid #f2f6f9;
border-radius: 3px;
}

.centeritem {
margin: 10px auto;
text-align:center;
background-color: #fff;
clear: both; 
}

.center-box-homepage {
margin:auto;
clear:both;
padding: 15px 2px 5px 2px; 
text-align:center;
}

.imagecaption {
font-family: Georgia, Verdana, Arial, sans-serif;
font-weight:bold; 
color: #cc0000;
text-align:center;
padding-bottom: 4px;
font-size: 95%;
clear:both;
}

.chitika-ad {
margin: 15px auto 15px auto;
background-color: transparent;
padding: 5px;
 }
 
.chitikaleft {
float: left;
background-color:transparent; 
background-color:#f2f6f9;
padding: 0;
}

.chitikaright {
float: right;
background-color:transparent; 
background-color:#f2f6f9;
padding: 0;
}

.table .kelownaareas {
margin: auto;
width: 95%;
text-align: center;
}
 
.rc-ad {
margin: 5px auto 5px auto;
text-align: center;
clear: both;
}



.table .sportsevents {
width: 98%;
font-size: 85%;
text-align: center;
 }
 
 .rc-itemcenter {
 text-align:center;
 }
  
 
 .sportseventlist {
 font-size:88%;
 padding: 2px 10px 2px 10px;
 color:#336699;
 font-weight:bold;
 }
 
 
table .eventthumbs {
padding: 4px 2px;
background-color:#f2f6f9;
width: 98%;
margin: 10px auto;
text-align:center;
}
 
.img-link {
opacity:1.0;
filter:alpha(opacity=100); /* For IE8 and earlier */
}

.img-link:hover
{
opacity:0.50;
filter:alpha(opacity=50); /* For IE8 and earlier */
}
 

.funfactboxright {   
background-color: #f2f6f9;
width: 35%;
border-bottom: 1px dotted #336699;
margin: 0 0 12px 12px;
float: right;             /* adding float enables text to flow around it */
color: #39412C;
padding 6px;
}


.funfactboxright h4 {
background-image:url(../image-files/funfactpin.png);
background-position:left;
background-repeat:no-repeat;
margin: 3px 0 0 0;
padding: 2px 0 0 2px;
text-align: center;
background-color: #fff;
height: 45px;
}


.funfactboxright p {
font-size:14px;
padding: 0 4px 4px 4px;
line-height: 135%;
font-family: Times New Roman, Georgia;
text-align:center;
}


.funfactboxleft {   
background-color: #f2f6f9;
width: 35%;
border-bottom: 1px dotted #336699;
margin: 0 12px 12px 0;
float: left;             /* adding float enables text to flow around it */
color: #39412C;
padding 6px;
}



.funfactboxleft h4 {
background-image:url(../image-files/funfactpin.png);
background-position:left;
background-repeat:no-repeat;
margin: 3px 0 0 0;
padding: 2px 0 0 2px;
text-align: center;
background-color: #fff;
height: 45px;
}


.funfactboxleft p {
font-size:14px;
padding: 0 4px 4px 4px;
line-height: 135%;
font-family: Times New Roman, Georgia;
text-align:center;
}


.quoteboxright {   
background-color: #f2f6f9;
width: 35%;
border-bottom: 1px dotted #336699;
margin: 0 0 12px 12px;
float: right;             /* adding float enables text to flow around it */
color: #39412C;
padding 6px;
}


.quoteboxright h4 {
background-image:url(../image-files/quote.png);
background-position:top left;
background-repeat:no-repeat;
margin: 3px 0 0 0;
padding: 12px 0 0 25px;
text-align: center;
background-color: #fff;
height: 50px;
}


.quoteboxright p {
font-size:14px;
padding: 0 4px 4px 4px;
line-height: 135%;
font-family: Times New Roman, Georgia;
text-align:center;
}


.quoteboxsidebar {   
background-color: #f2f6f9;
width: 98%;
border-bottom: 1px dotted #336699;
margin: 10px auto 10px auto;
float: right;             /* adding float enables text to flow around it */
color: #39412C;
padding 4px;
clear: both;
}


.quoteboxsidebar h4 {
background-image:url(../image-files/quote.png);
background-position:top left;
background-repeat:no-repeat;
margin: 3px 0 0 0;
padding: 12px 0 0 25px;
text-align: center;
background-color: #fff;
height: 50px;
}


.quoteboxsidebar p {
font-size:14px;
padding: 0 4px 4px 4px;
line-height: 135%;
font-family: Times New Roman, Georgia;
text-align:center;
}

.searchboxrc {
background-color: #f2f6f9;
padding: 12px 1px 2px 1px;
margin: 3px auto;
border: 2px solid #336699;
 }
 
 
.boxbg {
background-color: #f2f6f9;
padding-top: 10px;
padding-bottom: 5px;
margin: 10px auto;
text-align:center;
clear: both; 
}

/* Begin Verticals one, two 554 width*/

#Vertical a {
color: #ffffff;
text-decoration:none;
}

#Vertical a:visited {
color: #ffffff;
text-decoration:none;
}

#Vertical a:hover {
color: black;
text-decoration:none;
}


#Vertical {
margin: 15px auto;
width: 88%;
border: 1px dotted #9eafba;
text-align: center;
height: 370px;
padding: 10px;
}

/* vertical one */

.Block-vertical-one {
    border: 1px solid #f2f6f9;
    float: left;
    margin-right: 4px;
    padding: 5px;
    width: 240px;
    height: 350px;
}

.Block-vertical-one img {
	width: 240px;
	height: 180px;
}

.Block-vertical-one h2 {
    background-color: #FF7E00;
    color: #FFFFFF;
    display: block;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 110%;
    font-weight: normal;
    height: auto;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
    width: 100%;
    margin-top: 0;
}

.Block-vertical-one p {
    color: #808080;
    display: block;
    float: left;
	padding-top:0;
    padding-bottom: 10px;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 90%;
    margin-bottom: 5px;
    text-align: center;
}

/* vertical two */

.Block-vertical-two {
    border: 1px solid #f2f6f9;
    float: left;
    margin-right: 4px;
    padding: 5px;
    width: 240px;
    height: 350px;
}


.Block-vertical-two img {
	width:240px;
	height:180px;
}


.Block-vertical-two h2 {
    background-color: #93a614;
    color: #FFFFFF;
    display: block;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 110%;
    font-weight: normal;
    height: auto;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
    width: 100%;
    margin-top: 0;
}


.Block-vertical-two p {
    color: #808080;
    display: block;
    float: left;
	padding-top:0;
    padding-bottom: 10px;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 90%;
    margin-bottom: 5px;
    text-align: center;
}

 
/* end verticals */

#SMap {
}

#SMap blockquote {
margin-left: 10px;
}
 
 #SMap ul li {
list-style-type:none; 
}



table.accom {
width: 95%;
cell-padding: 5px;
cell-spacing: 5px;
border: 1px solid #cccccc;
margin: 10px auto;
background-color: #f2f6f9;
box-shadow: 3px 3px 4px #cccccc;
border: 2px solid #f2f6f9;
border-radius: 3px;
 }
 
 
table.accom th {
 padding: 8px 0;
 background-color: #336699;
 font-size: 140%;
 color: #f2f6f9;
 border-bottom: 1px solid #cccccc;
 font-style:italic;
font-weight:bold; 
 }
 

table.accom td {
 padding: 4px 0 4px 3px;
 border-bottom: 1px solid #cccccc;
 line-height:1.3em;
  }
  

  
td.amen {
padding: 4px 0;
font-weight: bold;
text-align: center;
color: #336699;
 }
 
 
td.accomhighlights {
font-family: Georgia, Verdana, Arial, sans-serif;
padding: 0 10px 0 10px; 
line-height: 1.4em;
}
 
 
 
table .accomthumbs {
padding: 4px 2px;
background-color:#f2f6f9;
margin: 10px auto;
text-align:center;
}

img .accomthumb {
float: left;
padding: 2px;
border: 1px solid #cccccc;
 }

.accomspacer {
margin: 50px auto;
clear:both;
 }
 
ul.accomhighlights {
font-family: Georgia, Verdana, Arial, sans-serif;
padding: 0 10px 0 45px; 
line-height: 1.4em;
}


ul.highlightsB {
font-family: Georgia, Verdana, Arial, sans-serif;
padding: 0 20px 0 45px; 
line-height: 1.4em;
}


.AccomItemLeft {
float: left;
background-color: #ffffff;
padding: 1px 2px;
margin-right: 4px;
border: 2px solid #336699;
}


 
.accomblue {
color: #336699;
font-weight: bold;
font-family: Georgia, Verdana, Arial, sans-serif;
font-style:italic;
}


.accomred {
color: #cc0000;
font-weight: bold;
font-family: Georgia, Verdana, Arial, sans-serif;
font-style:italic;
font-size: 1.4em;
}

.floattips {
width: 90%;
background-color: #f2f6f9;
padding: 15px 20px;
margin: 10px auto;
 }
 
 .markets {
 width: 85%;
 margin: 15px auto;
  }

 .harvest {
 width: 88%;
 margin: 15px auto;
  }

table.blossomtime {
background-color:#f2f6f9;
 }
 
.harvestheading {
font-size:150%;
font-weight:bold;
font-variant:small-caps;
color: #cc0000;
 }/* Horizontal Navigation below header */

#nav {
margin: auto;
width: auto;
}

#nav ul { 
float: left; 
list-style: none; 
background: #f2f6f9; 
width: auto; 
padding: 0; 
margin: 0 0 0 0px; 
height: 30px; 
display: inline; 
text-transform: uppercase; 
} 

#nav ul li { 
background-color: #e3e9dd; 
display: inline; 
margin: 0; 
padding: 0; 
} 

#nav ul li a { 
background-color: #f2f6f9; 
display: block; 
float: left; 
width: auto; 
margin: 0; 
padding: 0 13px; 
border-top: none; 
border-right: 1px solid #fff; 
border-left: 1px solid #fff; 
border-bottom: none; 
color: #28517a; 
font: bold 10px/30px Arial, Geneva, sans-serif; 
text-transform: uppercase; 
text-decoration: none; 
letter-spacing: 1px; 
} 

#nav ul li a:hover, 
#nav ul li a:active { 
color: #28517a; 
background-color: #ffffff; 
font: bold; 
} 

/*End of the Horizontal Navigation below header. */


/*Begin nav top - rss and twitter buttons in header */


#navtop {
float: right;
margin-top: 0;
margin-right: 35px;
background-color: transparent;
width: auto;
padding: 0 3px;
}
 
/*End nav top*/

/* ------ Left Column Navigation ------ */

.Navigation {

font-family: 'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, sans-serif;
background-color: #ffffff;
border: transparent;
width: auto;
margin-top: auto;
margin-left: 2px;
margin-right: auto;
padding: 1px;
text-align: left;
font-weight:bold;
}

/* -- Nav Headers -- */

.Navigation h3 {
padding: 4px 0 4px 3px;
font-size: 90%;
color: #ffffff;
margin: 10px 2px;
background-color: #336699;
text-align:left;
}

/* -- Nav List -- */

.Navigation ul {
display: block;
list-style-type: none;
margin: 1px 0 1px 0;
font-size: 88%;
font-family: Verdana, Arial, sans-serif;
text-decoration: none; 
font-weight: normal;
background: #ffffff;

}

.Navigation ul li {
border: 0px solid #ffffff;
background: transparent; 
margin-top: 2px;
margin-bottom: 2px;
padding: 2px;
display: block;
font-weight:normal;
}

/* -- Navigation Link styles -- */

.Navigation ul li a {
color: #28517a;
display: block;     /*  this makes the whole box highlight rather than just the text */
padding: 2px;
text-decoration: none;
background: #ffffff;
font-weight:normal;
}

.Navigation ul li a:hover,
.Navigation ul li a:active {
color: #ff9933;
display: block;     /*  this makes the whole box highlight rather than just the text */
padding: 2px;
background-color: transparent; 
text-decoration: none;
font-weight:normal;
}


.Navigation ul li a:visited {
color: #28517a;
display: block;     /*  this makes the whole box highlight rather than just the text */
padding: 2px;
text-decoration: none;
font-weight:normal;
}


/*End left column navigation*/


/*this stylesheet is for the old original left navigation panel, not used after 2013 january*/

#navigator {
  
}

.housebutton {
line-height: 95%;
font-weight: normal;
}

.housebutton a {
font-size: 93%;
font-family: 'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, sans-serif;
text-decoration: none; 
font-weight: normal;
background-color: transparent;
}

.housebutton a:hover {
font-size: 93%;
font-family: 'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, sans-serif;
text-decoration: none; 
font-weight:normal;
background-color: transparent;
}

.housebutton a:visited {
font-size: 93%;
font-family: 'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, sans-serif;
text-decoration: none;
font-weight:normal; 
background-color: transparent;
}

/* this part below is for the color on the background, surrounding the buttons. Change the color, and the
 border, if you like. For the border, you can use solid, dashed, or dotted, for different border styles*/

#navigator {
background-color: transparent;
border:  transparent;
width: auto;
margin-top: auto;
margin-left: 2px;
margin-right: auto;
padding: 1px;
text-align: left;
font-weight:normal;

}


#navigator h3 {
margin-bottom: 5px;
color: #28517a;
 }
 
 
/* want more space between your buttons? just increase the margins
 from 1px. Font weight can be bold if you prefer.*/

.housebutton {
text-align: left;
margin-bottom: 3px;
margin-top: 3px;
font-weight:normal;
background-color: transparent;

}

/* this part is for the colors of your buttons "at rest" so to speak.*/

.housebutton a {
padding: 7px;
text-decoration: none;
display: block;
color: #113B63; /*this is where you change the button font color*/
background-color: #ffffff;
border-left: 1px solid #fff;
border-right: 1px solid  #fff;
border-top: 1px solid  #fff;
border-bottom: 1px solid  #fff;
font-weight:normal;
}


/*this part is how the buttons look, once the pointer passes over them. */

.housebutton a:hover { 
padding: 7px;
text-decoration: none;
display: block;
color: #113B63;  /*-----this is where you change the button font color, when the button is hovered over*/
background-color: #f2f6f9;
border-left: 1px solid #fff;
border-right: 1px solid  #fff;
border-top: 1px solid  #fff;
border-bottom: 1px solid  #fff;
font-weight:bold;
}




.housebutton a:active { 
padding: 7px;
text-decoration: none;
display: block;
color: #113B63;
background-color: #f2f6f9;
border-left: 1px solid #fff;
border-right: 1px solid  #fff;
border-top: 1px solid  #fff;
border-bottom: 1px solid  #fff;
font-weight:bold;
}


.housebutton a:visited { 
padding: 7px;
text-decoration: none;
display: block;
color: #113B63;
background-color: #ffffff;
border-left: 1px solid #fff;
border-right: 1px solid  #fff;
border-top: 1px solid  #fff;
border-bottom: 1px solid  #fff;
font-weight:bold;
}

/*This style sheet controls boxes*/


.full-width-box {
background-color: #ffffff;
margin: 15px 0px 10px 0px;
padding: 15px;
border: 1px solid #ccccff;
}

.full-width-box2 {
background-color: #f2f6f9;
margin: 15px auto 10px auto;
padding: 15px;
border: 1px solid #d9d9ff;
width: 75%;
text-align: center;
}

.full-width-box3 {
background-color: #ffffff;
margin: 15px 0px 10px 0px;
padding: 15px;
border: 2px solid #526689;
text-align: left;
}

.full-width-box4 {
background-color: #ffffaa;
margin: 15px 0px 10px 0px;
padding: 15px;
border: 1px solid #ccccff;
text-align: center;
}



.center-box {
width: 50%;
background-color: #ffffff;
margin-left:auto;
margin-right:auto;
padding: 15px;
border: 3px solid #ccccff;
}


.center-box2 {
width: 50%;
background-color: #f2f6f9;
margin-left:auto;
margin-right:auto;
padding: 15px;
border: 1px solid #ccccff;
}

.center-box3 {
width: 40%;
background-color: #ffffff;
margin-left:auto;
margin-right:auto;
padding: 15px;
border: none;
}

.center-box4 {
width: 50%;
background-color: #f2f6f9;
margin-left:auto;
margin-right:auto;
padding: 15px;
border: 1px solid #ccccff;
text-align: center;
}


.center-box5 {
width: 70%;
background-color: #f2f6f9;
margin-left:auto;
margin-right:auto;
padding: 8px;
border: 0;
text-align: center;
}


.center-box6 {
width: 65%;
background-color: #ffffaa;
margin-left:auto;
margin-right:auto;
padding: 10px;
border: 1px solid #ffffaa;
text-align: left;
}

.center-box7 {
width: 85%;
background-color: #e4e4ff;
margin-left:auto;
margin-right:auto;
padding: 15px;
border: 1px solid #e4e4ff;
text-align: center;
line-height: 1.2em;
}

.center-box8 {
width: 90%;
background-color: #ffffff;
margin-left:auto;
margin-right:auto;
padding: 15px;
border: 2px solid #526689;
text-align: left;
}

.center-box9 {
width: 50%;
background-color: #ccccff;
margin-left:auto;
margin-right:auto;
padding: 15px;
border: 3px solid #ccccff;
text-align: center;
}


.center-box10 {
width: 80%;
background-color: #f2f6f9;
margin-left:auto;
margin-right:auto;
padding: 15px;
border: 0px solid #ccccff;
text-align: center;
}

.center-box11 {
width: 80%;
background-color: #f2f6f9;
margin-left: auto;
margin-right: auto;
padding: 5px;
border: 0px solid #ccccff;
text-align: center;
font-size: 89%;
}


.event-highlights {
width: 50%;
background-color: #CECEFF;
margin-left:auto;
margin-right:auto;
padding: 5px;
border: 2px solid #cc0000;
text-align: center;
}

.event-calendar {          
background-color: #f2f6f9;
width: 85%;
border: 1px solid #336699;
-moz-border-radius: 5px;
border-radius: 5px;
box-shadow: 5px 5px 2px #336699; 
margin-left:auto;
margin-right:auto;
margin-top: 24px;
margin-bottom: 24px;
color: #39412C;
text-align:center;
}


.event-calendar h4 {
margin: 0;
padding: 2px;
text-align: center;
background-color: #81A7CC;
color: #fff;
}

.event-calendar p {
font-size: 90%;
padding: 0 4px;
line-height: 120%;
}



.center-box12 {
width: 90%;
background-color: #ffffff;
margin-left:auto;
margin-right:auto;
padding: 15px;
border: 2px solid #cc0000;
text-align: left;
}


.rc-box {
width: 95%;
background-color: #ffffff;
margin-left:auto;
margin-right:auto;
padding: 5px;
border: 2px solid #cc0000;
text-align: center;
font-size: 88%;
line-height: 1.2em;
}



.more {
background-color: #ffffff;
margin: 5px 5px 5px 5px;
border: 1px solid #ccccff;
padding: 10px;
width: 40%;
float: right;
}


.half-width-box {
background-color: #ffffaa;
margin: 5px 5px 5px 5px;
border: 1px solid #ccccff;
padding: 10px;
width: 30%;
float: right;
}

.half-width-box2 {
background-color: #ffffff;
margin: 5px 5px 5px 5px;
border: 1px solid #ccccff;
padding: 10px;
width: 30%;
float: right;
}


.half-width-box3 {
background-color: #ffffaa;
margin: 5px 5px 5px 5px;
border: 1px solid #ccccff;
padding: 10px;
width: 30%;
float: left;
}


.half-width-box4 {
background-color: #ffffaa;
margin: 5px 5px 5px 5px;
border: 1px solid #ccccff;
padding: 10px;
width: 40%;
float: left;
}

.half-width-box5 {
background-color: #e4e4ff;
margin: 5px 5px 5px 5px;
border: 0px solid #ccccff;
padding: 10px;
width: 50%;
float: right;
text-align: center;
}

.half-width-box6 {
background-color: #ffffaa;
margin: 5px 5px 5px 5px;
border: 1px solid #ccccff;
padding: 10px;
width: 15%;
float: right;
text-align: center;
}

.half-width-box7 {
background-color: #ffffaa;
margin: 5px 5px 5px 5px;
border: 1px solid #ffffaa;
padding: 10px;
width: 35%;
float: left;
text-align: center;
}

.half-width-box8 {
background-color: #ffffff;
margin: 5px 5px 5px 5px;
border: 0px solid #ccccff;
padding: 10px;
width: 40%;
float: left;
text-align: center;
}

.half-width-box9 {
background-color: #dedeff;
margin: 2px 2px 2px 2px;
border: 0px solid #ccccff;
padding: 3px;
width: 45%;
float: right;
text-align: left;
}

.half-width-box9-left {
background-color: #dedeff;
margin: 2px 2px 2px 2px;
border: 0px solid #ccccff;
padding: 3px;
width: 45%;
float: left;
text-align: left;
}

.half-width-box10 {
background-color: #ffffaa;
margin: 5px 5px 5px 5px;
border: 1px solid #ccccff;
padding: 10px;
width: 40%;
float: right;
}


.half-width-box11 {
background-color: #ffffff;
margin: 5px 5px 5px 5px;
border: 2px solid #cc0000;
padding: 5px;
width: 30%;
float: left;
text-align: left;
}


.center-box-left-column {
width: 60%;
background-color: #ffffff;
margin-left:auto;
margin-right:auto;
padding: 15px;
border: 2px dashed #cc0000;
text-align: center;
}

.floatleft { 
float: left; 
margin: 15px 15px 15px 15px; 
}

.floatright { 
float: right; 
margin: 15px 15px 15px 15px; 
}


/*** right column Half of width box left ***/
.half-width-box-left {
background-color: #ffffff;
margin: 5px 5px 5px 5px;
border: 1px solid #ccccff;
padding: 10px;
width: 50%;
float: left;
}

/*** right column Half of width box right ***/
.half-width-box-right {
background-color: #f2f6f9;
margin: 5px auto 5px auto;
border: 1px dotted #ccccff;
padding: 10px;
width: 50%;
float: right;
}


.half-width-box-right2 {
background-color: #ffffaa;
margin: 5px 5px 5px 5px;
border: 1px solid #ccccff;
padding: 10px;
width: 50%;
float: right;
}



.half-width-box-right3 {
background-color: #ffffaa;
margin: 5px 5px 5px 5px;
border: 1px solid #ccccff;
padding: 10px;
width: 30%;
float: right;
}

.half-width-box-right4 {
background-color: #d7e1e0;
margin: 5px 5px 5px 5px;
border: 1px solid #d7e1e0;
padding: 10px;
width: 50%;
text-align: center;
}


.rightcolumnbox {
background-color: #d7e1e0;
margin: 5px 5px 5px 5px;
border: 1px solid #d7e1e0;
padding: 4px;
width: 95%;
text-align: center;
}



.rightcolumnaccommodations {
background-color: #f2f6f9;
margin: 5px 5px 15px 5px;
border: 1px solid #d7e1e0;
padding: 4px;
width: 200px;
text-align: left;
}

/* the border of the image inside your half width textbox can be changed.
Its set to #5F8B8C at the moment. You can also change the solid
to either dashed or dotted if you want to*/

/*** Picture inside the text ***/
.img-float-left {
float: left;
background-color: #fff;
padding: 7px;
margin-right: 8px;
border: 0px solid #c6cad6;
}

.img-leftnoborder {
float: left;
background-color: #fff;
padding: 4px;
margin-right: 8px;
border: 0px solid #c6cad6;
}

.img-float-right {
float: right;
background-color: #fff;
padding: 4px;
margin-left: 8px;
box-shadow: 6px 6px 5px #cccccc;
border: 2px solid #f2f6f9;
border-radius: 3px;
}

.img-center {
background-color: #fff;
padding: 4px;
border-top: 0px solid #c6cad6;
border-left: 0px solid #c6cad6;
border-bottom: 0px solid #c6cad6;
border-right: 0px solid #c6cad6;
} 


.ItemRight {
float: right;
background-color: #fff;
padding: 4px;
margin-left: 8px;
margin-bottom: 4px;
border: 0;
text-align: center;
}

.ItemLeft {
float: left;
background-color: #fff;
padding: 4px;
margin-right: 8px;
border: 0;
}


.thumbnail-link-left {
float: left;
background-color: #f2f6f9;
padding: 10px;
margin-right: 8px;
border: 0;
}

/*** Clearing of a float ***/
.clear {
clear: both;
width: 100%;
height: 1px;
}



.signupbox {
background-color: #f2f6f9;
width: 90%;
border: 1px  #39412C;
margin-top: 20px;
margin-bottom: 20px;
margin-right: auto;
margin-left: auto;
padding-top: 4px;
padding-bottom: 4px;
padding-right: 12px;
padding-left: 12px;
font-size: 95%;
}


.signupbox p {
margin: 13px;
}

.signupbox {
padding: 13px;
}


.signupbox h4 {
margin-bottom:2px;
text-align:left;
}

.fun {
text-align:center;
font-size:89%;
background-color: #f2f6f9; 
}


.inviteboxbg {
background-color: #f2f6f9; 
padding: 10px;
}

.return-to-top {
font-size: 85%;
text-align: center;
}

.romanticgetaways {
background: #f2f6f9;
width: 95%;
padding: 10px;
margin-top: 10px;
margin-bottom: 10px;
}
 
 
.bluebg {
background: #f2f6f9;
width: 95%;
padding: 10px;
margin-top: 10px;
margin-bottom: 10px;
}


.flightsearchbox {
width: 95%;
background-color: #DDE3FF;
margin-left:auto;
margin-right:auto;
padding: 8px;
border: 1px solid #ccccff;
text-align: center;
}

body {

}