@charset "utf-8";
/*  EBC Style - CSS Document  */

/*  layout  */
	
* {
	margin: 0px;	
	padding: 0px;
}
.white {
	color: #FFFFFF;
}
.dark {
	color: #69603A;
}

body {
	background: #DFEECF url("../images/background.jpg") repeat-x top left ;
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	line-height: 18px;
	color: #2C3682;
	text-decoration: none;
}

#mainContainer {
	width: 939px;				/* width of main container */
	margin: 0px auto;			/* center container on page */
	padding: 0px 5px 0px 5px;	/* left/right 5px bBorder */
	background-color: #325A82;
}

#headerContainer {
	background-color:#325A82;
	margin: 0px auto;
	padding-top: 5px;
}

#headerTop {					/*   Header Image   */
	height: 210px;
	background-color: #9BBF77;
	margin: 0px auto;
}
.maintest {	background: url("../images/headerTop.jpg") no-repeat top;	}

.harbor { background: url("../images/headerTop2.jpg") no-repeat top;	}
.test3 {	background: url("../images/headerTop3.jpg") no-repeat top;	}




#headerNavi {					/* header navigation menu */
	width: 939px;
	float: right;	
	margin: 0 0 0 0;
	background: url("../images/navi/navi-bk.jpg") repeat-x top left;
	border-top: 2px solid #325A82;
	border-bottom: 2px solid #325A82;
}

#contentWrap {
	float: left;
	width: 100%;
	background-color: #F3F1E9;
	margin-bottom: 3px;
}

#contentCol {
	margin: 0 160px 0 180px;	/* margins for content column. should be "0 RightColumnWidth 0 LeftColumnWidth */
}
.contentMain {
	margin: 10px;
	padding: 10px;
	min-height: 400px;
}

#directionsDC {
	width: 702px;
	border: 1px solid #C8C2A2;
	margin-top: 15px;
	padding: 0 0 15px 15px;
	background: #E8E4D3;

}
#accent {
	width: 500px;
	border: 1px solid #2C3682;
	margin-top: 15px;
	margin-left: 90px;
	background: #B7C7D7;
}

#eventCal {
	width: 697px;
	height: 2000px;
	border: 1px solid #C8C2A2;
	margin-top: 10px;
	padding: 10px;
	background-color: #E8E4D3;
	color: #2C3682;	
	text-align: center;
}
#ongoingCal {
	width: 600px;
	border: 1px solid #C8C2A2;
	margin-top: 40px;
	margin-left: 35px;
	padding: 15px;
	background-color: #F3F1E9;
	text-align: left;
}
#calLink {
	width: 497px;
	border: 1px solid #2C3682;
	margin-top: 20px;
	margin-bottom: 30px;
	margin-left: 100px;
	padding: 10px;
	background-color: #B7C7D7;
	text-align: center;
}
#cal_photo {
	float: left; 
	margin: 6px 0 0 30px;
}

#fest {
	width: 697px;
	border: 1px solid #C8C2A2;
	margin-top: 20px;
	padding: 10px;
	background-color: #F3F1E9;
}
.fyr_bal {
	height: 230px;
	background: url("../events/images/fyr_bal_th.jpg") no-repeat top right;
}
.evenings {
	height: 230px;
	background: url("../events/images/evenings_th.jpg") no-repeat top right;
}
.dchm {
	height: 230px;
	background: url("../events/images/dchm_th.jpg") no-repeat top right;
}
.xmas {
	height: 230px;
	background: url("../events/images/xmas_th.jpg") no-repeat top right;
}

#festContainer {
	width: 697px;
	border: 1px solid #C8C2A2;
	margin-top: 10px;
	background-color: #E8E4D3;
	padding: 10px;
}

#festText {
	height: 300px;
	padding: 10px;
	text-align: justify;
}
.lower {
	margin-top: 1000px;	
}

#fbText {
	width: 445px;
	margin-right: 5px;
}


#festSchedule {
	float: right;
	width: 433px;
	border: 1px solid #2C3682;
	margin-top: 10px;
	margin-right: 10px;
	background: #B7C7D7;
	padding: 10px;
}

#fest_wide {
	width: 500px;
	border: 1px solid #C8C2A2;
	margin-top: 925px;
	margin-left: 85px;
	padding: 15px;
	background-color: #F3F1E9;
	text-align: left;
}


#contact {
	width: 517px;
	border: 1px solid #C8C2A2;
	margin-top: 10px;
	background: #E8E4D3;
	padding: 20px;
}

#vLinks {
	width: 450px;
	border: 1px solid #C8C2A2;
	margin-left: 34px;
	margin-top: 10px;
	background: #E8E4D3;
	padding: 20px;
}

#thanks {
	width: 400px;
	border: 1px solid #2C3682;
	margin-top: 15px;
	margin-left: 42px;
	background: #B7C7D7;
	padding: 15px;
	text-align: center;
}

#indexContent {
	width: 537px;
	border: 1px solid #C8C2A2;
	margin-top: 10px;
	background: #E8E4D3;
	padding: 10px;
}

#cse-search-results {
	width: 695px;
	border: 1px solid #2C3682;
}





/*   Right Column Contents   */
#fbPhoto {
	float: left;
	width: 150px;
	height: 75px;
	margin-top: 50px;
	margin-left: 25px;
	border: 1px solid #2C3682;
	background: #B7C7D7;
	padding: 10px;
	text-align: center;
}
.t1420 { top: 1420px; }
.t1200 { top: 1200px; }



/*   Primary Columns   */

#leftCol {
	float: left;
	width: 180px; 				/* width of left column */
	margin-left: -939px; 		/* set margin to that of -(MainContainerWidth) */
}

#rightCol {
	float: left;
	width: 160px; 				/* width of right column */
	margin-left: -160px; 		/* set left margin to -(RightColumnWidth) */
	background-color: #E0DCC5;
}

#footerRow {
	background-color: #E0DCC5;
	padding: 5px 0 5px 25px;
}
#footerRow a {
	text-decoration: underline;
	color: #69603A;
}
#footerRow a:hover {
	text-decoration: underline;
	color: #2C3682;
}

#pageFooter {
	margin-bottom: 10px;
	padding: 5px 0 5px 430px;
}
#pageFooter a {
	text-decoration: underline;
	color: #FFFFFF; 
}
#pageFooter a:hover {
	text-decoration: underline;
	color: #B7C7D7; 
}

/*   h1 (Page Title) Images   */

#img-hdr {
	height: 70px;
}
.index { background: url("../images/h1/h1-index.jpg") top center no-repeat; }

.about { background: url("../images/h1/h1-about.jpg") top center no-repeat; }
.contact { background: url("../images/h1/h1-contact.jpg") top center no-repeat; }
.directions { background: url("../images/h1/h1-directions.jpg") top center no-repeat; }
.history { background: url("../images/h1/h1-history.jpg") top center no-repeat; }
.info { background: url("../images/h1/h1-info.jpg") top center no-repeat; }
.photos { background: url("../images/h1/h1-photos.jpg") top center no-repeat; }
.lodging { background: url("../images/h1/h1-lodging.jpg") top center no-repeat; }
.dining { background: url("../images/h1/h1-dining.jpg") top center no-repeat; }
.shopping { background: url("../images/h1/h1-shopping.jpg") top center no-repeat; }
.activities { background: url("../images/h1/h1-activities.jpg") top center no-repeat; }
.galleries { background: url("../images/h1/h1-galleries.jpg") top center no-repeat; }
.perform { background: url("../images/h1/h1-perform.jpg") top center no-repeat; }
.services { background: url("../images/h1/h1-services.jpg") top center no-repeat; }
.events { background: url("../images/h1/h1-events.jpg") top center no-repeat; }
.parks { background: url("../images/h1/h1-parks.jpg") top center no-repeat; }
.pho_cred { background: url("../images/h1/h1-pho_cred.jpg") top center no-repeat; }
.search { background: url("../images/h1/h1-search.jpg") top center no-repeat; }


/*   Listing Summary   */

#listSum {
	width: 557px;
	border: 1px solid #C8C2A2;
	margin-top: 10px;
	background: url("../images/listing_bak.jpg") repeat-x top left;
}
.h50 { height: 50px; }
.h80 { height: 80px; }
.h100 { height: 100px; }
.h120 { height: 120px; }
.h140 { height: 140px; }
.h160 { height: 160px; }
.h260 { height: 260px; }

#listSum p {
	font: 100 11.5px/18px Arial, Verdana, sans-serif;
	color: #2C3682;
}


/*   Listing Details   */

#listing {
	width: 697px;
	border: 1px solid #C8C2A2;
	margin-top: 10px;
	padding: 10px;
	background-color: #E8E4D3;
	color: #2C3682;	
}
.h375 { height: 375px; }
.h400 { height: 400px; }
.h450 { height: 450px; }
.h500 { height: 500px; }
.h550 { height: 550px; }
.h600 { height: 600px; }
.h650 { height: 650px; }
.h700 { height: 700px; }
.h750 { height: 750px; }
.h800 { height: 800px; }
.h850 { height: 850px; }
.h925 { height: 925px; }
.h1000 { height: 1000px; }
.h1110 { height: 1110px; }
.h1300 { height: 1300px; }
.h2000 { height: 2000px; }
.h2050 { height: 2050px; }

.mh650 { min-height: 650px; }




/*   Listing Columns   */

#listCol {
	padding: 5px;
}
.colR {
	width: 320px;
	float: right;
	margin-right: 5px;
	margin-left: 0px;
}
.colL {
	width: 320px;
	float: left;
	margin-left: 5px;
	margin-right: 0px;
}
.colC {
	width: 320px;
	margin-top: 5px;
	text-align: center;
}
.NoPic {
	width: 537px;
	text-align: left;
	margin: 0px 5px;
}
.NoPicC {
	width: 537px;
	text-align: center;
}

.textL {
	width: 470px;
	text-align: left;
	float: left;
}
.festL {
	width: 380px;
	text-align: left;
	margin-left: 5px;
	float: left;
}



.infoR {
	width: 180px;
	margin: 25px 5px 0 0;
	text-align: center;
	float: right;
	background-color: #DFEECF;
	border: 1px solid #C8C2A2;
	
	font: 500 13px/20px Arial, Verdana, sans-serif;
}
.colFoot {
	vertical-align: bottom;
	text-align: center;
	margin-top: 30px;
}

#listFoot {
	margin-top: 30px;
	margin-bottom: 10px;
	width: 300px;
	height: 35px;
	border: 1px solid #2C3682;
	font: 600 13px/30px Arial, Verdana, sans-serif;
	background-color: #B7C7D7;
	text-align: center;
}
.lf_list {
	margin-left: 128px;
}
.lf_det {
	margin-left: 192px;
}



/*  images  */

img {
	border: 0;
	padding: 0;
	margin: 0;
}
.bord { border: 1px solid #C8C2A2; }
.winter {
	margin: 0px 15px;
	vertical-align: text-bottom;
}
#rphoto {
	float: right; 
	margin: 10px;
	font-size: 11px;
	line-height: 15px;
	text-align: center;
	background-color: #C8C2A2;
}
#lphoto {
	float: left; 
	margin: 10px;
	font-size: 11px;
	line-height: 15px;
	text-align: center;
	background-color: #C8C2A2;
}
#cphoto {
	margin: 10px;
	font-size: 11px;
	line-height: 15px;
	text-align: center;
}

#lColThumb {
	float: left; 
	margin: 50px 10px 10px 5px;
	font-size: 11px;
	line-height: 15px;
	text-align: center;
	background-color: #C8C2A2;
	border: 1px solid #C8C2A2;
}


/*  header nevigation */
#headerNavi ul {
	padding: 0;
	margin: 0;
	list-style: none;
	float: right;
	clear: left;
}

#headerNavi ul li {
	float: left;
	display: inline; 			/* for ignore double margin in IE6 */
	border-left: 2px solid #325A82;
}

#headerNavi ul li a {
	text-decoration: none;
	float: left;
	color: #F3F1E9;
	cursor: pointer;
	font: 700 12px/20px Arial, Verdana, sans-serif;
}

#headerNavi ul li a span {
	margin: 0;
	padding: 3px 20px 3px 20px;
	position: relative; 		/* to fix IE6 problem (not displaying) */
	float: left;
}

#headerNavi ul li a.current, ul li a:hover  {
	background: url("../images/navi/navi-bk-on.jpg") repeat-x top right;
}

#headerNavi ul li a.current span, ul li a:hover span {
	color: #325A82;
	background: url("../images/navi/navi-bk-on.jpg") repeat-x top left;
}


/*  left navigation  */

#leftCol dl {					/* left column definition list */
	margin: 0; 
	padding: 0; 
	border-right: 2px solid #325A82;
}

#leftCol dt {					/* left column title */
	margin: 0; 
	padding: 0; 
	background: #E8E4D3;
	font: 900 14px/22px Arial, Verdana, sans-serif;
	color: #325A82; 
	border-bottom: 1px solid #fff; 
}
#links dt a, #links dd a:visited {
	color: #325A82; 
	text-decoration: none; 
	display: block; 
	background: #E8E4D3;
	width: auto;
	padding: 8px 5px 4px 10px; 
}
#links dt a:hover {
	background: #B7C7D7; 
	color: #325A82;
}
#links dt a.current {
	background: #C8C2A2; 
	color: #325A82;
	cursor: pointer;
}

#leftCol dd {					/* left column list contents */
	margin: 0; 
	padding: 0; 
	color: #FFF; 
	font: 600 11px/16px Arial, Verdana, sans-serif;
	border-bottom: 1px solid #fff; 
	background: #E8E4D3;
}


#links dd a, #links dd a:visited {
	color: #69603A; 
	text-decoration: none; 
	display: block; 
	padding: 5px 5px 3px 16px;
	background: #E8E4D3;
	width: auto;
}
#links dd a:hover {
	background: #B7C7D7; 
	color: #69603A;
}
#links dd a.current {
	background: #E0DCC5; 
	color: #69603A;
	padding-left: 16px;
}

#leftCol div.footer {					/* left column footer (fade) */
	width: 180px; 
	height: 50px;
	margin: 0; 
	padding: 0; 
	border: none;
	background: url("../images/leftCol-Footer.jpg") no-repeat -2px 0;
}

#lColVI {
	float: left;
	width: 108px;
	height: 70px;
	margin-top: 50px;
	margin-left: 30px;
	border: 1px solid #B7C7D7;
	background: #E8E4D3;
	padding: 5px;
	text-align: center;
}


/*  right column  */

#contentRight {							/* right column */
	margin: 0;
	padding: 5px;
	border-left: 2px solid #C8C2A2;
	text-align: center;
}
#rightCol dl {					/* right column definition list */
	margin: 0; 
	padding: 0; 
	border-right: 2px solid #325A82;
}
#rightCol div.footer {					/* left column footer (fade) */
	width: 180px; 
	height: 50px;
	margin: 0; 
	padding: 0; 
	border: none;
	background: url("../images/rightCol-Footer.jpg") no-repeat 0;
}



/*  Text  */

div, p {
	font: 500 11px/18px Arial, Verdana, sans-serif;
	color: #2C3682;
	text-decoration: none;
}

p.intro {
	font: 500 13px/22px Arial, Verdana, sans-serif;
	color: #2C3682;
}

h1 {
	font: 600 22px/26px Arial, Verdana, sans-serif;
	color: #97927E;
	text-decoration: none;
}
h2 {
	font: 600 16px/20px Arial, Verdana, sans-serif;
	color: #2C3682;
	text-decoration: none;
	margin: 20px 0 7px 0;
}
h3 {
	font: 600 12px/16px Arial, Verdana, sans-serif;
	color: #2C3682;
	text-decoration: none;
}
h4 {
	font: 500 12px/16px Arial, Verdana, sans-serif;
	color: #2C3682;
	text-decoration: none;
}

r1 {
	font: 600 15px/20px Arial, Verdana, sans-serif;
	color: #97927E;
	text-decoration: none;
}
r2 {
	font: 500 12px/20px Arial, Verdana, sans-serif;
	color: #2C3682;
	text-decoration: none;
}



/*  Common Navigation  */

a#details {
    display: block;
    width: 100px;
    height: 25px;
	background: url("../images/navi/details.gif") no-repeat top center;
    margin: 0 auto;
}
a#details:hover {
	background: url("../images/navi/details-on.gif") no-repeat top center;
}
a .alt { display: none; }

a#website {
    display: block;
    width: 100px;
    height: 25px;
	background: url("../images/navi/website.gif") no-repeat top center;
    margin: 0 auto;
}
a#website:hover {
	background: url("../images/navi/website-on.gif") no-repeat top center;
}
a .alt { display: none; }

a#websiteL {
    display: block;
    width: 100px;
    height: 25px;
	background: url("../images/navi/website.gif") no-repeat top center;
    margin: 0 auto;
	float: left;
}
a#websiteL:hover {
	background: url("../images/navi/website-on.gif") no-repeat top center;
}




a#email {
    display: block;
    width: 100px;
    height: 25px;
	background: url("../images/navi/email.gif") no-repeat top center;
    margin: 0 auto;
}
a#email:hover {
	background: url("../images/navi/email_on.gif") no-repeat top center;
}
a .alt { display: none; }

a#email_us {
    display: block;
    width: 100px;
    height: 25px;
	background: url("../images/navi/email_us.gif") no-repeat top center;
    margin: 0 auto;
}
a#email_us:hover {
	background: url("../images/navi/email_us_on.gif") no-repeat top center;
}
a .alt { display: none; }







a:link { text-decoration: underline; color:#2C3682; }
a:visited { text-decoration: underline; color: #2C3682; }
a:hover { text-decoration: underline; color: #2C8236; }

a.ret {
	font: 500 12px/16px Arial, Verdana, sans-serif;
}


a.title {
	font: 600 18px/24px Arial, Verdana, sans-serif;
	color: #97927E;
	text-decoration: none;
}
a.title:hover {
	font: 600 18px/24px Arial, Verdana, sans-serif;
	color: #2C3682;
	text-decoration: none;
}
a.title_small {
	font: 600 14px/20px Arial, Verdana, sans-serif;
	color: #97927E;
	text-decoration: none;
}


a.cal {
	font: 600 18px/20px Arial, Verdana, sans-serif;
	color: #2C3682;
	text-decoration: none;
}
a.cal:hover {
	font: 600 18px/20px Arial, Verdana, sans-serif;
	color: #97927E;
	text-decoration: none;
}

/*  LIGHTBOX  */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/lb/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/lb/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }