BODY { 
    font-family: Arial;
    background-color: #fff;
    color: #000;
    font-size: 10pt;
    margin: 0;
}

DIV#TOPBAR {
    padding: 6px 0 4px 2em; 
    font-weight: bold; font-size: 14px; 
    background: url(/static/images/topgreenbar.png); 
    background-repeat: repeat-x;
}

SPAN#LOGGED-IN * {
    font-size: 7pt; 
    color: white;
}
SPAN#LOGGED-IN {
    padding: 0 2em;
}
SPAN#LOGGED-IN IMG {
    border: 0;
}
SPAN#LOGGED-IN A {
    text-decoration: underline;
}

DIV#SHAREBAR {
    margin: 4px 1em 4px auto; 
    text-align: right;
}

SPAN#SHAREBAR {
    display: inline-block;
    border-style: solid;
    border-width: 1px;
    border-color: #888;
    padding: 3px 0.5em 0px 0.5em;
    background: url(/static/images/greybar.png); 
}

DIV#SHAREBAR A {
    margin: 0; border: 0; text-decoration: none;

}

DIV#SHAREBAR IFRAME {
    overflow: hidden; border: 2px; border-style: solid;
    border-color: #777
}

DIV#SHAREBAR .HIDDEN {
    position: relative;
    display: none; 
}

TABLE * {
    vertical-align: top;
}

DIV.BOX {
    border-width: 1px; border-style: solid; border-color: black;
    padding-left: 18px;
    margin: 1em;
}

A:LINK,A:VISITED { text-decoration: none; color: #119933 ;}
A:HOVER { text-decoration: underline;   }

H1 {
    padding: 6px 0 4px 1em; 
    margin: 0 0 4px 0px;
    font-weight: bold; font-size: 14px; 
    background-repeat: repeat-x;
    background: url(/static/images/topgreenbar.png); 
}

DIV.BOX H1 {
    margin-left: -18px; /* cancel DIV.BOX padding-left */
}

H2 {
    font-weight: bold;
    font-size: 105%;
}

DIV#LOGOBAR {
    background-color: black;
    color: white;
}

DIV#NAVBAR {
    background: url(/static/images/greybar.png); 
    padding: 6px 0 15px 2em; 
    font-weight: bold; font-size: 14px; 
    color: #222;
    background-repeat: repeat-x;
    text-align: center;
}
DIV#NAVBAR SPAN {
}
DIV#NAVBAR A { color: #222; }

DIV#BOTTOMBAR {
    color: white;
    padding: 4px;
    text-align: center;
    font-size: 7pt;
    background-color: #63a210;    
}
DIV#BOTTOMBAR A { 
    color: white; margin: 0 .75em 0 .75em;
    text-decoration: underline;
}

TABLE.PICTURE_GRID {
/*    border-spacing: 20px 0.5em; */
    table-layout: fixed;
}

TABLE.PICTURE_GRID TR TD {
    vertical-align: top;
    padding: 0; margin: 0;
}

SPAN.GREENBUTTON {
    font-size: 13px; padding: 8px 6px; font-weight: bold;
    background: url(/static/images/greenbar.png)
}
SPAN.GREENBUTTON A {
    color: black;
}

/*TABLE.PICTURE_GRID_BOX[COLSPAN="1"] {
    width: 190px;  
}*/
TABLE.PICTURE_GRID_BOX {
    width: 100%;
    border-spacing: 0;
    font-size: 12px;
    border-style: solid; border-color: #070; border-width: 1px;
}


TABLE.PICTURE_GRID_BOX * P {
    margin-top: 3px; 
}

TABLE.PICTURE_GRID_BOX TR TD DIV.TITLE{
    padding: 4px 0 4px 0.5em; margin: 0; border-width: 0; 
    font-size: 13px; font-weight: bold;
    background-image: url(/static/images/greenbar.png);
}

TABLE.PICTURE_GRID_BOX * IMG {
    border-width: 1 px; border-color: white;
}
TABLE.PICTURE_GRID_BOX * IMG.BORDERLESS {
    border-width: 0px;
}

TABLE.PICTURE_GRID_BOX[TITLECOLOR="ORANGE"] TR TD DIV.TITLE{
    background-image: url(/static/images/orangebar.png);
}

TABLE.PICTURE_GRID_BOX[TITLECOLOR="PINK"] TR TD DIV.TITLE{
    background-image: url(/static/images/pinkbar.png);
}

TABLE.PICTURE_GRID_BOX[TITLECOLOR="ORANGE"] {
    border-color: #770
}

TABLE.PICTURE_GRID_BOX[TITLECOLOR="PURPLE"] TR TD DIV.TITLE{
    background-image: url(/static/images/purplebar2.png);
  /*  color: white; font-weight: bold; */
}

TABLE.PICTURE_GRID_BOX[TITLECOLOR="PURPLE"] {
    border-color: #770
}
TABLE.PICTURE_GRID_BOX[TITLECOLOR="PINK"] {
    margin-left: 1em;
    border-color: #ff8;
    border-style: none;
}

TABLE.PICTURE_GRID_BOX[TITLECOLOR="BLUE"] {
    border-width: 0
}

TABLE.PICTURE_GRID_BOX[TITLECOLOR="BLUE"] TR TD DIV.TITLE{
    background-image: url(/static/images/bluebar.png);
    color: white; font-weight: bold;
}
TABLE.PICTURE_GRID_BOX[TITLECOLOR="BLUE"] {
    background-color: #ddd;
    color: #000;
    margin-left: 1em;
}
TABLE.PICTURE_GRID_BOX[TITLECOLOR="BLUE"] A {
    color: #444;
}

TABLE.PICTURE_GRID_BOX * UL {
    list-style: none;
    margin: 0; padding: 0;
    font-size: 14px;
}
TABLE.PICTURE_GRID_BOX * LI:before {
    content: " » "
}

TABLE.BASKET .HEAD {
    font-weight: bold;
}
TABLE.BASKET TR TD {
    padding: 0 1em;
}



/* this is the end of the juice-derived stuff and anything below here
   could be erroneous */

/*
TABLE.HEADED TR.HEADER-LINE {
    text-align: left;
    background-color: #484; color: #ff8;
}
TABLE.HEADED TR.HEADER-LINE TD {
    padding: 2px 8px 2px  8px;
    font-weight: bold;
}*/

/* for fillout forms, validation code sets this class if 
 * input data was unacceptable */
.ERROR {
    background-color: #f88; 
}

DIV.ERROR {
/*    background-color: #f88;  */
    color: #008;
    width: 80%;
    padding: 0.5em;
    border-width: 1px;
    border-style: solid;
}

.SMALLPRINT { font-size: 90%; color: #444 }
    

DIV.VENUEBOX {
    border-width: 1px;
    padding: 0.5em;
    margin: 0 1em;
    border-style: dashed;
    float: right;
    width: 300px;
}


DIV#NAVIGATION-BANNER {
    border: 5px 0 5px 0;
    margin: 0 -25px 0 -25px;
    background-color: #484; color: #ff8;
    font-weight: bold; font-size: 90%;
}
DIV#NAVIGATION-BANNER SPAN {
    margin: 0 10px 0 10px;
}
DIV#NAVIGATION-BANNER A {
    text-decoration: none; 
    color: #fff ;
}
DIV#NAVIGATION-BANNER A.HOVER {
    text-decoration: underline;
}


IMG.BORDERED { 
    margin: 15px; padding: 5px ;
    border-width: 1px; border-style: solid; border-color: #777; 
}