/* COLORS */
/*
#f47b20 orange
#2d2d2d dark gray
#006699 light blue
*/

/* RESET */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0;	padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }
del { text-decoration: line-through; }
div,img,a,input,li,span { behavior: url(/assets/iepngfix.htc); }


/* DEFAULT */
html { height: 100%; }
body { background: #c6c6c6 url(/Images/bodyBG.jpg) top left repeat-x; margin: 0; padding: 0; }
body,div { font-family: "Lucida Grande" , Arial, Helvetica, sans-serif; font-size: 10px; }
strong, em, b, i, h1, h2, h3, h4, h5, h6, address { font-family: "Lucida Grande" , Arial, Helvetica, sans-serif; }
p { font-size: 12px; line-height: 16px; }
a { text-decoration: none; }
#wrap { height: auto !important; margin: 0 auto; width: 780px; }
#page { float: left; background: url(/Images/mainBG.png) center top no-repeat; padding: 7px 7px 0 7px; width: 780px; height: auto; }

/* HEADER */
#header {  float: left; width: 780px; margin: 0 auto; margin-bottom: -160px; }
#logo { cursor: pointer; margin:0; width: 185px; height: 207px; padding: 10px; position: relative; }
#tickets { background: #2d2d2d; float: right; padding: 6px; margin-top: 20px; border: 1px solid #aaa; }
	#tickets p { font-size: 10px; color: #eee; }
	#tickets a { color: #f47b20; text-decoration: underline; }

/* GLOBAL NAV */
#navWrap { float: left; width: 780px;}
#navTop { float:left; background: #f47b20; width: 780px; height: 38px; }
.navTop { padding-left: 200px; width:580px; }
	.navTop li { float: left; margin: 0 10px; padding: 0 3px; }
		.navTop li:hover, .navTop li.current { border-bottom: 4px solid #2d2d2d; }
	.navTop a { color: #eee; display: block; height: 34px; letter-spacing: 1px; line-height: 38px; text-transform: uppercase; }

#navBot { float: left; background: url(/Images/navBotBG.png) top left repeat-y; width: 780px; height: 30px; }
.navBot { padding-left: 200px; width:580px; }
	.navBot li { float: left; margin: 0 10px; }
	.navBot a {color: #2d2d2d; display: block; line-height: 32px; }
		.navBot a:hover, .navBot a.current { text-decoration: underline; color: #000; }

#navFooter { float: left; background-color: #a0a0a0; width: 778px; height: 30px; margin: 0 0 10px 7px; border: solid 1px #e3e3e3; z-index: 2; }
.navFooter { padding-left: 130px; width:580px; }
	.navFooter li { float: left; margin: 0 10px; }
	.navFooter a {color: #ffffff; display: block; line-height: 32px; letter-spacing: 1px; text-transform: uppercase; }
		.navFooter a:hover, .navFooter a.current { text-decoration: underline; }

/* HOME MAIN */
#mainWrap { width: 780px; margin: 0 auto; }
#savorTheCoast { float: left; background: url(/Images/savorthecoast.png); width: 780px; height: 210px; position: relative; left: 20px; }
	#savorTheCoast span { display: none; }
#center { float: left; width: 780px; height: 180px; }
#magCover { background: url(/Images/magCover.png); float: right; width: 258px; height: 304px; margin-bottom: -390px; position: relative; top:-90px; right: -90px; z-index: 1; }
.RoundTripWrap { float: left; width: 234px; height: 124px; background: url(/Images/RoundTripBg.png) 0 0 no-repeat; position: relative; top: -2px; left: -5px; }
.RoundTrip { float: left; width: auto; position: relative; top: 30px; }
	.RoundTrip h3 { display: none; }
	.RoundTrip ul { float: left; width: 160px; }
	.RoundTrip li { float: left; width: 150px; margin: 10px 0 0 10px; }
	.RoundTrip label { float: left; width: 35px; height: 22px; line-height: 22px; }
	.RoundTrip input { float: left; width: 105px; padding: 2px; }
	.RoundTrip input.RoundTripButton { float: left; width: 60px; height: 62px; background: url(/Images/RoundTripButton.png) 0 0 no-repeat; border: none; padding:0; margin: 9px 0 0 5px; cursor: pointer; text-indent: -9999px; /*ČIE7 Hack*/ font-size: 0px; line-height: 0; }
	.RoundTrip span { float: left; margin: 4px 10px 0; font-size: 9px; }

/* SLIDESHOW */
#slideshowWrap { background: url(/Images/slideshowBG.png) left top; float: left; width: 780px; height: 171px; display: block; overflow: hidden; position: relative; z-index: 0; }
	#slideshow {	width: 780px; height: 170px; display: block; list-style: none; margin: 0;	padding: 0; }
	#slideshow li { margin: 0; padding: 10px 0; float: left; height: 150px; display: inline; }
		#slideshow li img { border: 1px solid white; margin: 0 0 0 10px; }

/* SUBPAGES */
#subMain { float: right; background: white; width: 515px; height: auto; min-height: 300px; margin: 20px 20px 20px 10px; padding: 20px; }
#subMain h1 { font-size: 26px; color: #333333; margin: 0 0 15px 0; font-family: Georgia, Times New Roman, Serif; border-bottom: solid 1px #ccc; padding-bottom: 5px; }
#subMain h2 { background: url(/Images/gradient.gif) left -30px repeat-x; font-size: 15px; font-weight: bold; height: 28px; line-height: 28px; border: 1px solid #d8d8d8; margin: 25px -5px 0 -5px; padding: 0 5px; }
#subMain h3 { font-size: 14px; font-weight: bold; margin: 10px 0 2px 0;}
#subMain p { margin: 10px 2px 15px 2px; line-height: 17px; }
	
#subMain a:link, #subMain a:visited { color: #006699; }
	#subMain a:hover { text-decoration: underline; }
#subMain strong { font-weight: bold; font-size: 13px; }
#subMain img { margin: 25px 20px; vertical-align: middle;}
#subPageMagCover { background: url(/Images/subMagCover.png) no-repeat; float: right; width: 280px; height: 200px; margin-bottom: -200px; position: relative; top:-50px; right: -15px; z-index: 1; cursor: pointer; }

#subMain table.travel { width: auto; border: 1px solid #ddd; margin: 20px; }
	#subMain table.travel th { background: url(/Images/gradient.gif) left -150px repeat-x; text-align: center; font-weight: bold; font-size: 10px; color: white; border: 1px solid #888; }
	#subMain table.travel tr { height: 24px; border-top: 1px solid #ddd; }
	#subMain table.travel tr.zeb { background: url(/Images/gradient.gif) left -30px repeat-x; }
	#subMain table.travel td { font-size: 11px; text-align: center; border-left: 1px solid #ddd; }
	
/* EVENTS */
#subMain p.date { font-size: 11px; margin: 2px; color: #f47b20; }
#subMain p.wines { font-size: 11px; background: #e0eaf3; padding: 8px 10px; margin: 5px -6px 10px -6px; }
	#subMain p.wines strong { font-size: 11px; text-transform: uppercase; letter-spacing: 1px; }
#subMain .tickets { margin: 20px 0 50px 0; align: center; }
	#subMain .tickets a { background: #f47b20; color:#fff; padding: 5px 10px; font-size: 12px; }
	
/* ACCOMMODATIONS */
.accom { float: left; width: 515px; padding: 10px 0 10px 0; border-bottom: 1px solid #ccc; }
.accomLeft { float: left; width: 175px; }
.accomRight { float: right; width: 325px; }

/* PHOTO GALLERY */
#photoGal img { background-color: white; padding: 5px; border: 1px solid #ccc; margin: 10px 6px; width: 145px; height: 109px; }
	#photoGal img:hover { border: 1px solid #888; }
#photoNavWrap { float: left; width: 100%; }
.photoNav { float: left; letter-spacing: 1px; height: 25px; }
	.photoNav li { float: left; font-size: 11px; height: 16px; line-height: 16px; }
	#photoGal .photoNav li a:link, #subMain .photoNav a:visited { display: block; text-decoration: none; padding: 2px 5px; color: #666; }
	#photoGal .photoNav li a:hover { background: #f47b20; color: #fff; }
	#photoGal .photoNav li.current a, #subMain .photoNav li.current a:hover { background: none; color: #666; text-decoration: underline; cursor: default; }
	#photoGal .photoNav li.off a, #subMain .photoNav li.off a:hover { background: none; color: #aaa; cursor: default; }


/* ENTERTAINMENT */
#subMain .entertainment { float: left; padding-bottom: 10px; border-bottom: 1px solid #ccc; }
		#subMain .entertainment span.date { line-height: 16px; }
	#subMain .entertainment img { float: right; margin: 0 0 10px 20px; }


/* NEWS */
.news { float: left; width:500px; border-bottom: 1px solid #ccc; }
.newsLeft { float: left; width: 100px;  }
.newsRight { float: right; width: 375px; }

/* VOLUNTEER FORM */
#volFormWrap { width: 500px; height: auto; }
.volForm { width:410px; padding:20px 25px; border: 1px solid #ddd; overflow: hidden; }
	.volForm label { float: left; font-size: 11px; margin: 15px 0 2px 0; width: 100%; }
		.volForm label.age { width:auto; margin: 0 3px 0 10px; line-height: 28px; }
		.volForm label.disabilities { line-height: 16px; } 
	.volForm input, .volForm textarea { background: url(/Images/gradient.gif) left -20px repeat-x; float: left; font-size: 12px; width: 400px; height: 16px; padding: 5px 3px; border: 1px solid #999999; }
		.volForm input:hover, .volForm textarea:hover, .volForm input:focus { border: 1px solid #3399cc; }
		.volForm input.age { width: 20px; margin:0; height: 28px; margin: 0 15px 0 0; }
			.volForm textarea.address { height: 72px; background: url(/Images/gradient.gif) left 20px repeat-x; }
			.volForm textarea.disabilities { width: 400px; height: 100px; background: url(/Images/gradient.gif) left 50px repeat-x; line-height: 18px; }
				.volForm textarea:hover, .volForm textarea:focus { border: 1px solid #3399cc; }
	.volForm input.submit { background: url(/Images/gradient.gif) left -50px repeat-x; font-size: 11px; margin: 20px 0 0; width: 100px; height: 30px; }
		.volForm input.submit:hover { background: url(/Images/gradient.gif) left -150px repeat-x; border: 1px solid #666; color: white;  }

/* GOOGLE MAP */
#googleMap { margin: 10px 0; line-height: 12px; }
#cm_map { width: 270px; height: 280px; margin-right: 10px; border: 1px solid #999; float: left; }
	#cm_mapTABLE { }
	#cm_mapTR { }
	#cm_sidebarDIV { padding: 12px 3px 0 3px; }
		#cm_sidebarDIV a:link { text-decoration: none; }
		#cm_sidebarDIV a:hover { text-decoration: underline; }

/* COLUMNS */
#columnWrap { float: left; background: url(/Images/columnsBG.png) center top no-repeat; width: 780px; height: 143px; padding: 0 7px 7px 7px; }
.column { float: left; margin: 15px 5px 0 15px; width: 240px;}
	.column h3 { background: url(/Images/gradient.gif) left -170px repeat-x; color: white; font-size: 13px; width: 95%; line-height: 16px; padding: 5px; border: 1px solid #666; }
	.column p { font-size: 11px; color: #2d2d2d; width: 100%; padding: 4px; }
	.column a { text-decoration: underline; color: #2d2d2d; font-weight: bold; }
		.column a:hover { color: #000; }
	.column form { margin: 4px;}
	.column label { font-weight: bold; }
	.column .input, textarea { font-size: 10px; width: 120px; padding: 2px; margin-top: 2px; }
	.column .button { font-size: 10px; text-transform: uppercase; line-height: 11px; background: #2d2d2d; color: #fff; border: 1px solid white; padding: 3px; margin: 0 4px; cursor: pointer; }
		.column .button:hover {background: #000; color: #f47b20; }
		
/* FOOTER */
#footer { float: left; margin: 0 auto; width: 780px; height: 147px; margin: 10px 10px 0; padding-bottom: 25px; }
	#footer img { float: left; width: auto; margin: 0 10px 0 0 }
	
.clear {
	clear:both;
}

#subMain .item p
{
	margin: 0;
	font-weight: normal;
}
#subMain .item span
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:80%;
	color:#666600;
	font-style: italic;
}
#subMain .item img
{
	float: left; 
	padding: 3px 10px 10px 0;
	margin: 0;
	vertical-align: top;
	border: none;
}

.mediaLinks
{
	width: 135px;
	background-color: #f47b20;
	padding: 20px;
	margin: 14px 0 0 7px;
	cursor: default;
}
.mediaLinks li a
{
	text-transform: uppercase;
	color: #eeeeee;
	letter-spacing: 1px; 
	line-height: 20px; 
}
.mediaLinks li a:hover
{
	text-decoration: underline;
}

#subMain .loading-image { background: none; border: none; padding: 0; width: 70px; height: 10px; margin: 25px 0 15px 0; display: none; }
.Required { color: red !important; display: inline; margin-left: 2px; font-weight: bold; }

#subMain h2 a, #subMain h2 a:link, #subMain h2 a:visited { color:#000000; text-decoration:none; }

.Message { margin-left: 5px; color: Black; font-weight: bold; }
.Error span { padding-left: 3px; border: solid 1px black; background-color: white; color: Red; position: relative; top: 5px; }

.EventsList { width: 100%; }
.EventsList th, td { font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 5px; }
.EventsList th { font-size: 15px; font-weight: bold; }
.EventsList tr.alt { background-color: #F0F0F0; }
.EventsList thead tr { background: url(/Images/gradient.gif) left -30px repeat-x; border: 1px solid #d8d8d8; }
.EventsList tbody tr:hover { background-color: #f47b20; color: #eeeeee; cursor: pointer; }