body {
	background-image: url(../../images/bg.jpg);
	background-repeat: repeat;
	margin: 0px;
}
#weather {
	background-image: url(../../images/weather_bg.png);
	height: 20px;
	width: 793px;
	float: left;
	margin-bottom: 10px;
}
#langSelect {
	float:right;
}
#Header {
	height: 113px;
	width: 937px;
	position: relative;
}


#HeaderContainer {
	background-image: url(../../images/bg_top.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 123px;
	width: 100%;
}
#NavContainer {
	background-image: url(../../images/bg_nav.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 40px;
	width: 100%;
}
#TopNav {
	height: 41px;
	width: 966px;
}
#TopNavList {
	float: left;
}
#ContentContainer {
	background-image: url(../../images/bg_middle.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 442px;
	width: 100%;
}
#BodyContainer {
	width: 899px;
	height: 391px;
	float: left;
	background-color: #FFFFFF;
	padding: 19px;
}
#subTitles {
	font-weight: bold;
	padding: 0px;
	margin: 0px;
}

#shadowBox {
	height: 429px;
	width: 966px;
}
#LftShadow {
	float: left;
	height: 429px;
	width: 14px;
	background-image: url(../../images/content_shadow_lft.png);
	background-repeat: no-repeat;
}
#RgtShadow {
	background-image: url(../../images/content_shadow_rght.png);
	float: right;
	width: 15px;
	height: 429px;
}
#Footer {
	height: 60px;
	background-image: url(../../images/footer.png);
	width: 730px;
	padding-top: 65px;
	background-repeat: no-repeat;
}
#flags {
	height: 21px;
	width: 937px;
	margin-bottom: 15px;
	margin-top: 5px;
}
#bottomNav {
	height: 22px;
	margin-bottom: 15px;
	width: 937px;
}

.navLink {
display:block;
width: 100%;
height: 100%;
}

/*navBtns*/
#promotionsBtn {
	background-image: url(../../images/promotions_btn_ovr.jpg);
	float: left;
	height: 41px;
	width: 111px;
}
#resortBtn {
	background-image: url(../../images/the_resort_btn_ovr.jpg);
	float: left;
	height: 41px;
	width: 106px;
}
#accommodationsBtn {
	background-image: url(../../images/accommodations_btn_ovr.jpg);
	float: left;
	height: 41px;
	width: 139px;
}
#golfBtn {
	background-image: url(../../images/golf_btn_ovr.jpg);
	float: left;
	height: 41px;
	width: 72px;
}
#spaBtn {
	background-image: url(../../images/spa_btn_ovr.jpg);
	float: left;
	height: 41px;
	width: 61px;
}
#meetingsBtn {
	background-image: url(../../images/meetings_btn_ovr.jpg);
	float: left;
	height: 41px;
	width: 86px;
}
#weddingsBtn {
	background-image: url(../../images/wedding_btn_ovr.jpg);
	float: left;
	height: 41px;
	width: 93px;
}
#diningBtn {
	background-image: url(../../images/dining_btn_ovr.jpg);
	float: left;
	height: 41px;
	width: 83px;
}
#casaelarBtn {
	background-image: url(../../images/event_calendar_btn.jpg);
	float: left;
	height: 41px;
	width: 107px;
}

#casaelarBtn:hover {
	background-image: url(../../images/event_calendar_btn_ovr.jpg);
	float: left;
	height: 41px;
	width: 107px;
}

#tennisBtn {
	background-image: url(../../images/tennis_btn_ovr.jpg);
	float: left;
	height: 41px;
	width: 79px;
}
#promotionsPG #promotionsBtn img{
	visibility:hidden;
}
#resortPG #resortBtn img{
	visibility:hidden;
}
#accomodationsPG #accommodationsBtn img{
	visibility:hidden;
}
#golfPG #golfBtn img{
	visibility:hidden;
}
#tennisPG #tennisBtn img{
	visibility:hidden;
}
#spaPG #spaBtn img{
	visibility:hidden;
}
#meetingsPG #meetingsBtn img{
	visibility:hidden;
}
#weddingsPG #weddingsBtn img{
	visibility:hidden;
}
#diningPG #diningBtn img{
	visibility:hidden;
}
#casaelarPG #casaelarBtn img{
	visibility:hidden;
}

/*Bottom Nav Btns*/
#shopBtn {
	background-image: url(../../images/shop_ojai_btn_ovr.gif);
	float: left;
	height: 22px;
	width: 92px;
}
#eNewsBtn {
	background-image: url(../../images/casa_elar_bottom_btn.gif);
	float: left;
	height: 22px;
	width: 89px;
}
#artLeisureBtn {
	background-image: url(../../images/arts_leisure_btn_ovr.gif);
	float: left;
	height: 22px;
	width: 107px;
}
#communityBtn {
	background-image: url(../../images/community_btn_ovr.gif);
	float: left;
	height: 22px;
	width: 120px;
}
#travelAgentsBtn {
	background-image: url(../../images/travel_agents_btn_ovr.gif);
	float: left;
	height: 22px;
	width: 105px;
}
#pressCenterBtn {
	background-image: url(../../images/press_center_btn_ovr.gif);
	float: left;
	height: 22px;
	width: 94px;
}
#careersBtn {
	background-image: url(../../images/careers_btn_ovr.gif);
	float: left;
	height: 22px;
	width: 72px;
}
#siteMapBtn {
	background-image: url(../../images/site_map_btn_ovr.gif);
	float: left;
	height: 22px;
	width: 63px;
}
#greenPromiseBtn {
	background-image: url(../../images/green_promise_btn_ovr.gif);
	float: left;
	height: 22px;
	width: 96px;
}
#contactBtn {
	background-image: url(../../images/contact_btn_ovr.gif);
	float: left;
	height: 22px;
	width: 99px;
}
#shopPG #shopBtn a, 
#shopPG #shopBtn img{
	visibility:hidden;
}
#eNewsPG #eNewsBtn a, 
#eNewsPG #eNewsBtn img{
	visibility:hidden;
}
#artLeisurePG #artLeisureBtn a, 
#artLeisurePG #artLeisureBtn img{
	visibility:hidden;
}
#communityPG #communityBtn a, 
#communityPG #communityBtn img{
	visibility:hidden;
}
#travelAgentsPG #travelAgentsBtn a, 
#travelAgentsPG #travelAgentsBtn img{
	visibility:hidden;
}
#pressCenterPG #pressCenterBtn a, 
#pressCenterPG #pressCenterBtn img{
	visibility:hidden;
}
#careersPG #careersBtn a, 
#careersPG #careersBtn img{
	visibility:hidden;
}
#contactPG   #contactBtn   a, 
#contactPG   #contactBtn   img{
	visibility:hidden;
}
#siteMapPG #siteMapBtn a, 
#siteMapPG #siteMapBtn img{
	visibility:hidden;
}
#greenpromisePG #greenpromiseBtn img{
	visibility:hidden;
}
#privacyPG #privacyBtn a, 
#privacyPG #privacyBtn img{
	visibility:hidden;
}
.white{
	color: #FFFFFF;
}
#content table {
	margin-top: 10px;
	margin-bottom: 15px;

}
#vrThumb,.vrThumb {
	float: left;
	width: 150px;
	margin-right: 20px;
	margin-bottom: 20px;
}
#vrType,.vrType {
	text-align:center;
	padding-top: 5px;
}
.galleryHolder{
	margin-top: 20px;
	/*margin-top:20px;*/
}
.galleryHolder .rowHolder{
	min-height:141px;
	clear: both;
}
#red {
	color: #FF0000;
}
#textNav {
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	color: #8C855E;
	margin-top: 20px;
	line-height: 20px;
}
#textNav a {
	color: #8C855E;
	text-decoration: none;
}
#textNav a:hover {
	text-decoration: underline;
}
#leftPic {
	border: 6px solid #FFFFFF;
	margin-right: 10px;
	margin-bottom: 5px;
	float: left;
}
#promoSub {
	font-style: italic;
	font-size: 13px;
	line-height: 20px;
	margin: 0px;
}
#sitemap {
	float: left;
	width: 175px;
	margin: 0px;
	height: 340px;
}
#sitemapContent {
	float: left;
	width: 884px;
	background-color: #efe3d3;
	height: 380px;
	color: #987752;
	font-size: 13px;
	line-height: 16px;
	padding-top: 10px;
	padding-left: 15px;
}
#sitemapContent a {
	text-decoration: none;
	color: #987752;
}
#sitemapContent a:hover {
	text-decoration: underline;
}

#sitemapContent p {
	padding: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	vertical-align: top;
}

#sitemapContent h1 {
	color: #987752;
	font-size: 18px;
	margin-bottom: 3px;
	margin-top: 0px;
}
.pdfIcon {
	margin-right: 5px;
	margin-bottom: 15px;
	float: left;
}
#linkLogo {
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
}

/* the div that holds the date picker calendar */
.dpDiv {
    }


/* the table (within the div) that holds the date picker calendar */
.dpTable {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: center;
    color: #505050;
    background-color: #ece9d8;
    border: 1px solid #AAAAAA;
    }


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
    }


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
    }


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
    }


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
    }


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
    border: 1px solid #ece9d8;
    }


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
    background-color: #CCCCCC;
    border: 1px solid #AAAAAA;
    }


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
    background-color: #aca998;
    border: 1px solid #888888;
    cursor: pointer;
    color: red;
    }


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
    }


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
    }


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
    }


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
    background-color: #CCCCCC;
    border: 1px solid #AAAAAA;
    color: white;
    }


/* additional style information for the text that indicates the month and year */
.dpTitleText {
    font-size: 12px;
    color: gray;
    font-weight: bold;
    }


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
    color: #4060ff;
    font-weight: bold;
    }


/* the forward/backward buttons at the top */
.dpButton {
    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: gray;
    background: #d8e8ff;
    font-weight: bold;
    padding: 0px;
    }


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: gray;
    background: #d8e8ff;
    font-weight: bold;
    }
#verImage {
	width: 200px;
	float: right;
	margin-left: 15px;
}
.multiImg {
	margin-bottom: 15px;
}
#BodyContainerAdmin {
    width: 899px;
    background-color: #FFFFFF;
    padding: 19px;
}

#bestTime {
	style:visible;
}
.bodyImg {
	border: 8px solid #FFFFFF;
	float: left;
	margin-right: 15px;
}
#execRowHolder {
	margin-bottom: 20px;
	width: 100%;
	height: 220px;
	padding-bottom: 20px;
}
#right {
	float: right;
	width: 215px;
}
#left {
	float: left;
	width: 335px;
}

ul.lightboxList{
	display:block;
	margin: 8px 0px 0px 0px !important;
	padding: 0px 0px 0px 0px !important;
	clear:both;
}
ul.lightboxListGreen{
	display:block;
	margin: 8px 0px 0px 0px !important;
	padding: 0px 0px 0px 0px !important;
	clear:both;
}
ul.lightboxList li{
	display:inline;
	margin: 0px 0px 0px 0px !important;
	padding: 0px 0px 0px 0px !important;
	list-style-image:none;
	list-style-type:none;
}
ul.lightboxListGreen li{
	display:inline;
	margin: 0px 0px 0px 0px !important;
	padding: 0px 0px 0px 0px !important;
	list-style-image:none;
	list-style-type:none;
}
ul.lightboxList a img,ul.lightboxList a:link img,ul.lightboxList a:visited img{border: 3px solid #DFAD79;}
ul.lightboxList a:hover img,ul.lightboxList a:active img{border: 3px solid #F8F1EA;}

ul.lightboxListGreen a img,ul.lightboxList a:link img,ul.lightboxList a:visited img{
	border: 3px solid #676856;
}
ul.lightboxListGreen a:hover img,ul.lightboxList a:active img{border: 3px solid #F8F1EA;}

#ojaifltr {
visibility:hidden;
display:none;
}


/*SOCIAL ICONS */

.social-icons{
	position:absolute;
	right:0px;
	top:-13px;
	width:365px;
}


.social-icons li{
	float:left;
	list-style-type:none;
	padding-right: 2px;
	padding-left: 2px;	/*padding-left:10px;*/
	display: inline;
}


.event-date{
font-size:11px;
}

/* DROP-DOWN MENU
	LEVEL ONE 
*/
ul.dropdown {
	display: inline;
	list-style-type: none;
	padding-left: 0px;
}
ul.dropdown li {
	font-weight: bold;
	float: left;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-decoration: none;
	list-style-type: none;
	font-size: 14px;
}
ul.dropdown li a {
	color: #666;
	text-decoration: none;
	display: block;
}
ul.dropdown a:hover {
	color: #999;
	text-decoration: underline;
}
ul.dropdown a:active                { color: #ffa500; }
ul.dropdown li:last-child a         { } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover                { }
ul.dropdown li.hover a              { }


/* 
	LEVEL TWO
*/
ul.dropdown ul {
	width: 175px;
	visibility: hidden;
	position: absolute;
	top: 82%;
	left: 219px;
	list-style-type: none;
	padding-left:5px;
	background-color: #FFF;
	border: 1px solid #D8C47F;
}
ul.dropdown ul li {
	font-weight: normal;
	padding-top: 3px;
	padding-bottom: 3px;
}
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{
	border-right: none;
	width: 142px;
	display: inline-block;
	text-align: left;
	padding-top: 2px;
} 

/* 
	LEVEL THREE
*/
ul.dropdown ul ul 					{ left: 100%; top: 0; }
ul.dropdown li:hover > ul 			{ visibility: visible; }