body			{margin: 0; padding: 0; background: #555 url(../images/bg.gif) repeat 0 0;}

h1				{margin: 0 0 0 20px; padding: 0; position: absolute; left: 0;}

h2 {
	margin: 0;
	padding: 0;
	font-size: 18px;
	font-family: MyriadPro-Regular, "Myriad Pro", Helvetica, Arial, sans-serif;
	line-height: 22px;
	font-weight: normal;
	background: no-repeat 0 0;
}

h3, h4,
h5, h6, h7		{margin: 0; padding: 0; color: #fff; font-weight: normal; font-size: 1em;}
ul				{margin: 0; padding: 0 0 0 16px;}
li				{background: no-repeat 0 0;}
body, td,
.NormalText {
	color: #fff;
	font-size: 14px;
	line-height: 15px;
	font-family: Helvetica, Arial, Sans-Serif;
}

br.clear {
	clear: both;
}

.Header {
	font-size: 26px;
	line-height: 26px;
	font-family: MyriadPro-Regular, "Myriad Pro", Helvetica, Arial, sans-serif;
}

.Subheader {
	font-size: 16px;
	line-height: 20px;
	font-family: MyriadPro-Regular, "Myriad Pro", Helvetica, Arial, sans-serif;
}

.SmallText		{font-size: 12px; line-height: 11px;}
.AquaText		{color: #22bcb9;}
.BlueText		{color: #00aeef;}
.GrayText		{color: #8c8c8c;}
.GreenText		{color: #70c066;}
.MustardText	{color: #fdb913;}
.OrangeText		{color: #ff7f00;}
.RedText		{color: #ef4135;} /*{color: #ef3e35;}*/
.WhiteText		{color: #fff;}
.YellowText		{color: #ffef00;}
.WhiteBG		{background: #fff;}

div.pagebody			{width: 858px; margin: 30px auto;}
div.pageheader			{height: 84px; padding: 29px 0 0 620px; position: relative; color: #fff; font-size: 12px; line-height: 12px; background: #3f3f3f;}

div.pageheader h1 {
	text-indent: -10000px;
	background: url("../images/logo_CanalRoom.gif") no-repeat center center;
	height: 55px;
	width: 283px;
}

div.pageheader h1 a {
	display: block;
	height: 100%;
	width: 100%;
}

div.section_desc		{height: 49px; margin: 5px 62px 5px 373px; padding: 5px 10px; background: #666;}
div.leftnav				{padding: 5px 15px; background: #3f3f3f no-repeat 0 0;}
div.features			{margin: 5px 0 0; padding: 0; background: #3f3f3f no-repeat 0 0;}
div.maincontent,
div.maincontent01,
div.maincontent02 {
	width: 340px;
	margin: 0 0 0 5px;
	padding: 5px 15px;
	background: #3f3f3f no-repeat 0 0;
}

div#leftnav				{background: #3f3f3f no-repeat 0 0; }
div#maincontent			{background: #3f3f3f no-repeat 0 0; margin: 0 0 0 5px;}
div#leftnav table,
div#maincontent table	{
	border: solid #3f3f3f;
	/*border-width: 5px 15px;*/
	margin: 10px 15px;
} /* jquery scrollbars do not pad-out gracefully. Using a table for internal padding to facilitate edit.com editing if adopted. */

h2 img.prev,
h3 img.prev				{margin: 2px 20px 1px 0;}
h2 img.next,
h3 img.next				{margin: 8px 0 1px 5px;;}

img.buy_tickets			{border: 0 solid #8c8c8c; padding: 20px;}

tr td.leftcol			{color: #8c8c8c;}

td.leftcol ul {
	margin: 5px 0 0;
	font-size: 16px;
	font-family: MyriadPro-Regular, "Myriad Pro", Helvetica, Arial, sans-serif;
	line-height: 19px;
}

table.footer td			{padding: 15px 0; color: #8c8c8c; font-size: 9px;}
table.footer td ul		{padding: 0; font-size: 1em; list-style-type: none;}
table.footer td li		{display: inline; margin: 0 5px; padding: 0; background-image: none;}
tr.active td			{color: #ffef00;}
tr.active a				{color: #ffef00;}

ul.booking				{float: right; width: 57px; margin: 5px 0 0 5px; padding: 0; color: #fff; font-size: 12px; line-height: 10px; text-align: center; list-style-type: none;}
ul.booking li			{padding: 0 !important; background-image: none !important;}
ul.topnav				{float: left; width: 372px; margin: 5px 0 0; padding: 0; color: #666; font-size: 12px; line-height: 10px; text-align: center; list-style-type: none;}
ul.topnav li			{display: inline; margin: 0; padding: 0 !important; background-image: none;}

/* scrollbars */

div.jScrollPaneContainer		{position: relative; overflow: hidden; z-index: 1;}
div.jScrollPaneTrack			{position: absolute; cursor: pointer; right: 0; top: 0; height: 100%; background: #999;}
div.jScrollPaneDrag				{position: absolute; cursor: pointer; overflow: hidden; background: #666;}

/* sections */

p.presents {
	font-family: MyriadPro-Regular,"Myriad Pro",Helvetica,Arial,sans-serif;
	font-size: 16px;
	margin: 3px 0;
}

body.index .mainTable {
	background-image: url("../images/home_bg.gif");
	background-position: top left;
	background-repeat: repeat-y;
}

body.index h2					{padding-left: 20px; color: #ff7f00; background-image: url(../images/bullet_index_ff_orange.gif); background-position: 0 8px;}
body.index td.leftcol h2		{padding: 0 0 0 16px; color: #ef4135; background-image: url(../images/bullet_private.gif); background-position: 0 6px;}

body.index td.leftcol {
	width: 489px;
}

/*
body.index td.mainright {
	text-align: right;
}
*/

body.index div.upcoming img {
	/*float: right;*/
}

body.index div.upcoming {
	text-align: left;
	margin-left: 0px;
	margin-bottom: 6px;
	padding-bottom: 10px;
	clear: both;
	background-color: #3F3F3F;
}

body.index div.upcoming td.details a {
	display: block;
}

body.index div.upcoming td.details a:hover {
	text-decoration: none;
}

body.index div.upcoming h2 {
	color: #ff7f00;
	padding: 0 0 0 19px;
	background-image: url(../images/bullet_index_ff_orange.gif);
	background-position: 0 8px;
}

body.index div.upcoming a.OrangeLink {
	display: block;
	margin-top: 5px;
	padding-left: 135px;
	font-weight: bold;
}

body.index div.upcoming a.thumbnail {
	float: left;
	clear: left;
	margin-right: 10px;
}

body.index div.upcoming table {
	/*float: left;*/
	width: 100%;
	margin: 10px 0 0 0;
	clear: both;
}

body.index div.upcoming td.details {
	padding-left: 10px;
	vertical-align: top;
}

body.index div.upcoming td.purchase {
	border-left: 2px solid #8C8C8C;
	text-align: center;
	vertical-align: middle;
}

body.index div.confirmed {
	text-align: left;
	clear: both;
	background-color: #3F3F3F;
	padding-top: 10px;
	border-top: 2px solid #555352;
}


body.index div.confirmed p {
	margin: 3px 0;
}

body.index div.confirmed h2 {
	color: #ff7f00;
	padding: 0 0 0 19px;
	background-image: url(../images/bullet_index_ff_orange.gif);
	background-position: 0 8px;
}

body.index div.confirmed a:link,
body.index div.confirmed a:active,
body.index div.confirmed a:visited {
	color: #ff7f00;
}

body.index div.confirmed td.left {
	width: 360px;
	border-width: 0;
	padding: 0;
	vertical-align: top;
}

body.index div.confirmed div.image {
	float: left;
	width: 86px;
	margin-right: 10px;
}

body.index div.confirmed div.left {
	width: 252px;
	float: left;
	min-height: 81px;
	padding: 0 10px 0 0;
}

body.index div.confirmed h2 .date {text-transform: uppercase}

/*
body.index div.maincontent		{width: 338px; height: 116px; margin: 0 0 0 6px; padding: 134px 15px 0; background-image: url(../images/content_index_top.jpg); background-position: 1px 1px;}
body.index div.maincontent01	{width: 226px; height: 109px; margin: 5px 0 0 6px; padding: 5px 15px 0 0px; background-position: 1px 1px;}
body.index div.maincontent
				img.buy_tickets	{margin: 6px 0 0; border-width: 0 0 0 1px; padding-left: 30px; float: right;}
*/
body.index div#leftcol {
	width: 484px;
	font-size: 14px;
	background-color: #3f3f3f;
}

body.index div.homeImage {
	width: 487px;
	margin: 0;
	padding: 0;
}

body.index div.homeFeature {
	padding: 5px 15px 15px 15px;
}

body.index div.homeNav {
	float: right;
	width: 23px;
	height: 24px;
	margin-top: 5px;
}

body.index div.homeNav a {
	display: block;
	width: 23px;
	height: 24px;
	text-indent: -999px;
	background-image: url("../images/home_next.png");
	background-repeat: no-repeat;
}



body.booking h2					{padding: 0 0 0 16px; color: #ef4135; background-image: url(../images/bullet_booking.gif); background-position: 0 6px;}
body.booking td.leftcol li		{color:#00AEEF; padding: 0 0 0 16px; background-image: url(../images/bullet_booking.gif); background-position: 0 3px;}
body.booking td.leftcol ul		{padding: 0; list-style-type: none;}
body.booking td.leftcol
					.Subheader	{font-size: 18px; line-height: 22px;}
body.booking div.leftnav		{width: 221px; height: 233px; padding: 5px 15px 0 252px; background-image: url(../images/leftnav_booking.jpg);}
body.booking div.features		{width: 221px; height: 118px; padding: 5px 15px 0 252px; background-image: url(../images/features_booking.jpg);}
body.booking div#maincontent	{width: 365px; height: 366px;}

body.info h2					{padding: 0 0 0 16px; color: #70c066; background-image: url(../images/bullet_info.gif); background-position: 0 5px;}
body.info td.leftcol li			{padding: 0 0 0 16px; color: #70c066; background-image: url(../images/bullet_info.gif); background-position: 0 2px;}
body.info td.leftcol ul			{padding: 0; list-style-type: none;}
body.info div.leftnav			{width: 219px; height: 234px; padding: 5px 15px 0 252px; background-image: url(../images/leftnav_info.jpg);}
body.info div.features			{width: 219px; height: 118px; padding: 5px 15px 0 252px; background-image: url(../images/features_info.jpg);}
body.info div.maincontent		{width: 337px; height: 112px; padding-bottom: 0; margin-bottom: 5px;}
body.info div.maincontent02		{width: 342px; padding-bottom: 20px; margin-bottom: 5px;}
body.info div.maincontent01		{width: 337px; height: 118px; padding-bottom: 0;}
body.info td.leftcol			{font-size: 12px; line-height: 12px;}

body.shop li					{padding: 0 0 0 11px; list-style-type: none; background-image: url(../images/bullet_shop_arrow.gif); background-position: 0 2px;}
body.shop ul					{padding: 0;}
body.shop h2,
body.shop td.leftcol li			{padding: 0 0 0 16px; color: #22bcb9; background-image: url(../images/bullet_shop.gif); background-position: 0 7px;}
body.shop td.leftcol ul			{padding: 0; font-size: 18px; line-height: 22px; list-style-type: none;}
body.shop div.leftnav			{width: 212px;}
body.shop div.features			{width: 232px; padding-left: 10px; height: 424px;}
body.shop div.maincontent		{width: 581px; margin-bottom: 5px;}
body.shop div#maincontent		{width: 611px; padding: 0; background-color: #3F3F3F;}
body.shop div.main_page			{}
body.shop div#mainImage			{float: left; width: 306px;}
body.shop div#mainText			{float: left; width: 305px;}
body.shop div#maincontent table	{float: left; width: 285px; border-width: 5px 10px 0;}
body.shop input.quantity		{width: 30px;}

body.private h2					{padding: 0 0 0 16px; color: #ef4135; background-image: url(../images/bullet_private.gif); background-position: 0 6px;}
body.private td.leftcol li		{padding: 0 0 0 16px; color: #ef4135; background-image: url(../images/bullet_private.gif); background-position: 0 3px;}
body.private td.leftcol ul		{padding: 0; list-style-type: none;}
body.private td.leftcol
					.Subheader	{font-size: 18px; line-height: 22px;}
body.private div.leftnav		{width: 221px; height: 233px; padding: 5px 15px 0 252px; background-image: url(../images/leftnav_private.jpg);}
body.private div.features		{width: 221px; height: 118px; padding: 5px 15px 0 252px; background-image: url(../images/features_booking.jpg);}
body.private div.maincontent	{width: 335px; height: 22px;}
body.private div.maincontent01	{padding: 0; margin-top: 7px;}
body.private div.maincontent h2	{padding: 0; background-image: none;}
body.private div#maincontent	{width: 365px; height: 366px;}

body.photos h2					{padding: 0 0 0 21px; color: #ffef00; background-image: url(../images/bullet_photos.gif); background-position: 0 6px;}
body.photos h2 .date			{text-transform: uppercase}
body.photos div.features li		{padding: 0 0 0 21px; color: #ffef00; background-image: url(../images/bullet_photos.gif); background-position: 0 4px;}
body.photos div.features ul		{padding: 0; list-style-type: none;}
body.photos div.features		{width: 223px; height: 76px; padding: 10px;}
body.photos div.maincontent		{width: 581px;}
body.photos div.maincontent01	{width: 611px; margin-top: 5px; padding: 0; background-color: transparent;}
body.photos div.maincontent h2	{float: left;}
body.photos div.maincontent h3	{text-align: right; color: #ffef00; font-size: 18px; line-height: 22px;}
body.photos div.maincontent01 h3 {font-weight: bold; color: #ffef00; font-size: 14px; margin-top: 10px; margin-bottom: 5px}
body.photos table.photos td		{padding: 0 7px 7px 0; text-align: center; vertical-align: middle}
body.photos div#leftnav			{width: 242px; height: 366px;}
body.photos div#leftnav h3 a:link,
body.photos div#leftnav h3 a:active,
body.photos div#leftnav h3 a:visited,
body.photos div#leftnav h3 a:hover,
body.photos div#leftnav h3		{color: #ffef00; font-size: 16px; font-weight: bold; margin: 10px 0;}
body.photos div#leftnav td		{padding: 0 5px; font-size: 12px}
body.photos div#leftnav td.date	{text-transform: uppercase; white-space: nowrap;}

body.photos td.mainleft h2,
body.photos td.mainright h2		{float: none;}
body.photos td.mainleft p		{padding: 0 15px 0 21px; margin-top: 5px}
body.photos td.mainleft
				div.maincontent	{width: 368px; padding: 0 0 15px 0;}

div#photo_gallery {
	width: 615px;
	height: 440px;
	overflow: auto;
}

body.photos div#featured_image {
	width: 368px;
	height: 366px;
	overflow: hidden;
}

body.photos td.mainright
				div.maincontent	{width: 207px; height: 289px; padding: 188px 15px 0 15px; background-image: url(../images/content_photos_right.jpg);}

/* links */

a:link,
a:visited,
a:active						{text-decoration: none; color: #fff;}
a:hover							{text-decoration: underline;}

body.info a:link,
body.info a:visited,
body.info a:active,
body.info a:hover {
	color: #70c066;
}

body.private a:link,
body.private a:visited,
body.private a:active,
body.private a:hover {
	color: #EF4135;
}

div.pageheader a				{color: #fff !important;}
ul.topnav a						{display: block; float: left; width: 55px; margin: 0 5px 0 0; border: 1px solid #ccc; padding: 40px 0 5px; color: #666; background: #fff no-repeat 50% 0;}
ul.booking a					{display: block; height: 10px; padding: 41px 0 6px; color: #fff !important; background: #666 url(../images/dot_booking.gif) no-repeat 50% 10px;}
ul.booking a:hover,
ul.topnav a:hover				{text-decoration: none;}
ul.topnav a span				{visibility: hidden;}
ul.topnav a.index				{background-image: url(../images/topnav_home.gif);}
ul.topnav a.calendar			{background-image: url(../images/topnav_calendar.gif);}
ul.topnav a.private				{background-image: url(../images/topnav_private.gif);}
ul.topnav a.shop				{background-image: url(../images/topnav_shop.gif);}
ul.topnav a.photos				{background-image: url(../images/topnav_photos.gif);}
ul.topnav a.info				{background-image: url(../images/topnav_information.gif);}

body.booking
	ul.booking a,
	ul.booking a:hover			{background-image: url(../images/dot_booking_blue.gif);}
body.index
	ul.topnav a.index,
	ul.topnav a.index:hover		{background-image: url(../images/topnav_home_on.gif);}
body.calendar
	ul.topnav a.calendar,
	ul.topnav a.calendar:hover	{background-image: url(../images/topnav_calendar_on.gif);}
body.private
	ul.topnav a.private,
	ul.topnav a.private:hover	{background-image: url(../images/topnav_private_on.gif);}
body.shop
	ul.topnav a.shop,
	ul.topnav a.shop:hover		{background-image: url(../images/topnav_shop_on.gif);}
body.photos
	ul.topnav a.photos,
	ul.topnav a.photos:hover	{background-image: url(../images/topnav_photos_on.gif);}
body.info
	ul.topnav a.info,
	ul.topnav a.info:hover		{background-image: url(../images/topnav_information_on.gif);}

table.footer td a:link,
table.footer td a:visited,
table.footer td a:active		{color: #8c8c8c;}
table.footer td a:hover			{color: #fff; text-decoration: none;}

a.AquaText,		body.shop h2 a,		body.shop ul a		{color: #22bcb9;}
a.BlueLink,		body.index td.leftcol h2 a,
				body.index td.leftcol ul a,
				body.booking h2 a,	body.booking ul a	{color: #00aeef;}
a.GreenLink,	body.info h2 a,		body.info ul a		{color: #70c066;}
a.GrayLink,		body.calendar h2 a,	body.calendar ul a	{color: #8c8c8c;}
a.MustardLink											{color: #fdb913;}
a.OrangeLink,	body.calendar h2 a, body.calendar td.leftcol ul a,
				body.index h2 a,	body.index ul a		{color: #ff7f00;}
a.RedLink,		body.private h2 a,	body.private ul a	{color: #ef4135;}
a.YellowLink,	body.photos h2 a,	body.photos ul a	{color: #ffef00;}

body.calendar div#maincontent td.details a:link,
body.calendar div#maincontent td.details a:active,
body.calendar div#maincontent td.details a:visited {
	color: #ff7f00;
}

body.calendar div.features a:link,
body.calendar div.features a:active,
body.calendar div.features a:visited {
	color: #ff7f00;
}

body.calendar div.features a img {
	border: 0;
}

/* --- Calendar --- */

body.calendar li				{padding: 0 0 0 11px; list-style-type: none; background-image: url(../images/bullet_calendar_arrow.gif); background-position: 0 2px;}
body.calendar ul				{padding: 0;}
body.calendar h2.main			{padding: 0; background-image: none; width:590px; height: 24px}
body.calendar h2.main a			{float: left; padding: 0 5px;}
body.calendar h2				{padding: 0 0 0 19px; color: #ff7f00; background-image: url(../images/bullet_index_ff_orange.gif); background-position: 0 8px;}
body.calendar td.leftcol		{color: #fff;}
body.calendar td.leftcol li		{padding: 0 0 0 19px; color: #ff7f00; background-image: url(../images/bullet_index_ff_orange.gif); background-position: 0 6px;}
body.calendar td.leftcol ul		{padding: 0; list-style-type: none;}
body.calendar div.leftnav		{width: 213px; height: auto; padding: 5px 15px 15px;}
body.calendar div.leftnav h2 {
	margin: 5px 0 0;
	padding: 0;
	color: #fdb913;
	font-size: 1em;
	font-family: Helvetica, Arial, sans-serif;
	line-height: normal;
	background-image: none;
}

body.calendar div.features			{width: 243px; padding: 0;}
body.calendar div.features_detail	{padding: 0 15px;}
body.calendar div.maincontent	{width: 590px; margin-bottom: 5px; padding: 5px 10px;}

body.calendar div.maincontent01	{width: 274px; height: 300px; margin-bottom: 5px; padding: 5px 15px 0 321px; background-position: 1px 1px;}

body.calendar div.maincontent01 img.buy_tickets,
body.calendar div.maincontent02 img.buy_tickets	{
	margin: 0 20px 0 0;
	border-width: 0 1px 0 0;
}

body.calendar div#maincontent {
	width: 610px;
	background-color: #555555;
}

body.calendar div#maincontent table {
	margin: 0 0 1px;
	border-width: 8px 0;
}

body.calendar div#maincontent td {
	border: solid #555;
	border-width: 0 0 0 1px;
	padding: 0 15px;
	background: #3f3f3f;
}

body.calendar div#maincontent td.left {
	width: 360px;
	border-width: 0;
	padding: 0;
	vertical-align: top;
}

body.calendar div#maincontent div.image {
	float: left;
	width: 86px;
	margin-right: 10px;
}

body.calendar div#maincontent div.image img {
	float: left;
	margin-bottom: 10px;
}

body.calendar div#maincontent div.left {
	width: 252px;
	float: left;
	min-height: 81px;
	padding: 0 10px 0 0;
}

body.calendar div#maincontent td.details {
	width: 128px;
	vertical-align: top;
}

body.calendar div#maincontent td.buylink {
	text-align: center;
}

body.calendar h2 .date {text-transform: uppercase}

body.calendar div#maincontent img.left {
	position: relative;
	left: 0;
	top: 0;
}

body.calendar div#maincontent img.buy_tickets {padding: 0;}

body.calendar #email_calendar_form table {
	margin: 0 auto;
}

#join_form {
	width: 540px;
	padding-left: 20px;
}

/* --- Calendar Event Detail --- */

body.calendar div.maincontent02 {
	width: 455px;
	padding: 5px 15px 0 140px;
	background-position: 1px 1px;
}

h3.WarmUpTitle {
	font-size: 18px;
	line-height: 22px;
}

a.activeMonth,
a.activeMonth:hover,
body.calendar h2.main a.activeMonth,
body.calendar h2.main a.activeMonth:hover { color: #FFF; font-size: 30px; font-weight: bold; text-decoration: none; }

* .mainDate { font-size: 28px; }

* .ThanksText { font-family: Verdana, Arial, Helvetica, sans serif; font-size: 10px; line-height: 13px; }