/*General body styling*/
body {
	font: 12pt Tahoma, Arial, helvetica, sans-serif;
	width: auto; /*previously 100% or 798px (original) */
	margin: 0 auto 0 auto;
}
/*Supplies the header background including the possum music logo and text and sets the height of the header*/

#newheaderLogo {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 60%;
	font-size: 18pt;
}

/*#headerLogo {
	background: url(../images/header.png) no-repeat;
	height: 198px;
	background-position: center;	
} decommissioned*/

/*Ensures alternate text for the header background image is located off the screen and takes up no verticle space*/
#headerLogo h1 {
	text-indent: -9999px;
	line-height: 0;
	margin: 0;
	padding: 0;
}

/*Positions and styles the navigation for Downloading the Brochure, the Sitemap and Bookmarking the site*/
#headerNav {
	position: absolute;
	margin: 0;
	padding: 0;
	text-align: right;
	/*margin-right: 20px;*/
	top: 15px;
	right: 20px;
}

/*Styles the initial state of the header navigation links*/
#headerNav a {
	text-decoration: none;
	color: #FFF;
	font-size: 80%;
}

/*Styles the header navigation links when the mouse hovers over the link*/
#headerNav a:hover {
	text-decoration: underline;
}

/*Styles the arrows in the header havigation links*/
#headerNav img {
	margin-left: 10px;
	margin-right: 10px;
}

/*Ensures the main navigation bar is the full content body width and sets the height and background of the bar*/
#nav {
	width: 100%;
	height: 27px;
	padding:13px 0 0 0;
	background: url(../images/navmenu.gif) repeat-x;
}
/*Alternate padding for the centred dropdown menus - currently limited to staging pages.*/
ul#nav{
	padding: 7px 0 7px 0;
}

#navBar {
	
	width: 100%;
}

#navBar td {
	padding: 0;
	margin: 0;
	font-size:11px;
}

.navBar {
	padding: 10px 10px 0 10px;
	border-right: 1px solid #C1E06C;
	text-align: center;
}

li.navBar{
	padding: 0px 0px 0px 0px;
}

#navBar a {
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	font-size: 110%;
}

#navBar a:hover {
	text-decoration: underline;
}

#pageContent {
	background: #CDE194;
}

#pageFooter p {
	padding-top: 20px;
	padding-bottom: 10px;
	text-align: center;
	color: #800080;
	background: #80962f;
	font-size: 80%;
	/*background-image: url(/images/);*/
}

#contactFormtable {
	/*background: #cee394;*/
	background: #C1DF6F;
	border: 2px solid #333;
	margin-left: auto;
	margin-right: auto;
}

#contactFormtable td{
	padding: 5px;
	color: #000;
}


ul {
	padding-left: 5px;
	font-size: 12px;
	list-style-position: inside;
	list-style-type: disc;
	line-height: 14px;
	padding-bottom: 10px;
}

#contentDetails {
	padding: 10px 33px 10px 33px;
}
#contentDetails p {
	font-size: 12pt;
/*	line-height: 14px;*/
	padding-top: 5px;
	padding-bottom: 5px;
}
#contentDetails h4 {
	padding: 10px 0 5px 0;
	margin: 0;
	font-size: 12pt;
}
#contentDetails a {
	font-size: 12pt;
}
#contentDetails li {
	font-size: 12pt;
	line-height: 1.2em;
}
/*MATTHEW TAYLOR'S HOLY GRAIL THREE COLUMN LIQUID LAYOUT
http://matthewjamestaylor.com/blog/holy-grail-liquid-layout-no-quirks-mode*/

#content{
	z-index: 1;
}

/* column container */
.colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
	margin-top: 0px;
}
/* common column settings */
.colright,
.colmid,
.colleft {
	float:left;
	width:100%;			/* width of page */
	position:relative;
}
.col1,
.col2,
.col3 {
	float:left;
	position:relative;
	padding:0 0 0 0;	/* no left and right padding on columns, we just make them narrower instead 
					only padding top and bottom is included here, make it whatever value you need */
	overflow:hidden;
}
h1, h2, h3{
	font-family:Verdana, Geneva, sans-serif;
} 
	
.col1 h1 {
	font-size: 16pt;
	text-align: center;
}

.col1 h2 {
	font-size: 14pt;
	text-align: left;
}

.col1 h3 {
	font-size: 12pt;
	text-align: left;
}


.col2 h2, .col3 h2, 
.doublepage .col1 h2,
	.doublepage .col2 h2 {
	color: black;
	font-size: 14pt;
	text-align: center;
}

.col2 h3, 
.col3 h3, 
.doublepage .col1 h3,
	.doublepage .col2 h3{
	color: black;
	text-align: center;
	font-size: 12pt
}

.col2 .cta,
.col3 .cta {
	color: #810181;
	font-size: 14pt;
	text-align: center;
}

/* 3 Column settings */
.threecol {
	background:#80962f;		/* right column background colour */
}
.threecol .colmid {
	right:20%;			/* width of the right column */
	background:#cde194;		/* center column background colour */
}
.threecol .colleft {
	right:60%;			/* width of the middle column 48*/
	background:#80962f;	/* left column background colour */
}
.threecol .col1 {
	width:58%;			/* width of center column content (column width minus padding on either side) */
	left:101%;			/* 100% plus left padding of center column */
}
.threecol .col2 {
	width:18%;			/* Width of left column content (column width minus padding on either side) */
	left:23%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.threecol .col3 {
	width:18%;			/* Width of right column content (column width minus padding on either side)*/
	left:85%;			/* Please make note of the brackets here:
					(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}

/*Inner Three Column Layout*/
/*MATTHEW TAYLOR'S HOLY GRAIL THREE COLUMN LIQUID LAYOUT
http://matthewjamestaylor.com/blog/holy-grail-liquid-layout-no-quirks-mode*/

/* May not be necessary #content{
	z-index: 1;
}*/

/* column container */
.inner3colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
	margin-top: 0px;
}
/* common column settings */
.inner3colright,
.inner3colmid,
.inner3colleft {
	float:left;
	width:100%;			/* width of page */
	position:relative;
}
.inner3col1,
.inner3col2,
.inner3col3 {
	float:left;
	position:relative;
	padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
					only padding top and bottom is included here, make it whatever value you need */
	overflow:hidden;
}
	
.inner3col1 h1{
	font-size: 16pt;
	text-align: center;
}

.inner3col1 h2{
	font-size: 14pt;
	text-align: center;
}

.inner3col1 h3{
	font-size: 12pt;
	text-align: left;
}


.inner3col2 h2, .inner3col3 h2{
	font-size: 12pt;
}

.inner3col2 .cta{
	color: #87d9fa;
	font-size: 18pt;
	text-align: center;
	font-family:Verdana, Geneva, sans-serif;
}

/* 3 Column settings */
.inner3col {
	background:#80962f;		/* right column background colour */
}
.inner3col .inner3colmid {
	right:20%;			/* width of the right column */
	background:white;		/* center column background colour */
}
.inner3col .inner3colleft {
	right:60%;			/* width of the middle column */
	background:#80962f;	/* left column background colour */
}
.inner3col .inner3col1 {
	width:58%;			/* width of center column content (column width minus padding on either side) */
	left:101%;			/* 100% plus left padding of center column */
}
.inner3col .inner3col2 {
	width:18%;			/* Width of left column content (column width minus padding on either side) */
	left:23%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.inner3col .inner3col3 {
	width:18%;			/* Width of right column content (column width minus padding on either side)*/
	left:85%;			/* Please make note of the brackets here:
					(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}

/*Matthew James Taylor's Double Page Layout*/
	/* 2 Column (double page) settings */
	.doublepage {
		background:#CDE194;		/* right column background colour */
	}
	.doublepage .colleft {
		right:50%;			/* right column width */
		background:#CDE194;		/* left column background colour */
	}
	.doublepage .col1 {
		width:46%;			/* left column content width (column width minus left and right padding) */
		left:52%;			/* right column width plus left column left padding */
	}
	.doublepage .col2 {
		width:46%;			/* right column content width (column width minus left and right padding) */
		left:56%;			/* (right column width) plus (left column left and right padding) plus (right column left padding) */
}

/*Tour Date Styling*/
#act_floral_emblem,
#wa_floral_emblem {
	margin-top: 10px;
	margin-left: 10px;
}
#act_faunal_emblem,
#wa_faunal_emblem {
	margin-top: 10px;
	margin-right: 10px;
}


.calendar {
	border: 3px solid #80962f;
	width: 100%;
	text-align: center;
	font-size: 10pt;
}
.calendar th {
	border: 1px solid #80962f;
	border-bottom: 3px solid #80962f;
	padding: 4px 2px 4px 2px;
	background: #80962f;
}
.calendar td {
	width: auto;
	border-left:1px solid #80962f;
	border-right:1px solid #80962f;
	border-bottom:1px solid white;
	padding: 4px 2px 4px 2px; 
	background: #fffadc;
}

#greatshow,
#qualitymerch {
	/*border: 3px solid #810181;*/
	padding: 10px;
	background: #80962f;
	height: 500px;
}

#greatshow img,
#qualitymerch img {
	width: 100%;
}
.col3 img {
	width:100%;
	padding: 10px;
}

.col3 .buy_buttons {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	max-width: 160px;
	border: 0;
}

#table11 {
	border: 0;
	border-collapse: collapse;
	width: 100%;
	text-align: left;
}
.t11left {
	width: 5%;
}
.t11mid {
	width: 50%;
}
.t11right {
	width: 45%;
	vertical-align: middle;
	text-align: center;
	font-size: 12pt;
	color: #FF0000;
}
.t11right img {
	border: 0;
	text-align: center;
}

#echp {
	border:0;
	width: 30%;
	max-width: 200px;
	height: 56px;
}

#partykids {
	float: right;
	width: 45%;
	max-width: 279px;
	padding-left: 5px;
}

#events {
	border: 0px;
	display: block;
	max-width: 296px;
}
.doublepageend {
	height: 10px;
	background:#CDE194;
}

#characters {
	block: display;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

#characters td {
	width: 22%;
}