* { margin: 0; padding: 0; font: 12px/16px normal "Myriad Pro", "Trebuchet MS", trebuchet, arial, sans-serif; }


/* LINKS */

a { font-size: 1.0em; }
a:link, a:visited { color: #f82619; text-decoration: none; }
a:hover { color: #c0cad5; text-decoration: none; }
a img, area { border: none; }


/* GENERAL STYLES */

html, body { height: auto !important; }
body { background: #fff url("/imgs/body_bg.jpg") no-repeat top center; color: #666; text-align: center; }
body:after { content: "."; display: block; clear: both; }

/* headers */
h1, h1 a:link, h1 a:visited { height: 14px; margin: 6px 0 6px 15px; padding: 0 0 0 22px; background: url("/imgs/header_image.gif") no-repeat; color: #0376ab; font-size: 13px; font-weight: normal; }
h2, h2 a:link, h2 a:visited { margin: 0 0 13px 0; color: #54677b; font-size: 1.3em; }
h3, h3 a:link, h3 a:visited { margin: 0 0 6px 0; color: #415366; font-size: 1.2em; }
h4, h4 a:link, h4 a:visited { margin: 0 0 3px 0; color: #2e3e4f; font-size: 1.1em; }
h5, h5 a:link, h5 a:visited { display: inline; margin: 0 6px 0 0; color: #54677b; font-size: 1.0em; }
h6, h6 a {}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-size: 1.0em !important; text-decoration: none; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: #7f8a98; }

/* lists */
ul, ol { margin: 6px 0 26px 20px; }
ul, ul li { list-style-image: url("/imgs/list_item.gif"); }
ul li:hover { list-style-image: url("/imgs/list_item.gif"); }
li { margin-bottom: 10px; }

/* font styling */
b, strong, .bold { font-weight: bold; font-size: 1.0em; }
i, em, .italic { font-style: italic; font-size: 1.0em; }

/* forms */
form { display: inline; }
input, select { margin: 0 1px 1px 0; padding: 1px; background: #fff; color: #000; font: 11px/14px verdana; vertical-align: middle; }
textarea { margin: 1px 1px 6px 0; padding: 2px; background: #fff; color: #333; font-size: 11px; line-height: 17px; }
input.text { height: 15px; border: 1px solid #c1c1c1; }
input.button { padding: 2px 4px; border: 1px solid #c1c1c1; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; color: #f82619; }
input.upload { height: 22px; }
input.radio { margin: 0 12px 0 0; }
input.checkbox { margin: 0 12px 0 0; border: 1px solid #c1c1c1; }
input:focus, textarea:focus { background: #fff; }
select { height: 22px; padding: 0; border: 1px solid #c1c1c1; }
option { padding: 2px 8px 2px 2px; }
input.search { height: 13px; margin-top: 2px; border: 1px solid #c1c1c1; }
input.search-button { padding: 4px 5px 0 2px; background: transparent; border: 0; color: #f82619; cursor: pointer; }


/* images */
img.align-left { margin: 0 20px 20px 0; float: left; }
img.align-right { margin: 0 0 20px 20px; float: right; }
img.centered { display: block; margin: 0 auto; }
.img-border { border: 2px solid #c40921; }
.image-frame { /*padding: 13px 10px;*/ border: 1px solid #dbe1e6; /*background: #fff url("/imgs/image_frame_bg.jpg") repeat-x bottom;*/ }

/* misc */
.left { float: left; }
.right { float: right; }
.cb { clear: both; height: 0; line-height: 0; }
.center { text-align: center; }
.divider { margin: 14px 0; border-top: dotted 1px #bbbaab; clear: both; }
.error { padding: 0; font-size: 13px; color: #fff; line-height: 13px; }
.alert { color: #f26d41; }
.message { color: #ea55a4; margin-bottom: 12px; }
.small-font, small { font-size: .8em; }
.large-font { font-size: 1.2em; }
.date { padding-bottom: 12px; font-size: .9em; color: #c4c3b6; }
iframe { margin-bottom: 3px; border: 1px solid #c40921; }


/* CONTAINERS */

#container { width: 943px; min-height: 765px; -height: 765px; margin: 0 auto; color: #666; text-align: left; position: relative; }

#header { width: 943px; min-height: 250px; -height: 250px; position: relative; }
#banner h1 { margin: 0; text-indent: -9999px; background-image: none; }

#content { width: 780px; position: relative; float: left; }
#content.wide { width: 850px; }
body.home #content { padding: 0; }
#content p { padding-bottom: 18px; }

#table-wrapper { width: 100%; min-height: 400px; -height: 400px; padding: 0 0 30px 0; background: #fff; border-top: 1px solid #d3e7f1; border-left: 1px solid #e8f2f7;}
table#global-table { width: 100%; padding: 0; border-collapse: collapse; }
td { padding: 14px 10px 0 20px; background-color: transparent; font-size: 12px; }
td.sitepage { padding: 30px 0 20px 40px; }

/* NAVS */

/* top nav */
#topnav { width: 943px; height: 22px; background: url("/imgs/topnav_bg.jpg") repeat-y; border-bottom: 1px solid #576271; color: #000; text-align: right; position: relative; }
#topnav a { font-size: 12px; letter-spacing: 1px; }
#topnav a:link, #topnav a:visited { color: #e4f0e8; }
#topnav a:hover { color: #fff; }
#topnav div.topnav { margin-top: 0; float: right; }
#topnav form { float: right; }

/* main nav */
#nav-container { width: 941px; min-height: 63px; -height: 63px; margin: 11px 0 36px 0; background: #fff url("/imgs/nav_bg.gif") repeat-x; /*background: #dfe3e8;*/ border: 1px solid #d3d5d8; position: relative; }
#nav, #nav ul { margin: 0; padding: 0; }

#nav li { margin: 0; padding: 0; float: left; display: block; } /*float the main list items*/
#nav li a { padding: 2px 50px 7px 10px; *padding: 3px 50px 7px 10px; font-size: 13px; font-weight: bold; display: block; } /*for all links in the list*/
#nav li a:link, #nav li a:visited { color: #566170; }
#nav li a:hover { color: #f82619; }
#nav li.on { background: #fff url("/imgs/subnav_tab_bg.gif") no-repeat top right; }
#nav li.on a {  } /*change border color for active topic area*/

#nav li.off { background-image: none; }
#nav li.off ul, #nav li.on ul { display: none; top: 0; left: 0; width: 941px; min-height: 42px; -height: 42px; padding: 0; background: #fff; position: absolute; } /*put the subnavs below and hide them all*/
#nav li.on ul { display: block; } /*display active subnav list*/
#nav li.on ul a, #nav li.off ul a { font-size: 12px; padding: 9px 24px 0 11px; font-weight: normal; line-height: 13px; float: left; }

/*#nav li.off:hover ul { display: block; z-index: 6000; }  display the other topics when their parent is hovered */
/*#nav li.off a:hover, #nav li.off:hover a { background-color: #fff; background-image: url("/imgs/subnav_tab_bg.gif"); background-repeat: no-repeat; background-position: top right; }*/
#nav li.off ul a:hover { background-image: none; }
#nav li.off ul, #nav li.on ul { top: 21px; } /*put the subnav below*/
#nav li.off a:hover, #nav li:hover a, #nav li.over a {  }  /*whole section hover*/

#page-actions { top: 2px; right: 5px; width: 118px; font-size: 11px; text-align: right; position: absolute; }

/* sub nav */
#subnav-container { width: 115px; padding: 15px 15px 9px 15px; background: #fff; border: 1px solid #dbe1e6; float: left; }
#subnav-container ul { margin: 0 0 0 14px; padding: 0; }
#subnav-container li { margin-bottom: 6px; font-size: 12px; }
#subnav-container li a:link, #subnav-container li a:visited { color: #566170; }
#subnav-container li a:hover { color: #f82619; }
#subnav-container li div { font-weight: bold; color: #f82619; }
#empty-subnav { width: 75px; float: left; }

#sub-side-nav { width: 100px; border: 1px solid #dbe1e6; padding: 14px; }
#sub-side-nav a { display: block; margin: 6px 0; line-height: 13px; }
#sub-side-nav a:link, #sub-side-nav a:visited { color: #54677b; }
#sub-side-nav a:hover { color: #c0cad5; }

#artistnav-container { width: 227px; margin: 0 0 20px 0; padding: 8px 8px 0 8px; background: #fff; border: 1px solid #dbe1e6; }
#artistnav-container ul { margin: 0 0 0 24px; padding: 0; }
#artistnav-container li { padding-right: 30px; font-weight: bold; float: left; }
#artistnav-container li a:link, #artistnav-container li a:visited { color: #566170; font-weight: normal; }
#artistnav-container li a:hover { color: #f82619; font-weight: normal; }


/* CONTENT */

/* home */
#home-rotation-box { width: 941px; height: 331px; margin-bottom: 22px; border: 1px solid #d3d5d8; background: #fff; position: relative; }

#calendar-container { width: 276px; height: 330px; padding: 0px 29px 26px 27px; position: relative; float: left; }
#calendar-container h2 { height: 28px; margin: 0; color: #636c79; font-size: 22px; font-weight: normal; text-align: center; }
#calendar { width: 274px; height: 262px; padding-top: 12px; border: 1px solid #959ea8; background: #8d9ba8 url("/imgs/calendar_bg.jpg") repeat-x; color: #fff; font-size: 11px; line-height: 19px; text-align: center; }
#calendar table { margin: 0 auto 8px auto; padding: 0; border-collapse: separate; border-spacing: 7px 2px; color: #566170; }
#calendar table caption, #calendar table th, #calendar table td { padding: 3px; font-size: 13px; text-align: center; vertical-align: middle; }
#calendar table td, #calendar table th { width: 13px; height: 13px; }
#calendar table caption { height: 24px; }
#calendar table caption a { margin: 0 10px; color: #566170; }
#calendar table caption a.arrow { margin: 0 11px; color: #566170; font-size: 1.3em; }
#calendar table caption div { margin: 0 14px; }
#calendar table td, #calendar table td a, #calendar a { color: #fff; }
#calendar table td.arteeast-event { background: #f82619; }
#calendar table td.other-event { background: #81878f; }
#calendar table td.both-event { background: #81878f  url("/imgs/calendar_both_bg.gif") repeat-x; }

#flash-container { width: 609px; height: 331px; float: left; }
#flash-left-container { width: 276px; height: 276; margin: 28px 28px 0 0; position: relative; float: left; }
#flash-right-container { width: 276px; height: 276; margin: 0; position: relative; float: left; }
ul#flash-links { height: 23px; padding: 5px 0 0 0; margin: 0; }
ul#flash-links li { margin: 0 14px 0 14px; font-size: 13px; letter-spacing: -1px; float: left; }
ul#flash-links li a:link, ul#flash-links li a:visited { color: #636c79; }
ul#flash-links li a:hover { color: #f82619; }

#home-directories-container { width: 943px; margin-bottom: 50px; position: relative; }
.home-directory { width: 277px; height: 220px; margin: 0 5px 0 24px; background: #fff url("/imgs/directory_bg.jpg") no-repeat bottom; border: 1px solid #d3d5d8; float: left; position: relative; }
.home-directory h2 { width: 253px; height: 19px; margin: 0; padding: 16px 0 0 24px; border-bottom: 2px solid #f82619; color: #333; font-size: 15px; font-weight: normal; }
.home-directory ul { color: #636c79; margin: 1px 11px 0 24px; }
.home-directory li { margin: 0; padding: 5px 0 3px 0; border-bottom: 1px solid #c7cfcd; font-size: 13px; line-height: 14px; }
.home-directory li.last { border-bottom: 0; }
.home-directory li a { display: block; clear: both; }
.home-directory li a:link, .home-directory li a:visited { color: #333; }
.home-directory li a:hover { color: #f82619; }

/* form table */
table.form-table { margin-bottom: 20px; border-collapse: collapse; }
table.form-table td { padding: 2px 3px 2px 0; /*white-space: nowrap;*/ vertical-align: top; }
table.form-table td.label { width: 120px; padding: 4px 16px 2px 0; text-align: right; }
table.form-table td.info { padding: 6px 3px 2px 12px; font-weight: bold; white-space: normal; }
table.form-table td.label, table.form-table td.info { vertical-align: top; }
table.form-table td.header { padding: 33px 0 3px 0; font-size: 16px; font-weight: bold; letter-spacing: 1px; }
table.form-table td.buttons { padding-top: 40px; text-align: right; }
table.form-table td.error { padding-left: 6px; }
table.form-table td input.text { width: 172px; }
table.form-table td input.date { width: 50px; margin-right: 5px; }

/* pagination */
#pagination { margin: 10px auto 0 auto; text-align: center; white-space: nowrap; padding: 0; position: relative; }
#pagination td a { display: block; padding: 0 4px; font-size: 12px; color: #449cd9; text-decoration: none; }
#pagination td { text-align: center; vertical-align: middle; }
#pagination td div { min-width: 8px; -width: 8px; margin: 0 1px; padding: 1px 2px 0 2px; font-size: 12px; -moz-border-radius: 7px; -khtml-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; }
#pagination td.button { width: 64px; height: 29px; }
#pagination td.button a { padding: 0; }

/* misc */
form#events-search { font-size: 11px; }

/* styles converted from old site */
.red, a.red { color: #54677b; font-size: 18px; font-weight: 500; }
.film1 { color: #54677b; font-size: 15px; font-weight: 400; }
hr { height: 0; border: 0; border-top: 1px solid #e4f2f9; }


/* FOOTER */
#footer { width: 943px; padding: 11px 0; border-top: 1px solid #dde3e8; color: #aebbc9; font-size: 10px; text-align: center; position: absolute; }
#footer a { color: #aebbc9; }


/* Safari hacks */
@media screen and (-webkit-min-device-pixel-ratio:0) {
input.search { margin-top: 3px; }
input.search-button { padding: 6px 5px 0 2px; }
#topnav div.topnav { margin-top: 4px; }
#nav li a { padding: 4px 50px 7px 10px; }
#calendar-container { padding: 9px 29px 26px 27px; }
#calendar-container h2 { height: auto; margin: 0 0 3px 0; font-size: 24px; }
#calendar { height: 256px; padding-top: 18px; font-size: 12px; }
#calendar table caption, #calendar table th, #calendar table td { font-size: 14px; }
#calendar table td, #calendar table th { width: 14px; height: 14px; }
ul#flash-links li { font-size: 14px; }
}

/* border: 1px solid #f00;*/
