body      {
          font-size: 12px;
          font-family: Arial, sans-serif;
          background-color: #bbbbbb;
          }
          
a:link, a:visited { text-decoration: none; }           
a:hover, a:active  { text-decoration: underline; }
          
body.admin      {
          font-size: 12px;
          font-family: Arial, sans-serif;
          background-color: #bb8888;
          }         
          
          
img       {
          border: 0; /* corrects auto border around logo, firefox bug? */
          }        
          
div#page {
          width: 680px;
          margin: auto;
          padding: 0.75em;
          background-color: #FFFFFF;
          border: 1px solid #999999;
}



/*  Header styles */

div#header {
          background-repeat:  no-repeat;
          background-position: right 43px;
          width: 100%;
          margin-bottom: 0em ;
          padding-bottom: 0 ;
          }

div#header p   {
          margin-bottom: 0em;
          margin-left: -4px;
          }

/* Navigation bar */

div#navigation_bar {
          background-color: #FFFFf6;
          margin: 0 auto;  /* centers navigation bar's contents, kind of.. */
          border-top: #000066 2px solid;
          border-bottom: #000000 2px solid;
          border-left: 1px solid #DDDDFF;
          border-right: 1px solid #DDDDFF;
          }  
          
div#navigation_bar {
          font-size: 14px;
          }            

div#navigation_bar ul{
          margin: 0;  /* removes default top margin */
          padding-left: 0; /* removes default left padding */
          text-align: center;
          line-height: 10px
          }

div#navigation_bar li {
          /*margin-top: 0;
          margin-bottom: 0;*/
          
          display: inline;
          list-style-type: none;  /* removes bullet points */
          padding-left: 6px;
          padding-right: 6px;
          padding-top: 3px;
          padding-bottom: 2px;
          line-height: 22px;
          }
          
div#navigation_bar li.separatorL {
          border-left: #333333 1px solid;
          }
          
div#navigation_bar a {
          text-decoration: none; /* removes link underline */
          font-size: 1.1em;
          color: #851b3c; 
          }
          
div#navigation_bar ul li span, div#naviagion_bar ul li.current {          
          color: #000066;
          }         
          
div#navigation_bar li:hover {
          background-color: #8888BB;

                }

/* Body Styles */

div#body_container {
          width: 100%-2px;
          background-color: #fffff6;
          border-left: 1px solid #DDDDFF;
          border-right: 1px solid #DDDDFF;
          border-bottom: 1px solid #DDDDFF;
                }
                
div#super_body {
          margin-left: 10px;
          margin-right: 2px;
          }               
                
div#body  {
          line-height: 1.3em; 
          padding-top: 15px;
          margin-left: 10px;
          }

div#body h1    {
          /* background-color: #000066; color:  #FFFFFF; */
          font-size: 1.15em;
          padding-left: .3em;
          margin-top: 0;
          padding-top: .3em;
          padding-bottom: .2em; 
          text-transform: uppercase;
          display: none; /* H1 Headers not rendered! */
          }
          
div.admin h1 {
          background-color: #851b3c; color: #FFFFFF;   
          }
          
/* artwork stuff */

 

ul.artworks {list-style-type:  none; margin-left: 0; width:  710px; padding-left: 0;}
ul.artworks li.artwork {float:  left; margin-right:  6px; width: 158px; display:  block; text-align:  center;
               margin-bottom: 0.5em;
               height: 200px;
               background-color: #e2e2e2;
               border: 1px solid #555555;
               padding: 0em;
               line-height: 1em;
               }

ul.artworks li.artwork div.picture_container {
               margin-top: 2px;
               margin-left: 2px;
               display: block;
               height: 120px;
               width: 154px;
               vertical-align: 50%;
               padding-bottom: 2px;
               border-bottom: 1px solid gray;
               }
               
 div.picture_container div.picture_c2 {
               height: 120px;
               line-height: 120px;
               text-align: center;
                    font-size: 120px;  
               }
               
 *>div.picture_container div.picture_c2 {
               font-size: 1em; /* corrects i.e fix for other browsers */
               }
                              
div.picture_container div.picture_c2 img {
               
               vertical-align: middle;
               }
               
ul.artworks li.artwork div, ul.artworks li.artwork form { display: inline;}

div#body ul.artworks li.artwork p{
               
               text-align: left; 
               margin-top: 0.4em;
               margin-bottom: 0;
               margin-left: 5px;
               }

div#body ul.artworks li.artwork p.title {
               color: #550011;
               line-height: 1.1em;
               font-size: 1.1em;
               height: 2.4em;
               }
               
div#body ul.artworks li.artwork p.artist {
               margin-bottom: 0.3em;
               }

div#body ul.artworks li.artwork p.media_dimensions {
               color: #333333;
               font-size: .9em;
               margin-top: 0em;
               }
               
div.image_height_60px img {
               height: 60px;
               }
               
/*ul.artworks + p {clear: both;}*/

div#body { margin-left: 0; min-height: 25em; }

div#body div.image {

          width: 200px;
}

div#body img {
     border: 1px #ccbbbb solid;
     margin-bottom: 5px; 
               }
                              
div#body div.image p {
          font-size: .8em;
          margin-top: .2em;
          margin-bottom: 0;
}



div#body div.infobox {
     background-color: #e8e4f2; /* old color: #fff6dd */
     border: 1px #ccbbbb solid;    
     float: right;
     padding: 5px;
     width: 290px;
     margin-top: 0;
     margin-left: 10px;
     clear: right;
     margin-bottom: 5px;
}

div#books_ajax { height: 160px }

div#books_info_ajax img{ 
                    border: 0;
                    vertical-align: bottom;}
                    
div#books_info_ajax { line-height: 1.3em; }

div#books_ajax img.book_image { float: right; 
                    padding: 0;
                    height: 110px;
                    }
                    

                    
div#books_info_ajax div.book_title { text-align: center;
                    border-bottom: 1px solid #ccbbbb;
                    padding-bottom: 2px;
                    margin: 0;
                    width: 100%;
                    }

div#body div.caption_box {
     background-color: #f8e4e8;
     border: 1px #ccbbbb solid; 
     float: right;
     clear: right;
     width: 300px;
     text-align: center;
     font-size: 0.9em;
     padding-bottom: 2px;
     margin-bottom: 5px;
     margin-left: 10px;
     }
     
div#body div.caption_box img {
     display: block;
     width: 294px;
     margin: 3px auto;
          
     }

div#body p {
     margin-top: 0;
     margin-bottom: .8em;
}
     
div#body h2 {
     font-size: 1.2em;
     color: #000066;
     margin-top: 0;
     margin-bottom: 0.5em;
}

div#body h3 {
     font-size: 1.1em;
     margin-bottom: 0.2em;
     display: inline;
}

div#body textarea {
     display: block;
}

div#body fieldset {
     margin-bottom: .5em;
}

div#body h3 a {
     color: black;

}

div#body div.event_info strong.sold, div#body div.event_info strong.free {
     display: inline;
     font-size: .9em;
     font-weight: bold;
     margin-left: 1em;
     text-transform: uppercase;
}

div#body strong.sold {
     color: red;    
}

div.event_info {
     display: block;
     margin-bottom: 0.4em;
}

div.event_info h3 {
}

div.event_info p {
     display: inline;
}

div.event_info span.date_and_time {
     margin-left: 1em;
     font-size: .9em;
}

p.ticket_info {
     font-size:  .9em;
     color: #444444;
}

     
/* Footer styles */ 

div#foot {
     clear: both;
     background-color: #DDDDDD;    
     font-size: .9em;
     text-align: center;
     padding: .3em;
     margin-top:  2em;
     display: block;
     }
     
div#foot p {
     margin: 0; padding: 0;
}

span.year_made {font-style: italic;}

p.actions, a.action {font-size: .8em;}
p.actions a, a.action {color: green;}


table, table td, table th {border: 1px black solid; padding: 4px; margin: 0; border-collapse: collapse;}

/* Table Colouring */
          
.ListLineTop {
     background: #BBBBBB;
}
          
.ListLine0 { 
     background: #FFFFDD;
}

.ListLine1 {
     background: #FFFFFF;
}
          
/* Flash Box Style */

div#flash_notice {
     margin: 0 auto;
     size: 8em;
     text-align: center;
     width: 60%;
     clear: both;
     color: black;
     background-color: #ee7766;    
     border: 1px #333333 solid;
     font-size: 1em;
     display: block;
     padding: 0;
     margin-top:  0.5em;
     margin-bottom: 0;
     }
     
div#flash_notice p a{
}