/********** LAYOUT CSS **********/

div#wrapper {
	font-size: 1.1em;
	width: 920px;
	margin: 0 auto;
}

/*** siteHeader ***/

div#siteHeader {
	margin: 0;
	padding: 15px 0 0 0;
	position: relative;
}

ul#utilityNav {
	clear: both;
	list-style: none;
	margin: 0 5px 15px 5px;
	padding: 0;
}
	ul#utilityNav li {
		display: inline;
		margin: 0;
		padding: 0 7px;
		border-left: 1px solid #cccccc;
	}
	ul#utilityNav li.home {
		border: 0px none;
	}
	    ul#utilityNav li a {
		    color: #666666;
		    text-decoration: none;
	    }
	    ul#utilityNav li.in a,
	    ul#utilityNav li a:hover {
		    color: #ed3126;
	    }

fieldset#sitesearch {
    position: absolute;
    right: 20px;
}

/*** /siteHeader ***/

/*** siteNav ***/

ul#siteNav {
	clear: both;
	list-style: none;
	margin: 0 0 20px 0;
	padding: 0;
	height: 32px;
	position: relative;
	z-index: 9;
}
	ul#siteNav li {
		float: left;
		display: inline;
		height: 32px;
		margin: 0;
		padding: 0;
		position: relative;
	}
		ul#siteNav li a {
			display: block;
			height: 32px;
			position: relative;
			text-decoration: none;
		}
		ul#siteNav li:hover a,
		ul#siteNav li a:hover,
		ul#siteNav li.in a,
		ul#siteNav li.over a {
			background-position: 0px -32px;
		}
		    ul#siteNav li a span {
			    position: absolute;
			    left: -999999px;
		    }
		ul#siteNav li div.flyout {
			display: none;
			width: 212px;
	        margin: 0;
	        padding: 0 0 25px 0;
	        background: url(../../_images/flyoutbottom.gif) no-repeat bottom;
			position: absolute;
			top: 32px;
			left: 0px;
			z-index: 4;
		}
		ul#siteNav li:hover div.flyout,
		ul#siteNav li.over div.flyout {
			display: block;
		}
		ul#siteNav li.in:hover div.flyout {
			/*display: none;*/
		}
		    ul#siteNav li div.flyout ul {
	            list-style: none;
	            margin: 0;
	            padding: 15px 0 2px 0;
	            background: #ed3126 url(../../_images/flyoutnavdiv.gif) repeat-x bottom;
		    }
	            ul#siteNav li div.flyout ul li {
		            float: none;
		            display: block;
		            width: auto;
		            height: auto;
		            margin: 0;
		            padding: 2px 0 0 0;
		            background: url(../../_images/flyoutnavdiv.gif) repeat-x top;
		            position: relative;
	            }
	                ul#siteNav li div.flyout ul li a {
		                display: block;
		                width: auto;
		                height: auto;
		                min-height: 1.4em;
		                margin: 0;
		                padding: 3px 35px;
		                background: #ed3126;
		                color: #ffffff;
		                line-height: 1.4em;
	                }
	                ul#siteNav li div.flyout ul li a:hover {
		                background: #791c15;
		                text-decoration: none;
	                }

    li#nav_about {width: 121px;}
    li#nav_about a {
	    width: 121px;
	    background: url(../../_images/_sitenav/nav_about.gif) no-repeat;
    }
    li#nav_tickets {width: 205px;}
    li#nav_tickets a {
	    width: 205px;
	    background: url(../../_images/_sitenav/nav_tickets.gif) no-repeat;
    }
    li#nav_experience {width: 195px;}
    li#nav_experience a {
	    width: 195px;
	    background: url(../../_images/_sitenav/nav_experience.gif) no-repeat;
    }
    li#nav_venues {width: 132px;}
    li#nav_venues a {
	    width: 132px;
	    background: url(../../_images/_sitenav/nav_venues.gif) no-repeat;
    }
    li#nav_support {width: 117px;}
    li#nav_support a {
	    width: 117px;
	    background: url(../../_images/_sitenav/nav_support.gif) no-repeat;
    }
    li#nav_news {width: 150px;}
    li#nav_news a {
	    width: 150px;
	    background: url(../../_images/_sitenav/nav_news.gif) no-repeat;
    }

/*** /siteNav ***/


/*** siteFooter ***/

div#siteFooter {
    margin: 0;
    padding: 12px 0;
    background: url(../../_images/footerdiv.gif) repeat-x top;
}
    div#siteFooter p {
        line-height: 1.5em;
        margin: 0.8em 0;
    }
        div#siteFooter a {
            color: #666666;
            text-decoration: none;
            margin: 0 0 0 15px;
            padding: 0 0 0 15px;
            border-left: 1px solid #cccccc;
        }
        div#siteFooter a:hover {
            color: #ed3126;
        }

/*** /siteFooter ***/


/*** content ***/

div#content {
	min-height: 440px;
	margin: 0 0 20px 0;
	position: relative;
	z-index: 1;
}
    /* fullCol is not yet used but may be useful */
    div#content div#fullCol {
        width: 880px;
        min-height: 440px;
        padding: 0 20px;
    }
    div#content div#mainCol {
        float: left;
        display: inline;
        width: 580px;
        min-height: 440px;
        padding: 0 10px 0 20px;
    }
        div#content div#mainCol div.bottombar {
            color: #ffffff;
            font-size: 0.9em;
            text-align: right;
            width: 570px;
            height: 18px;
            margin: 0 -10px 0 -20px;
            padding: 0 20px;
            background: url(../../_images/bottombar.gif) no-repeat;
        }
                div#content div#mainCol div.bottombar span,
                div#content div#mainCol div.bottombar span {
                    line-height: 18px;
                    text-transform: uppercase;
                    padding: 0 6px;
                }
                div#content div#mainCol div.bottombar ul.dotlinks,
                div#content div#mainCol div.bottombar ul.dotlinks {
                    float: right;
                    display: inline;
                }
    div#content div#subCol {
        float: right;
        display: inline;
        width: 260px;
        min-height: 440px;
        padding: 0 20px;
    }
        div#subCol div.subcolTop {
            width: 260px;
            /*min-height: 173px;*/
            margin: 0 0 15px 0;
        }

/* subNav */

ul#subNav {
	list-style: none;
	margin: 0;
	padding: 0;
}
	ul#subNav li {
		margin: 0;
		padding: 0;
	}
		ul#subNav li a:link,
		ul#subNav li a:visited {
			color: #333333;
			text-decoration: none;
			text-transform: uppercase;
			display: block;
			padding: 3px 0;
			border-bottom: 1px solid #dbdbdb;
		}
		ul#subNav li.in a,
		ul#subNav li a:hover,
		ul#subNav li a:visited:hover,
		ul#subNav li a:active {
			color: #ed3126;
		}
	    ul#subNav li ul.subsubnav {
            list-style: none;
            margin: 0;
            padding: 0;
	    }
            ul#subNav li ul.subsubnav li {
            }
	            ul#subNav li ul.subsubnav li a:link,
	            ul#subNav li ul.subsubnav li a:visited {
		            color: #666666;
		            text-transform: none;
		            padding: 3px 10px;
	            }
	            ul#subNav li ul.subsubnav li.in a,
	            ul#subNav li ul.subsubnav li a:hover,
	            ul#subNav li ul.subsubnav li a:visited:hover,
	            ul#subNav li ul.subsubnav li a:active {
		            color: #ed3126;
	            }

/* /subNav */

/* banners */
/*
div.banner {
    width: 610px;
    height: 178px;
    margin: 0 -10px 10px -20px;
    background: url(../../_images/_banner/banner_tickets.jpg) no-repeat;
    position: relative;
}
div#banner_about {
    background: url(../../_images/_banner/banner_about.jpg) no-repeat;
}
div#banner_tickets {
    background: url(../../_images/_banner/banner_tickets.jpg) no-repeat;
}
div#banner_experience {
    background: url(../../_images/_banner/banner_experience.jpg) no-repeat;
}
div#banner_venues {
    background: url(../../_images/_banner/banner_venues.jpg) no-repeat;
}
div#banner_support {
    background: url(../../_images/_banner/banner_support.jpg) no-repeat;
}
div#banner_news {
    background: url(../../_images/_banner/banner_news.jpg) no-repeat;
}
div#banner_account {
    background: url(../../_images/_banner/banner_account.jpg) no-repeat;
}
div#banner_checkout {
    background: url(../../_images/_banner/banner_checkout.jpg) no-repeat;
}
div#banner_media {
    background: url(../../_images/_banner/banner_media.jpg) no-repeat;
}
div#banner_service {
    background: url(../../_images/_banner/banner_service.jpg) no-repeat;
}
div#banner_default {
    background: url(../../_images/_banner/banner_tickets.jpg) no-repeat;
}
    div.banner img {
        display: block;
        margin: 0;
        width: 610px;
        height: 178px;
    }
    div.banner span {
        position: absolute;
        left: -999999px;
    }
*/
/* /banners */

/* callouts */

div.calloutA {
	width: 300px;
	margin: 0 -20px 10px -20px;
	background: #d32c22;
}
    div.calloutA div.upper {
	    height: 6px;
	    overflow: hidden;
	    background: url(../../_images/calloutA_upper.gif) no-repeat;
    }
    div.calloutA div.lower {
	    height: 6px;
	    overflow: hidden;
	    background: url(../../_images/calloutA_lower.gif) no-repeat;
    }

div.calloutB {
	width: 300px;
	margin: 0 -20px 20px -20px;
	background: #791c15;
}
    div.calloutB div.upper {
	    height: 6px;
	    overflow: hidden;
	    background: url(../../_images/calloutB_upper.gif) no-repeat;
    }
    div.calloutB div.lower {
	    height: 6px;
	    overflow: hidden;
	    background: url(../../_images/calloutB_lower.gif) no-repeat;
    }

    div.calloutA div.inner,
    div.calloutB div.inner {
	    color: #ffcccc;
	    padding: 6px 20px;
    }
        div.calloutA div.inner h3,
        div.calloutB div.inner h3 {
	        color: #ffffff;
	        font-size: 1.4em;
	        letter-spacing: -1px;
	        margin: 0 0 0.2em 0;
        }
        div.calloutA div.inner h4,
        div.calloutB div.inner h4,
        div.calloutA div.inner h5,
        div.calloutB div.inner h5 {
	        color: #ffcccc;
        }
        div.calloutA div.inner p,
        div.calloutB div.inner p {
	        line-height: 1.5em;
	        margin: 0 0 0.8em 0;
        }
        div.calloutA div.inner a:link,
        div.calloutB div.inner a:link,
        div.calloutA div.inner a:visited,
        div.calloutB div.inner a:visited,
        div.calloutA div.inner a:hover,
        div.calloutB div.inner a:hover,
        div.calloutA div.inner a:visited:hover,
        div.calloutB div.inner a:visited:hover,
        div.calloutA div.inner a:active,
        div.calloutB div.inner a:active {
	        color: #ffffff;
        }

    div.calloutA div.bottombar,
    div.calloutB div.bottombar {
        color: #ffffff;
        font-size: 0.9em;
        text-align: right;
	    height: 18px;
	    padding: 0 20px;
	    background: url(../../_images/callout_bottombar.gif) no-repeat;
    }
        div.calloutA div.bottombar span,
        div.calloutB div.bottombar span {
            line-height: 18px;
            text-transform: uppercase;
            padding: 0 6px;
        }
        div.calloutA div.bottombar ul.dotlinks,
        div.calloutB div.bottombar ul.dotlinks {
            float: right;
            display: inline;
        }

div.greybox {
	color: #333333;
	width: 300px;
	margin: 0 -20px 10px -20px;
	background: url(../../_images/greybox_inner.gif) repeat-y;
}
    div.greybox div.upper {
	    height: 6px;
	    overflow: hidden;
	    background: url(../../_images/greybox_upper.gif) no-repeat;
    }
    div.greybox div.lower {
	    height: 6px;
	    overflow: hidden;
	    background: url(../../_images/greybox_lower.gif) no-repeat;
    }
    div.greybox div.bottombar {
	    width: 280px;
	    height: 18px;
	    overflow: hidden;
	    padding: 0 10px;
	    background: url(../../_images/greybox_bottombar.gif) no-repeat;
	    color: #ffffff;
	    font-size: 0.9em;
	    line-height: 18px;
	    text-align: right;
	    text-transform: uppercase;
    }
		div.greybox div.bottombar a {
			color: #cccccc;
		}
    div.greybox div.inner {
	    padding: 6px 20px;
    }
    div.greybox div.inner div.hr {
	    height: 2px;
	    overflow: hidden;
	    margin: 0.4em 0 1.0em 0;
	    background: url(../../_images/hr_subcol.gif) repeat-x;
    }
    div.greybox div.inner h3 {
	    font-size: 1.5em;
	    letter-spacing: -1px;
	    margin: 0 0 0.4em 0;
    }
    div.greybox div.inner p {
	    line-height: 1.5em;
	    margin: 0 0 0.8em 0;
    }

/* /callouts */

/* misc */

div#flash {
    width: 610px;
    margin: 0 -10px 20px -20px;
    position: relative;
}

div.twocols {
    width: 580px;
}
    div.twocols div.colA {
	    float: left;
	    display: inline;
	    width: 280px;
    }
    div.twocols div.colB {
	    float: right;
	    display: inline;
	    width: 280px;
    }

/* /misc */

/*** /content ***/


/*** homepage ***/

div#homepage {
	min-height: 630px;
	position: relative;
	z-index: 1;
}
    div#homepage div#mainCol {
        float: left;
        display: inline;
        width: 610px;
        min-height: 610px;
        padding: 0;
    }
        div#homepage div#mainCol div.bottombar {
            color: #ffffff;
            font-size: 0.9em;
            text-align: right;
            width: 570px;
            height: 18px;
            margin: 0;
            padding: 0 20px;
            background: url(../../_images/bottombar.gif) no-repeat;
        }
            div#homepage div#mainCol div.bottombar span,
            div#homepage div#mainCol div.bottombar span {
                line-height: 18px;
                text-transform: uppercase;
                padding: 0 6px;
            }
            div#homepage div#mainCol div.bottombar ul.dotlinks,
            div#homepage div#mainCol div.bottombar ul.dotlinks {
                float: right;
                display: inline;
            }
    div#homepage div#subCol {
        float: right;
        display: inline;
        width: 300px;
        min-height: 610px;
        padding: 0;
    }

div#banner_home {
    width: 610px;
    height: 300px;
    margin: 0 0 10px 0;
    background: url(../../_images/home/banner_home.jpg) no-repeat;
    position: relative;
}
    div#banner_home div.homepage_content {
        position: absolute;
        left: -999999px;
        width: 610px;
    }

        div#homepage div.calloutA,
        div#homepage div.calloutB {
            margin: 0 0 10px 0;
        }
            div#homepage div.inner img.minithumb {
                display: inline;
                margin-right: 10px;
            }
            div#homepage div.inner img.imgbutton {
                display: inline;
                vertical-align: middle;
            }
            div#homepage div.calloutB h3 {
                margin: 0 0 0.4em 0;
            }
            div#homepage div.first div.inner {
                height: 69px;
                overflow: hidden;
            }
            div#homepage div.second div.inner {
                height: 69px;
                overflow: hidden;
            }
            div#homepage div.third div.inner {
                height: 70px;
                overflow: hidden;
            }
            div#homepage div.fourth div.inner {
                height: 124px;
                overflow: hidden;
            }
            div#homepage div.fifth div.inner {
                height: 106px;
                overflow: hidden;
            }
            div#homepage div.fifth div.newsItem {
                display: none;
            }
            div#homepage div.fifth div#newsItem1 {
                display: block;
            }

        div#homepage div#newsNav {
            /* override with JS 
            display: none; */
        }

div#slideshow {
    width: 610px;
}
    div#slideshow img#ssPhoto {
        display: block;
        width: 610px;
        height: 282px;
        margin: 0;
    }
    div#slideshow div#photoNav {
            /* override with JS 
            display: none; */
        }
        div#slideshow div#photoNav span {
            line-height: 18px;
            text-transform: uppercase;
            padding: 0 6px;
        }
        div#slideshow div#photoNav ul.dotlinks {
            float: right;
            display: inline;
        }

/*** /homepage ***/