/* @override http://macmain.local.vilocity.com/styles/macmain.css */
body {
	font-size: 13px;
	font-family: "Arial Narrow",Helvetica,sans-serif;
	background-color: #000;
	color: #333;
	padding: 0;
	margin: 0;
}

#stars_repeat {
	background-image: url(/images/mesa-arts-center-performing-arts-stars-background.jpg);
	background-position: top center;
	background-repeat: repeat-y;	
}

#stars {
	width: 78.77em;
	margin: 0 auto;
	background-image: url(/images/mesa-arts-center-performing-arts-stars-top.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

#outer {
	width: 960px;
	margin: 0 auto;
	position: relative;
}

#content {
	padding-top: 7.69em;
	background-image: url(/images/mesa-arts-center-performing-arts-sidebar-columns-background.gif);
	background-repeat: repeat-y;
}

p.clear {
	clear: both;
	margin: 0;
}

h1, h2, h3 {
	margin: 0;
}

h1, h2.press_header {
	font-size: 20px;
	color: #900;
	text-transform: uppercase;
}

h2,h3,h4 {
	font-size: 16px;
	color: #300;
}

a {
	color: #900;
}

p.buy_link {
	font-size: 18px;
	font-weight: bold;
	padding-top: 0.7em;	
}

#content div.main_content  {
	min-height: 25em;
}

div.content_column {
	float: left;
	clear: none;
	width: 22em;
	margin-right: 1em;
}

/* @group header */

#logo_link img {
	border: 0;
}

#header {
	position: absolute;
	top: 0;
	left: 0;
	width: 960px;
	height: 7.69em;
	background-image: url(/images/mesa-arts-center-performing-arts-header-background.jpg);
	z-index: 10;
}

#top_misc_links, #main_nav {
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: absolute;
}

#top_misc_links li, #main_nav li {
	display: inline;
}

#top_misc_links {
	top: 0;
	right: 0;
	color: #f8efba;
	padding: 0.5em 1em;
}

#top_misc_links a {
	padding: 0 0.5em;
	text-decoration: none;
}

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

#top_misc_links a, #top_misc_links input.text_button {
	color: #f8efba;
	text-transform: uppercase;
	font-size: 11px;
}

#top_misc_links input.search_term {
	border: 1px solid #300;
}

#top_misc_links form {
	display: inline;
}

#main_nav {
	top:  6.15em;
	left: 0;
	width: 960px;
	text-align: center;
	font-size: 13px;
}

#main_nav li {
	padding: 0 0.2em;
	color: #930;
}

#main_nav a {
	color: #f8efba;
	text-decoration: none;
	text-transform: uppercase;
	padding: 0 0.3em 0 0.3em;
	line-height: 1.8em;
}

#main_nav a:hover {
	
}

div.headline_image_wrap {
	height: 6.15em;
	background-color: #666;
	background-image: url(/images/mesa-arts-center-performing-arts-generic-header.jpg);
}

/* @end */

/* @group sub nav */

div.sub_nav {
	position: absolute;
	top:  7.69em;
	left: 0;
	height: 13.31em;
	z-index: 11;
	width: 960px;
	background-image: url(/images/mesa-arts-center-performing-arts-sub-nav-background.png);
	overflow: hidden;
	display: none;
}

div.sub_nav ul {
	list-style-type: none;
	padding: 0 0 0 1em;
	margin: 1em 0 1em 2em;
	border-left: 1px solid #900;
	float: left;
	width: 15em;
}

div.sub_nav ul.last_col {
	width: 22em;
}

div.sub_nav li {
	line-height: 1.4em;
}

div.sub_nav a {
	color: #300;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}

div.sub_nav a.third_level {
	padding-left: 1.5em;
	font-weight: normal;
}

/* @end */

/* @group footer */

#sponsors_and_seo {
	background-image: url(/images/mesa-arts-center-performing-arts-sponsors-background.gif);	
	background-position: bottom left;
	background-repeat: no-repeat;
	background-color: #ad0404;
}

#sponsors {
	margin: 0 1em;
	border-bottom: 1px solid #b19c8d;
	text-align: center;
}

#sponsors h3 {
	font-weight: normal;
	text-transform: uppercase;
	color: #deeaa6;
	padding-top: 0.2em;
	text-align: left;
}

#sponsors img {
	padding-left: 3em;
	border: 0;
}

#sponsors img.first {
	padding-left: 0;
}

#footertextarea {
	clear: both;
}

#footertextarea p {
	background-color: #fff;
	color: #666;
	text-align: center;
	text-transform: uppercase;
	margin: 0;
	padding-top: 0.5em;
}

#sponsors_and_seo #footertextarea p {
	color: #c96;
	text-align: center;
	text-transform: uppercase;
	background-color: transparent;
	padding: 0.5em 0;
	margin: 0;
}

#misc_info {
	background-color: #fff;
	color: #666;
	font-size: 12px;
	padding: 0.7em 0;
}

div.under_sponsors {
	padding-top: 0.7em;
}

#bottom_misc_links {
	margin: 0;
	padding: 0;
	padding-bottom: 1em;
	list-style-type: none;
}

#mac_presents {
	float: left;
	padding-right: 2em;
	width: 11.21em;
}

#extras_and_mac_presents p {
	margin-bottom: 0.5em;
}

#bottom_misc_links li {
	display: inline;
}

#bottom_misc_links a {
	color: #666;
}

#address_and_copyright a {
	color: #666;
	text-decoration: none;
}

#city_of_mesa {
	width: 7em;
	float: left;
	clear: none;
	padding-left: 1em;
}

#city_of_mesa img {
	border: 0;
}

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

#address_and_copyright {
	width: 22.17em;
	float: left;
	clear: none;
}

#misc_links_and_social_media {
	text-align: right;
	padding-right: 1em;
}

#misc_links_and_social_media img {
	border: 0;
}

/* @end */

/* @group forms */

input.text_button {
	border: 0;
	background: transparent;
	font-family: "Arial Narrow", Helvetica, sans-serif;
}

/* @end */

/* @group home page */

#flash_wrap {
	background-color: #000;
}

#homepage_feature {
	float: left;
	clear: none;
	color: #000;
	width: 264px;
	border: 5px solid #333;
	background-color: #6a5d55;
	color: #fff;
}

#homepage_feature a {
	color: #cc3;
}

#homepage_feature h3 {
	color: #ff9;
	font-size: 20px;
	text-transform: uppercase;
}

#homepage_feature div.image_wrap {
	width: 9em;
	min-height: 1em;
	float: left;
	clear: none;
}

#homepage_feature div.content_wrap {
	width: 8em;
	float: left;
	padding: 0.5em;
}

#featured_performances {
	
}

#also_visit {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#calendar {
	color: #ff9;
	border-bottom: 1px solid #6a5d55;
	margin-bottom: 0.1em;
}

#calendar img {
	border: 0;
}

#calendar caption {
	font-size: 14px;
	text-transform: uppercase;
}

#calendar td,#calendar th {
	width: 3.3em;
	font-size: 12px;
	font-weight: normal;
	text-transform: uppercase;
}

#calendar td {
	text-align: center;
}

a.full_calendar {
	font-size: 16px;
	color: #000;
	text-decoration: none;
	font-weight: bold;
}

#box_office_contact {
	margin-top: 1em;
	padding-bottom: 0.5em;
	border-bottom: 1px solid #6a5d55;
}

#box_office_phone {
	font-size: 16px;
}

#also_visit {
	margin-top: 0.5em;
}

div.homepage_teaser {
	float:  left;
	clear: none;
	width: 21.85em;
	border-top: 1px solid #300;
	padding: 0.3em 0 0.7em 0;
	height: 5.5em;
	overflow: hidden;
}

#featured_performances div.col_2 {
	margin-left: 1em;
}

div.homepage_teaser div.image_wrap {
	float: left;
	clear: none;
	height: 5.38em;
	width: 5.38em;
	margin-right: 0.75em;
	overflow: hidden;
}

div.homepage_teaser h3 a, div.event_teaser h3 a {
	color: #300;
	font-size: 14px;
}

p.teaser_links a {
	padding-right: 1em;
}

div.homepage_teaser a {
	color: #900;	
}

/* @end */

/* @group side bar pages */

div.sidebar div.sidebar_feature div.image_wrap {
	float: left;
	padding-right: 0.7em;	
}

#section_intro {
	min-height: 9em;
}

div.with_sidebar {
	background-image: url(/images/mesa-arts-center-performing-arts-features-calendar-background.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
}

div.with_sidebar div.main_content {
	background-color: #d5e38c;
	width: 46em;
	float: left;
	clear: none;
	padding: 1.3em 1em 2em 2em;
}

div.sidebar {
	float: left;
	clear: none;
	color: #000;
	width: 17.46em;
	padding: 1.3em 1em 2em 1em;
}	

div.sidebar h2 {
	font-size: 18px;
	text-transform: uppercase;
	color: #900;
	border-bottom: 1px solid #6a5d55;
	margin-bottom: 0.3em;
}

div.sidebar a {
	color: #000;
}

div.sidebar h3 {
	color: #ff9;
	font-size: 16px;
	text-transform: uppercase;
}

div.sidebar_feature {
	margin-bottom: 1em;	
}


/* @end */

div.no_sidebar {
	background-color: #d5e38c;	
	padding: 1.3em 1em 2em 2em;
}

#image_gallery div.image_wrap {
	float: left;
	clear: none;
	width: 7.69em;	
	height: 7.69em;	
	padding-right: 6.69em;
	padding-bottom: 2em;
}

#image_gallery div.end_row {
	padding-right: 0;
}

a.gallery_back {
	font-size: 14px;
	font-weight: bold;
}

/* @group bodycontent */

div.bodycontent {
	font-size: 14px;
}

div.bodycontent p, div.bodycontent ul, div.bodycontent ol, div.bodycontent h3, div.bodycontent h4, div.bodycontent h5 {
	margin-top: 0;
	margin-bottom: 0;
}

div.bodycontent img {
	border: 0;
}

/* @end */

/* @group art exhibits */

div.flash_and_content, #exhibit_flash_wrap {
	width: 49em;
	float: left;
}

div.gallery_rotate {
	width: 686px;
	height: 260px;
	overflow: hidden;
	position: relative;
	background-color: #000;
}

div.gallery_rotate div.rotating_image {
	position: absolute;
	top: 0;
	left: 0;
	width: 686px;
	height: 260px;
}

div.rotating_image img {
	margin: auto;
	display: block;
}

#exhibit_nav {
	float: right;
	width: 20em;
	text-transform: uppercase;
	text-align: right;
}

ul.exhibit_list {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

ul.exhibit_list div.event_teaser {
	border: 0;
	margin: 0;
	padding: 1em 0 0 0;
}

ul.exhibit_list div.event_teaser div.image_wrap {
	float: left;
}

p.no_results {
	padding-top: 1em;
}

/* @end */

/* @group section landing */


div.alternate_content_bg {
	background-image: url(/images/mesa-arts-center-performing-arts-sidebar-columns-alt-background.gif);
}

#section_intro {
	background-color: #f0efa8;
	float: left;
	clear: none;
	padding: 1.3em 1em 2em 2em;
	width: 46em;
}

#section_search {
	float: left;
	clear: none;
	width: 19em;
}

#section_search h3 {
	padding-top: 1em;
	margin: 0 0.75em;
	font-size: 18px;
	color: #900;
	text-transform: uppercase;
	border-bottom: 1px solid #300;
}

#section_search dl {
	margin: 0;
	padding: 1em;
}

#section_search dd, #section_search dt {
	float: left;
	clear: none;
	display: block;
}

#section_search dt {
	width: 4.5em;
	padding: 0;
	margin: 0;
	height: 2em;
}

#section_search dl.classes dt {
	width: 6em;
	padding: 0;
	margin: 0;
	height: 2em;
}

#section_search dt label {
	color: #fff;
	font-weight: bold;
}

#section_search dd {
	width: 12em;
	padding: 0;
	margin: 0;
	height: 2em;
}

#section_search dl.classes dd {
	width: 10em;
	padding: 0;
	margin: 0;
	height: 2em;
}

#section_search input.submit {
	float: right;
}

#events_list h2 {
	font-size: 16px;
	padding-left: 0.8em;
	padding-bottom: 0.8em;
	color: #900;
	text-transform: uppercase;
}

#show_all_link {
	float: right;
	clear: both;
	width: 25.35em;
	height: 2em;
	background-color: #6a5d55;
	border: 5px solid #300;
	text-align: center;
	margin-top: 0.5em;
}

#show_all_link a {
	color: #cccc33;
	line-height: 2em;
	text-transform: uppercase;
	font-weight:  bold;
	text-decoration: none;
}


#events_list {
	padding: 0.5em 0 2em 0;
	background-color: #d5e38c;
}

#events_list p.no_results {
	padding-left: 1em;
	min-height: 10em;
}

#view_all_link_top, #view_all_link_bottom {
	position: absolute;
	display: block;
	right: 0.5em;
}

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

#events_list li {
	float:  left;
	clear: none;
	width: 22.55em;
	height: 8.5em;
	overflow: hidden;
}

div.event_teaser {
	padding: 0.5em 0;
	margin: 0 1em;
	border-top: 1px solid #300;
}

#events_list li.col_2 {
	border-left: 1px solid #300;
	border-right: 1px solid #300;
}

div.event_teaser div.image_wrap {
	float: right;
	height: 5.38em;
	width: 7.38em;
	border: 0;
	margin: 0;
	padding-top: 0.5em;
	overflow: hidden;
}

#events_list div.col_2 div {
	margin: 1em;	
}

#events_list div.col_1, #events_list div.col_3 {		
	border-top: 1px solid #300;
	margin: 0 1em;
}

#events_list li.first_row div.event_teaser{
	border-top: 0;
}

/* @end */

/* @group event detail */

#event_pagination {
	position: absolute;
	top: 13.8em;
	padding: 0.4em 0.4em 0.2em 0.4em;
	width: 950px;
	left: 0em;
	background-color: #f0efa8;
	border-bottom: 1px solid #300;
}

#event_pagination img {
	border: 0;
}

#extras_and_mac_presents {
	float: right;
	width: 23em;
}

#event_detail {
	background-color: #d5e38c;
	width: 960px;
}

#event_detail div.bodycontent {
	float: left;
	clear: none;
	width: 46em;
	padding: 4em 1em 3em 2em ;
	background: transparent;
}



#event_detail  h1 {
	font-size: 24px;
}

#event_detail dt, #event_detail dd {
	display: inline;
	padding: 0;
	margin: 0;
}

#event_sponsors {
	display: block;
	float: left;
	clear: both;
	width: 50em;
}

#event_sponsors img {
	float: left;
	clear: none;
	padding-right: 2em;
	padding-bottom: 1.5em;
}

#buy_link {
	font-size: 20px;
	padding-right: 2em;
}

#buy_link, #remind_link {
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
}

#event_description {
	clear: both;
	padding-top: 1em;	
}



#related_pages {
	clear: both;
	background-color: #f0efa8;
	padding: 1em;
	border-top: 1px solid #300;
	border-bottom: 1px solid #300;
	font-size: 14px;
}

div.detail_teaser {
	float: left;
	clear: none;
	width: 21.35em;
	padding-left: 1em;
	border-left: 1px solid #300;
}

div.detail_teaser h3 a {
	color: #300;
}

div.detail_teaser p {
	margin: 0;
}

div.detail_teaser div.image_wrap {
	float: left;
	height: 5.38em;
	width: 7.38em;
	border: 0;
	margin: 0;
	overflow: hidden;
}

#related_pages div.first_teaser {
	padding: 0;
	border-left: 0;
}

#event_media {
	float: left;
	clear: none;
	width: 19em;
	padding-top: 4.5em;
}

#event_media img {
	border: 0;
}

#main_image_wrap {
	height: 14.62em;
	width: 20em;
	padding-bottom: 1em;
} 

div.event_audio, div.video {
	position: relative;
	height: 3em;
}

div.audioplayer_wrap, a.video_button {
	position: absolute;
	top: 0;
	left: 0;
}

div.event_audio span, div.video span {
	padding-left: 7em;
	display: block;
} 

#all_photos {
	list-style-type: none;
	padding: 0;
	margin: 0;
	width: 20em;
}

#all_photos li {
	float: left;
	clear: none;
	width: 3em;
	height: 3em;
}

#all_photos img {
	border: 0;
}

/* @end */

/* @group store */

#featured_products {
	padding: 0em 1em 2em 2em;	
	background-color: #f0efa8;
}

div.product_teaser {
	width: 14em;
	height: 13em;
	float: left;
	clear: none;
}

#featured_products div.product_teaser div.image_wrap {
	height: 10em;
	width: 10em;
}

#featured_products h2 {
	padding: 1em 0 0.5em 0;	
}

div.product_detail div.image_wrap {
	width: 20em;
	float: right;
	padding-left: 2em;
}

div.product_detail div.image_wrap img {
	margin-bottom: 0.7em;
}

div.product_teaser  p {
	margin: 0;
}

#store_landing_page {
	padding: 1.3em 1em 1em 2em;
}

div.product_detail {
	background-image: none;
}

div.product_detail h1 {
	margin-bottom: 0.7em;	
}

div.product_detail h3 {
	font-size: 18px;
}

div.product_detail h4 {
	text-decoration: line-through; 
}

div.product_description {
	margin-bottom: 1em;	
}

/* @end */

/* @group press room */
#top_five_press_hits h2 {
	text-transform: none;
}

#top_five_press_hits, ul.article_list {
	padding: 0;
	list-style-type: none;	
	margin-left: 0;
}

#top_five_press_hits li, ul.article_list li {
	margin: 0;
	padding-bottom: 1em;
	font-size: 13px;
}

#top_five_press_hits li a, ul.article_list li a {
	font-weight: bold;
	font-size: 14px;
}

/* @end */

/* @group forms */

h3.form_section {
	clear: both;
	padding-top: 1.5em;
}

dl.form {
	width: 44em;
	clear: both;
}

dl.form dt, dl.form dd {
	float: left;
	clear: none;
	padding-bottom: 0.5em;
}

dl.form dt.full_line, dl.form dd.full_line {
	width: 43em;
	padding-left: 0;
}

dl.form dt {
	width: 9em;
}

dl.form dd {
	width: 34em;
	padding-left: 1em;	
	margin-left: 0;
}

dl.form label {
	font-weight: bold;
}

dl.form input, dl.form textarea, dl.form select {
	border: 1px solid #300;
	background-color: #f0efa8;
}

dl.form div.radio_button_option, dl.form div.checkbox_option {
	display: inline;
}
dl.form textarea {
	font-family: sans-serif;
	font-size: 11px;
}

p.submit_button {
	clear: both;
	padding-top: 1em;
}

p.error {
	font-weight: bold;
	color: #900;
}

dl.form div.question_line {
	float: left;
	clear: none;
	width: 34em;
}

dl.addl_section {
	margin-top: 0;
}

dt.address,dd.address {
	height: 5em;
}

dd.address label, dd.address input, dd.address select{
	display: block;	
	float: left;
}

dd.address label.col_1 {
	width: 5em;
	margin-bottom: 0.5em;
}

dd.address label.col_3, dd.address label.col_2 {
	padding: 0 0.5em;	
}

/* @end */