/*
=general
=headers
=page structure
=navigation =utility
=navigation =left_col
=navigation =subnav
=form styles
=link styles
=link styles =button
=events
=my_fest
=browse
=news
=media
=gallery
=artist_bio
=misc
=calendar
=print
=footer
*/


/*
=general
---------------------------------------------- */

html, body
{

}

body
{
	background: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	line-height: 1.3em;
	margin: 0;
	padding: 0;
	color: #333;
}

table, tr, td, input, select, textarea, ol, ul
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
}

a img, img
{
    border: 0;
}

a
{
    color: #0086D8;
}

a:hover, a.active
{
	text-decoration: underline;

}

code, pre
{
    font-size: 1.5em;
    color: #999;
    display: block;
    width: 500px;
}


h1, h2, h3
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	line-height: 1.3em;
}


h2
{
    margin: 0 0 15px 0;
    padding: .3em 0 0;
    font-size: 1.7em;
    clear: both;
    line-height: 1.1em;

	}


h3
{
    font-size: 1.4em;
    margin-bottom: .5em;
}

h3.venue, h3.date
{
    background: #fff;
    padding: 10px 0 5px 4px;
    margin: .8em 0 0;
    font-size: 1.7em;
	font-weight: normal;

}
h4
{
    font-size: 1.1em;
}

form { margin: 0; padding: 0;}

p.subheader
{
    color: #934805;
    font-weight: bold;
}


.hide
{
	position: absolute;
	left: -999em;
}

p
{
	margin: .5em 0 1.7em 0;
	line-height: 1.3em;
}

.hidden { display: none }
.visible { display: block }

ul
{
	list-style-type: square;
}

#centre_col input, #centre_col textarea
{
    background-color: #E0F1F9;
    color: #005076;
}

/* =headers
--------------------------------------------*/
h1.section
{
    width: 480px;
    height: 30px;
    margin: 0 0 11px 0;
    padding: 0;
    display: block;
    text-indent: -999em;
    font-size: .1em;
    background-repeat: no-repeat;
    background-position: right;

}

h1.section_narrow
{
    width: 445px;
    height: 30px;
    margin: 0;
    padding: 0;
    display: block;
    text-indent: -999em;
    font-size: .1em;
    background-repeat: no-repeat;
    background-position: right;
}

h1.section_wide
{
    width: 507px;
    height: 30px;
    margin: 0 0 11px 0;
    padding: 0;
    display: block;
    text-indent: -999em;
    font-size: .1em;
    background-position: right;
    background-repeat: no-repeat;
}

h1.left
{
    background-position: left;
}

/*
=Message classes
--------------------------------------------*/

.msg-info
{
    background: #fff url(/images/icons/check.gif) 5px 5px no-repeat;
    color: #693;
    font-weight: bold;
    padding: 5px 5px 5px 25px;
}

.msg-error
{
    background: #fff url(/images/icons/error-sml.gif) 5px 5px no-repeat;
    padding: 5px 5px 5px 25px;
}

.msg-error span
{
    color: #DD4604;
    font-weight: bold;
}




/*
=page structure
---------------------------------------------- */

#header
{
    width: 100%;
    background: #fff url(/images/header_gradient.gif) 0 11px repeat-x;
    z-index: 1;
    padding-top: 0;
    height: 140px;
}

#layout td
{
    border-right: 11px solid #fff;
    background-color: #fff;
}

#layout table td
{
    border-right: 0;
}


#layout_homepage td
{
    border-right: 11px solid #fff;
    border-bottom: 11px solid #fff;
    background-color: #fff;
}

.get-a-programme
{
	padding: 0 10px 0px 10px;
	color: #003501;
}

.get-a-programme p
{
	line-height: 1.2em;
	margin: 0.7em 0 0 0;
}


#left_col
{

}

#centre_col
{

}

#right_col
{

}

#chequer
{
    background: transparent url(/images/blocks.gif);
}



/*
=navigation =utility
---------------------------------------------- */

#utility_nav
{
    position: absolute;
    left: 382px;
	width: 415px;
	height: 54px;
	padding: 0;
	background: url(/images/un_dots.gif) no-repeat left bottom;
    top: 84px;
}
#header>#utility_nav
{
	top: 81px;
}

#utility_nav ul
{
    margin: 0;
    padding: 0;
	list-style: none;
}

#utility_nav li
{
    display: inline;
	margin: 0;
	padding: 0;
}

#utility_nav a
{
	float: left;
	display: block;
}




/*
=navigation =left_col
---------------------------------------------- */

#left_col ul
{
    margin: 0;
    padding: 0;
}

#left_col li
{
    margin: 0;
    padding: 0;
    display: inline; /* this is critical otherwise IE renders a vertical space under the <a> blocks */
}

#main_nav li a
{
	height: 30px;
	width: 180px;
    margin: 0;
    padding: 0;
    display: block;
}

#main_nav li a:hover, #main_nav li a.active
{
	background-position: -185px;
}

#search
{
    background-color: #CECDAF;
    margin: 11px 0 0 0px;
    padding: 3px 0 5px 5px;
}

#search input
{
    color: #cc317a;
    font-size: .95em;
    padding: 0;
    margin: 0 6px 0 0;
    border: none;
    border-left: 1px solid #999;
    border-top: 1px solid #999;
    background-color: #fff;

}

input#go
{
    margin: 0 0 0 4px;
}

/*
=navigation =subnav
---------------------------------------------- */
#centre_col  ul.subnav
{
    list-style: none;
    margin-left: 0;
}
#centre_col ul.subnav li
{
    display: inline;
    background:#fff url(/images/dots_blue_grey.gif) 0 50% no-repeat;
    padding: 0 0 0 12px;
    margin: 0 1em 0;
}

#centre_col ul.subnav li a
{
    font-weight: normal;
    text-decoration: none;
    background: #CCE7F7;
    color: #0270B3;
    padding: .1em .2em;
}
#centre_col ul.subnav li a.active
{
    font-weight: bold;
    background: #fff;
    color: #4D6782;
}


.button_subnav
{
    margin: 6px 0 30px 0;
    width: 507px;
}

.button_subnav a.button
{
    margin-right: 5px;
}

/*
=subnav_buttons (subnavigation button images on event pages)
---------------------------------------------- */
#centre_col ul.events_subnav
{
    list-style: none;
    height: 13px;
    margin: 10px 0 11px 0;
    padding: 0;
}

#centre_col ul.events_subnav li
{
    display: inline;
    background-image: none;
    margin: 0;
    padding: 0;
}

ul.events_subnav a
{
    height: 13px;
    margin-right: 7px;
    background-position: 0 0;
    float: left;
}

a.opera { background-image: url(/images/opera.gif); width: 51px; }
a.opera:hover, a.opera.selected { background-position: -51px;}
a.popular { background-image: url(/images/popular.gif); width: 62px; }
a.popular:hover, a.popular.selected { background-position: -62px;}
a.fine-music { background-image: url(/images/fine-music.gif); width: 73px; }
a.fine-music:hover, a.fine-music.selected { background-position: -73px;}
a.outdoors { background-image: url(/images/outdoors.gif); width: 68px; }
a.outdoors:hover, a.outdoors.selected { background-position: -68px;}
a.club-gigs { background-image: url(/images/club-gigs.gif); width: 68px; }
a.club-gigs:hover, a.club-gigs.selected { background-position: -68px;}
a.classical-tuesdays { background-image: url(/images/classical-tuesdays.gif); width: 121px; }
a.classical-tuesdays:hover, a.classical-tuesdays.selected { background-position: -121px;}
a.sunday-jazz { background-image: url(/images/sunday-jazz.gif); width: 85px; }
a.sunday-jazz:hover, a.sunday-jazz.selected { background-position: -85px;}
a.family { background-image: url(/images/family.gif); width: 55px; }
a.family:hover, a.family.selected { background-position: -55px;}
a.forums-talks { background-image: url(/images/forums-talks.gif); width: 92px; }
a.forums-talks:hover, a.forums-talks.selected { background-position: -92px;}

/*
=form styles
---------------------------------------------- */

.form-error
{
    color: #DD4604;
    font-weight: bold;
}

label
{
}


input.text
{
    width: 180px;
    padding: 2px;
}

input.text-error
{
    width: 180px;
    padding: 2px;
    background-color: #FEF0EA;
}

select.select
{
    width: 180px;
}

select.select-error
{
    width: 180px;
    background-color: #FEF0EA;
}

textarea.textarea
{
    width: 400px;
    height: 200px;
}

textarea.textarea-error
{
    width: 400px;
    height: 200px;
    background-color: #FEF0EA;
}



/*
=link styles
---------------------------------------------- */

td#centre_col a:hover
{
    background-color: #CCE7F7;
}

td#centre_col a.bl
{
    color: #0086D8;
    background-color: #CCE7F7;
    text-decoration: none;
}

td#centre_col a.bl:hover
{
    text-decoration: underline;
}

#centre_col ul
{
    list-style: none;
    margin: 1em 0 1em 1em;
    padding: 0;
}

#centre_col li
{
    margin: 0 0 .3em 0;
    background: transparent url(/images/bullet.gif) 0 .6em no-repeat;
    padding: 0 0 0 .8em;
}

td#centre_col ul a
{
    color: #40A4E2;
    text-decoration: underline;

}

td#centre_col ul a:hover
{
    text-decoration: underline;
}

a.media
{
    background-position: 0 50%;
    background-repeat: no-repeat;
    padding: 2px 0 2px 20px;
}

p.siteby
{
    color: #333;
	padding:7px 0 0 7px;
}

p.siteby a
{
    text-decoration:none;
    color: #333 !important;
}

p.siteby span
{
    text-decoration:underline;
    color: #90B621;
}



#event_detail_right_col a
{
    color: #1C7A9E;
    font-weight: bold;
    padding: 2px;
}

#event_detail_right_col a:hover span
{
    text-decoration: underline;
    background-color: #BED879;
}



a.pdf
{
   background: transparent url(/images/pdf.gif) left no-repeat;
   padding: 4px 0 4px 24px;
   display: block;
   margin-bottom: .5em;
}


td#centre_col p
{
	line-height: 1.3em;
	padding-bottom: 10px;
	margin-bottom: 4px;
}

td#centre_col h2
{
    margin: 0 0 9px 0;
	}


td#centre_col div.more
{

}

td#centre_col div.more a
{
    background: #fff url(/images/dots_blue_grey.gif) 4px 50% no-repeat;
    padding: 0 2px 2px 16px;
    font-weight: bold;
    text-decoration: underline;
}


td#centre_col a.more, td#centre_col a.back
{
    background: #fff url(/images/dots_blue_grey.gif) 4px 50% no-repeat;
    padding: 0 2px 2px 16px;
    font-weight: bold;
    text-decoration: underline;
    margin: 4px 0 0;
}

td#centre_col a.back
{
    background-image: url(/images/dots_back.gif);
}
td#centre_col a.more:hover, td#centre_col a.back:hover, td#centre_col div.more a:hover
{
    background-color: #CCE7F7;
}



a.dots1
{
    color: #333;
    background: transparent url(/images/light_dot_square.gif) 4px 50% no-repeat;
    padding: 0 0 2px 16px;
}


a.dots1:hover
{
    background: #DCE4E9 url(/images/dark_dot_square.gif) 4px 50% no-repeat;
}

a.dots2:link
{
    color: #0086D8;
    background: transparent url(/images/light_dot_square_shadow.gif) 4px 50% no-repeat;
    padding: 0 1em 2px 16px;
}

a.dots2:hover
{
    color: #fff;
    background: #0086D8 url(/images/light_dot_square_shadow.gif) 4px 50% no-repeat;
}

a.dots3
{
    color: #0086D8;
    background: transparent url(/images/dark_dot_square.gif) 4px 50% no-repeat;
    padding: 0 .3em 2px 16px;
}

a.dots3:hover
{
    color: #fff;
    background: #0086D8 url(/images/light_dot_square_shadow.gif) 4px 50% no-repeat;
}

a.dots4
{
    color: #0086D8;
    background: transparent url(/images/light_dot_square_shadow.gif) 4px 50% no-repeat;
    padding: 0 .3em 2px 16px;
}

a.dots4:hover
{
    color: #0086D8;
    background: #DCE4E9 url(/images/light_dot_square_shadow.gif) 4px 50% no-repeat;
}


a.dots5
{
    color: #0086D8;
    background: transparent url(/images/dots_blue_grey.gif) 4px 50% no-repeat;
    padding: 0 .3em 2px 16px;
}

a.dots5:hover
{
    color: #0086D8;
    background: #DCE4E9 url(/images/dots_blue_grey.gif) 4px 50% no-repeat;
}

a.dots6
{
    color: #1C7A9E;
    background: transparent url(/images/light_dot_square_shadow.gif) 4px 50% no-repeat;
    padding: 0 .3em 2px 16px;
    font-weight: bold;
}

a.dots6:hover
{
    color: #1C7A9E;
    background: #DCE4E9 url(/images/light_dot_square_shadow.gif) 4px 50% no-repeat;
}

a.dots7
{
    color: #1C7A9E;
    background: transparent url(/images/dots_light_green.gif) 4px 50% no-repeat;
    padding: 0 .3em 2px 16px;
}

a.dots7:hover
{
    color: #1C7A9E;
    background: #DCE4E9 url(/images/dots_light_green.gif) 4px 50% no-repeat;
}



/*
=link styles =button
---------------------------------------------- */

a.button { display: block; }

a.button span { text-indent: -999em; }

@media all  /* this hides the style from IE5 mac */
{
    a.button span
    {
        position: absolute;
        left: -999em;
    }
}
#centre_col a.button:hover { background-color: transparent; }



a.pyv { width: 95px; height: 16px; }
a.pyv:hover { background-position: -100px; }

a.nam { width: 94px; height: 16px; }
a.nam:hover { background-position: -99px; }

a.wao { width: 99px; height: 16px }
a.wao:hover { background-position: -104px; }

a.pg { width: 94px; height: 16px }
a.pg:hover { background-position: -99px; }

a.spon { width: 95px; height: 18px }
a.spon:hover { background-position: -100px; }

a.au { width: 94px; height: 18px }
a.au:hover{ background-position: -99px; }

a.en { width: 99px; height: 18px }
a.en:hover { background-position: -104px; }

a.bof { width: 120px; height: 18px }
a.bof:hover { background-position: -125px; }


a.mfql:hover { background-position: -180px; }
a.movie:hover { background-position: -63px;  }
a.sounds:hover { background-position: -73px; }
a.book:hover { background-position: -54px; }

a.add
{
    background-image: url(/images/add.gif);
    height: 14px;
    width: 62px;
}
a.add:hover { background-position: -62px; }

a.added
{
    background-image: url(/images/added.gif);
    height: 14px;
    width: 62px;
}

a.added:hover { background-position: -62px; }

td#centre_col  a.book_tickets
{
    background: transparent url(/images/book_tickets.gif);
    width: 91px;
    height: 14px;
    border-left: 11px solid #fff;
    border-right: 4px solid #fff;
}
td#centre_col  a.book_tickets:hover { background-position: -96px; }

td#centre_col a.book_tickets_dots
{
    background: transparent url(/images/book_tickets_dots.gif);
    height: 24px;
    width: 91px;
    float: right;
    margin: 0 0 0 5px;
}
td#centre_col a.book_tickets_dots:hover { background-position: -96px; }

td#centre_col a.add_to_myfest_dots
{
    background: transparent url(/images/add_to_myfest_dots.gif);
    height: 24px;
    width: 119px;
    float: right;
}
td#centre_col a.add_to_myfest_dots:hover { background-position: -124px; }

td#centre_col a.added_to_myfest_dots
{
    background: transparent url(/images/added_to_myfest_dots.gif);
    height: 24px;
    width: 134px;
    float: right;
}

td#centre_col a.added_to_myfest_dots:hover { background-position: -134px; }

a.added_to_myfest_dots span, a.add_to_myfest_dots span { text-indent: -999em; }

@media all  /* this hides the style from IE5 mac */
{
    a.added_to_myfest_dots span, a.add_to_myfest_dots span
    {
        position: absolute;
        left: -999em;
    }
}

td#centre_col a.print_this_event
{
    background-image: url(/images/print_this_event.gif);
    height: 19px;
    width: 95px;
    float: left;
    margin: 0 6px 0 0;
}

td#centre_col a.print_this_event:hover
{
    background-position: -100px;
}

td#centre_col a.email_reminder
{
    background: transparent url(/images/email_reminder.gif);
    height: 19px;
    width: 95px;
    float: left;
    margin: 0 6px 0 0;
}

td#centre_col a.email_reminder:hover
{
    background-position: -100px;
}

td#centre_col a.email_friend
{
    background: transparent url(/images/email_friend.gif);
    height: 19px;
    width: 95px;
    float: left;
}
td#centre_col a.email_friend:hover { background-position: -100px; }




/* dots_blue_grey.gif */
.page_numbers a
{
    text-decoration: none;
    background: #cce7f7;
    padding: 0px 2px;
    font-weight: bold;
}

.page_numbers a:hover
{
    text-decoration: none;
    background: #E6E677;
    padding: 0px 2px;
    font-weight: bold;
}

a.show_details
{
    width: 86px;
    height: 13px;
    margin-right: 4px;
    background-image: url(/images/show_details.gif);
    float: left;
}

a.show_details:hover
{
    background-position: -86px;
}

a.sort_by_date
{
    width: 86px;
    height: 13px;
    margin-right: 4px;
    background-image: url(/images/sort_by_date.gif);
    float: left;
}

a.sort_by_date:hover
{
    background-position: -86px;
}

a.sort_by_date_mf
{
    width: 78px;
    height: 13px;
    margin-right: 4px;
    background-image: url(/images/sort_by_date_mf.gif);
    float: left;
}

a.sort_by_date_mf:hover
{
    background-position: -78px;
}


a.sort_by_venue
{
    width: 91px;
    height: 13px;
    margin-right: 4px;
    background-image: url(/images/sort_by_venue.gif);
    float: left;
}

a.sort_by_venue:hover
{
    background-position: -94px;
}

a.sort_by_kind
{
    width: 76px;
    height: 13px;
    margin-right: 4px;
    background-image: url(/images/sort_by_kind.gif);
    float: left;
}

a.sort_by_kind:hover
{
    background-position: -76px;
}

a.show_nz_events
{
    width: 102px;
    height: 13px;
    margin-right: 4px;
    background-image: url(/images/show_nz_events.gif);
    float: left;
}

a.show_nz_events:hover
{
    background-position: -102px;
}

a.show_all_events
{
    width: 106px;
    height: 13px;
    margin-right: 4px;
    background-image: url(/images/show_all_events.gif);
    float: left;
}

a.show_all_events:hover
{
    background-position: -106px;
}


a.show_packages
{
    width: 99px;
    height: 13px;
    background-image: url(/images/show_packages.gif);
    float: left;
}

a.show_packages:hover
{
    background-position: -99px;
}

input.search
{
    background-image: url(/images/search.gif);
    width: 46px;
    height: 21px;
    margin-bottom: -.6em;
}

input.search:hover
{
    background-position: -46px 0;
}

input.submit
{
    background-image: url(/images/submit.gif);
    width: 44px;
    height: 21px;
    margin: 1em 0;
}

input.submit:hover
{
    background-position: -44px 0;
}


input.login, #myfest_registration input.login
{
    background-image: url(/images/login.gif);
    width: 39px;
    height: 21px;
    margin-bottom: 1em;
}

input.login:hover
{
    background-position: -39px 0;
}

input.signup
{
    background-image: url(/images/signup.gif);
    width: 47px;
    height: 21px;
    margin-bottom: 1em;
}

input.signup:hover
{
    background-position: -47px 0;
}


input.email_password
{
    background-image: url(/images/email_password.gif);
    width: 93px;
    height: 21px;
    margin-bottom: 1em;
}

input.email_password:hover
{
    background-position: -93px 0;
}



input.submit_review
{
    background-image: url(/images/submit_review.gif);
    width: 85px;
    height: 21px;
    margin-bottom: 1em;
}

input.submit_review:hover
{
    background-position: -85px 0;
}

input.email_friend
{
    background-image: url(/images/email_friend.gif);
    width: 95px;
    height: 19px;
    margin-bottom: 1em;
}

input.email_friend:hover
{
    background-position: -100px 0;
}

input.create_reminder
{
    background-image: url(/images/create_reminder.gif);
    width: 97px;
    height: 21px;
    margin-bottom: -.6em;
}

input.create_reminder:hover
{
    background-position: -97px 0;
}

input.email_your_friend
{
    background-image: url(/images/email_your_friend.gif);
    width: 99px;
    height: 21px;
    margin-bottom: -.6em;
}

input.email_your_friend:hover
{
    background-position: -99px 0;
}


/*
=events
---------------------------------------------- */


#event_detail_right_col
{
    width: 100%;
    margin-top: 11px;
    background-color: #A4C44E ;
    color: #4F4F4F;
    font-size: .9em;
}

#event_detail_right_col p
{
    margin: .5em .5em 12px 12px;
}



.event_divider
{
    width: 100%;
    height: 3px;
    margin: 6px 0;
    background-repeat: no-repeat; /* the background image comes from section style */
    line-height: .01em;
}

#event_review_box
{
    float: left;
    position: relative;
    width: 218px;
    margin-top: 12px;
    padding: 30px 0 0;
    background: #E4EBDD url(/images/h_event_reviews.gif) top no-repeat;
}


#event_review_box a:link
{
    background: none;
}
#event_review_box a:link
{
    color: #1C7A9E;
    background: transparent url(/images/light_dot_square_shadow.gif) 4px 50% no-repeat;
    padding: 0 0 0 16px;
    font-weight: bold;
}

#event_review_box a.write_a_review
{
    color: #1C7A9E;
    background: transparent url(/images/light_dot_square_shadow.gif) 4px 50% no-repeat;
    padding: 0 0 0 16px;
    font-weight: bold;
    position: absolute;
    right: 6px;
    top: 6px;
}



#event_review_box p
{
    color: #626D51;
    margin: .5em 12px 1em;
}

#event_review_box em
{
    color: #74A838;
    display: block;
    font-style: italic;
}


#event_similar
{
    float: left;
    width: 200px;
    margin: 12px 0 0 8px;
    padding: 30px 10px 1em 0;
    background: #F0F0E7 url(/images/h_event_similar.gif) top no-repeat;
}


tr.list_event td
{
    background-color: #F5F5F4 !important;
    border-top: 1px solid #fff;
}

#event_dates
{
    font-size: .95em;
    padding: .4em 10px 10px;
}
#event_dates img
{
    position: absolute;
    margin-left: 2px;
}



.section_banner
{
    height: 240px;
    position: relative;
}


.section_banner p
{
    margin: .5em 11px .5em 0;
}

.section_banner img
{
    float: left;
    margin-right: 14px;
}

.section_banner .text
{
    overflow: auto;
    padding: 3px 0 0;
	voice-family: "\"}\"";
	voice-family: inherit;
    height: 220px;

}


.section_banner .more
{
    padding-top: 4px;
    position: absolute;
    bottom: 0;
    left: 240px;
    width: 240px;
    height: 20px;
    voice-family: "\"}\"";
	voice-family: inherit;
	height: 16px;
}

.section_banner a
{
    background: transparent url(/images/dots_light_green.gif) 4px 50% no-repeat;
    padding: 0 2px 2px 16px;
    font-weight: bold;
    text-decoration: underline;
}


.war a
{
    color: #3f4e00;
    margin: 0 0 0 14px;
}

.war .more
{
    background-color: #A0B939;
    border-top: 1px solid #7C9123;
}

.fc a
{
    color: #858500;
    margin: 0 0 0 14px;
}

.fc .more
{
    background-color: #E3E340;
    border-top: 1px solid #BFBF22;
}





/*
=my_fest
---------------------------------------------- */
#my_fest
{
    background-repeat: repeat-y;
    background-position: right;
    position: relative;
    width: 643px;
    z-index: 1;
}
#my_fest #day_highlight
{
    position: absolute;
    height: 17px;
    width: 17px;
    top: 14px;
    z-index: 2;
}

#centre_col div.listing
{
    background: transparent url(/images/listing_bg.gif) no-repeat bottom;
    z-index: 3;
    padding-bottom: 9px;
    margin: 0 0 10px 0;
    font-size: .9em;
    clear: both;
    position: relative;
    width: 100%;
}

.status
{
    position: absolute;
    right: -1px;
    bottom: 7px;
}

.status[id] { right: 0px; bottom: 9px } /* matches class="status" as long as it also has an id="anything". hides from all IE browsers. see http://w3development.de/css/hide_css_from_browsers/attribute/*/

.status img
{
    width: 16px;
    height: 13px;
}


.listing h3 img
{
    position: relative;
    left: 3px;
    top: 3px;
    border: 2px solid #fff;
}

.listing h3
{
    font-size: 1.2em;
    color: #1A6795;
    padding: 0 0 0 16px;
    margin: 0;
    background-position: 0 5px;
    background-repeat: no-repeat;
}

.listing h3.no_dec
{
    padding: 0;
}
.listing h3.theatre
{
    background-image: url(/images/swatch_theatre.gif);
}
.listing h3.dance
{
    background-image: url(/images/swatch_dance.gif);
}
.listing h3.music
{
    background-image: url(/images/swatch_music.gif);
}
.listing h3.festival-club
{
    background-image: url(/images/swatch_festival-club.gif);
}

.listing h3.visual-arts
{
    background-image: url(/images/swatch_visual-arts.gif);
}

.listing h3.free-events
{
    background-image: url(/images/swatch_generic.gif);
}

.listing h3.family
{
    background-image: url(/images/swatch_generic.gif);
}


.listing h3.writers-and-readers
{
    background-image: url(/images/swatch_writers-and-readers.gif);
}

.listing p.myfest
{
    margin: 4px 0 3px 0;
    padding: 0 0 1em;
    position: relative;
    width: 160px;
    voice-family: "\"}\"";
	voice-family: inherit;
    margin: 0 0 0 70px;
	width: 160px;
}

.listing p
{

}


.listing img.list_thumb
{
    margin: .7em 6px .5em 0;
    float: left;
    border: 1px solid #ccc;
}

div.my_fest_util
{
    margin: 0 0 2px 70px;
    clear: both;
    position: relative;
    width: 175px;
}

div.my_fest_util a.button
{
    position: absolute;
    right: 0;
    top: 0;
}

#festival_quicklist
{
    width: 175px;
    margin: 0 0 0 5px;
    background: #d7e5ee;

}


#festival_quicklist ul
{
    list-style: none;
    margin: 1em;
    padding: 0;
}

#festival_quicklist li
{
    background: transparent url(/images/bullet.gif) 0 .5em no-repeat;
    padding: 0 0 0 7px;
    margin: 0 0 .3em;
    display: list-item;
}


#festival_quicklist li a
{
    color: #666;
}

#festival_quicklist li a:hover
{
    background: #eee;
}

#festival_quicklist li a.new
{

}

#festival_quicklist li a.new:hover
{
    background-color: #eee;
}

#myfest_registration
{
    width: 240px;
    background-color: #F1F8FD;
}

#myfest_registration form
{
    padding: 0 .6em;
}

#myfest_registration input
{
    width: 150px;
}


/*
=browse
---------------------------------------------- */
h2.theatre
{
    color: #BB2C2C;
    background: transparent url(/images/line_event_theater.gif) no-repeat scroll left bottom;
    padding-bottom: 3px;
    padding-left: 5px;
}

h2.dance
{
    color: #CA2975;
    background: transparent url(/images/line_event_dance.gif) no-repeat scroll left bottom;
    padding-bottom: 3px;
    padding-left: 5px;
}

h2.music
{
    color: #DA8418;
    background: transparent url(/images/line_event_music.gif) no-repeat scroll left bottom;
    padding-bottom: 3px;
    padding-left: 5px;
}

h2.festival-club
{
    color: #CCCC26  ;
    background: transparent url(/images/line_event_festival-club.gif) no-repeat scroll left bottom;
    padding-bottom: 3px;
    padding-left: 5px;
}

h2.writers-and-readers
{
    color: #A4C52D;
    background: transparent url(/images/line_event_writers-and-readers.gif) no-repeat scroll left bottom;
    padding-bottom: 3px;
    padding-left: 5px;
}

h2.visual-arts
{
    color: #428463;
    background: transparent url(/images/line_event_visual-arts.gif) no-repeat scroll left bottom;
    padding-bottom: 3px;
    padding-left: 5px;
}

h2.family, h2.free-events, h2.forums-and-talks, h2.schoolfest, h2.workshops
{
    background: transparent url(/images/line_event_generic.gif) no-repeat scroll left bottom;
    padding-bottom: 3px;
    padding-left: 5px;
}


.browse_list
{
    color: #1A6795;
    clear: both;
    width: 507px;
    margin-bottom: 20px;

}

.browse_list td
{
    padding: 4px 0 4px 4px;

}

.browse_list h3
{
    color: #1A6795;
    margin: 0;
    font-weight: bold;
 /*   font-family: 'arial black';  */
}

.list_detail
{
    padding: 0;
    height: 14px;
    background: transparent url(/images/dots_triple_grey.gif) bottom repeat-x;
}

.event-listings
{
	color: #3A84B1;
	padding-top:4px;
}

.event-listings a
{
	text-decoration: underline;
	font-weight: bold;
}

.venue-listings
{
	color: #777;
	padding: 2px 0 4px;
}


/*
=sponsers
---------------------------------------------- */

div.sponsors
{
    text-align: center;
    margin-top: 10px;
    color: #B1B1B1;
}

div.sponsors img
{
    padding: 0 0 5px;
}
.sponsors p
{
    margin-bottom: 0;
}
/*
=news
---------------------------------------------- */
.news_list_item
{
    margin: 0 0 1.3em 0;
    padding: 0 0 1em 0px;
    clear: both;
    position: relative;
    height: 110px;
    min-height: 110px;
}

.news_list_item h3 a, #centre_col .news_list_item h3 a:hover
{
    color: #004280;
    text-decoration: none;
    background-color: #fff;
}


.news_list_item.noimg
{
    padding-left: 0;
    min-height: 0;
    height: auto;
    background: transparent url(/images/line_orange.gif) left bottom no-repeat;
}

.news_list_line
{
    background: transparent url(/images/line_orange.gif) 0 4px no-repeat;
    height: 20px;
}
.news_item
{
    margin: 0 0 1.3em 0;
    padding: 0 0 1em 4px;
    clear: both;
    background: transparent url(/images/line_orange.gif) bottom no-repeat;
    position: relative;
}

div.news_item img
{
	width: 160px;
	height: 160px;
	float: left;
	margin: 0 1em 1em 0;
}

.news_item div, .news_item div div, .news_list_item div, .news_list_item div div  /* to supplement paragraph styles when wysiwyg inserts divs */
{
	line-height: 1.2em;
	margin: 0; padding: 0;
}
*>.news_list_item, *>.news_item
{
    height: auto; /* ie ignores child selector, modern browsers replace height declaration */
}

.news_list_item h3, .news_item h3
{
    text-transform: uppercase;
    font-size: 1.2em;
    margin: 0;
    padding: 0;
    color: #004280;
}

.news_list_item .date, .news_item .date
{
    margin: 0;
    color: #004280;
    font-size: .9em;
    font-style: italic;
}
.news_list_item img
{
    width: 100px;
    height: 100px;
    float: left;
	border: 1px solid #ccc;
}

.news_list_item .clear_thumb
{
    margin-left: 111px;
}

#centre_col .news_list_item p
{
    margin: .5em 0;
    padding: 0;
}

/*
=gallery
---------------------------------------------- */
table#photo_gallery td
{
    border-right: 8px solid #fff;
    border-bottom: 8px solid #fff;

}

#photo-caption
{
    width: 260px;
    margin-left: 4px;
}

/*
=artist_bio
---------------------------------------------- */

#artist_bio
{
    padding: 0 20px;
    width: 500px;
    voice-family: "\"}\"";
	voice-family: inherit;
    width: 460px;
}

#artist_bio img
{
    margin: 0 0 1em 1em;
    border-right: 2px solid #ccc;
    border-bottom: 2px solid #ccc;
}

/*
=misc
---------------------------------------------- */

.multimedia
{
    width: 150px;
    float: right;
    background-color: #F8F3EF;
    border: 1px solid #EAE1D9;
    font-size: .9em;
    margin: 0 0 1em .6em;
}

.multimedia a
{
    margin: .5em;
    padding-left: .3em;
    display: block;
    text-decoration: none;
}

.multimedia img
{
    border-bottom: 1px solid #E3CFBC;
}


.textpad {  margin-left: 4px; }

#price_list
{
    margin: 0 0 1em 12px;
    width: 130px;
}
#price_list td
{
    background-color:#A4C44E;
    border-bottom: 1px solid #B6D16C;
    padding: .3em 0 0 0;
}

#centre_col .no_list_style ul
{
    list-style: none;
    margin: 1em 0;
}

#centre_col .no_list_style li
{
    padding: 0;
    margin: 0 0 .3em;
    background-image: none;
}

a.no_link_style
{
    color: inherit;
    text-decoration: none;
}

#centre_col a.no_link_style:hover
{
    background-color: #fff;
    text-decoration: none;
}


.no_link_style:hover
{
    text-decoration: underline;
}

div.star
{
    background: url(/images/star.gif) repeat-x;
    height: 16px;
    margin: 0 0 .8em 20px;
}

#centre_col .star input
{
    position: relative;
    left: -20px;
    background-color: #fff;
}

label
{
    color: #3D9EDF;
    font-weight: bold;
}
#color_bar /* Colored bar at page top. Color from section style */
{
    height: 11px;
    background-color: #AB030E; /* default color */
}

a#my_festival_link
{
    position: absolute;
    z-index: 10;
    left: 5px;
    width: 77px;
    height: 14px;
    display: block;
    background: transparent url(/images/my_festival.gif);
	top: 120px;
}

a#my_festival_link:hover
{
    background-position: -82px;
}

.alert
{
    color: #693;
    background-color: #D8DF91;
    padding: 0 2px;
    font-size: 0.9em;
}

.display /* used for images with captions floated in to body text */
{
    float: right;
    width: 179px;
    background: #eaeae0 url(/images/display_dots.gif) no-repeat bottom left;
    padding: 0 0 14px;
    margin: 1em 0 1em 1em;
}
.display img
{
    width: 179px;
}
.display p
{
    color: #666;
    font-size: .95em;
    margin: .5em .5em 0 10px;
}

/*
=calendar
---------------------------------------------- */

#calendar
{
    background: transparent url(/images/calendar.gif) no-repeat;
    height: 155px;
    width: 155px;
    margin: 0;
    padding: 0 0 0 8px;
  	voice-family: "\"}\"";
	voice-family: inherit;
	width: 147px;
}

#calendar a
{
    display: block;
    width: 18px;
    height: 18px;
    margin: 0 2px 2px 0;
    float: left;
    background-repeat: no-repeat;
}

#calendar a.first
{
    width: 78px;
}

#calendar img
{
    width: 18px;
    height: 18px;
}

#calendar .day
{
    background-position: -18px 0;
}
#calendar .event
{
    background-position: -54px 0;
}

#calendar .eventday
{
    background-position: -36px 0;
}
/*
=print
---------------------------------------------- */

.print_only
{
    display: none;
}


/*
=footer
---------------------------------------------- */

#footer
{
	font-size: 1em;
	color: #333;
	padding-top: 28px;
	background: #fff url(/images/line_footer.gif) no-repeat 0 20px;
}
#footer div
{
    background-color: #E7F0F5;
    color: #5E82A5;
    padding: .5em 1em;
}
#footer strong
{
    color: #3D5975;
}


#footer a
{
    color: #33ADF8;
    background-color: #fff;
    padding: 2px;
    margin-left: 10px;
}

/*
=forms
---------------------------------------------- */

.pullquote {
	font-size: 1.6em;
	font-weight: bold;
	font-family: arial;
	font-style: italic;
	color: #5DA9DD;
	line-height: 1.4em;
	padding: 0 0 0 .6em;
	margin: .5em 2em .2em 0;
	}