/* - GLOBAL
=========================================================================*/
html { background:#ebdec0 url(/images/bkg-Main.jpg) 50% 0 repeat-x fixed; font-size:101% }
body { width:980px; font:.813em/1.375em Arial, Helvetica, sans-serif /* 13 px */; color:#605b51; padding:0; margin:0 auto; /* make anything a hover with this code >> */ behavior:url("/css/csshover.htc") }
table, td { border:0; border-spacing:0; border-collapse:collapse; vertical-align:top }
img { border:0 }
html, ul, li, form, input, select, h1, h2, h3, h4, table, tr, td, p { list-style-type:none; padding:0; margin:0 }
a { color:#890706; text-decoration:none; -moz-outline-width:0; outline:none }
a:hover { color:#000; text-decoration:underline }

.clear_all { clear:both }

h1, h2, h3 { font-family:Rockwell Condensed, Helvetica, Arial, Tahoma; font-size:25px; color:#890706; line-height:22px; font-weight:bold; padding:6px 0 17px }
h2 { font-size:20px; color:#000; font-weight:normal; padding:6px 0 0 }
h3 { font-size:16px; color:#000; font-weight:normal; line-height:normal; padding:9px 0 }

.sitemap, .sitemap li { list-style:disc }
.sitemap { padding:5px 20px }
.sitemap ul { padding:0 20px }
.sitemap li { padding:0 0 3px }
.sitemap ul li { list-style:circle }

/* be our friend piece // can be used anywhere */
.befriend { float:left; clear:both; width:172px; font-size:15px; font-family:Rockwell Condensed; font-weight:normal; color:#890706; text-align:center; padding:7px 0 0 0; margin:0 0 -2px }
.befriend .text { float:left; padding:0 11px 0 0 }
.social { float:left; clear:both; width:172px; padding:0 0 30px }
.social a { float:left; display:block; width:48px; height:48px; line-height:1em; background:url(/images/sprite-social.png); text-indent:-10000px; margin:0 7px 0 1px }
.social a:hover { text-decoration:none }
.social a.fb { background-position:0 0 }		/* Facebook */
.social a.ms { background-position:0 -48px }	/* MySpace */
.social a.tw { background-position:0 -96px }	/* Twitter */

/* call to action for red button link
 * USE:  <a href="" class="cta_red">LINK TEXT HERE</a>
 */
.cta_red { cursor:pointer; display:block; float:left; clear:both; width:155px; height:32px; font-size:17px; font-family:Rockwell Condensed; font-weight:normal; color:#fff; text-align:center; background:url(/images/button-calltoaction_red.gif); padding:16px 0 0; margin:4px 0 0 }
.cta_red span { cursor:pointer }
.cta_red:hover { cursor:pointer; width:155px; height:32px; text-decoration:none }

/* - WRAPPERS
=========================================================================*/
#SiteWrap { float:left; width:944px; min-height:580px; height:auto !important; height:580px; background:url(/images/bkg-Content.png) 0 0 repeat-y; padding:0 18px; margin:0 auto  }
* html #SiteWrap { background:url(/images/bkg-Content_IE6.gif) 50% 0 repeat-y }

/* - HEADER
=========================================================================*/
#Header { overflow:hidden; width:944px; height:95px; background:url(/images/bkg-Header.jpg); text-align:center }

/* - NAVIGATION
=========================================================================*/
#TopNav { width:826px; height:37px; font-size:18px; font-family:Rockwell Condensed; font-weight:normal; border-bottom:1px solid #d5d0b2; background:url(/images/bkg-NavTop.gif) 0 0 repeat-x; padding:0 0 1px 75px; margin:0 22px 0 21px }
#TopNav .main { padding:0; margin:0 }
#TopNav .main li { float:left; display:inline; height:37px; background:url(/images/bkg-NavTop_li.gif) 100% 0 no-repeat; padding:0 1px 0 0 }
#TopNav .main li.last { background:none }
#TopNav .main a { float:left; display:inline; height:28px; color:#fff; padding:9px 20px 0 }
#TopNav .main a:hover { background:url(/images/bkg-NavTop_ahover.gif) 0 0 repeat-x; text-decoration:none }

/*
	Dropdown Menu
*/
#TopNav .main ul { float:left; clear:both; position:absolute; width:200px; left:-999em; border-bottom:3px solid #5b0d0d; margin:37px 0 0; list-style:none; z-index:1000 }
#TopNav .main ul li { float:left; clear:both; width:100%; height:auto; background:#232323; height:auto; padding:0 }
#TopNav .main ul li.end { border:0 }
#TopNav .main ul li:hover { background:url(/images/bkg-NavTop.gif) 0 0 repeat-x }
#TopNav .main ul a { float:left; clear:both; display:inline; width:185px; height:auto; font:.722em Arial, Helvetica, sans-serif; background:none; margin:0; padding:5px 0 5px 15px }
#TopNav .main ul a:hover { background:url(/images/arrow-red.gif) 5px 50% no-repeat; text-decoration:none }
#TopNav .main ul a.current { background:url(/images/bkg-NavTop_current.gif) 0 0 repeat-x }
#TopNav .main li:hover ul, #TopNav ul.main li.sfhover ul { left: auto }
#TopNav .main #about-dropdown { display:inline; margin-left:-120px }

	/* IE 7 and below */
	*:first-child+html #TopNav { width:826px; padding-left:75px } * html #TopNav { width:826px; padding-left:75px }
	*:first-child+html #TopNav ul.main ul { padding:0; margin:0 } * html #TopNav ul.main ul { padding:0; margin:0 }
	*:first-child+html #TopNav .main a { padding:9px 18px 0 } * html #TopNav .main a { padding:9px 18px 0 }
	*:first-child+html #TopNav .main ul a { padding:5px 0 5px 15px } * html #TopNav .main ul a { padding:5px 0 5px 15px }
	*:first-child+html #TopNav .main #about-dropdown { margin-left:-60px } * html #TopNav .main #about-dropdown { margin-left:-60px }

#NavLeft { float:left; width:200px; padding:22px 0 0 }
#NavLeft b.title { display:block; width:193px; font-family:Rockwell Condensed; font-size:24px; font-weight:normal; color:#430707; padding:0 0 0 17px }
#NavLeft ul { padding:13px 23px 0 0 }
#NavLeft li { border-bottom:1px solid #d7d7d7; padding:3px 0 2px 6px }
#NavLeft li.end { border:0 }
#NavLeft li a { color:#000; padding:0 0 0 10px }
#NavLeft li a:hover { color:#890706; background:url(/images/arrow-red.gif) 0 4px no-repeat; text-decoration:none }
#NavLeft li a.current { color:#890706; background:url(/images/arrow-red.gif) 0 4px no-repeat; text-decoration:none }

/*  ----------------------------------------------------------
		PAGE ID'S AND CURRENT STATES FOR ALL PAGES ON SITE  
    ----------------------------------------------------------  */

/* - NavLeft ------------------------------------------------------------------------------------------------------------*/
/* Events Pages*/		body#Events #NavLeft .link-events a,
						body#Season #NavLeft .link-season a,
						body#ASO-Events #NavLeft .link-asoevents a,
						body#Seating #NavLeft .link-seating a,
						body#BoxOffice #NavLeft .link-boxoffice a,
						body#PastEvents #NavLeft .link-pastevents a,
						body#DMB #NavLeft .link-dmb a,
						body#Chesney #NavLeft .link-chesney a,
						body#Hillsong #NavLeft .link-hillsong a,
						body#GroupSales #NavLeft .link-groupsales a,
						body#StyxREO #NavLeft .link-styxreo a,

/* Location Pages*/		body#Location #NavLeft .link-location a,
						body#Map #NavLeft .link-map a,
						body#Parking #NavLeft .link-parking a,
						body#Venue #NavLeft .link-venue a,

/* Plan Visit Pages*/	body#PlanVisit #NavLeft .link-planvisit a,
						body#PlanMap #NavLeft .link-planmap a,
						body#PlanSeating #NavLeft .link-planseating a,
						body#Food #NavLeft .link-food a,
						body#AroundVWA #NavLeft .link-aroundvwa a,
						body#PlanVenue #NavLeft .link-planvenue a,
						body#FAQs #NavLeft .link-faqs a,

/* Sponsor Pages		body#Sales #NavLeft .link-sales a,
						body#Exclusive #NavLeft .link-exclusive a,
						body#Corporate #NavLeft .link-corporate a,*/
					
/* ASO Pages*/			body#ASO #NavLeft .link-aso a,
						body#ThemedFood #NavLeft .link-themedfood a,
						body#Lawn #NavLeft .link-lawn a,
						body#Backstage #NavLeft .link-backstage a,
						body#Patron #NavLeft .link-patron a,

/* About Pages*/		body#About #NavLeft .link-about a,
						body#Sponsors #NavLeft .link-sponsors a,
						body#Jobs #NavLeft .link-jobs a,
						body#Media #NavLeft .link-media a,
						body#Photos #NavLeft .link-photos a,
						body#Special #NavLeft .link-special a,
						body#Contact #NavLeft .link-contact a,
						body#Newsletter #NavLeft .link-newsletter a
						 { color:#890706; background:url(/images/arrow-red.gif) 0 4px no-repeat }
/* - NavLeft ------------------------------------------------------------------------------------------------------------*/

/* - TopNav -------------------------------------------------------------------------------------------------------------*/
/* Events Pages*/		body#Events #TopNav .link-events,
						body#Season #TopNav .link-season,
						body#ASO-Events #TopNav .link-asoevents,
						body#Seating #TopNav .link-seating,
						body#BoxOffice #TopNav .link-boxoffice,
						body#PastEvents #TopNav .link-pastevents,
						body#DMB #TopNav .link-dmb,
						body#Chesney #TopNav .link-chesney,
						body#Hillsong #TopNav .link-hillsong,
						body#GroupSales #TopNav .link-groupsales,
						body#StyxREO #TopNav .link-styxreo,

/* Location Pages*/		body#Location #TopNav .link-location,
						body#Map #TopNav .link-map,
						body#Parking #TopNav .link-parking,
						body#Venue #TopNav .link-venue,

/* Plan Visit Pages*/	body#PlanVisit #TopNav .link-planvisit,
						body#PlanMap #TopNav .link-planmap,
						body#PlanSeating #TopNav .link-planseating,
						body#Food #TopNav .link-food,
						body#AroundVWA #TopNav .link-aroundvwa,
						body#PlanVenue #TopNav .link-planvenue,
						body#FAQs #TopNav .link-faqs,

/* Sponsor Pages		body#Sales #TopNav .link-sales,
						body#Exclusive #TopNav .link-exclusive,
						body#Corporate #TopNav .link-corporate,*/

/* ASO Pages*/			body#ASO #TopNav .link-aso,
						body#ThemedFood #TopNav .link-themedfood,
						body#Lawn #TopNav .link-lawn,
						body#Backstage #TopNav .link-backstage,
						body#Patron #TopNav .link-patron,

/* About Pages*/		body#About #TopNav .link-about,
						body#Sponsors #TopNav .link-sponsors,
						body#Jobs #TopNav .link-jobs,
						body#Media #TopNav .link-media,
						body#Photos #TopNav .link-photos,
						body#Special #TopNav .link-special,
						body#Contact #TopNav .link-contact,
						body#Newsletter #TopNav .link-newsletter
						 { background:url(/images/bkg-NavTop_current.gif) 0 0 repeat-x }
/* - TopNav -------------------------------------------------------------------------------------------------------------*/


/* - FLASH / SPLASH
=========================================================================*/
#Flash-n-Slider { width:901px; height:284px; margin:1px 22px 1px 21px }
#Flash { float:left; width:589px; height:284px; margin-right:6px }
#Slider { float:left; width:306px; height:284px; overflow:hidden }

.Accordion { overflow: hidden }
.AccordionPanelTab { cursor: pointer; height:28px; font-size:18px; font-family:Rockwell Condensed; font-weight:normal; color:#fff; background:url(/images/bkg-Slider_closed.jpg) 0 0 no-repeat; -moz-user-select: none; -khtml-user-select: none; padding:9px 0 0 24px }
.AccordionPanelOpen .AccordionPanelTab { height:27px; background:url(/images/bkg-Slider_open.jpg) }
.AccordionPanelContent { overflow: hidden; height: 137px; background:url(/images/bkg-Slider_content.jpg) 0 100% no-repeat; margin: 0px; padding: 0px }
.AccordionPanelContent p { float:left; width:298px; font-size:.923em; line-height:1.154em; color:#000; padding:24px 0 0 8px }
.AccordionPanelContent img { float:left; width:96px; height:96px; border:1px solid #5f5e5b; margin:-5px 8px 0 0 }
.AccordionPanelContent .date_time { display:block; font-size:.917em; padding:8px 0 0 }
.AccordionPanelContent .date_time a { float:left; display:block; margin:8px 0 0 }

#ThreeCol-Center .splash-wrap { position:relative; width:522px; overflow:hidden; z-index:100; margin:-14px -15px 19px -3px  }
#ThreeCol-Center .splash { position:relative; display:inline }
#TwoCol-Right .splash { position:relative; display:inline; margin:-14px 0 19px -3px }

/* - CONTENT
=========================================================================*/
#Content { display:inline; float:left; width:901px; min-height:323px; background:url(/images/bkg-Content.gif) no-repeat; margin:1px 22px 0 21px }

/* homepage */
#Content .body_left_column { float:left; width:670px; padding:20px 40px 0 13px }
#Content .body_right_column { float:right; padding:8px 0 0; width:174px }
#Content .body_right_column span.section { float:left; width:155px; clear:both; font-size:.846em; background:url(/images/divider-graydots_repeat-x.gif) 0 100% repeat-x; padding:0 9px 5px 10px }
#Content .body_right_column .cta_spnsr { display:inline; float:left; clear:both; width:155px; min-height:119px; height:auto !important; height:119px; text-align:right; background:url(/images/bkg-calltoaction_partners.gif) no-repeat; text-align:right; margin:6px 0 2px }
#Content .body_right_column .cta_spnsr a:hover { text-decoration:none }
#Content .body_right_column .cta_spnsr .title { float:left; width:100%; font-size:18px; font-family:Rockwell Condensed; font-weight:normal; color:#fff; text-align:center; padding:4px 0 1px }
#Content .body_right_column .cta_spnsr .sponsor_logo { float:left; clear:both; display:inline; width:149px; height:92px; /*margin:0 0 4px 3px*/ }
#Content .body_right_column .cta_spnsr #pics { float:left; clear:both; display:inline; overflow:hidden; width:149px; height:92px; margin:0 0 0 3px }
	/* IE 7 and below */
	*:first-child+html #Content .body_right_column .cta_sponsors .title { padding-bottom:3px }
	* html #Content .body_right_column .cta_sponsors .title { padding-bottom:3px }
	* html #Content .body_right_column .cta_sponsors { padding:0 }
	*:first-child+html #Content .body_right_column .cta_spnsr #pics { margin:2px 0 0 3px }
	* html #Content .body_right_column .cta_spnsr #pics { margin:2px 0 0 3px }

/* internal */
/***********************
* TEMPLATE - 3 COLUMNS *
***********************/
#ThreeCol-Center { float:left; width:504px; padding:14px 15px 18px 3px }
#ThreeCol-Center p { padding:0; float:left; clear:both; width:504px; }
#ThreeCol-Center ul, #ThreeCol-Center li { list-style:disc }
#ThreeCol-Center ul { padding:5px 25px }
#ThreeCol-Right { float:left; width:172px; padding:3px 0 0 7px }
#ThreeCol-Right img { width:172px }
/***********************
* TEMPLATE - 2 COLUMNS *
***********************/
#TwoCol-Right { position:relative; display:inline; float:left; width:698px; padding:14px 0 18px 3px; margin:0 -13px 0 0 }
#TwoCol-Right .content_column { float:left; /*width:312px;*/ padding:0 35px 0 0 }
#TwoCol-Center ul, #TwoCol-Center li { list-style:disc }
#TwoCol-Center ul { padding:5px 25px }

.cta-left { display:inline; margin:30px 0 0 4px }

/* - INTERNAL CONTENT ((EVENTS SECTION))
=========================================================================*/
#EventColumnRight { position:relative; display:inline; float:left; width:714px; border-left:0; background:url(/images/bkg-hpcontent.gif) 0 0 repeat-x; border-top:1px solid #d4cbb2; padding:19px 0 23px; margin:0 -13px }
#EventColumnRight h1 { clear:both; font:1.538em Tahoma; color:#430707; margin:0; padding:0 0 0 10px }
#EventColumnRight .intro_blurb { width:435px; font-size:.846em; line-height:1.364em; padding:4px 0 12px 10px }

.event-day-nav { position:relative; float:left; width:688px; border-top:1px solid #ded7cd; padding:3px 0 6px; margin:-1px 0 0 }
.event-day-nav label { float:left; color:#ab9a82; padding:5px 12px 0 }
.event-day-nav a.back { float:left; color:#ab9a82; margin:3px 0 }
.event-day-nav a.back:hover { color:#890706; text-decoration:none }

a.red_small, a.red_small span { cursor:pointer; display:inline; float:left; height:23px; font-family:Tahoma; text-transform:lowercase; padding:0 0 0 7px; margin:3px 7px 0 0 }
a.red_small span { height:23px; color:#890706; padding:2px 7px 0 0; margin:0 }
a.red_small:hover, .a.red_small:hover span, a.current { background: url(/images/button-red_small_left.gif) no-repeat; text-decoration:none }
a.red_small:hover span, a.current span { color:#fff; background:url(/images/button-red_small_right.gif) 100% 0 no-repeat }

a.pad2 { margin:10px 0 5px }
a.pad2 span { height:21px; padding:1px 7px 0 0 }

span.brown, span.brown a { cursor:pointer; display:inline; float:left; height:22px; font-size:17px; font-family:Rockwell Condensed, Helvetica, Arial, sans-serif; font-weight:normal; color:#FFF; background:url(/images/button-red_left.gif) no-repeat; padding:4px 0 6px 13px }
span.brown { float:right; height:26px; background:url(/images/button-red_right.gif) 100% 0 no-repeat; padding:0 13px 0 0; margin:0 7px 0 0 }
span.brown, span.brown a:hover { text-decoration:none }

* html span.brown a { height:24px; padding-top:2px }

#EventList ul { display:inline; float:left; width:691px; padding:0 0 45px }
#EventList ul li { float:left; width:100%; background:#f9f9f9; line-height:normal; border-top:1px solid #ded7cd; padding:10px 0 }
#EventList ul li.alt { background:#f1f1f1 }
#EventList ul li:hover { background:#EFEDDE }
#EventList ul li img { display:inline; float:left; width:79px; height:58px; font-size:8px; margin:0 8px 0 11px }
#EventList ul li .artist-date { float:left; width:350px; font-size:.923em; color:#484848; padding:3px 0 0 9px }
#EventList ul li .artist-date a { font-size:1.231em; color:#871b1a }
#EventList ul li .artist-date a:hover { color:#000; text-decoration:none }
#EventList ul li .artist-date b { display:block; font-weight:normal; padding:5px 0 0 }
#EventList ul li .artist-date em { display:block; font-size:.917em; color:#484848 }
#EventList ul li .details-buy-links { float:right; width:200px; text-align:right; padding:18px 14px 0 0 }
#EventList ul li .details-buy-links a { color:#757575 }
#EventList ul li .details-buy-links a:hover { color:#871b1a }
#EventList ul li .details-buy-links span.brown, #EventList ul li .details-buy-links span.brown a { float:left; color:#fff }
#EventList ul li .details-buy-links span.brown { position:relative; margin:-4px 0 0 }
#EventList ul li .details-buy-links span.brown a { height:24px; padding-top:2px }

.printer-link { float:right; display:inline; height:15px; font-size:.846em; color:#000; line-height:normal; background:url(/images/icon-print.gif) 0 50% no-repeat; padding:0 10px 0 23px; margin:0 33px 0 0 }
.printer-link:hover { color:#890706 }

#EventFooter { float:left; clear:both; width:535px; font-family:"trebuchet MS"; color:#4d2f04; padding:32px 0 0 }

#EventDetails { float:left; width:100%; border-top:1px solid #ded7cd; padding:12px 0 13px; margin:15px 0 0 }
#EventDetails img { float:left; clear:both; width:311px; height:233px; margin:0 20px 0 0 }
#EventDetails span.brown { float:left; margin-top:10px }
#EventDetails span.brown a { float:left; height:23px; color:#fff; padding-top:3px }
#EventDetails h1 { float:none; clear:none; font-size:1.385em; color:#890706; margin-top:11px; margin-bottom:0 }
#EventDetails h2 { font:1.077em Arial, Helvetica, sans-serif; color:#890706; margin-top:8px; margin-bottom:0  }
#EventDetails b { display:block; font-size:1.154em; color:#4c4c4c; padding-top:20px }
#EventDetails b.price { display:block; font-size:1em; font-weight:normal; color:#4c4c4c; padding-top:10px }
#EventDetails em { display:block; color:#4c4c4c }
#EventDetails a.back { display:inline; float:left; width:100px; font-size:.846em; color:#000000; margin:5px 200px 0 0 }
#EventDetails a.back:hover { color:#890706; text-decoration:none }
#EventDetails .doorsopen { display:block; font-weight:bold; font-size:.846em; color:#7fa524; text-transform:uppercase }

#EventDetails .seating { display:inline; float:left; width:100px; font-size:.846em; color:#000000; margin:15px 200px 0 0 }

#ArtistInfo { float:left; clear:both; width:688px; border-top:1px solid #ded7cd; border-width:1px 0; padding:19px 0 }
#ArtistInfo h1 { float:none; clear:none; font-family:Arial, Helvetica, sans-serif; color:#890706; padding-left:13px; margin-bottom:13px }
#ArtistInfo p { float:left; width:520px; padding:0 0 0 13px }

#calendar { position:relative; float:left; clear:both; display:inline; width:180px; text-align:center; color:#4d2f04; background:#efefef; margin:10px 0 10px 0px }
#calendar td { width:25px; height:24px; font-size:.846em; vertical-align:middle; color:#000; border:solid 1px #d6d0c8 }
#calendar td.event { background:#871b1a }
#calendar td.event a { color:#fff }
#calendar tr.month { font-size:1.091em; border:solid 1px #262626 }
#calendar tr.month td { vertical-align:middle; border:none; background:#262626; color:#FFF; text-transform:uppercase; font-weight:bold; padding:0 0 1px }
* html #calendar tr.month td.month-title { width:73%; text-align:center }
#calendar tr.month img { margin:2px 0 0 }
#calendar tr.week td { border-color:#b6b1aa; font-size:.769em; font-weight:bold; background:#cbcbcb; color:#a03837; height:21px } 
.currentdate { font-weight:normal }

/* - FOOTER
=========================================================================*/
#Footer { clear:both; width:980px; height:150px; color:#333; /*color:#989489;*/ font-size:.769em; text-align:center; background:url(/images/bkg-Footer.png) 0 0 no-repeat; margin:0 auto  }
#Footer .claylink, #Footer .claylink:hover { /*color:#989489;*/ color:#333; text-decoration:none }
#Footer .links { float:left; font-size:1.1em; color:#434240; padding:22px 0 46px 50px }
#Footer .links a { color:#000; margin:0 7px }
#Footer .links a:hover { color:#590d0d }
#Footer .copyright { clear:both; text-align:center; line-height:normal; padding:0 0 20px 0 }
#Footer .legal { line-height:1.313em; color:#333; /*color:#645E50;*/ padding-bottom:20px }
* html #Footer { background:url(/images/bkg-Footer_IE6.gif) 50% 0 no-repeat  }