@charset "utf-8";

body { margin:0; padding:0; background-color: #000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; text-align:left; }

/* Common */
a { text-decoration:none; color:#000; }
a img { border:none; }
.headerBack { background:url(../_images/top-header.gif) top repeat-x; padding-top:7px; }
.footerBack { background:url(../_images/footer-back.gif) repeat-x; height:40px; padding-top:10px; }
.footerBack ul { display:none; }
.mainBack  { background:url(../_images/main-pattern.gif) ; }
.topLinks { text-align:right; color:#fff; padding-top:15px; }
.topLinks a { color:#fff; }
.pad5Bot { padding-bottom:5px; }
.pad10RT { padding-right:10px; }
.padRightLinksBot { padding-bottom:40px; }

div { margin:0; padding:0; }
h1, h2, h3, h4, h5, h6, p { margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; }
/* Left Panel */

.leftPanel { background:url(../_images/left-back.gif) repeat-y left; }
.linksLeft ul { margin:0; padding:0; list-style:none; }
.linksLeft ul li { border-bottom:1px solid #7f7f7f; background:url(../_images/bullet-left.gif) no-repeat left center; padding-left:15px; line-height:22px; color:#4c4c4c; margin:0 22px 0 20px; }
.linksLeft ul li.active { font-weight:bold;}
.linksLeft ul li a { color:#4c4c4c; }
.linksLeft ul li a:hover { font-weight:bold; }


/* Left Panel - Bookmarks */
.facebook { background:url(../_images/right-facebook.gif) no-repeat center right; color:#fff; padding-left:10px; }
.twitter { background:url(../_images/right-twitter.gif) no-repeat center right; color:#fff; padding-left:10px; }
.weekly { background:url(../_images/right-weekly.gif) no-repeat center right; color:#fff; padding-left:10px; }
.calendar { background:url(../_images/right-calendar.gif) no-repeat center right; color:#fff; padding-left:10px; }
.signup { background:url(../_images/right-signup.gif) no-repeat center right; color:#fff; padding-left:10px; }
.facebook a, .twitter a, .weekly a, .calendar a, .signup a   { color:#fff; font-weight:bold; }
.flickrBadge {
	text-align: center;
	background: url(../_images/back-flickr.gif) no-repeat center top;
	height:170px; }
	
/* Left Panel - Tickers */
.tickers { border-left: 1px solid #6da01f; border-right: 1px solid #6da01f; padding:0 10px; }
h3.tickerHead { margin:0; padding:0; font-size:10px; text-transform:uppercase; font-family:Verdana, Arial, Helvetica, sans-serif; padding:5px 0; }

.tickerstyle{width:178px; height:100px; overflow:hidden;}
.messagediv{display: none;}

/*#dropcontentsubject{
width: 178px;
font-weight: bold;
}

.dropcontent{
width: 178px;
height: 140px;
border: none;
background-color:none;
padding: 0px;
display:block;
}*/

/* Right Nav Panel */
.rightNav { background: url(../_images/right-nav-bot.gif) bottom no-repeat #ffffff; }
.rightNav a:hover { font-weight:bold; }


/* Convention Homepage */
h3.convention { color:#fff; text-align:center; padding-bottom:5px; font-size:13px; padding-top:4px; }
.conventionTxt { text-align:center; background-color:#fff; padding:5px 0; border-left:2px solid #855f48; line-height:14px; border-right:2px solid #855f48; }
.conventionTxt a { text-decoration:underline; font-style: italic; }
.conventionBot { background:url(../_images/convention-bottom.gif) no-repeat; color:#fff; text-align:center; font-size:11px; font-weight:bold; height:26px; line-height:26px; }

/* Drift Homepage */
.driftTxt { text-align:center; background-color:#fff; /*border-left:5px solid #985fab; border-right:5px solid #985fab;*/ }
.driftSubHead { font-size:11px; text-align:center; padding-top:25px; font-weight:bold; }
.driftPromos { background:url(../_images/drift-back2.gif) no-repeat; text-align:center; }
.driftPromos p { padding:3px 0; }
.driftPromos a { text-decoration:underline; font-style:italic; }
.driftPromos b { color:#a82d01; }
.driftPromos p.rates { padding:5px 0; border-bottom:1px solid #000; border-top:1px solid #000; margin:0 15px; }
.driftPromos p.happyhours { padding:5px 0; border-top:1px solid #000; margin:0 15px; }

.resource { display:none; }

/* Convention Page */
/*#convention { background:#fff url(../_images/convention-back.gif) left top no-repeat; height:311px; width:334px; }*/
#convention { background:#fff; height:220px; width:560px; }
#convention h1 { font-size:13px; padding-top:20px; padding-left:20px; padding-bottom:20px; background:url(../_images/tc-about.gif) no-repeat 0 0;  }
#convention h2 { font-size:13px; padding-top:20px; padding-left:20px; padding-bottom:10px;  }
#convention p.monthName { padding-top:0; }
#convention p {
	line-height:16px;
	text-align:justify;
	padding:3px 20px;
}
#convention1 { background:#fff; height:250px; width:480px; }
#convention1 h1 { font-size:13px; padding-top:20px; padding-left:20px; padding-bottom:20px; background:url(../_images/tc-convention.gif) no-repeat 0 0;  }
#convention1 h2 { font-size:13px; padding-top:20px; padding-left:20px; padding-bottom:10px;  }
#convention1 p.monthName { padding-top:0; }
#convention1 p {
	line-height:22px;
	text-align:justify;
	padding:3px 20px;
}
.rightConvention { background: url(../_images/curve-convention-green.gif) bottom no-repeat #84c225; width:213px; }

.conventionHigh1 { background: url(../_images/curve-convention-green.gif) bottom no-repeat #84c225; width:208px; padding:30px 5px 10px 0px; line-height:18px; text-align:left; }
.conventionHigh1 ul {
	margin:0;
	padding:0;
	list-style:none; }
.conventionHigh1 ul li {
	background:url(../_images/bullet-convention.gif) no-repeat 0 10px;
	padding:6px 0;
	margin-left:10px;
	padding-left:15px; }
.conventionHigh1 ul li.headCon {
	background:none;
	padding:0;
	padding-left:10px;
	padding-bottom:5px;
	padding-top:10px;
	margin:0;
 }

#conTab1
{
	margin:0;
	top:0;
	background:#3b3b3b url(../_images/bc-contab.gif) no-repeat bottom;
}
#conTab1 ul 
{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	padding-left:7px;
}
#conTab1 li 
{
display:inline;
	float:left;
	margin:0 3px 0 0 ; /*Tab Scapping Fixer*/
	padding:0;
}
#conTab1 a 
{
	background:#000 url("../_images/clinkRT.gif") no-repeat right top;*/
	margin:0;
	padding:0;
	text-decoration:none;
	border:0;
	display:block;
	float:left;
	
}
#conTab1 a span 
{
	display:block;
	background:url("../_images/clinkLT.gif") no-repeat left top;
	padding:0 7px 0 7px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#fff; /* Font Color */
	line-height:23px;
}
.conventionLinks { background:#3b3b3b; height:32px; }


/*.conventionHigh { background:#84c225; width:225px; }*/
.conventionHigh { background:#84c225; padding:5px 20px; line-height:18px; text-align:center; }
.conventionHigh ul {
	margin:0;
	padding:0;
	list-style:none; }
.conventionHigh ul li {
	background:url(../_images/bullet-convention.gif) left no-repeat;
	padding:6px 0;
	margin-left:10px;
	padding-left:20px; }
.conventionHigh ul li.headCon {
	background:none;
	padding:0;
	padding-left:10px;
	padding-bottom:5px;
	padding-top:10px;
	margin:0;
 }
 .conventionContact { background:#282828;
 color:#fff;
 line-height:16px;
 text-align:center;
 padding:4px 10px;
 }

/* .conventionContact { background:#282828;
 color:#fff;
 line-height:16px;
 padding:4px 10px;
 }*/
.conventionContact a {
	color:#fff; }
	
#conTab
{
	margin:0;
	top:0;
	background:#3b3b3b url(../_images/bc-amart.gif) no-repeat bottom;
}
#conTab ul 
{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	padding-left:7px;
}
#conTab li 
{
display:inline;
	float:left;
	margin:0 3px 0 0 ; /*Tab Scapping Fixer*/
	padding:0;
}
#conTab a 
{
	background:#000 url("../_images/clinkRT.gif") no-repeat right top;*/
	margin:0;
	padding:0;
	text-decoration:none;
	border:0;
	display:block;
	float:left;
	
}
#conTab a span 
{
	display:block;
	background:url("../_images/clinkLT.gif") no-repeat left top;
	padding:0 7px 0 7px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#fff; /* Font Color */
	line-height:23px;
}

/*Press Room*/
#press { background:#fff url(../_images/bc-pressroom.gif) no-repeat left bottom; height:375px; width:480px; }
#press h1 { font-size:13px; padding-top:20px; padding-left:20px; padding-bottom:10px; background:url(../_images/tc-convention.gif) no-repeat 0 0;  }
#press h2 { font-size:13px; padding-top:20px; padding-left:20px; padding-bottom:10px;  }
#press p.monthName { padding-top:0; }
#press p {
	line-height:16px;
	text-align:justify;
	padding:2px 20px;
}

#press p b { color:#639615; }
#press ul { margin:0; padding:0; padding-left:25px; margin-left:25px; margin-top:5px; margin-bottom:5px; }

/* Restaurant Page */
#restaurant { background:#fff url(../_images/bc-restaurant.gif) no-repeat bottom left; height:410px; }
#restaurant h1 { font-size:13px; padding-top:10px; padding-left:15px; padding-bottom:0px; margin-bottom:10px; background:url(../_images/tc-restaurant.gif) no-repeat 0 0;  }
#restaurant p {
	line-height:15px;
	text-align:justify;
	padding:0px 15px 5px 15px;
}
#restaurant p.sep {
	background:url(../_images/sep-rest.gif) repeat-x left center; margin:0 15px;
}

/* About Page */
#about1 { height:466px; background:#ffffff url(../_images/bc-about.gif) no-repeat center bottom; }
#about1 h1 { font-size:13px; padding-top:10px; padding-left:15px; padding-bottom:0px; margin-bottom:10px; background:url(../_images/tc-about.gif) no-repeat 0 0;  }
#about1 p {
	line-height:15px;
	text-align:justify;
	padding:0px 15px 5px 15px;
}
#about1 p.sep {
	background:url(../_images/sep-rest.gif) repeat-x left center; margin:0 15px;
}

#about { height:460px; background:#ffffff url(../_images/bc-about.gif) no-repeat center bottom; }
#about h1 { font-size:13px; padding-top:10px; padding-left:15px; padding-bottom:0px; margin-bottom:10px; background:url(../_images/tc-about.gif) no-repeat 0 0;  }
#about p {
	line-height:15px;
	text-align:justify;
	padding:0px 15px 5px 15px;
}
#about p.sep {
	background:url(../_images/sep-rest.gif) repeat-x left center; margin:0 15px;
}


/*Events Page*/
#events { background:#fff url(../_images/bc-about.gif) no-repeat center bottom; height:470px; width:560px; }
#events h1 { font-size:13px; padding-top:20px; padding-left:20px; padding-bottom:10px; background:url(../_images/tc-about.gif) no-repeat 0 0;  }
#events h1 span { font-size:10px; padding-bottom:10px;  }
#events p.monthName { padding-top:0; }
#events p {
	line-height:18px;
	text-align:justify;
	padding:3px 20px;
}
.eventHead { background:#84c225 url(../_images/events-headcurve.gif) no-repeat 0 0; line-height:23px; padding-left:20px; color:#fff; font-weight:bold; }
#events td.left { border-left:1px solid #84c225; border-bottom:1px solid #84c225; padding:10px; text-align:left; vertical-align:text-top; }
#events td.right { border-left:1px solid #84c225; border-right:1px solid #84c225; border-bottom:1px solid #84c225; padding:10px; text-align:left; }
#events td.right ul { list-style-type:circle; padding-left:20px;}

.upcomingEvents { background:#fff; height:200px; }
.upcomingEvents h1 { font-size:13px; padding-top:20px; padding-left:20px; padding-bottom:10px;  }
.upcomingEvents h1 span { font-size:10px; padding-bottom:10px;  }
.upcomingEvents p.monthName { padding-top:0; }
.upcomingEvents p {
	line-height:18px;
	text-align:justify;
	padding:3px 20px;
}


/*Events Dairy Page*/
#eventsDairy { background:#fff url(../_images/bc-about.gif) no-repeat center bottom; width:560px; padding-bottom:10px; }
#eventsDairy h1 { font-size:13px; padding-top:20px; padding-left:20px; padding-bottom:10px; background:url(../_images/tc-about.gif) no-repeat 0 0;  }
#eventsDairy h1 span { font-size:10px; padding-bottom:10px;  }
#eventsDairy p.monthName { padding-top:0; }
#eventsDairy p {
	line-height:15px;
	text-align:justify;
	padding:2px 20px;
}

/*Contact Us Page*/
#contact { background:#fff url(../_images/bc-contact.gif) no-repeat bottom  left; height:350px; width:381px; }
#contact h1 { font-size:13px; padding-top:20px; padding-left:20px; padding-bottom:0px; background:url(../_images/tc-contact.gif) no-repeat 0 0;  }
#contact p {
	line-height:16px;
	text-align:justify;
	padding:8px 20px;
}

#signMe { background:#fff url(../_images/bc-conventiongallery.gif) no-repeat bottom center;  font-size:10px; }
#signMe table td { padding:4px; }
#signMe table td table td { padding:0px;  }
#signMe select { border:1px solid #999; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; }
#signMe .curveSignMe { background: url(../_images/tc-conventiongallery.gif) no-repeat 0 0; padding:19px; margin:0; }
#signMe form { margin:0; padding:0; border:1px dashed #aaaaaa; }
#signMe form .txtField { border:none; border-bottom:1px solid #999; width:220px; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:left; }
#signMe form .txtDD { border:none; border-bottom:1px solid #999; width:25px; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:left; }
#signMe form .txtYY { border:none; border-bottom:1px solid #999; width:32px; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:left; }
#signMe form .adressField { border:none; border-bottom:1px solid #999; width:552px; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; }
#signMe form .submit { border:1px solid #84c225; background:none; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold;  }

/*-----Image Gallery Convention -----*/
#containerEventsDairy { padding: 10px; line-height:22px; background:url(../_images/tc-about.gif) no-repeat 0 0; }
#containerEventsDairy .curveED { background:url(../_images/back-eventscroll.gif) no-repeat center top;  }
.stepcarouseED {
position: relative; /*leave this value alone*/
/*border: 1px solid #82c12c;*/
overflow: hidden; /*leave this value alone*/
width: 520px; /*Width of Carousel Viewer itself*/
height: 140px; /*Height should enough to fit largest content's height*/
}

.stepcarouseED .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarouseED .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px; /*margin around each panel*/
width: 245px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

/*-----Image Gallery Convention -----*/
#containerEvents { padding: 15px; line-height:22px; background:url(../_images/tc-about.gif) no-repeat 0 0; }
#containerEvents .curveEvents { background:url(../_images/back-eventscroll.gif) no-repeat center top; }
.stepcarouse {
position: relative; /*leave this value alone*/
/*border: 1px solid #82c12c;*/
overflow: hidden; /*leave this value alone*/
width: 520px; /*Width of Carousel Viewer itself*/
height: 140px; /*Height should enough to fit largest content's height*/
}

.stepcarouse .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarouse .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px; /*margin around each panel*/
width: 245px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

/*-----Image Gallery Convention -----*/
#containerRestaurant { padding: 15px; line-height:22px; background:url(../_images/tc-conventiongallery.gif) no-repeat 0 0;  }
#containerRestaurant .curveRestaurant { background:url(../_images/back-imagescroller.gif) no-repeat center top; }
.stepcarouse2 {
position: relative; /*leave this value alone*/
/*border: 1px solid #82c12c;*/

overflow: hidden; /*leave this value alone*/
width: 320px; /*Width of Carousel Viewer itself*/
height: 205px; /*Height should enough to fit largest content's height*/
}

.stepcarouse2 .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarouse2 .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px; /*margin around each panel*/
width: 300px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}


/*-----Image Gallery Convention -----*/
#containerConvention { background: url(../_images/tc-conventiongallery.gif) no-repeat 0 0; padding: 15px; line-height:22px;   }
#containerConvention .curveCon { background:url(../_images/back-conventionslider.gif) no-repeat center top; }
.stepcarousel { 
position: relative; /*leave this value alone*/
/*border: 1px solid #82c12c;*/
overflow: hidden; /*leave this value alone*/
width: 630px; /*Width of Carousel Viewer itself*/
height: 235px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px; /*margin around each panel*/
width: 300px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

/*-----Image Gallery Convention -----*/
#containerAbout { padding: 5px; background:url(../_images/tc-conventiongallery.gif) no-repeat 0 0; /*background:url(../_images/back-aboutslider.gif) no-repeat center top;*/   }
.marquee1 { background: url(../_images/back-aboutslider.gif) no-repeat center; height:130px; }
.stepcarouseAbout {
position: relative; /*leave this value alone*/
/*border: 1px solid #82c12c;*/
overflow: hidden; /*leave this value alone*/
width: 320px; /*Width of Carousel Viewer itself*/
height: 185px; /*Height should enough to fit largest content's height*/
}

.stepcarouseAbout .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarouseAbout .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px; /*margin around each panel*/
width: 300px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

/*-----Art Gallery -----*/
#artGallery { background:#fff url(../_images/bc-about.gif) no-repeat center bottom; height:311px; width:560px; }
#artGallery h1 { font-size:13px; padding-top:20px; padding-left:20px; padding-bottom:20px; background:url(../_images/tc-about.gif) no-repeat 0 0;  }
#artGallery h2 { font-size:13px; padding-top:20px; padding-left:20px; padding-bottom:10px;  }
#artGallery p.monthName { padding-top:0; }
#artGallery p {
	line-height:16px;
	text-align:justify;
	padding:3px 20px;
}


.smallGallery { background:#ffffff url(../_images/bc-about.gif) no-repeat center bottom; }
.wideGallery { background:#ffffff url(../_images/bc-conventiongallery.gif) no-repeat center bottom;  }
#containerArtGallery { background: url(../_images/tc-conventiongallery.gif) no-repeat 0 0; padding: 15px; line-height:22px; }
#containerArtGallery .curveAG { background:url(../_images/back-artgalleryslider.gif) no-repeat center top; }

.stepcarouseArt {
position: relative; /*leave this value alone*/
/*border: 1px solid #82c12c;*/
overflow: hidden; /*leave this value alone*/
width: 630px; /*Width of Carousel Viewer itself*/
height: 300px; /*Height should enough to fit largest content's height*/
}

.stepcarouseArt .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarouseArt .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px; /*margin around each panel*/
width: 300px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}



/* Art Mart Page */

#artMart { background:#fff; height:220px; width:560px; }
#artMart h1 { font-size:13px; padding-top:20px; padding-left:20px; padding-bottom:20px; background:url(../_images/tc-about.gif) no-repeat 0 0;  }
#artMart h2 { font-size:13px; padding-top:20px; padding-left:20px; padding-bottom:10px;  }
#artMart p {
	line-height:16px;
	text-align:justify;
	padding:4px 20px;
}

#artMart ul { margin:0 auto; padding:0 40px; }

#amartTab
{
	margin:0;
	top:0;
	background:#3b3b3b url(../_images/bc-amart.gif) no-repeat bottom;
}
#amartTab ul 
{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	padding-left:25px;
}
#amartTab li 
{
display:inline;
	float:left;
	margin:0 20px 0 0 ; /*Tab Scapping Fixer*/
	padding:0;
}
#amartTab a 
{
	background:#000 url("../_images/clinkRT.gif") no-repeat right top;*/
	margin:0;
	padding:0;
	text-decoration:none;
	border:0;
	display:block;
	float:left;
	
}
#amartTab a span 
{
	display:block;
	background:url("../_images/clinkLT.gif") no-repeat left top;
	padding:0 7px 0 7px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#fff; /* Font Color */
	line-height:23px;
}

/*-----Images Art Mart-----*/
#containerArtMart { padding:22px 15px; line-height:22px; background:url(../_images/tc-conventiongallery.gif) no-repeat 0 0;   }
#containerArtMart .curveArtMart { background:url(../_images/back-artmartslider.gif) no-repeat center top; }
.stepcarouseArtMart {
position: relative; /*leave this value alone*/
/*border: 1px solid #82c12c;*/
overflow: hidden; /*leave this value alone*/
width: 320px; /*Width of Carousel Viewer itself*/
height: 275px; /*Height should enough to fit largest content's height*/
}

.stepcarouseArtMart .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarouseArtMart .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px; /*margin around each panel*/
width: 300px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}


/*Scrollers Events Restaurant*/
#container { margin: 0; padding:0; color:#000; }
/* For Scroller */
/*#mycustomscrollRestaurant {
/* Typical fixed height and fixed width example */
/*width:540px;
height:215px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
/*position: relative;
margin-left:0px;
margin-top:0px;
margin-bottom:5px;
}*/
#mycustomscrollRestaurant {
/* Typical fixed height and fixed width example */
width:510px;
height:330px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
background:#fff url(../_images/drift-logo-watermark.gif) no-repeat center;
margin-left:0px;
margin-top:0px;
margin-bottom:5px;
}

#mycustomscrollAboutUs {
/* Typical fixed height and fixed width example */
width:540px;
height:410px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
margin-left:0px;
margin-top:0px;
margin-bottom:5px;
}

#mycustomscrollRestaurant h2 {
	font-size:11px;
	padding-left:15px;
	padding-bottom:10px;
	padding-top:0;
	margin-top:0;
}


#mycustomscrollEvents {
/* Typical fixed height and fixed width example */
width:540px;
height:378px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
margin-left:0px;
margin-top:10px;
padding-top:0;
margin-bottom:5px;
}

#mycustomscrollEvents table {
margin-left:20px;
}

#mycustomscrollEvents table .ticket {
float:right;
font-weight:bold;
}

#mycustomscrollEvents p {
	padding:0;
	padding-bottom:8px;
	padding-left:20px;
	padding-right:10px;
	line-height:16px;

}

.flexcrollactive .emptyspace {
	height: 100px;
	}

.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}
.vscrollerbase {
/* vscrollerbase is the div that holds the scrollbar (parent of vscrollerbar) */
width: 8px;
}

.vscrollerbar {
width: 8px;
background-color: #000;
}

.vscrollerbar {
	background-color: #000;
	background-image: url(basebarcaps_verticalbarbody.png);
	background-repeat: repeat-y;
	background-position: -15px 0px;
}

.vscrollerbar{

padding: 2px;

z-index: 2;
}

.vscrollerbarbeg {
/* Top image holder for vertical scrollbar*/
background: url(basebarcaps_verticalbarbody.png) -45px -30px no-repeat;
width: 15px;
height: 15px !important;
}

/* Following are for scrollbase images, may not always be required */

.vscrollerbase {
	background-image: url(basebarcaps_verticalbarbody.png);
	background-repeat: repeat-y;
	background-position: 0px 0px;
}

.vscrollerbasebeg {
/* Vertical scrollbar's base top-cap */
/* This may be used for holding the up arrow */
background: url(basebarcaps_verticalbarbody.png) -30px -30px no-repeat;
width: 15px;
/* height of this element is normally auto set by the script to fit the scrollbase, to cover the base... */
height: 15px !important; /*  Safari BG repeat fix */
}


/*Resource Section*/

#resource { background:#fff; padding:10px; }
#resource h1 { font-size:13px; padding-top:10px; padding-left:10px; padding-bottom:10px; }
#resource h2 { font-size:11px; padding-top:10px; padding-left:10px; padding-bottom:10px;  }
#resource p {
	line-height:16px;
	text-align:justify;
	padding:3px 10px;
}

#resource ul { list-style-type:none; padding-left:10px;
}

#resource ul li { padding:3px 0; }