/* MUSIC FROM ANGEL FIRE CSS */
body { 
background: #6c6c6c url("/images/bg.jpg") top left repeat-x; font-family: Arial, Helvetica, sans-serif; }

img {margin: 0; padding: 0; } 

#container { position: relative; width: 810px; margin: -10px 0 0 0; 
 padding: 0; background: transparent; min-height: 900px;}
 
div {margin: 0; padding: 0;} 

body strong {padding: 0 0 0 2px;}

/* font styles */
h1 {font-size: 100%; color: #9C1C24; margin: -20px 0 10px 0; padding: 0; font-weight: bold; font-family: Arial, Verdana, Helvetica, sans-serif;}
.home h1 {margin: -38px 0 10px -5px;}
.home h1 span{margin: 0 3px;}
sup{font-size: 70%; }
h2 {font-size: 85%; color: #6a5b07; margin: 5px 0 5px 0; padding: 0; }
.home h2 {font-size: 85%; color: #6a5b07; margin: 0 0 5px 0; line-height: 1.6em;}
.home div.insert h2 {color: #a45f05;}
h3 {font-size: 80%;  color: #6a5b07; margin:0 0 3px 0; padding: 0;}
h3 a:hover{color:#6a5b07; text-decoration: underline;}
h3 a:link, h3 a:visited {color:#6a5b07; text-decoration: none;}
h4 {font-size: 75%; color: #9C1C24; margin:0 0 3px 0; padding: 0;}
h5 {font-size: 70%; font-weight: bold; color: #9C1C24; margin:0 0 3px 0; padding: 0;}
h6 {font-size: 70%; font-weight: normal; text-transform: uppercase; }

p {font: normal 0.75em/1.5em Arial, Helvetica, sans-serif; color: #333; margin: 0; padding: 0 0 15px 0; text-align: justify;}

a:link {color: #7C2230; text-decoration: none; padding: 0 0 0 0px;}
a:hover, a:visited:hover {color: #A24E12; text-decoration: underline;}
a:visited {color: #7C2230;}

/* repeated styles */
#content hr{margin: 5px 0; border: 1px #aaa solid; border-width: 0 0 1px 0;}
hr { margin: 5px 0; border: 1px #aaa solid; border-width: 0 0 1px 0;}

/* HEADER */
#header {background: url("/images/header_logo_09a.jpg") top left no-repeat; margin: 0; padding: 0; width: 810px; height: 200px;}
#header p{font-size: 60%; color: #666; text-align: right; margin: -10px 0 50px 490px; padding: 0 100px 0 0;}
#header h1{font-size: 12px; color: #A58E0C; text-align: left; margin: 0; padding: 90px 0 0 155px;}
/* NAVIGATION */
#nav {position: relative; left: 0; margin: 0; left: 0; margin-top: -90px;  padding: 0; }
#menu { 
  width: 780px;
  position: absolute;
  font: 11px/11px Arial, Verdana, sans-serif; 
  left: 0;
  top: 0;
  margin: -3px 0 0 0;
  padding: 0 0 0 55px;
  background-color: transparent;
  height: 26px;
  z-index: 200;
}
#menu a { color: #E3E3D9; }
#menu a:hover { color: #E3E3D9; }
#menu .subs a { color: #333; }
.menublock, .display { 
  white-space: nowrap;
  float: left;
  width: 100px;
  background-color: transparent;
  margin: 1px;
  padding: 5px 0 1px 5px;
}
#menu .subs { background-color: transparent; z-index: 198;}
#menu .subs a { display: block; }
#menu .menublock .subs { display: none; } 
#menu .menublock { 
  float: left;
  width: 100px;
  margin: 1px;
  padding: 5px 0 1px 5px;
  background: transparent;
  z-index: 199;
}
/* Commented Backslash Hack: hides rule from IE5-Mac \*/
#menu .menublock { width: 100px; }
/* End IE5-Mac hack */
a.tl, a.tl:hover, a.tl:active { 
  display: block; 
  width: 100px;
  margin: 3px 0 7px 0;
  padding: 0;
  color: #000;
  background: transparent;
  border: none;
  text-align: center;
  font-weight: normal;
  text-decoration: none;
}
#menu a.tl:hover, #menu a.tl:active {
  width: 100px; 
  color: #fff;
  background: transparent;
  text-align: center;
  text-decoration: underline;
}
a.sl, a.sl:hover, a.sl:active, a.sl:visited { 
  display: block;
  margin: 0;
  padding: 6px 2px;
  color: #000;
  background-color: #d1d18d;
  border: 1px #6A5B07 solid;
  border-width: 0 0 1px 0;
  text-align: center;
  font-weight: normal;
  text-decoration: none;
}
#menu .subs a.sl:hover, #menu .subs a.sl:active { color: #000; background-color: #DFDFB0; }

/* CONTENT */
#content  { background: #fff; margin: 55px 0 0 0; padding: 0 30px 20px 20px; width: 760px; }

/* SUBNAVIGATION */

.subnav { float: left;  width: 160px; margin: 15px 30px 30px 10px; padding: 0 0 0 0; }
.home .subnav{width: 160px; text-align: left;}
.subnav-header { display: block; background: #fff url("/images/subnav_top.gif") top left no-repeat;}
.subnav-header strong{ color: #000; background: #fff; padding: 0 5px; margin: -25px 0 0 0; font: bold 90% Lucida Grande, Ariel, Helvetica, sans-serif;}
.subnav-header strong a, .subnav-header strong a:visited {color: #000; text-decoration: none; }
.subnav-header strong a:hover {text-decoration: underline;}
.subnav ul{list-style: none; font-size: 70%; color: #333; margin: 0; padding: 15px 5px 10px 15px; border: 1px #A1A696 solid; border-top: none;}
.subnav li{padding: 2px 5px 3px 0;  line-height: 1.3em; }
.subnav li#sneakpeek, h4#sneakpeek{padding: 2px 5px 3px 0;  line-height: 1em; font-size: 16px; font-weight: bold; color: #9C1C24; }
.subnav li#sneakpeek a,.subnav li#sneakpeek a:visited, h4#sneakpeek a, h4#sneakpeek a:visited {color: #9C1C24; }
.subnav li a, .subnav li a:visited {color: #660000; text-decoration: none; }
.subnav li a:hover {color: #9C1C24; text-decoration: underline; }
.subnav li a:active {color: #9C1C24; text-decoration: underline; }
.subnav img {border: 1px #aaa solid; padding: 2px; margin:  0 0 3px 0; }
.subnav p {color: #444; font-size: 70%; text-align: center; width: 160px;}
img.noborder {border: none; }
.home .subnav li{line-height: 1.1em; margin: 0 0 15px 0;}


/* MAIN COLUMN*/
#middle {   margin: 0 0 0 200px; padding: 20px 0 0 0; text-align: left; z-index:100;}
#middle p{text-align: justify;}
#intro {margin: 0 0 15px 0;}
div #intro p{font: normal 0.82em/1.5em Arial, Helvetica, sans-serif; color: #333; }
div #intro .insert p {color: #444; font-size: 70%; line-height: 1.3em; }
div.insert {display: block; float: right; width: 185px; text-align: center;  margin: 0 0 0 30px;}
#middle div.insert p {text-align: center;}
.right img, .left img, .insert-right img, .insert img {border: 1px #aaa solid; padding: 2px; margin: 0 8px 4px 0; }

.right, .poster{display: block; float: right; width: 170px; text-align: left; margin: 8px 0 0 30px;}
.home .right {background: #F7EEDC; border: 1px #ccc solid; padding: 0 10px 0 10px; margin: 20px 0 5px 20px;}
.poster {background: transparent;}
.poster img {border: 1px #aaa solid; padding: 2px;}
.insert-right {display: block; float: right; width: 300px; text-align: left; margin: 8px 0 0 30px; }
.insert-right a{text-decoration: none;}
.insert-auction {display: block; float: right; width: 300px; text-align: left; margin: -15px 0 0 30px; }
.insert-auction a{text-decoration: none;}

#middle div.right p, #middle div.insert-right p {color: #444; font-size: 70%; text-align: left; }
.right h3 {margin: 10px 0 10px 0; }
.left {display: block; margin-left:200px; text-align: left;}
 
.panel {width: 500px; margin: 0 30px 10px 0; }

.panel-header{ display: block; background: #fff url("/images/panel_top.gif") top left no-repeat;}
.panel-header strong{ color: #6F7464; background: #fff; padding: 0 5px; margin: -25px 0 0 20px; font: bold 85% Lucida Grande, Ariel, Helvetica, sans-serif;}
.panel-header h3{ color: #5F1807; background: #fff; padding: 10px 5px; margin: 10px 0 0 10px; font: bold 80% Ariel, Helvetica, sans-serif; text-align: center;} 
.panel p {color: #333; margin: 0; padding: 15px 5px 10px 15px; border: 1px #aaa solid; border-top: none;}
.panel ul {color: #333; margin: 0; padding: 15px 5px 10px 15px; border: 1px #aaa solid; border-top: none;}
.panel li {padding: 0 0 8px 0; line-height: 1.3em; }
.panel img {border: 1px #aaa solid; padding: 2px; margin: 0 10px 5px 10px;}
.youngartists ul{ color: #333; margin: 0; padding: 15px 5px 10px 15px; border: 1px #aaa solid; border-top: none;}

.arrow {background: transparent url("/images/arrow_right.gif") 0 4px no-repeat; padding: 0 0 0 10px; margin:0 0 0 20px;}
.date {color: #A24E12; text-transform: uppercase;}
.block .arrow {padding:0 0 0 10px; font-size: 11px;}
.block {background: #EDEDEC; padding: 0 20px 5px 10px; margin: 0 0 8px 0;}
.block p {margin: 0; padding: 10px 0 0 5px;}
.block h2 {padding: 8px 0 0 0;}
.close {background: transparent url("/images/close.gif") -2px -2px no-repeat; padding: 0 0 0 14px; margin:0 0 0 10px;}
.border img{padding:2px; border: 1px #aaa solid; }
.block h3 a:link {color: #7C2230; background: transparent url("/images/arrow_right.gif") 0 4px no-repeat; padding: 0 0 0 10px; margin:0 0 0 14px; }
.block h3 a:hover{color:#7C2230;text-decoration: underline;}

/* PROGRAM */
#a1, #a2, #a3, #a4, #a5, #a6, #a7, #a8, #a8a, #a9, #a10, #a11, #a12, #a13, #a14{margin-left: 20px;}
/* UL, LI */
ul {font-size: 75%; list-style: none; margin: 0; padding: 0 0 8px 0; line-height: 1.3em;}

/* bulleted list */
.friend li, .bullet li{background: url("/images/bullet.gif") 0 4px no-repeat; padding: 0 0 2px 13px; margin: 0 0 5px 5px; line-height: 1.5em; color: #333;}
div.subnav .friend li, bullet li{margin: 0 0 0 5px; padding: 0 0 15px 0;}
ul.bullet a{text-decoration:none;}

/* donate button */
div.donatebutton {position: relative;  width: 180px; height: 48px; text-align: center; font-size: 12px; margin: 0; z-index: 30;}
div.donatebutton a {background: transparent url("/images/button_shopcart_lozenge.jpg") 5px 3px no-repeat;color:#480d07;  width: 180px; height: 48px; position: absolute; top: 0px; left: 5px; padding: 21px 0 0 0; text-decoration: none;  z-index: 29;}
div.donatebutton a:hover, div.donatebutton a:visited:hover  {background: transparent url("/images/button_shopcart_lozenge_on.jpg") 5px 3px no-repeat; width: 180px; height: 48px; color:#000; text-decoration: none; }
div.donatebutton a:visited {color:#480d07; text-decoration: none;}

/* shopping cart button round */
div.shopcartbutton {width: 87px; height: 89px; background: transparent url("/images/button_shopcart_round.jpg") 15px 0  no-repeat;  padding: 0; }
div.shopcartbutton:hover {width: 87px; height: 89px; background: transparent url("/images/button_shopcart_round_on.jpg") 15px 0 no-repeat;  padding: 0; text-decoration: none;}
div.shopcartbutton a {width: 87px; height: 89px;  font-size: 12px; text-decoration: none; text-align: center;}
div.shopcartbutton a:hover {color: #000; text-decoration: none;}
div.shopcartbutton img {border: 0;}
/* shopping cart round button on specific pages */
.auction div.shopcartbutton {margin: 100px 0 0 0;}



/* CALENDAR */
#calendar {font-size: 70%; border: 1px #eee solid; background: #E8E4F0; width: 550px;}
#calendar th {font-weight: bold; text-align: center; background: #aaaBDE; border: 1px #fff solid;padding: 3px !important;}
#calendar td {border: 1px #fff solid; padding: 3px !important; vertical-align: top;}
#calendar .date { padding: 2px; margin: 0 0 10px 0; color: #CC7606; font-weight: bold;}

/* FOOTER */
#footer {background: transparent; width: 810px; margin: 0; }
#footer p {color: #666; font-size: 70%; background: transparent; padding: 20px; width: 736px; margin: 0; text-align: center;}
#logos {text-align: left;}
#logos img{margin-right: 25px;}


/* STOREFRONT styles */
#data a:link {color: #000; text-decoration: underline;}
#data a:hover {color: #79055C; text-decoration: underline;}
#data a:visited {color: #000;}

/* NOTE */
#note {background: #E3E3D9; width: 140px; padding: 10px 10px 5px 10px; margin: 0 0 8px 0; text-align: center;}
#note ul, #note p {padding: 5px 5px 0 5px; width: 125px;}

/* POSTERS */
fieldset {border: 1px #6a5b07 solid; margin: 0 0 15px 0;}
fieldset legend {color:#6a5b07; }
table#posters td{text-align: center; vertical-align: top; padding: 0 10px; }
table#posters p {font-size: .7em; line-height: 1.2em;}
table#posters a{text-decoration: none; }
table#posters img {padding: 1px; border: 1px #aaa solid; height: 80px; margin: 0 0 3px 0;}

/* PHOTO CREDIT */
p span.photocredit, li span.photocredit {font-size: 80%; color:#666666;}