/* ****************** Index of sections below  ******************************** */
/* ***************** Style for basic default unstyled body ******************** */
/* ************ Style for basic unstyled default html  ************************ */
/* *********************** Section by section style *************************** */
/* **************************************************************************** */
/* ************************** Style for Body variations  ********************** */
/* ********* special column modes THREECOL,THREECOLBLG,TWOCOL,TWOCOLMR ******** */
/* ** Set default text and link colors attempting to match background colors ** */
/* ***************************** style for pagefultop1 ************************ */
/* ***************************** style for pagefultop2 ************************ */
/* ***************************** style for left side homelogo ***************** */
/* ************************ style for right side page main logo *************** */
/* *********************** style for hardfullspacer *************************** */
/* ***************************** style for page main title include ************ */
/* ***************************** style for search function ******************** */
/* ***************************** style for breadcrumbs bar ******************** */
/* ************************ style for second left sidemenu logo *************** */
/* ***************************** style for menu section *********************** */
/* ***************************** style for menu announce section ************** */
/* ***************************** style for page innersite nav ***************** */
/* ***************************** style for page inner local nav *************** */
/* ***************************** style for page subarea nav ******************* */
/* ***************************** style for main text area (1) ***************** */
/* ************** styles for the static page includes in /pages *************** */
/* ***************************** style for page side content 1  *************** */
/* ***************************** style for page side subarea nav  ************* */
/* ***************************** style for more content1 ********************** */
/* ***************************** style for more content1 sidearea ************* */
/* ***************************** style for NS4 post text content ************** */
/* ***************************** style for optional left bottom stuff ********* */
/* ***************************** style for bottom page next buttons *********** */
/* ***************************** style for page full bottom1 ****************** */
/* ***************************** style for page full bottom2 ****************** */
/* ******************** Styles used on the contact page  ********************** */
/* ******************* Styles for the movit error messages   ****************** */

/* ******************* styles for the catalog database views ****************** */
/* ******************* styles for the shopping cart views ********************* */
/* ********* styles for the 'announce' included view of the main database ***** */
/* ****************** Useful styles for use within the text ******************* */
/* ************ styles for the included views of the mini databases *********** */

/* for test code */
div.test {display:none;}
span.test {display:none;}


/* *********** Notes ************ */
/* References to graphics must be relative,      */
/* (../graphics instead of /stdinc/v0/graphics/) */
/* so that proper graphic is used when a page uses a different skin  */

/* Include basic color scheme, set some important spacing */
/* this is commented out for style, but still sets the variables */ 
/* note the relative access  */
/* 
<!-- begin set standard stylesheet includes and tablecolor includes -->
<!-- first one small bit of housekeepig, set the homelogo name -->
<!-- #set var="HOMELOGONAME" value="logo.gif" -->
<!-- set all the standard colors used here -->
















   

































  
 
*/
/*


 


 
*/

/* ***************** Style for basic default unstyled body *************** */
/* this is not normally used except as defaults, see specific ones below */

body {
/*       background: #ffffff;  */

/* with default graphic */
    background: #ffffff url("../graphics/bodypagegraphic.jpg"); 
/* no default graphic */
    background: #ffffff; 

/*    background-repeat: repeat ; */ /* this is the normal default, both ways */
    background-repeat: no-repeat ;
/*        font-family: Geneva,Arial,Verdana,Helvetica,Chicago,sans-serif; */
    font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
    color: #000000;
    margin: 0 0 0 0;
    padding:0 0 0 0 ;
    border: 0; /* remove border in older IEversions  */
/*    width: 100%; */ /* This can cause problems when margin is used on divs  */
    background: #ffffff;
    min-width: 700px;
}


/* ************ Style for basic unstyled default html  ******************** */
/* set to see all divs */

div {
/*  border: 1px solid red;  */
}

p {
    font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
    margin: 0 0 0 0;
    padding: 10px 6px 2px 6px 
}

p.p1:first-letter {
    font-size: 150%; 
    font-family: serif;   
}

H1 {
    font-size: 165%;
    margin: 0 0 0 0;
    padding: 8px 10px 0px 10px ;
}

H2 {
 /*  font-size:  18px; */
    font-size: 135%;
    margin: 0 0 0 0;
    padding: 8px 10px 0px 10px ;
}

H3 {
/*   font-size:  16px; */
    font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
    font-size: 110%;
    margin: 0 0 0 0;
/*         border: 1px solid black;*/
   padding: 8px 10px 0px 10px ;
}

H4 {
    font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
    font-size: 100%;
    margin: 0 0 0 0;
    padding: 8px 10px 0px 10px ;
}

H5 {
    font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
    font-size: 85%;
    margin: 0 0 0 0;
   padding: 8px 10px 0px 10px ;
}

H6 { 
    font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
    font-size: 75%;
 /*       text-indent: 1em; */ 
 /*  border: 1px solid black; */
    margin: 0 0 0 0;
    padding: 8px 10px 0px 10px ;
}

img {
    /* border: 1px solid black;  this affects positioning in netscape 4 */
    border: 0 ;
    padding: 0 0 0 0 ;
  /*   margin 0 ;*/ /* recently added bad code */
}

/* this solves some compatibility problems between Firefox and Opera */
/* the default on Opera seems to be text centered, width way large */
table {
    text-align: left;
    margin-left: auto;
    margin-right: auto; 
   /* border: 1px solid green; */
    width:auto; /* the width problem may be due to the header, not the table */
}

/* fix default links color etc which were overridden above */
/* standard old fashioned defaults */
a {text-decoration: underline;}
a:link {color:blue}
a:visited {color: #000066;}
a:active {color:red;text-decoration: none;}
a:hover {color:red;}

/* or use variables for defaults by our standard color scheme */
/* See body sections below */
/*
a {text-decoration: underline;}
a:link {color:#ffffff;}
a:visited {color: #ddffdd;}
a:active {color:#ff0000;text-decoration: none;}
*/
a:hover {color:#ff0000;}

/* horizontal rule */

hr {
 background: #00CC33;
}

form {
  border: none;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
} 


/* *********************** Section by section style ****************************/
/* In approximate order of appearance on the page. These are organized by      */
/* include file, and by fixed id divs.                                         */
/* *************************************************************************** */

/* ************************** Style for Body variations  ********************** */
/*                            include stdbodytag.html                           */

body.full   {
/*       background: #fffFFe url("../graphics/WebPage05.jpg") ; */
/*       background: #ffffff; */
/* with default graphic */
    background: #ffffff url("../graphics/bodypagegraphic.jpg");
/* no default graphic */
    background: #ffffff;
    background-repeat: no-repeat ;
    color: #000000;
    font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
    background-repeat: repeat-y ; /* added to allow top menu with base layout */
}

body.sidebar,
body.microbase,
body.blogbase,
body.homepage,
body.purchasebase,
body.threecol,
body.threecolblg,
body.twocol,
body.twocolmr,
body.secthead,
body.custom    {
/*       background: #fffFFe url("../graphics/WebPage05.jpg") ; */
/*        background: #ffffff; normal */

/* with default graphic */
    background: #ffffff url("../graphics/bodypagegraphic.jpg");

/* no default graphic */
    background: #ffffff;
    background-repeat: no-repeat ;
    font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
    color: #000000;
    background-repeat: repeat-y ; 
    /* background-repeat: repeat-x ;  */
    /*cursor: crosshair ;*/
    /*cursor: help ;*/
}
body.xsecthead   {
    background: #ffffff url("/stdinc/(none)/graphics/bodypagegraphic.jpg");
    background-repeat: no-repeat ;
    font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
    color: #000000;
}

/* *** ************************************************************************** */
/* ********* special column modes THREECOL,THREECOLBLG,TWOCOL,TWOCOLMR ******** */
/* ****  Based upon Matthew James Taylor method: http://matthewjamestaylor.com/ *** */
/*     pagepanelwrap.html pagepanelwrapend.html pre and post content also used */
/* also stuff in pagemainmenu.html */
/* correspondence between his divs and mine (note my content1 is second, 
   not first div for historical reasons ): 
(his) = (mine)
colmask=colmask 
colmid=colmid  
colleft=colleft 
col1wrap=col1wrap

col3=col3
col1=#content1 (content2col,content2colmr)
col2=#sidemainmenupost (sidemainmenupostmr)
*/

/* 
This is where the main content goes in each of these:
div#content1panels = 3col content
div#content1panelsblg = 3colblog mode
div#content2panel = 2col mode
div#content2panelmr = 2colmr mode
*/

/* start with all transparent */
div.colmask,
div.colmid,
div.colleft,
div.col1wrap, 
div#content1panels,
div.sidemainmenupost,
div#sidemenuitems,
div.sideannounce,
div.col3,
div#pagecolumn3 {
background:transparent;
}

/* Style for the individual file includes special mode for the left,right columns */
div#leftcolpartswrapper{
float:left;
margin:0 0 0 0;
padding:0 0 0 0;
width: 100%;
overflow: auto;
text-align:justify;
}
div#rightcolpartswrapper{
float:right; /* maybe */
margin:0 0 0 0;
padding:0 0 0 0;
width: 100%;
overflow: auto;
text-align:justify;
}

/* wraps around all in page third column */
div#pagecolumn3 {
 
}

/* ******************* special 3 column mode *************** */

/* div order in 3col mode */
/*
div.colmask                  width:100 overflow:hidden  bg:right
 div.colmid                  width:200%;margin-left:-200px;right:100%; bg:center,left
  div.colleft                width:100%;margin-left:-50%;left:400px; leftcolwid+rtcolwid bg:nothing
     Begin Main Content Area
     div.col1wrap            width:50%  right:200px Width of left column
       div#content1panels    margin:0 215px 0 215px; left:200%;
        (content)
       </div><!-- end container 1 -->
     </div> <!--  end col1wrap -->
     div.sidemainmenupost    width:170px; right:15px;
        div#sidemenuitems
        </div>   
        div.sideannounce
        </div>
     </div>   
     div.col3                width:170px;  margin-right:45px;  left:50%;
        div#pagecolumn3      note hack above
        </div>   
     </div>
     Options after last content area optional next and left button
  </div><!--  end colleft -->
 </div><!--  end colmid -->
</div><!--  end colmask -->
*/

div.colmask {
position:relative;	/* This fixes the IE7 overflow hidden bug */
clear:both;
float:left;
width:100%;			/* width of whole page */
overflow:hidden;		/* This chops off any overhanging divs */

/*                 set  background colors for right hand column */
margin: 0 0 0 0;
background: #eeffee;
border-bottom: 2px solid #eeffee;
}

div.colmid { 
float:left;
width:200%;
margin-left:-200px;     /* Width of right column */
position:relative;
right:100%;
/*                      set background for the center panel  */
background: #ffffff;
}

div.colleft { 
/* float:left; */ /* this works on the base site, but does not work on the 
                     cityhall site for reasons I cannot seem to find 
                     comment out for chr site
                  */
float:left;
width:100%;
/* margin-left:-50%; */
position:relative;
margin-left:-50%; 
left:400px;             /* Left column width + right column width */
/*                  set background color for left hand column */
background: #eeffee;
background: #336600;

}


div.col1wrap { 
float:left;
width:50%;
position:relative;
right:200px;                /* Width of left column */   
background: transparent;
}

div.content1panels,div#content1panels { /* Primary Content goes here */
/* float: left; */ /* this causes the content to go all the way left for IE6 */
/* Does not seem to be needed for others as well */
position:relative;
overflow:hidden;
margin:0 215px 0 215px;               /* Centre column side padding:
          Left padding = left column width + centre column left padding width
          Right padding = right column width + centre column right padding width */
left:200%;
background: transparent;
}

div.sidemainmenupost {
        margin: 0;
        float:left;
        float:right;                     /* This overrides the float:left above */
        width:170px; /* Width of left column content (left column width minus left 
                        and right padding) */
        position:relative;
        right:15px; /* Width of the left-had side padding on the left column */
    }
div.col3 {
        float:left;
        float:right;                     /* This overrides the float:left above */
        width:170px;            /* Width of right column content 
                                   (right column width minus left and right padding) */
        margin-right:45px;      /* Width of right column right-hand padding + 
                                   left column left and right padding */
        position:relative;  
        left:50%; 
}

/* ******************* end special 3 column mode  **************** */

/* ******************* special 3 column blog mode *************** */
/* only changed ones shown */

div.colmaskblg {
position:relative;      /* This fixes the IE7 overflow hidden bug */
clear:both;
float:left;
width:100%;                     /* width of whole page */
overflow:hidden;                /* This chops off any overhanging divs */
/*            background color for right hand column */
background: #eeffee;
margin: 0 0 0 0;
border-bottom: 2px solid #eeffee;
}

div.colmidblg { /* same */
float:left;
width:200%;
margin-left:-200px;     /* Width of right column */
position:relative;
right:100%;
/* background for the main menu  */
background: #00CC33;
background: #336600;
}

div.colleftblg { /* changed */
float:left;
width:100%;
/* position:relative; */
margin-left:-200px; 
/*left:400px; */             /* Left column width + right column width */
/* background color for main text column */
background: #ffffff;
}

div.col1wrapblg { /* changed  */
float:left;
width:50%;
background: transparent;
}

div.content1panelsblg,div#content1panelsblg  { /* changed */ /* Primary Content goes here */
/* float: left; */
position:relative;
overflow:hidden;
margin:0 15px 0 415px;               /* Centre column side padding:
          Left padding = left column width + centre column left padding width
          Right padding = right column width + centre column right padding width */
left:100%;
background: transparent;
}

div.sidemainmenupostblg { /* changed */
        margin: 0;
        float:left;
        float:right;                     /* This overrides the float:left above */
        width:170px; /* Width of left column content (left column width minus left 
                        and right padding) */
        position:relative;
        left:185px; /* Width of the left-had side padding on the left column */
    }

div.col3blg { /*  changed */
        float:right;
        width:170px;            /* Width of right column content 
                                   (right column width minus left and right padding) */
        position:relative;
        left:555px;

}

/* ******************* end special 3 column blog mode  **************** */

/* ******************* special 2 column mode  **************** */
/* just the differences between this and three column mode above */
/* div order for 2 col modes */
/* his div order */
/*
<div class="colmask leftmenu"> = colmask
    <div class="colright">     = colleft2panel
        <div class="col1wrap"> = col1wrap2
            <div class="col1"> = content2panel
               - text -
            </div>
        </div>
        div class="col2" = sidemainmenupost2
           menu
        /div
    /div
/div
*/


div.colmask2panel {
position:relative;      /* This fixes the IE7 overflow hidden bug */
clear:both;
float:left;
width:100%;                     /* width of whole page */
overflow:hidden;                /* This chops off any overhanging divs */
/* background color for left hand column */
background: #00CC33;
background: #336600;
margin: 0 0 0 0;
border-bottom: 2px solid #eeffee;
}


div.colmid2panel { } /* this is not used in this layout */

div.colleft2panel { 
float: left;
width: 200%;
position: relative; 
left:200px;             /* Left column width + right column width */
/* background color for main text column */
background: #ffffff;
}

div.col1wrap2 {
float:right;
width:50%;
position:relative;
right:200px;                /* Width of left column */
background: transparent;
}


div.content2panel,div#content2panel { /* Primary Content goes here */
/* float: left; */ /* this causes the content to go all the way left for IE6 */
/* Does not seem to be needed for others as well */
position:relative;
overflow:hidden; 
margin:0 15px 0 215px;       /* Centre column side padding:
             Left padding = left column width + centre column left padding width
             Right padding = right column width + centre column right padding width */
right:100%;
background: transparent;
}

div.sidemainmenupost2 { 
        float:left;
        width:170px;
        position:relative;
        right:185px;
    }


/*  *****************  Special 2 column right side mode */
/* div order for 2 col modes */
/*
div class="colmask"
    div class="colmid2panel"
        div class="colleft2panel"
            div class="col1wrap"
                div class="content2panel"
                     -CONTENT-
                /div content2panel
            /div>     end col1wrap
          -sidemenut items
        /div>    end colleft2panel
    /div>    end colmid2panel
/div     end colmask
*/

/* his div order */
/*
div class="colmask rightmenu" = colmask
    div class="colleft"       = colleft2panelmr
        div class="col1wrap"  = col1wrapmr
            div class="col1"  = content2panelmr
                -- text  --
            /div
        /div
        div class="col2" = sidemainmenupostmr
           menu
        /div
    /div
/div
*/

div.colmask2panelmr {
position:relative;      /* This fixes the IE7 overflow hidden bug */
clear:both;
float:left;
width:100%;                     /* width of whole page */
overflow:hidden;                /* This chops off any overhanging divs */
/* background color for right hand column */
background: #eeffee;
background: #336600;

margin: 0 0 0 0;
border-bottom: 2px solid #eeffee;
}


div.colmid2panelmr { /* may not be required */
float:right;
width:200%;
margin-left: 0px;                 /* Width of right column */
position:relative;
/* right:100%; */
background: #00CC33;
/* background for the center panel above */
}

div.colleft2panelmr { /* contains menu after content */
 float: left;
 width: 200%;
 margin-left: -200px;
 position: relative;
 right: 100% ;
/* background color for right hand column */
background: #ffffff;
/* background: transparent; */
}

div.col1wrapmr { /* contains content */
/*display: none; */
float: left;
width: 50%;
position:relative;
left: 50%;                 /* Width of left column */
background: #ffffff;
}

div.content2panelmr,div#content2panelmr { /* Primary Content goes here */
/* float: left; */ /* this causes the content to go all the way left for IE6 */
/* Does not seem to be needed for others as well */
/* position:relative; */
overflow:hidden; 
margin:0 15px 0 215px;       
/* 
   Centre column side padding:
   Left padding = left column width + centre column left padding width
   Right padding = right column width + centre column right padding width 
*/
overflow:hidden;
}

div.sidemainmenupostmr { /* change to mr */
/*         margin: 0; */
/*        float:left; */
        float:right;                    /* This overrides the float:left above */
        width:170px;            /* Width of left column content (left column width minus left and right padding) */
        position:relative;
        left:185px;             /* Width of the left-had side padding on the left column */
    }
/* ******************* end special 2 column modes  **************** */



/* **************************************************************************** */
/* ** Set default text and in text link colors attempting to match background colors ** */
/* note the links arte in-text or default links only,menus etc in their own sections */

/********************/
/*** text:content areas ***/
/* 
div#content1panels = 3col content
div#content1panelsblg = 3colblog mode
div#content2panel = 2col mode
div#content2panelmr = 2colmr mode
div#content1
div#contentfull
*/

/*** text:content areas ***/
div#content1,
div#contentfull,
div#content1panels,
div#content1panelsblg,
div.content1panelsblg, /* best to use id for these, this is safety only */
div#content2panel,
div#content2panelmr
{
 color: #000000;
}

/*** text:leftside (sidemenu) panel ***/
div.colleft,
div.colleft2panel,
div.colleft2panelmr,
div#sidemainmenu,
div.sidemainmenupostblg
{
 color: #ffffff;
}

/*** text:rightside (auxiliary) panel ***/
div#pagecolumn3
{
 /* display:none; */
 color: #000000;
}

/*** text:inside primary top panel (non-menu) ***/
div#logosurround div,
div#logosurround h1,
div#logosurround h2,
div#logosurround table
{
 color: #000000;
}


/**********************************/
/*** links:inside content areas ***/
div#content1 a,
div#contentfull a,
div#content1panels a,
div#content1panelsblg a,
div.content1panelsblg a,
div#content2panel a,
div#content2panelmr a
{
 /* text-decoration: underline; */
 text-decoration: none;
}
div#content1 a:link,
div#contentfull a:link,
div#content1panels a:link,
div#content1panelsblg a:link,
div.content1panelsblg a:link,
div#content2panel a:link,
div#content2panelmr a:link
{
 color:blue;
}
div#content1 a:visited,
div#contentfull a:visited,
div#content1panels a:visited,
div#content1panelsblg a:visited,
div.content1panelsblg a:visited,
div#content2panel a:visited,
div#content2panelmr a:visited
{
 color:#6666ff;
}
div#content1 a:active,
div#contentfull a:active,
div#content1panels a:active,
div#content1panelsblg a:active,
div.content1panelsblg a:active,
div#content2panel a:active,
div#content2panelmr a:active
{
 color: yellow;
}
div#content1 a:hover,
div#contentfull a:hover,
div#content1panels a:hover,
div#content1panelsblg a:hover,
div.content1panelsblg a:hover,
div#content2panel a:hover,
div#content2panelmr a:hover
{
 color: red;
}

/*** links:inside leftside (sidemenu) panel (non-menu) ***/
/* these tend to override everything done after inside the left menu */
div.colleft a,
div.colleft2panel a,
div.colleft2panelmr a,
div#sidemainmenu a,
div.sidemainmenupostblg a
{ text-decoration: none;}

div.colleft a:link,
div.colleft2panel a:link,
div.colleft2panelmr a:link,
div#sidemainmenu a:link,
div.sidemainmenupostblg a:link
{
color:#ffffff;
}

div.colleft a:visited,
div.colleft2panel a:visited,
div.colleft2panelmr a:visited,
div#sidemainmenu a:visited,
div.sidemainmenupostblg a:visited
{
color: #ddffdd;
}

div.colleft a:active,
div.colleft2panel a:active,
div.colleft2panelmr a:active,
div#sidemainmenu a:active,
div.sidemainmenupostblg a:active
{color:#ff0000;}

div.colleft a:hover,
div.colleft2panel a:hover,
div.colleft2panelmr a:hover,
div#sidemainmenu a:hover,
div.sidemainmenupostblg a:hover
{color:#ff0000;}


/*** links:rightside (auxiliary) panel ***/
div#pagecolumn3 a
{
  /* display:none; */
  text-decoration: none;
  /*text-decoration: underline; */
}
div#pagecolumn3 a:link
{
 color:#ffffff;
}
div#pagecolumn3 a:visited
{
 color: #ddffdd;
}
div#pagecolumn3 a:active
{
 color:#ff0000;
}
div#pagecolumn3 a:hover
{
 color:#ff0000;
}

/*** links:inside primary top panel (non-menu) ***/
div#logosurround 
{
}



/* ***************************** style for pagefultop1 ************************ */
/*                               include pagefulltop1.html                      */
/* normally off but used for banner ads or emergency messages */

#fulltop1  {
    float:      left;
    clear:      both;
/*    width:      98%; */
/*    margin-left: 1%; */ /* use this to center by splitting the width remainder in half */
    width:      100%;
    margin:     0 0 0 0; /* (order: ) */
    /* height:     50px; */
/*  border:     3px solid #ff0000; */
    padding:    0px;
/*    color:	black; */
    color: #000000;
    background:  #ffffff;
    font-size:  18px;
    text-align: center; /*   */
    vertical-align: baseline; /* baseline middle sub super text-top text-bottom top bottom  */
/*    background:	transparent; */
}


/* ***************************** style for pagefultop2 ************************ */
/*                               include pagefulltop2.html                      */
/*                           typically used only for FULL view                  */
/*                   this is used for the main menu in full page view mode      */

#fulltop2  {
    float:      left;
    clear:      both;
/*    width:      98%;*/
/*    margin-left: 1%; *//* use this to center by splitting the width remainder in half */
    width:      100%;
    margin:     0 0 0 0; /* (order: ) */
/*    height:     20px; */
/*    border:     3px solid blue; */
    padding:    0px;
/*    margin:     0 0 0 0; */ /* (order: ) */
    color:	#000000;
/*    font-size:  18px; */
    text-align: center; /*   */
    vertical-align: baseline; /* baseline middle sub super text-top text-bottom top bottom  */
/*    background:	#ffffff ; */
    background: #ffffff;

}

/* ***************************** style for the logo surround div ***************** */
/*                          This surrounds the entire title/logo area                     */
/*                           It is directly on the pages                           */
div#logosurround {
float:left;
clear:both;
width:100%;
/* border:1px solid red; */
background: transparent;
background:#336600;
background:#336600;

/* border: 2px solid blue; */
/* height: 110px; */ /* this will not fix the ie6 problem */
}


/* ***************************** style for left side homelogo ***************** */
/*                               include pagehomelogo.html                      */
#homelogo  {
    float:      left;
    clear: left;
    width:      138px;
/*    height:     90px; */
    padding:    0 0 0 0 ;
    padding-left: 0px; /* added to line up homelogo with menu */
    margin:     0 0 0 0; /* (order: ) */
    color:	#000000;
    font-size:  14px;
    text-align: left; /*   */
    vertical-align: text-bottom;    
    vertical-align: baseline; /* baseline middle sub super text-top text-bottom top bottom  */
/*     cursor: crosshair ; */
}

div#homelogo  {
/* background: #336600; */
background: transparent;
margin: 0 0 0 0;
padding: 0 0 0 0;
/* height must be set here and maybe on image to get rid of extra space under image */
height: 110px;
}

/*                use this to fine tune position of home logo */
img.homelog {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  /*           border: 2px solid black; */
  /*    width: 104px; 
  /*    height: 110px; */ 
  /* css 3 code to set transparency */
  /* for IE */
  /*    filter:alpha(opacity=60); */
  /* CSS3 standard */
  /*    opacity:0.6; */
   display:none;  /* turn off the home logo completely */
}

/* optional txt for short company name and 'home' that can be positioned here over the logo */
span.homelogotextcompname {
color:#ff0000;
position: absolute;
/*left: 6px;*/
left:12px;
/* top: 84px; */
/* top: 40px; */
top: 30px;
/* font-size: 135%; */
font-size: 200%;

display:inline;
font-weight: bold;
/* display:none; */
}

span.homelogotext {
color: #ffffff;
position: absolute;
/* left: 80px; */
left: 8px;
/* top: 84px; */
/* top: 40px; */
top:60px;
/* font-size: 135%; */
font-size: 200%;
display:inline;
font-weight: bold;
/* display: none; */
}

/* changed the normal 'Home' text to a nbsp so text can be changed in the style */
span.homelogotext:after {
content:"Site"; 
/* color:red; */
/*
font-weight:bold;
font-size:small;
*/
/* color: yellow; */
color: #ff0000;
} 


/* ************************ style for right side page main logo *************** */
/*                               include pagemainlogo.html                      */

#mainlogosecthead  {
    float:      right;
    clear:      right;
/*    width:      454px; old nia*/ 
      width:      438px;

/*    height:     80px; */
/*  border:     1px solid black; */
    padding:    0px 0px 0px 0px;
    margin:     0 0 0 0; /* (order: )  */
    color:	#000000;
/*    font-size:  22px; */
    text-align: left; /*   */
    vertical-align: baseline ; /* baseline middle sub super text-top text-bottom top bottom  */
/*    background:	#ffffff; */
/*    background: transparent url("../graphics/pagegraphic.jpg") ;  netscape 4 */
/*    background-repeat: no-repeat ; netscape 4 */

/* use default graphic */
      background: transparent url(../graphics/pagegraphic.gif) no-repeat scroll bottom right; /* trying this shorthand */
/* no default graphic */
      background: transparent;
}


#mainlogosidebar,#mainlogohomepage,#mainlogosecthead  {
/* This is used to center the titles */
float: none;
/* must use this kind of check here because one in stdlayouttypedefs does not work here */

 width: 100%;
/*  border: 1px solid red; */


/* width: 100%; */ /* this causes this div to appear on the next line in ie6 */
                   /* but is required for the others for title centering to work properly */
/*    height:     90px; */
    height:     110px;
    padding:    0px 0px 0px 0px; /* padding here will cause excess on right side */
    margin:     0 0 0 0; /* (order: )  */
    color:	#000000;
    text-align: left; /* text to left, graphic to right  */
    vertical-align: baseline ; /* baseline middle sub super text-top text-bottom 
                              top bottom  */

/* use default graphic */
    background: transparent url(../graphics/pagegraphic.gif) no-repeat scroll bottom right;

/* no default graphic */
    background: transparent;

   /* width: 80%; */ /* This will fix the ie6 problem down to screen size 800 x 600 */
}

/* may not be used  */
#mainlogo  {
    float:      right;
    clear:      right;
/*    width:      138px; */
    height:     81px;
    border:     1px solid green; 
    padding:    0 0 0 0 ;
    margin:     0 0 0 0; /* (order: )  */
    color:	#000000;
/*    font-size:  22px; */
    text-align: center; /*   */
    vertical-align: bottom; /* baseline middle sub super text-top text-bottom top bottom  */
    background:	transparent; 
/* height:     110px; */
}

/* may not be used */
#mainlogotest  {
    float:      right;
    clear:      right;
    width:      460px; 
    height:     80px;
/*  border:     1px solid black; */
    padding:    0px 0px 0px 0px;
    margin:     0 0 0 0; /* (order: )  */
    color:	#000000;
/*    font-size:  22px; */
    text-align: center; /*   */
    vertical-align: baseline; /* baseline middle sub super text-top text-bottom top bottom  */
/*    background:	#ffffff; */
    background: transparent url("../graphics/carlosdancebar2X.jpg") ; 
    background-repeat: no-repeat ;
}

div#mainlogotitles { 
/* encloses only the titles */
/* width: 64%; */
width:600px; 
/*
position: relative;
left: 25%;
top: -6px;
*/
/* border: 2px solid white; */
/* background: blue;  */
margin-left: auto;
margin-right: auto;
}

/* NOT NEEDED NOW no longer in code. inside the other, to aid centering */
div#mainlogotitlesinner {
/*display:inline; */
border: 2px solid blue;
margin-left: auto;
margin-right: auto;
width: 100%;;
/*margin-left: 50%;*/
text-align:left;
/*margin-left: 250px;  */
/*
position: relative;
left: -8px;
*/
}

table.toptitles
{
padding: 0 0 0 0;
margin: 0 0 0 0;
/* border: 1px solid green; */
border-collapse:collapse;
min-width:50px;
width: auto;
margin-left: auto;
margin-right: auto;
}

td.toptitles,th.toptitles,tr.toptitles {
padding: 0 0 0 0;
margin: 0 0 0 0;
/* background:yellow; */
/* border: 1px solid green; */
}

/* *********************** style for hardfullspacer *************************** */
/* normally used just to insure a full width horiz break after the floated logos */
div.hardfullspacer {
/* float: left; */
clear: both;
width: 100%;
/* height: 20px; */
/* border: 1px solid red; */

}


/* ***************************** style for page main title include ************ */
/*                               include pagemaintitle.html                     */

h1.pagetitlesechead {
    font-size:  28px;
    font-family: Helvetica,Arial,Geneva,Chicago,Verdana,sans-serif;
/*     font-family: cursive; */
/*     border: 1px solid black; */
    padding: 0 0 0 0 ;
    border: 0 ;
/*       color: black; */
    color: #000000;

/*       margin: 20px 0 0 0 ;*/ /*This was origianl centered */
/*       margin: 45px 0 0 0 ;  this sets it down a bit  change jan 08 */
    margin: 6px 0 0 0 ; /* this works with search */
} 

h1.pagetitle1 { /* main title on sidebar pages */
    font-size:  28px;
    font-family: Helvetica,Arial,Geneva,Chicago,Verdana,sans-serif;
/*     font-family: cursive; */
/*     border: 1px solid black; */
    padding: 0 0 0 0 ;
    border: none ;
/*       color: black; */
    color: #000000;

/*       margin: 20px 0 0 0 ;*/ /*This was origianl centered */
/*       margin: 45px 0 0 0 ;  this sets it down a bit  change jan 08 */
    margin: 6px 0 0 0 ; /* this works with search */
    margin: 0 0 0 0 ;
/* but above leaves no room for subtitle */
/*
position: relative;
left: 25%;
*/
} 

h1.subtitle1 {
    font-size:  12px;
    font-family: Helvetica,Arial,Geneva,Chicago,Verdana,sans-serif;
/*     border: 1px solid black; */
    color: #000000;

/*       padding: 0 0 0 1em ; */
    padding: 0 0 0 0 ;
    border:  none ;
    margin: 0px 0px 0px 0px;
/*
position: relative;
left: 25% ;
*/
}

h1.pagetitle2sect {
    float: right;
    font-size:  18px;
    font-family: Helvetica,Arial,Geneva,Chicago,Verdana,sans-serif;
/*     font-family: cursive; */
/*       border: 1px solid green ; */
    padding: 0 0 0 7px ;
    border: 0 ;
/*       color: black; */
    color: #ddffdd;
/* below must use the apache user agent, since my browser detect is later*/

    margin: -54px 0 0 0 ;

/*       margin: 10px 0 0 0 ;  original */
    text-align: right;
} 

h1.pagetitle2 {
    font-size:  28px;
    font-family: Helvetica,Arial,Geneva,Chicago,Verdana,sans-serif;
/*     font-family: cursive; */
/*     border: 1px solid black; */
    padding: 0 0 0 7px ;
    border: 0 ;
/*       color: black; */
    color: #000000;
    margin: 10px 0 0 0 ;
} 

h1.subtitle2 {
    font-size:  12px;
    font-family: Helvetica,Arial,Geneva,Chicago,Verdana,sans-serif;
/*     border: 1px solid black; */
/*       color: black; */
    color: #000000;
    padding: 0 0 0 10px ;
    border: 0 ;
    margin: 0 0 0 0 ;
}

/* may not be used */
H2.subtitle {
    color: #000000; 
    margin: 0 0 0 0;
    text-align: left;
    padding: 8px 10px 0px 10px ;
}


/* Used for optional tagline */
div.companytagline {
margin: 0 0 0 0;
/*width: 280px;*/
color: #000000;
padding: 0 0 0 0;
font-size: 12px;
font-family: serif;
/* border: 1px solid blue; */
/*
position: relative;
left: 25%;
*/
}



/* ***************************** style for search function ******************** */
/*                               include stdsearch.html                         */


/* This is the div that surrounds the search box and image, three locations */

div.searchbox { /* used for sect heads */
    float:none;
    padding: 0 0 0 0;
    margin: 0px 4px 0px 0px ; /* this neg offset is added to fix opera */
/*  border: 1px solid black; */
    text-align: left ;
    position:absolute;
/*    top: 66px; */
    top: 86px;
    right: 2px;
}

div.searchboxtop { /* used when search box top of page */
    float:none;
    padding-left: 0px;
    padding-right: 0px ;
    margin: 0px 4px 0px 0px ; /* */
    text-align: left ;
/* border: 1px solid red; */
    text-align: left ;
/*
"absolute: The element is positioned relative to its first positioned (not static) 
ancestor element"
...Which here means that div#mainlogosidebar would have to be positioned for
the 'top' to work when a menu is set above this.
So it appears I must use a special variable or something to fix this, or use only
this style in a given site
I can change this in the individual file.
*/
    position:absolute;
/*    top: 66px; */
    top: 86px;
    right: 2px;
}

div.searchboxside { /* used when search on side panel */
    float:left;
    clear: both;
    padding-left: 8px;
    padding-right: 2px ;
    /* this neg offset is added to put above blank graphic  above */
/*    margin: -20px 0px 0px 0px ; */
    margin: 0 0 0 0;
/*  border: 1px solid black; */
    text-align: left ;
}

/* These are the buttons for the search function for the three situations */
button.searchbutside {
    vertical-align: middle ;
    /*background: white ; */
    background: transparent ;
    /* display: none; */
    border: none ;
/* border-width: 1px ;  */
/* border-color: black; */
/* border-style: none; */
/* border-style: hidden; */
    margin-bottom: 0px ;
    padding: 0 20px 0px 0 ; /* force a newlinw with this */
}

button.searchbuttop {
    vertical-align: middle ;
    background: transparent ;
    border: none ; 
    margin: 0 0 0 0;
    margin-bottom: 0px ;
    padding: 0 0 0px 0 ;

}


button.searchbutsect {
    vertical-align: middle ;
    background: transparent ;
    border: none ; 
    margin: 0 0 0 0;
    margin-bottom: 0px ;
    padding: 0 0 0px 0 ;
}

button.searchbuttop,button.searchbutsect {
 font-weight:bold;
 font-size:small;
 border: 1px solid #000000 ;
 background: #00CC33;
 color:#000000;
 /* added to accomodate advanced search */
 right:72px;
}

button.searchbutside {
 font-weight:bold;
 font-size:small;
 border: none;
 background: transparent;
 color:#000000;
 color:#336600;
 position: relative;
 right: 3px;
 /* added to accomodate advanced search */
 right:72px;
}

/* if used, the actual image used by the search button that says 'search' */
img.gobut {
    vertical-align: middle;
/* border: 1px solid green; */
    margin-bottom: 0px ;
    margin-right: 0px;
}

input.searchinput {
/* border: 2px solid red ; */
    margin: 0 0 0 0 ;
    padding: 0 0 0 0 ;
}

/* added to allow for the new advanced search */
a.advsearch { /* search = top */
float:left;
color:#ff0000;
text-decoration:none;
font-size:small;
font-weight:bold;
position:relative;
top:4px;
left: 1px;
/* left: -57px; */
}
a.advsearchside { /* search = side */
float:left;
color:red;
color:#ff0000;
text-decoration:none;
font-size:small;
font-weight:bold;
position:relative;
left: 57px;
top:3px;
}
a.advsearchsect { /* search = secthead */
float:left;
color:red;
color:#ff0000;
text-decoration:none;
font-size:small;
font-weight:bold;
position:relative;
top:4px;
left: 1px;
color: black;
}

form.search {display:inline;}

div.searchboxtoptbl {
    float:left;
    clear: both;
    padding-left: 0px;
    padding-right: 2px ;
    margin: 0 0 0 0;
    text-align: left ;
}
a.advsearchtoptbl {
float:left;
color:red;
color:#ff0000;
text-decoration:none;
font-size:small;
font-weight:bold;
position:relative;
left: 57px;
top:4px;
}
button.searchbuttoptbl {
    vertical-align: middle ;
    background: transparent ;
    border: none ;
    margin-bottom: 0px ;
    padding: 0 20px 0px 0 ; /* force a newlinw with this */
 font-weight:bold;
 font-size:small;
 color:#000000;
    position: relative;
    right: 3px;
/* added to accomodate advanced search */
right:72px;
}

/* ***************************** style for breadcrumbs bar ******************** */
/*                               include pagefullsplit.html                     */
/*                         stdfunctions.html  pagefullsplitD.html               */
/* for sidebar versions see page side subarea nav                               */

/* overall div for full width breadcrumb bar (for pagetype sidebar) */
#fullsplit  {
/*    float:      right;*/
    clear:   both;
    width:      100%;
    margin:     0 0 0 0 ;  /* (order: ) */
    height:     17px;
 /*    border:     1px solid black; */
    padding:    0px;
/*     padding-bottom 4px; */
    color:	#000000;
/*     font-size:  22px; */
/*     text-align: center; */ /*   */
/*     vertical-align: text-top; */ /* baseline middle sub super text-top text-bottom top bottom  */
/*     background: #ff0000; */
/*     background: transparent url("../graphics/ltrgray.gif"); */
    background: #eeffee url("../graphics/ltrgray.gif");
} 

/* overall div for full widrg breadcrumb bar when pagetype is full */
#fullsplitfull  {
    float:      none;
    clear:   both;
    width:      100%;
    margin:     0 0 0 0 ;  /* (order: ) */
    height:     17px;
 /*    border:     1px solid black; */
    padding:    0px;
/*     padding-bottom 4px; */
    color:	#000000;
/*     font-size:  22px; */
/*     text-align: center; */ /*   */
/*     vertical-align: text-top; */ /* baseline middle sub super text-top text-bottom top bottom  */
/*     background: #ff0000; */
/*     background: transparent url("../graphics/ltrgray.gif"); */
    background: #eeffee url("../graphics/ltrgray.gif");
} 

/* div for breadcrumb bar - may not be used */
#fullsplitsect  {
    float:      none;
    clear:      both;
    width:      100%;
    margin:     0 0 0 0 ;
    height:     17px;
    padding:    0px;
/*    padding-bottom 4px; */
    color:	#000000;
    background: transparent url("../graphics/ltrgray.gif");
} 

/* may not be used */
#fullsplitshort   {
    float:   none;
    clear:   both;
    margin:     0 0 0 297px ;  /* (order: ) */

    height:     17px;
    padding:    0px;
/*    padding-bottom 4px; */
    color:	#000000;
    background: transparent url("../graphics/ltrgray.gif");
}

/* overall span for left side breadcrumbs */
span.breadcrumbs {
    float: left;
    font-size:  12px;
    text-align: left;
/*     border: 1px solid red ; */
     margin: 0px 0 0 6px ;
     padding: 2px 0 0 0;
/*     padding-bottom: 2px;*/
    width: auto;
}

/* span around the left side breacrumb marker graphic ('>')   */
span.breadcrumbmarker {
    font-size:  12px;
/*     font-weight: bold; */
/*    height: 2px;*/
    margin: 0 ;
    padding:    0px 4px 0px 4px;
/*    vertical-align: super; */ /* baseline middle sub super text-top text-bottom top bottom  */
/*    background: transparent url("../graphics/breadarr.gif") ;  */
/*    background-repeat: no-repeat ; */
/*    background-position: center; */
/*    border: 1 px solid black; */
}
/*  left side breacrumb marker graphic */
img.breadcrumbimg {
    border: 0  ;
}
/* overall span for all right side breadcrumb bar links  */
span.functions {
     float: right;
     font-size:  12px;
     font-weight: bold;
     text-align: left;
/*     border:     1px solid red ; */
     margin: 0 6px 0 0 ;
     padding: 2px 0 0 0;
     width: auto;
}
/* hack to fix this in main database - 
problem fixed, set back to functions above for site page view */
/* need to track down why this is happening - was missing span*/
span.functionsD {
     float: right;
     font-size:  12px;
     font-weight: bold;
     text-align: left;
     margin: -18px 6px 0 0 ; /* hack */
     padding: 2px 0 0 0;
     width: auto;
}

/* not sure what this is used for , might be for the added links on left after areas -no */
/* maybe inner nav, not breadcrumb bar */
span.tinylink {
    font-family: Geneva,Arial,Verdana,Helvetica,Chicago,sans-serif;
    font-size:  12px;
    font-weight: bold;
    line-height: 10px;
    vertical-align: text-top; /* baseline middle sub super text-top text-bottom top bottom  */
    color: #ffffff;
/*    padding:    0 0 0 0; */
    padding:    1px 1px 1px 2px; 
    margin:  0 0 0 0 ;
/*    border:     1px solid red; */ 
    background: red;   
}

/* not sure what this used for */
/* maybe inner nav, not breadcrumb bar */
span.tinylinksimple {
    font-family: Geneva,Arial,Verdana,Helvetica,Chicago,sans-serif;
    font-size:  12px;
    font-weight: normal;
    color: #ffffff;
    border: 0 ;    
}

/* not used by breadcrumbs bar */
/* maybe inner nav, not breadcrumb bar */
A.tinylink:visited,A.tinylink:active,A.tinylink:link {
    color: white;
    color: #ffffff;
    background:	#990000 ;
    font-weight: normal; font-size: 12px;       /* unvisited link */
    text-decoration: none;
}
/* maybe inner nav, not breadcrumb bar */
A.tinylink:hover {
    color: yellow;
color: #ffff00;
    background:	#000001 ;
    font-weight: bold; 
    font-size: 12px;       /* unvisited link */
    text-decoration: none;
}


/* These are used for the links (other than help) on the breadcrumbs bar */
A.tinylinksimple:visited,A.tinylinksimple:active,A.tinylinksimple:link,A.tinylinksimple:hover {
    color: #000000;

    background:	transparent ;
    font-weight: normal; 
    font-size: 12px;       /* unvisited link */
    text-decoration: none;
    padding:    0px;
    margin: 0 0 0 0;
}
A.tinylinksimple:hover {
    color: #ff0000;
}

/* these are used only for the optional help link on the breadcrumbs bar */
A.smallhelp:visited,A.smallhelp:active,A.smallhelp:link,A.smallhelp:hover {
    color: red;
    color: #ff0000;
    font-weight: normal; 
    font-size: 12px;       /* unvisited link */
    text-decoration: none;
    padding:    0px;
    margin: 0 0 0 0;
}

A.smallhelp:hover {
    color: black;
    color: #000000;
}


/* these are used only for the social site links on the breadcrumbs bar */
a.socialsite:visited,a.socialsite:active,a.socialsite:link,a.socialsite:hover {
    color: green ;
    color: #0000ff;
/*    background:	#990000 ; */
    font-weight: normal; 
    font-size: 12px;       /* unvisited link */
    text-decoration: none;
    padding:    0px;
    margin: 0 0 0 0;
}

a.socialsite:hover {
    color: white;
    color: #ffffff;
}

img#twitterimg {
/* display:none;*/
height: 12px;
position:relative;
top:1px;
}

/* show facebook image or not */
img#facebookimg {
/* display:none;*/
height: 12px;
position:relative;
top:1px;
}

/* show utube image or not */
img#utubeimg {
/* display:none;*/
height: 12px;
position:relative;
top:1px;
}


/* 
This combines the hover sizes for all the text on the breadcrumb bar
so that the small print increases in size when you hover, for readability
*/
A.tinylink:hover,A.tinylinksimple:hover,A.smallhelp:hover,a.socialsite:hover {
font-size: 12px; 
}

/* span around the shopping cartgraphic ('\_/-')   */
span.shopcarttiny {
    font-size:  12px;
/*     font-weight: bold; */
/*    height: 2px;*/
    margin: 0 ;
    padding:    0px 4px 0px 4px;
/*    border: 1px solid red; */
/*    vertical-align: super; */ /* baseline middle sub super text-top text-bottom top */
/*    background: transparent url("../graphics/breadarr.gif") ;  */
/*    background-repeat: no-repeat ; */
/*    background-position: center; */
/*    color: #cccccc; */
/*    border: 1 px solid black; */
}

/*  tiny shopping cart image graphic */
img.shopcarttiny {
    border: 0  ;
}

/* Tiny shopping cart link */
/* these are used only for the optional help link on the breadcrumbs bar */
A.shopcarttiny:visited,A.shopcarttiny:active,A.shopcarttiny:link,A.shopcarttiny:hover {
    color: yellow;
    color: #669933;

    font-weight: normal; 
    font-size: 12px;       /* unvisited link */
    text-decoration: none;
    padding:    0px;
    margin: 0 0 0 0;
}

A.shopcarttiny:hover {
    color: black;
    color: #ff0000;
}


/* see the checkout section for on off controls */

/* ************************ style for second left sidemenu logo *************** */
/*                               include pagemorehomelogo.html                  */
#morehomelogo  {
/*    float:      right; */
/*    clear: right; */

    float:      left;
    clear: left;
    width:      180px;
    height:     100px;
/*    border:     1px solid black; */
    padding:    0px;
    margin:     0 0 0 0; /* (order: ) */
    color:	#000000;
    font-size:  18px;
    text-align: center; /*   */
    vertical-align: text-bottom; /* baseline middle sub super text-top text-bottom top bottom  */
    background:	transparent;

}

/* ***************************** style for menu section *********************** */
/*                               include pagemainmenu.html                      */

/* 
These first divs are really not exclusively for menus, but in the stock
page layouts are used that way. 

They are usually not used for menus when the alternate menu locations are used.

These are based upon the value of SIDEMAINMENU in stdlayoutypedefs and usually 
based upon the layout selected.  These are selected in the code in the 
pagemainmenu.html file which is used when menus are in their stock positions in 
most cases.

The sidemainmenu (or other) actually forms the primary div for the left column 
(or the stock fullmenu style), even if menus are not included as is the case in 
some alternate menu layout modes. Only one of these is selected, depending upon the 
layout selected. The names roughly match the layout modes.

These 4 are located in the special column modes area above because 
they are essential for those modesL
sidemainmenupost
sidemainmenupostblg
sidemainmenupostmr
sidemainmenupost2
*/
/* used when pagelayout style selected is 'FULL' */
#fullmainmenu  {
    float:      left;
    clear:      both;
    width:      100%;
    text-align: left; /* set if the tabs as a group are centered or left  */
  /*   vertical-align: text-top; */ /* commented out for netscape 4  */
/*    background: #00CC33; */
/*     border:     1px solid red;  */
background: #000000; 
background: transparent;
}

/* used when pagelayout style selected is 'SIDEMENU' */
#sidemainmenu {
    float:      left;
    clear:      left;
    width:      180px; 
                /* set width for menu section top of page */
    margin:     0 0 0 0;   /* (order: )  */
/*    color:	#000000; */
    text-align: left; /*   */
background: transparent;
background: #336600;
background: #336600;

}

/* used when pagelayout style selected is 'SECTIONHEAD' */
#sidemainmenusect  {
    float:      left;
    clear:      left;
    width:      180px; 
                /* set width for menu section top of page */
    margin:     0 0 0 0;   /* (order: )  */
    text-align: left; /*   */
background: transparent;
background: #336600;
}


/* This can be used to make a special case for the home page only */
#mainmenuhome {
    float:      left;
    clear:      left;
    width:      180px;
                /* set width for menu section top of page */
    margin:     0 0 0 0;   /* (order: )  */
/*    color:    #000000; */
    text-align: left; /*   */
background: transparent;
background: #336600;
}

/* this can be used for special uses */
#mainmenucustom {
    float:      left;
    clear:      left;
    width:      180px;
                /* set width for menu section top of page */
    margin:     0 0 0 0;   /* (order: )  */
/*    color:    #000000; */
    text-align: left; /*   */
}


/* 
These divs are always present, but which one is used is selected based upon the 
menu setup used, the variable MENUTYPE in stdlayouttypedefs sets which is used. 
These are set in pagemainmenu.html or pagemainmenund.html which ever is used 
by the current mode. custom is a default.
*/

#fullmenuitems {
    padding-top:    3px; /* set black topand bottom for all here */
    padding-bottom:    3px;
    padding-left:    3px; 
/*     border:     1px solid green; */
/* set background for full horiz menus here */
    background: #000000;

    color: #ffffff;
    text-align: left;
    font-size: 16px; /* set this to the font size selected for menuitems spans */
    line-height:140%; /* set this to adjust line spacing for the spans when wrapped */
}

#sidemenuitems {
  padding-top:    8px;
  padding-bottom:    8px;
  margin-left: 10px;
  color: #ffffff;
/*  background: #336600; */
  background: transparent;
}

/* so home page side colors can be different from other layouts */
/* neeed to change menu include */
#sidemenuitemshp {
  padding-top:    8px;
  padding-bottom:    8px;
  margin-left: 10px;
  color: #ffffff;
/*  background: #336600; */
  background: transparent;
}

#deflistmenuitems {
  padding-top:    8px;
  padding-bottom:    8px;
  color: #ffffff;
  margin-left: 10px;
}

#custommenuitems {
  padding-top:    8px;
  padding-bottom:    8px;
  color: #ffffff;
  margin-left: 10px;
}


/* if split mode used in section head mode, this surrounds the two split boxes to 
   make sure things after the menu are moved left */

div#splitmenusurr {
float:left;
width:100%;
}
/* These two divs are the left and right sides if a split mode is used */
div.splitmenuleft {
float: left; 
clear: right;
width: 40%;
margin-left: 9%;
}
div.splitmenuright {
float: right; 
clear: right; 
vertical-align: top; 
width: 40%;
margin-left: 9%;
}


/* the special side menuitem used as an up level indicator that shows 
   first in subareas */
div.menuitemup {
    font-size:  20px;
    font-weight: normal;
/*    line-height: 120%;*/
/*    padding-left: 1.2em;*/
/*    line-height: 150%; needed to kill these to get graphics to work*/ 
/*    border:     1px solid black; */
/* display: none ; */ /* turns this feature off and on */
     padding-left: 20px ;
} 

/* did not seem to exist, maybe for a reason */
div.menuitemupNS4 {
} 

/* the one full menuitem used as an up level indicator that shows first in subareas */
span.menuitemup {
    font-size:  16px;
    font-weight: normal;
/*    line-height: 120%;*/
/*    padding-left: 1.2em;*/
/*    line-height: 150%; needed to kill these to get graphics to work*/ 
/*    border:     1px solid black; */
/* display: none ; */ /* turns this feature off and on */
     padding-left: 20px ;
} 

img.upmenugraphic {
padding-right: 6px ;
}


/* used only on the up link for subareas to point to higher root */
A.menuitemupupindex:active,A.menuitemupupindex:link,A.menuitemupupindex:visited,A.menuitemupupindex:hover {
    color: #ddffdd;
    text-decoration: none;
/*    background: transparent url("../graphics/mainmenunormal.gif") ; */
/*    background-color: red ; */
/*    padding-left: 1em ; */
/*    padding-top: 10px ; */
/*    padding-bottom: 10px ; */
/*    background-repeat: no-repeat ; */
/*    background-position: center left ; */
}

/* 
   There is an extra div that can be used to extend the menu div on sidebar style pages
   down for visual purposes. In pagemenu include. 
   This below was used to make a left side border and background extend to bottom of page
   on very large monitors 
*/
div.menuextender {
/*
float: left;
height: 1600px;
width: 180px;
border-right: 2px solid #336600;
background: #cccccc;
display: none;
*/
}

/* same, but for the custom locations */
div.menuextendernd {
/*
float: left;
height: 1600px;
width: 180px;
border-right: 2px solid #336600;
background: #cccccc;
display: none;
*/
}


/* **** inside the menu.html include file that makes the menus **** */
/* menu.html */

/* images assocoated with top and bottom of menus */

img.mainmenustart {
/*   border: 2px solid black ; */
/* display: none ; */
}

img.mainmenuend {
/*   border: 2px solid black ; */
/* display: none ; */
}

/* if home page style menus or linklist style menus */
/* FIXED this has a problem with the menu item graphics being used on the site map - seperate these */
/* these two functions above should be separate */
/* homepage menus can normally follow normal menuitem, this is overridden below */
a.menuitemx:active,x.menuitemx:link {
/*    color: blue; */
    color: #ffffff;
    text-decoration: none;
}

/* if home page style menus or linklist style menus */
a.menuitemx:visited {
 /*   color: blue;*/
    color: #ddffdd;
    text-decoration: none;
}

/* if home page style menus or linklist style menus */
a.menuitemx:hover {
/*    color: #ff0000; */
    color: #ff0000;
    background:	#ffffff ;
/*    text-decoration: none; */
    background: transparent ;
    background-repeat: no-repeat ;
    background-position: center left ;
}


/* if home page style menus or linklist style menus */
/* when on the page */
a.menuitemxsel {
}   


/* ** if linklist style menus in def lists ** */
a.menuitemdl {
    color: #ffffff;
    text-decoration: none;
    background: transparent;
}

a.menuitemdl:active,a.menuitemdl:link {
/*    color: blue; */
    color: #ffffff;
    text-decoration: none;
}

/* if home page style menus or linklist style menus */
a.menuitemdl:visited {
 /*   color: blue;*/
    color: #ddffdd;
    text-decoration: none;
}

/* if home page style menus or linklist style menus */
a.menuitemdl:hover {
/*    color: #ff0000; */
    color: #ff0000;
    background:	#ffffff ;
/*    text-decoration: none; */
    background: transparent ;
    background-repeat: no-repeat ;
    background-position: center left ;
}

/* when on the page, not normally used in def list mode */
a.menuitemdlsel {
}   


/* *** for home  page menus only *** */
/* homepage menus can normally follow normal menuitem, this is overridden below */
a.menuitemh:active,menuitemh:link {
/*    color: blue; */
    color: #ffffff;
    text-decoration: none;
}

/* if home page style menus  */
a.menuitemh:visited {
 /*   color: blue;*/
    color: #ddffdd;
    text-decoration: none;
}

/* if home page style menus */
a.menuitemh:hover {
/*    color: #ff0000; */
    color: #ff0000;
    background: #ffffff ; 
/*    text-decoration: none; */
    background: transparent ;
    background-repeat: no-repeat ;
    background-position: center left ;
}

/* if home page style menus */
/* when on the page */
a.menuitemhsel {
}

/* if linklist style menus (auto descript)*/
dl.linklist {
/*border:     1px solid black;*/
}

/* if linklist style menus (auto descript)*/
.linklist dt {
 color: blue;
 color: #000000 ;
 font-size:  18px;
 font-weight: bold;
 text-decoration: underline;
 text-decoration: none;
}

/* if linklist style menus (auto descript)*/
.linklist dd {
color: #336600 ;
/*   margin: 0 0 0 0;*/
   margin-left: 1em;
   padding: 0 0 4px 0;
    font-size:  14px;
   line-height: 80%;
   font-weight: bold;
}


/* menu items are either in divs or spans depending upon if they need to flow */
/* menuitem if layouttype is sidebar */
div.menuitem,div.hpmenuname {
    font-size:  20px;
    font-weight: normal;
    margin: 0 0 0 0 ;
    padding: 0 0 0 0 ;

/*    line-height: 120%;*/
/*    padding-left: 1em; */ /* was this */
/*    padding-left: 0;*/ /* adjusted so graphics will work on hover */
/*    line-height: 150%; */
/*    line-height:     20px; dont specify this if you use graphics in the links! */ 
/*    border:     1px solid black;   */
/*    border:     1px solid none;*/
/*    border: none ; */
background-color: #00CC33 ;
background-color: transparent;
} 

/* menuitem span if layouttype is full */
/* because spans are treated like text, must set font size in enclosing div
   for the spacing to be right (#fullmenuitems)  */
span.menuitem {
/*  font-size:  16px;*/ /* set font size for spans in #fullmenuitems above */
    font-weight: bold;
/*    border:     1px solid red; */
    padding: 1px 0 1px 0;
   background-color: #009900 ; 

   background-color: #00CC33 ;
   background-color: #336600 ;
   background-color: transparent ;
} 

/* Set the background behind the text for both vert style and horiz style */
/* normally the vert menu takes its color from its background, the horiz
   menu must be set to match 
*/
/* vert menus */
div.menuitem,div.hpmenuname 
{
/* set as transparent above */
/* background-color: #336600 ; */
}
/* horiz menus */
span.menuitem 
{
 /* set as transparent above */
 background-color: #336600 ;
}


/* if home page style menus - can be the same as div.menuitem */
div.hpmenuname {
/*
text-align: center; 
font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
font-size:  14px;
font-weight: bold;
padding-top: 5px;
*/
}
 
/* if home page style menus */
div.hpmenudesc {
/* border: 1px solid red; */
text-align: center;
font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
font-size:  12px; 
font-weight: bold;
padding-left: 0;
padding-bottom: 5px;
display: none;
}


/* anchor in menus if layouttype is full or sidebar, 
also currently used for homepage,
overridden later for some things such as the span type horiz menus
 */

a.menuitem:active,
a.menuitem:link,
a.menuitemf:active,
a.menuitemf:link,
a.menuitemx:active,
a.menuitemx:link,
a.menuitemh:active,
a.menuitemh:link {
    color: #ffffff;
    text-decoration: none;
    background: transparent url("../graphics/mainmenunormal.gif") ;
/*    background-color: red ; */
    padding-left: 2em ;
    padding-right: 1em ;
    padding-top: 10px ;
    padding-bottom: 10px ;
    background-repeat: no-repeat ;
    background-position: center left ;
}


a.menuitemx:active,a.menuitemx:link {
background: transparent;
}


a.menuitem:visited,a.menuitemx:visited,a.menuitemh:visited,a.menuitemf:visited {
    color: #ddffdd ; 
    text-decoration: none;
    background: transparent url("../graphics/mainmenunormal.gif") ;
    padding-left: 2em ;
    padding-right: 1em ;
/*    padding-left: 10px ; */
    padding-top: 10px ;
    padding-bottom: 10px ;
    background-repeat: no-repeat ;
    background-position: center left ;
}

a.menuitemx:visited {
background: transparent;
}

a.menuitem:hover,a.menuitemh:hover,a.menuitemf:hover {
    color: #ff0000;
    text-decoration: none;
    background: transparent url("../graphics/mainmenuhover.gif") ; 
    padding-left: 2em ;
    padding-right: 1em ;
    padding-top: 10px ;
    padding-bottom: 10px ;
    background-repeat: no-repeat ;
    background-position: center left ;
}


/* what is displayed when you are on this page */
div.menuitemsel {
    background: transparent url("../graphics/mainmenuhover.gif") ;
    background-repeat: no-repeat ;
/*   background-position: center left ; */
    font-size:  20px;
    font-weight: normal;
/*    line-height: 160%;  */
    padding-left: 2em; 
/*    border:     1px solid black; */
    margin: 0 0 0 0 ;
}

/* selected anchor in menus if layouttype is full or sidebar */
/* This is the color of the main menuitem when it is the same page we are on */
/* It goes with the three above. */
a.menuitemsel:visited,a.menuitemsel:active,a.menuitemsel:link,a.menuitemhsel:visited,a.menuitemhsel:active,a.menuitemhsel:link {
/*    color: black; */
    color: #ff0000;
    text-decoration: none;
    background: transparent url("../graphics/mainmenuhover.gif");
    padding-left: 2em ;
    padding-top: 10px ;
    padding-bottom: 10px ;
    background-repeat: no-repeat ;
    background-position: center left ;
}


/* override several of these to simplify left side spacing of menu item text */
a.menuitem:active,a.menuitem:link,a.menuitem:visited,a.menuitem:hover,a.menuitemsel:visited,a.menuitemsel:active,a.menuitemsel:link,a.menuitemh:active,a.menuitemh:link,a.menuitemh:visited  {
    padding-left: 30px ;
}

/* overrides for the span/full style menus, MENUTYPE=FLOAT */
a.menuitemf:hover,a.menuitemf:visited,a.menuitemf:active,a.menuitemf:link {
    background: transparent;
    background-repeat: no-repeat ;
/*    background-position: auto auto; */
    margin: 0 0 0 0 ;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 6px;
    padding-bottom: 6px;
}

a.menuitemfsel:active,a.menuitemfsel:link,a.menuitemfsel:visited,a.menuitemfsel:hover {
    background: transparent;
    background-repeat: no-repeat ;
/*    background-position: auto auto; */
    margin: 0 0 0 0 ;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 6px;
    padding-bottom: 6px;
}

a.menuitemf:hover { color: #ff0000;}

a.menuitemfsel:active,a.menuitemfsel:link,a.menuitemfsel:visited,a.menuitemfsel:hover {
 color: #ff0000;
 text-decoration: none;
}

/* unused at present top menu styles ****/
/* can't find what topmenuitem is used for, probably for when main menus top */
span.topmenuitem {
    font-family: Geneva,Arial,Verdana,Helvetica,Chicago,sans-serif;
    font-size:  16px;
    font-weight: bold;
    text-decoration: none;
    color: #00CC33 ;
/*    border:  1px solid black; */
    padding: 0px;
/*    background: #cc66cc ; */
    background: transparent ;
}

A.topmenuitem:visited,A.topmenuitem:active,A.topmenuitem:link {
/*    color: #ffffcc; */
    color: #ffffff;
/*    background:	#ffcccc ; */
    font-weight: bold; font-size: 16px;       /* unvisited link */
    text-decoration: none;
}

A.topmenuitem:hover {
/*    color: yellow;*/
   color: #ff0000;
  /*  background: #ffccff ; */
    font-weight: bold; font-size: 16px;       /* unvisited link */
    text-decoration: none;
}

#topextra  {
    float:      none;
/*    width:      98%;*/
/*    margin-left: 1%;*/ /* use this to center by splitting the width remainder in half */
    width:      100%;
    margin:     0 0 0 0; /* (order: ) */
    /* height:     50px; */
/*    border:     1px solid black;*/
    padding:    0px;
/*    margin:     0 0 0 0; */ /* (order: ) */
    color:	yellow;
    color: #00CC33 ;
    font-size:  22px;
    text-align: center; /*   */
    vertical-align: baseline; /* baseline middle sub super text-top text-bottom top bottom  */
    background:	transparent;
}




/* menu items for section heads *********** */
/* can't seem to find this used anywhere - may be in menu.html */
A.menuitemsect:visited,A.menuitemsect:active,A.menuitemsect:link {
/*    color: black; */
    color: #ffffff;
    text-decoration: none;
}
A.menuitemsect:hover {
/*    color: #ff0000; */
    color: #ff0000;
/*    background:	transparent ; */
/*    text-decoration: none; */
    background: transparent url("../graphics/mainmenuhover.gif") ;
    background-repeat: no-repeat ;
    background-position: center left ;
}


/* ***************************** style for menu announce section ************** */
/*                               include stdannounce.html                       */
/* div class=sideannounce */
.sideannounce {
  float: left;
  clear: none;
  /*    width:      98%; */
  /*    margin-left: 1%; */ /* use this to center by splitting the width remainder in half */
  width:      auto; 
  margin:     0 0 0 0; /* (order: ) */
  /* padding:    0px; */
  /* color:	#000000 ; */
  font-size:  12px;
  text-align: center; /*   */
  vertical-align: baseline; /* baseline middle sub super text-top text-bottom top bottom  */
  background:	transparent;
}

p.sideannounce {
    text-align: justify;
    font-weight: bold;    
    /* color: #336600 ; */
}

.sideannounce img {
width: 160px;
height: auto;
border: 2px solid #ddffdd ;
}

.sideannounce div {
padding-left: 4px;
}

/* ***************************** style for page innersite nav ***************** */
/*                               pageinnersitenav.html                          */
/* this MUST be included on sidebar or formating screws up, even if empty */
#innersitenav  {
/*    float:      left; */
    float: none;
    clear:      right;
    margin:     0 0 0 190px; /* (order: ) */
    padding: 4px 10px 0px 20px ;
    color:	#000000;
    font-size:  12px;
    font-weight: bold;
    text-align: left; /*   */
    vertical-align: baseline; /* baseline middle sub super text-top text-bottom top bottom  */
    background:	transparent;
/* display: none; */
}

#innersitenav0  {
/*    float:      left; */
    clear:      right;
 /*   width:      98%; */
/*    margin-left: 1%; *//* use this to center by splitting the width remainder in half */
/*    width:      100%; */
    margin:     0 0 0 190px; /* (order: ) */
    /* height:     50px; */
/*    border:     1px solid black; */
 /*   padding:    0px;*/
        padding: 0px 10px 0px 20px ;
/*    padding-left: 10px;*/
/*    padding-right: 10px;*/
/*    margin:     0 0 0 0; */ /* (order: ) */
    color: #ddffdd ;
    font-size:  12px;
    font-weight: bold;
    line-height: 1.2;
    text-align: left; /*   */
    vertical-align: baseline; /* baseline middle sub super text-top text-bottom top bottom  */
    background:	transparent;
}

span.sitenav0 {
    line-height: 1.5;
    text-decoration: underline;
}

span.sitenav3 {
    padding: 8px;
    line-height: 1.5;
    text-decoration: underline;
    font-size:  14px;
}


/*  A:visited,A:link,A:active */
#innersitenavlined  {
/*    float:      left; */
    clear:      right;
 /*   width:      98%; */
/*    margin-left: 1%; *//* use this to center by splitting the width remainder in half */
/*    width:      100%; */
    margin:     0 0 0 290px; /* (order: ) */
    /* height:     50px; */
/*    border:     1px solid black; */
 /*   padding:    0px;*/
        padding: 0px 10px 0px 20px ;
/*    padding-left: 10px;*/
/*    padding-right: 10px;*/
/*    margin:     0 0 0 0; */ /* (order: ) */
    color: #eeffee ;
    font-size:  12px;
    font-weight: bold;
    text-align: left; /*   */
    vertical-align: baseline; /* baseline middle sub super text-top text-bottom top bottom  */
    background:	transparent;
/*    text-decoration: underline; */
}


#innersitenavsect  {
/*    float:      left; */
    clear:      right;
 /*   width:      98%; */
/*    margin-left: 1%; *//* use this to center by splitting the width remainder in half */
/*    width:      100%; */
    margin:     0 0 0 290px; /* (order: ) */
    /* height:     50px; */
/*    border:     1px solid black; */
 /*   padding:    0px;*/
        padding: 0px 10px 0px 20px ;
/*    padding-left: 10px;*/
/*    padding-right: 10px;*/
/*    margin:     0 0 0 0; */ /* (order: ) */
    color: #ff0000 ;
    font-size:  12px;
    font-weight: bold;
    text-align: left; /*   */
    vertical-align: baseline; /* baseline middle sub super text-top text-bottom top bottom  */
    background:	transparent;
}

/* ***************************** style for page inner local nav *************** */
/*                               include pageinnerlocalnav.html                 */

/* forsidebar view */
#innerlocalnav  {
/*    float:      none; */
     clear: right;
    margin:     0px 0px 0px 190px;
/*    border:     1px solid #000000; */
    padding:    0px;
    color:	#000000;
    font-size:  22px;
    text-align: center; /*   */
    vertical-align: baseline; /* baseline middle sub super text-top text-bottom top bottom  */
    background:	transparent;
}

#innerlocalnavfull  {
    width:      100%;
    margin:     0 0 0 0; /* (order: ) */
    /* height:     50px; */   
    border:     1px solid red;
    padding:    0px;
/*    margin:     0 0 0 0; */ /* (order: ) */
    color: #009900 ;
    font-size:  22px;
    text-align: center; /*   */
    vertical-align: baseline; /* baseline middle sub super text-top text-bottom top bottom  */
    background: transparent;
}

/* ***************************** style for page subarea nav ******************* */
/*                               include pagefullsubareanav.html                */

/* used for sidebar views */
#fullsubareanav  {
    float:      none;
    clear: right;
/*    width:      98%;*/
/*    margin-left: 1%; *//* use this to center by splitting the width remainder in half */
    width:      100%;
    margin:     0 0 0 0; /* (order: ) */
    /* height:     50px; */
/*    border:     1px solid black; */
    padding:    0px;
/*    margin:     0 0 0 0; */ /* (order: ) */
    color:	#000000;
    font-size:  22px;
    text-align: center; /*   */
    vertical-align: baseline; /* baseline middle sub super text-top text-bottom top bottom  */
    background:	transparent;
}

/* used for full page views */
#fullsubareanavfull  {
    float:      none;
    clear: right;
/*    width:      98%;*/
/*    margin-left: 1%; *//* use this to center by splitting the width remainder in half */
    width:      100%;
    margin:     0 0 0 0; /* (order: ) */
    /* height:     50px; */
    border:     1px solid black;
    padding:    0px;
/*    margin:     0 0 0 0; */ /* (order: ) */
    color:      #000000;
    font-size:  22px;
    text-align: center; /*   */
    vertical-align: baseline; /* baseline middle sub super text-top text-bottom top bottom  */
    background: transparent;
}



/* ***************************** style for main text area (1) ***************** */
/*                               include stdprecontent.html                     */

/* Four different divs depending upon page layout style selected */
/* this is all in stdprecontent.html */
/* other used in 3col etc modes are above in that section */
/* 
div#content1panels = 3col content
div#content1panelsblg = 3colblog mode
div#content2panel = 2col mode
div#content2panelmr = 2colmr mode
*/

#content1  { /* used for sidebar style layout */
    float:      none;
    clear: none; 
/*    width:      80%;*/
/*    padding:    110px; */
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 0px;
    margin:     0px 0px 0px 190px; /*  (order: top right bottom left) */
/*    height:     100px; */
/*    border:     1px solid green; */
/*    color:	black; */
    color:       #000000;
    /* font-size:  14px; */
    text-align:justify;
/*    font-family: Geneva,Arial,Verdana,Helvetica,Chicago,sans-serif; */
    vertical-align: baseline; /* baseline middle sub super text-top text-bottom top bottom  */
vertical-align: top;
   /* background:	#fffffe; */
background:       #ffffff;

}

#content1homepg { /* just for the homepage special layouts */
    float:      none;
    clear: none; 
/*    width:      80%;*/
/*    padding:    110px; */
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 0px;
    margin:     0px 0px 0px 190px; /*  (order: top right bottom left) */
/*    height:     100px; */
/*    border:     1px solid green; */
/*    color:	black; */
    color:       #000000;
    /* font-size:  14px; */
    text-align:justify;
/*    font-family: Geneva,Arial,Verdana,Helvetica,Chicago,sans-serif; */
    vertical-align: baseline; /* baseline middle sub super text-top text-bottom top bottom  */
vertical-align: top;
   /* background:	#fffffe; */
background:       #ffffff;
}


#content1 table {
/* these two margin tags cause the table to be centered just like old center tag */
    margin-left: auto;
    margin-right: auto;
/*    vertical-align: text-top; */ /* baseline middle sub super text-top text-bottom t */
/*      border:     1px solid black;*/
/*      color: #gray ; */
/*      background: red ; */
/*      background: transparent  url("../graphics/eltrgray.gif"); */ /* #ffcc99 */
}

#content1 th {
/* border: 0; */ 
font-weight: bold; 
margin: 0;
padding: 2px ;
text-align: center;
}

#content1 td {
/* border: 0; */
font-weight: bold;
margin: 0;
padding: 2px ;
text-align: center;
}

/* This is used for the catsearch page table */
#content1 table.catalogpg {
margin-left: 0;
}

#content1 table.catalogpg {
text-align: left;
}
#content1 td.catalogpg {
text-align: left;
}
#content1 th.catalogpg {
text-align: left;
}
#content1 tr.catalogpg tr {
text-align: left;
}

#content1full { /* used for full  style layout */
    float:      left;
    clear: both;
    width:      100%;
    padding-top: 0px;
    /* change to this below because of occasional need to go hard against left */
/*    padding-left: 0px; */
/*    padding-right: 0px; */
      padding-left: 4px;
      padding-right: 4px; 
    margin:     0px 0px 0px 0px; /*  (order: top right bottom left) */
    color:       #000000;
    /* font-size:  14px; */
    text-align: left ; /*   */
    vertical-align: baseline; /* baseline middle sub super text-top text-bottom top bottom  */
    /*    background:	transparent; */
    background:       #ffffff;
}


/* the main page title stuff might be included as well, see above pagemaintitle.html */
/* and search might be there as well, see search section */

/* *********** style for main text area (1) as section head   ***************** */
/*               Used only for section heads                                    */

#content1sect  { /* used for section head style layout */
    float:      left;
    clear: both;
    width:      100%;
    padding-top: 0px;
/* change to this below because of occasional need to go hard against left */
    padding-left: 0px;
    padding-right: 0px;

    margin:     0px 0px 0px 0px; /*  (order: top right bottom left) */
    color:       #000000;
    /* font-size:  14px; */
    text-align: left ; /*   */
    vertical-align: baseline; /* baseline middle sub super text-top text-bottom top bottom  */
    background:       #ffffff;
}

/* ************** styles for the static page includes in /pages *************** */
/* artists.html static include */
h2.artiststaticlist {
margin: 0 0 0 0;
padding: 6px 0 6px 0;
font-size:16px;
}
div.artiststaticlist {
margin:0 0 0 0;
padding:0 0 4px 0;
font-weight: bold;
}
div.artiststaticlist a {
text-decoration: none;
}

p.artiststaticlistcomment {
margin:0 0 0 0;
padding:4px 0 0 0;
font-weight: normal;
}
span.artiststaticlistletters {}
span.artiststaticlistnumbers {}
span.artiststaticlistother {}

/* labels.html static include  */
h2.labelstaticlist {
margin: 0 0 0 0;
padding: 6px 0 6px 0;
font-size:16px;
}
div.labelstaticlist {
margin:0 0 0 0;
padding:0 0 4px 0;
font-weight: bold;
}
div.labelstaticlist a {
text-decoration: none;
}
p.labelstaticlistcomment {
margin:0 0 0 0;
padding:4px 0 0 0;
font-weight: normal;
}
span.labelstaticlistletters {}
span.labelstaticlistnumbers {}
span.labelstaticlistother {}

/* genres.html static include  */
h2.genrestaticlist {
margin: 0 0 0 0;
padding: 6px 0 6px 0;
font-size:16px;
}
div.genrestaticlist {
margin:0 0 0 0;
padding:0 0 4px 0;
font-weight: bold;
}
div.genrestaticlist a {
text-decoration: none;
}
p.genrestaticlistcomment {
margin:0 0 0 0;
padding:0 0 4px 0;
font-weight: normal;
display:none;
}

table#genrestaticlisttable {}
table#genrestaticlisttable td {text-align:left;vertical-align:top;}

/* ***************************** style for page side content 1  *************** */
/*                               include pagesidecontent1.html                  */

#sidecontent1  {
    float:      left;
    clear: left;
    width:      180px;
/*    height:     40px; */
/*    border:     1px solid black; */
    padding:    8px 0px 8px 0px;
    margin:     0 0 0 0;  /* (order: ) */
    color:	#000000 ;
    font-size:  14px;
    text-align: justify; 
    vertical-align: baseline; /* baseline middle sub super text-top text-bottom top bottom  */
    background:	transparent;
    text-align:justify;
/* display: none; */
}

/* ***************************** style for page side subarea nav  ************* */
/*                               include pagesidesubareanav.html                */
/* optionally used for breadcrumbar in side location */

#sidesubareanav  {
    float:      left;
    clear:      left;

    width:      174px;

    height:     auto;
    border:     1px solid #336600;
    padding:    0 0 0 0 ;
    margin:     0 0px 10px 4px;  /* (order: ) */
    color: #000000 ;
    font-size:  18px;
    text-align: center; /*   */
    vertical-align: baseline; /* baseline middle sub super text-top text-bottom top bottom  */
    background:	transparent;
/*  display: none; */
}

#sidesubareanav span.breadcrumbs {
margin: 0 0 0 0;
padding: 4px 0px 4px 0px;
width: 100%;
background: #eeffee;
/* display:inline; */
/*color: green; */
font-size: 16px;

}

#sidesubareanav span.breadcrumbmarker {
/*display:inline;*/
/*color: green; */
}

#sidesubareanav img.breadcrumbimg {
/* display:inline;*/
}

#sidesubareanav span.breadcrumbs a.tinylinksimple {
display:inline;
}

#sidesubareanav span.functions {
margin: 0 0 0 0;
padding: 14px 0px 4px 0px;
width: 100%;
background: #00CC33;
}


#sidesubareanav span.functions {
/* background: yellow; */
color: #00CC33;/* makes bars dissappear here */ 
font-size: 8px; /* safety*/
font-size: 0px; /* this eliminates the bars in between the names */
}

#sidesubareanav span.shopcarttiny {
}
#sidesubareanav img.shopcarttiny {
padding: 4px 0 4px 0 ;
}  
#sidesubareanav a.shopcarttiny {
font-size: 16px;
}

#sidesubareanav a.tinylinksimple {
 display:block;  /* forces newlines, cannot combine rhese rhree (Opera) */
padding: 2px 0 2px 10px;
font-size: 16px;
}
#sidesubareanav a.smallhelp { 
display:block;      
padding: 2px 0 2px 10px;
font-size: 16px;
}
#sidesubareanav a.socialsite {     
padding: 2px 0 2px 0;
 display:block;
font-size: 16px;
margin: 0 0 0 0 ;
padding: 0 0 0 10px;
}

/* ***************************** style for more content1 ************************ */
/*                               include (on pages)         )                     */
/* these more content sections are just divs after the end of the nomal text area */
/* each one has div.morecontent,h2.morecontent,and div.sidemorecontent,           */
/* and full versions.                                                             */
/* there are no associated include files                                          */
/*  more content div is inside sidemorecontent div                                */

div.morecontent  {
    float:      none;
/*    width:      80%;*/
/*    padding:    110px; */
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 0px;
   margin:     0 0 0 190px ; 
/*    margin:     0px 0px 0px 106px;*/ /*  (order: top right bottom left) */
/*    height:     100px; */
    border:     1px solid green;
    color: #000000 ;
    /* font-size:  14px; */
    text-align: left; /*   */
    vertical-align: baseline; /* baseline middle sub super text-top text-bottom top bottom  */
    background:	transparent;
}

h2.morecontent {
}

div.morecontentfull  {
    float:      none;
/*    width:      80%;*/
/*    padding:    110px; */
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 0px;
/*   margin:     0 0 0 190px ; */
/*    margin:     0px 0px 0px 106px;*/ /*  (order: top right bottom left) */
    margin:     0px 0px 0px 0px; /*  (order: top right bottom left) */
/*    height:     100px; */
/*    border:     1px solid green; */
    color: #000000 ;
    /* font-size:  14px; */
    text-align: left; /*   */
    vertical-align: baseline; /* baseline middle sub super text-top text-bottom top bottom  */
    background:	transparent;
}

/* ***************************** style for more content1 sidearea ************* */
/*                              goes with above text                            */

div.sidemorecontent  {
    float:      left;
    clear:      both;
    width:      180px;
/*    height:     40px; */
    border:     1px solid black;
    padding:    0px;
    margin:     0 0 0 8px;  /* (order: ) */
    color:	#336600;
    font-size:  12px;
    text-align: center; /*   */
    vertical-align: baseline; /* baseline middle sub super text-top text-bottom top bottom  */
    background:	#336600;
}

/* maybe not used */
div.sidemorecontentfull  {
    display: none;
    float:      left;
    clear:      both;
    width:      180px;
/*    height:     40px; */
/*    border:     1px solid black;*/
    padding:    0px;
/*    margin:     0 0 0 0; */ /* (order: ) */
    color:	#336600;
    font-size:  12px;
    text-align: center; /*   */
    vertical-align: baseline; /* baseline middle sub super text-top text-bottom top bottom  */
    background:	transparent;
}

/* ***************************** style for NS4 post text content ************** */
/*                               include stdpostcontent.html                    */
/* This just includes an NS4 hack to end a table                                */


/* ***************************** style for optional left bottom stuff ********* */
/*                               include pageleftbotbutt.html                   */

#leftbottombutton  {
    float:      left;
    clear: left; 
    width:      174px;
/*    height:     45px; */
    border:     3px solid #336600;
    padding:    0px;
    margin:     0 0 0 3px; /* (order: ) */
    color:	#336600;
    font-size:  14px;
    text-align: justify; /*   */
    vertical-align: baseline; /* baseline middle sub super text-top text-bottom top bottom  */
    background:	transparent;
/*    border-radius: 10px 10px;*/  /* this is css 3 opera and latest mozilla and safari support it */

/* display: none; */
}

#leftbottombuttontext  {
    float:      left;
/*    clear: left; */
    width:      174px;
/*    height:     45px; */
    border:     3px solid #336600;
    padding:    0px;
    margin:     10px 0 0 3px; /* (order: ) */
    color:      #336600;
    font-size:  14px;
    text-align: justify; /*   */
    vertical-align: baseline; /* baseline middle sub super text-top text-bottom top bottom  */
    background: transparent;
/*    border-radius: 10px 10px;*/  /* this is css 3 opera and latest mozilla and safari support */

/* display: none; */
}

#leftbottombuttonsect  {
    float:      left;
    clear: left;
    width:      174px;
/*    height:     45px; */
    border:     3px solid #336600;
    padding:    0px;
    margin:     10px 0 0 3px; /* (order: ) */
    color:      #336600;
    font-size:  14px;
    text-align: justify; /*   */
    vertical-align: baseline; /* baseline middle sub super text-top text-bottom top bottom  */
    background: transparent;
/*    border-radius: 10px 10px;*/  /* this is css 3 opera and latest mozilla and safari support */
/* display: none; */
}


/* ***************************** style for bottom page next buttons *********** */
/*                               include pagenextmain.html                      */

/* different divs depending upon layout type */

/* section head version */
div#nextmainsect  {
    float:      right;
    clear:      right;
/*    width:      380px; original */
      width:      50%;
/*    padding:    110px; */
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 0px;
/*    margin:     0px 0px 0px 0px; */ /*  (order: top right bottom left) */
/*    height:     45px; */
    margin: auto;
/*    border:     1px solid green; */
    color: #000000 ;
    /* font-size:  14px; */
    text-align: left; /*   */
    vertical-align: baseline; /* baseline middle sub super text-top text-bottom top bottom  */
    background:	transparent;
}


/* normal */
div#nextmain,#nextmainsect  {
    float:      right;
    clear:      right;
      width:      50%;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 0px;
    margin: auto;
/*    border:     1px solid red; */
    color:	#336600;
    text-align: left; /*   */
    vertical-align: baseline; /* baseline middle sub super text-top text-bottom top bottom  */
    background:	transparent;
}


/* when placed witin the text div */
div#nextmaintext  { 
/*    float:      left;  */
/*    clear:      right;*/
/*    width:      80%; */
    height: 90px; /* if you don't specify a height it does not go in the text */
    width: 290px;
    padding-top: 0px; 
    margin-left: auto;
    margin-right: auto;
  /*    border:     1px solid red; */
    color:      #336600;
    text-align: left; /*   */
    vertical-align: baseline; /* baseline middle sub super text-top text-bottom top bottom  */
    background: transparent;
}

/* From included file stdnext1.html the small next buttons etc bottom of page */
div.next  {
    float:      left;
/*    clear: both; */
/*    width:      98%; */
/*    margin-left: 1%; */ /* use this to center by splitting the width remainder in half */
/*    width:      90%; */
    margin:     0 0 0 0; /* (order: ) */
    /* height:     50px; */
/*    border:     1px solid red; */
    padding:    10px 0px 0px 0px;
    color:	#336600;
    font-size:  14px;
    text-align: left; /*   */
    vertical-align: middle; /* baseline middle sub super text-top text-bottom top bottom  */
    background:	transparent;
}

img.next {
float: left;
border: 0;
padding: 0px 6px 0px 2px;
vertical-align: middle;
}


div.nexttitle {
/*padding: 0 0 0 0 ;*/
/*margin: 0 0 0 0 ;*/
margin-top: auto ;
margin-bottom: auto;
padding-top: 3px ; 
/* padding-bottom: 3% ; */
/* border: 1px solid black;*/
}

span.nexttitle {
/* border: 1px solid black;*/
padding: 0px 0px 0px 0px;
/*padding-top:  10px; */
margin: 0px 0px 0px 0px ;
}

span.nextstitle {
float: left ;
/* border: 1px solid black; */
/* padding: 0px 0px 0px 0px; */
margin: 0px 0px 0px 0px ;
}

/* maybe show small functions 2 here. stdfunctions2.html */
span.functions2 {
    float: left;
/*    clear: both;*/
/*     font-variant: small-caps; */
/*     font-family: Arial,Geneva,Helvetica,Chicago,Verdana,sans-serif; */
/*     font-family: Times,Times New Roman,serif;*/
/*     font-family: Courier,monospace; */
    font-size:  12px;
    font-weight: bold;
     
/*     clear: right;*/
    text-align: left;
/*     color: #000000;  */
    color: #000000;
    padding-top:    8px;
/*     border:     1px solid black; */
/*     border-left: 1px solid red;*/
     margin: 0 0 0 0 ;
     width: auto;
/*     display:  inline; */
}

/* These are the small links at page bottom for 'site map, contact, feedback' */ 
a.functions2:visited,A.functions2:active,A.functions2:link {
color: #0000ff;
}

a.functions2:hover {
color: #ff0000;
}

/* ***************************** style for page full bottom1 ****************** */
/*                               include pagefullbottom1.html                   */

#fullbot1  {
    float:      none;
    clear:      both;
    width:      100%;
    margin:     0 0 0 0; /* (order: ) */
/*    border:     1px solid #(none); */
    padding:    0px;
    color:	#336600;
    font-size:  18px;
    text-align: center; /*   */
    vertical-align: baseline; /* baseline middle sub super text-top text-bottom top bottom  */
    background:	transparent; 
}

#fullbot1short  {
    float:      none;
    clear:      both;
    margin:     0px 0px 0px 200px; /*  (order: top right bottom left) */
    /* height:     50px; */
/*    border:     1px solid #336600; */
    padding:    0px;
    color:	#336600;
    font-size:  12px;
    text-align: center; /*   */
    vertical-align: baseline; /* baseline middle sub super text-top text-bottom top bottom  */
    background:	transparent;
}

/* ***************************** style for page full bottom2 ****************** */
/*                               include pagefullbottom1.html                   */

#fullbot2  {
    float:      none;
    clear:      both;
    width:      100%;
    margin:     0 0 0 0; /* (order: ) */
    padding:    0px;
    color:	#336600;
    font-size:  18px;
    text-align: center; /*   */
    vertical-align: baseline; /* baseline middle sub super text-top text-bottom top bottom  */
    background:	transparent;
}

div#fullbot2 {

/* normal */
/* background:transparent; */
/* added to make top menu workon full layout */
background: white;
color:red;
/* set the color of the copyright text here */
color:#336600;
}

/* ***************************** style for stdinfo include ****************** */
/*        stdinfo.html  pagefullbottom1.html pagefullbottom2.html             */

.stdinfoXX {  /* all these .stdinfo sections may now be unneeded because 
                of the other stuff. I have XX'd them to see if any breakage occurs */
    float:      none;
    width: auto; 
    margin:     0 0 0 0; /* (order: ) */
    padding-top:    8px;
    color: #eeffee ;
    font-size:  12px;
    text-align: center; /*   */
    vertical-align: baseline; /* baseline middle sub super text-top text-bottom top bottom  */
    background:	transparent;

}

div#stdinfo {
    float:      none;
    width: auto;
    margin:     0 0 0 0; /* (order: ) */
    padding-top:    8px;
    color: #eeffee ;
    font-size:  12px;
    text-align: center; /*   */
    vertical-align: baseline; /* baseline middle sub super text-top text-bottom top bottom  */
    background: transparent;

    width: 100%;
    margin-left: auto;   
    margin-right: auto;
    margin-top: 10px;
   border-top: 2px solid #eeffee;
/*   border: 1px solid red; */
}

.stdinforightXX {
    float:      none;
    width:      auto; 
    margin:     0px 0px 0px 190px;
/*    border:     1px solid black; */
    padding-top:    8px;
    color: #eeffee ;
    font-size:  12px;
    text-align: center; /*   */
    vertical-align: baseline; /* baseline middle sub super text-top text-bottom top bottom  */
    background:	transparent;
}

div#stdinforight {
    float:      none;
    width: auto;
    margin:     0 0 0 0; /* (order: ) */
    padding-top:    8px;
    color: #eeffee ;
    font-size:  12px;
    text-align: right; /*   */
    vertical-align: baseline; /* baseline middle sub super text-top text-bottom top bottom  */
    background: transparent;

    width: 70%;
    margin-left: auto; 
    margin-right: auto;
/*   border: 1px solid black; */
}


.stdinfocenterXX {
    float:      none;
    width:      auto; 
    margin:     0px 0px 0px 190px;
/*    border:     1px solid black; */
    padding-top:    8px;
    color: #eeffee ;
    font-size:  12px;
    text-align: center; /*   */
    vertical-align: baseline; /* baseline middle sub super text-top text-bottom top bottom  */
    background:	transparent;
}

div#stdinfocenter {
    float:      none;
    width: auto;
    margin:     0 0 0 0; /* (order: ) */
    padding-top:    8px;
/*    color: #ddffdd ; */

    font-size:  12px;
    text-align: center; /*   */
    vertical-align: baseline; /* baseline middle sub super text-top text-bottom top bottom  */
    background: transparent;

    width: 70%;
    margin-left: auto; 
    margin-right: auto;
}


.stdinfoleftXX {
    float:      none;
    width:      auto; 
    margin:     0px 0px 0px 190px;
/*    border:     1px solid black; */
    padding-top:    8px;
    color: #eeffee ;
    font-size:  12px;
    text-align: center; /*   */
    vertical-align: baseline; /* baseline middle sub super text-top text-bottom top bottom  */
    background:	transparent;
}

div#stdinfoleft {
    float:      none;
    width: auto;
    margin:     0 0 0 0; /* (order: ) */
    padding-top:    8px;
    color: #ddffdd ;
    font-size:  12px;
    text-align: left; /*   */
    vertical-align: baseline; /* baseline middle sub super text-top text-bottom top bottom  */
    background: transparent;

    width: 70%;
    margin-left: auto; 
    margin-right: auto;
/*   border: 1px solid black; */
}

.stdinfopanelXX {
    float:      none;
    width: auto;
    margin:     0 0 0 0; /* (order: ) */
 /*   border:     1px solid black; */
    padding-top:    8px;
    color: #eeffee ;
    font-size:  12px;
    text-align: center; /*   */
    vertical-align: baseline; /* baseline middle sub super text-top text-bottom top bottom  */
    background: transparent;
}


div#stdinfopanel { /* when in panel modes */
    float:      none;
    width: auto;
    margin:     0 0 0 0; /* (order: ) */
    padding-top:    8px;
    color: #eeffee ;
    font-size:  12px;
    text-align: center; /*   */
    vertical-align: baseline; /* baseline middle sub super text-top text-bottom top bottom  */
    background: transparent;

    width: 100%;
    margin-left: auto;  
    margin-right: auto;
    margin-top: 10px;
    margin-bottom: 10px;
/*   border-top: 2px solid #eeffee; */
/*   border: 1px solid red; */
}


.stdinforightsectXX {
    float:      none;
    width:      auto; 
    margin:     0px 0px 0px 290px;
/*    border:     1px solid black; */
    padding-top:    8px;
    color: #eeffee ;
    font-size:  12px;
    text-align: center; /*   */
    vertical-align: baseline; /* baseline middle sub super text-top text-bottom top bottom  */
    background:	transparent;
}

/* *********** Generic styles that might be used anywhere  ****************** */
/*             in main text                                                   */

/* draw a border around image and position it to left */
img.leftfancy {
    /* border: 1px solid black;  this affects positioning in netscape 4 */
   float:left; 
   clear:right;
   border: 2px solid #000000;
   padding: 0 0 0 0 ;
}

/* **************************************************************************** */
/* **************************************************************************** */


/* does not appear to be used - maybe for breadcr alt?*/
span.angle {
     font-size:  12px ;
     color: #000000;
     border-top: 0px solid black;
     border-right: 0px solid black;
     border-bottom: 0px solid black;
     border-left: 1px solid black ;
}


/* ******************** Styles used on the contact page  ********************** */
div.contacttitle {
margin-left: auto; 
margin-right: auto;
width: 100%;
/* border: 1px solid red; */
text-align: center;
}

h2#contacttitle {
margin: 0 0 0 0;
margin-left: auto; 
margin-right: auto;
/* color: red; */
}

div#conaddress {
/* margin-left: auto; */
/*margin-right: auto;*/
background: #eeffee; 
margin: 0 0 0 0;
border: 1px solid #336600; 
width: 90%;
/*border: 1px solid blue; */
margin-left: auto;
margin-right: auto;
/* font-family:serif;*/
}
div#conaddresstitle {
background: #00CC33; 
border: #00CC33; 
padding-top: 4px;
padding-bottom: 4px; 
text-align: center;
}

div#conaddressname {
margin: 0 0 0 0;
padding: 4px 0 0 10px;
}
div#conaddresslines {
padding: 0 0 0 10px; 
margin: 0 0 0 0;
}
#conaddresslines pre { 
margin: 0 0 0 0;  
font-family: inherit;
/* font-size: 14px; */
font-size: 103%;
/* font-weight: bold; */
}     

div#conemail {
background: #eeffee;
border: 1px solid #336600;
margin: 30px 0 0 0;
width: 90%;
margin-left: auto;   
margin-right: auto;
}
div#conemail0 {
/* border-bottom: 1px solid #336600; */
text-align: center; 
background: #00CC33;
padding: 4px 0 2px 0;
}
div#conemail1 {
margin: 0 0 0 0;
padding: 6px 0 0 10px;
}
 span#conemailofftag {}
 span#conemailoff {}

div#conemail2 {
margin: 0 0 0 0;
padding: 4px 0 6px 10px;
}
 span#conemailwebtag {
}
 span#conemailweb {
}

div#conphone {
background: #eeffee;
border: 1px solid #336600;
width: 90%;
margin-left: auto;   
margin-right: auto;
}
div#conphone0 {
/* border-bottom: 1px solid #336600; */
text-align: center;   
background: #00CC33;
padding: 4px 0 2px 0;
}
div#conphone1 {
margin: 0 0 0 0;
padding: 6px 0 0 10px;
}
 span#conphoneofftag {}
 span#conphoneoff {}

div#conphone2 {
margin: 0 0 0 0;
padding: 4px 0 6px 10px;
}
 span#conphonefaxtag {
}
 span#conphonefax {
}


div#consocial {
background: #eeffee;
border: 1px solid #336600;
width: 90%;
margin: 0 0 20px 0;
margin-left: auto;   
margin-right: auto;
}
div#consocial0 {
/* border-bottom: 1px solid #336600; */
text-align: center;   
background: #00CC33;
padding: 4px 0 4px 0;
}
div#consocial1 {
margin: 0 0 0 0;
padding: 4px 0 6px 10px;
}
 span#consocialtag {}
 span#consocial {}

div#consocial2 {
margin: 0 0 0 0;
padding: 4px 0 6px 10px;
}
 span#consocialtag {
}
 span#consocial {
}

div#consocial3 {
margin: 0 0 0 0;
padding: 4px 0 6px 10px;
}
 span#consocialtag {
}
 span#consocial {
}

div#consocial4 {
margin: 0 0 0 0;
padding: 4px 0 6px 10px;
}
 span#consocialtag {
}
 span#consocial {
}

div#consocial5 {
margin: 0 0 0 0;
padding: 4px 0 6px 10px;
}
 span#consocialtag {
}
 span#consocial {
}

/* ******************* Styles for the movit error messages   ****************** */

/* Styles for the movit error messages */
/* general errors */
.errors {
color: #000000; /* keepmost of this the same, but backgrond color matches site */
font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
}
body.errors {
background: #ccccff;
background: #00CC33 ;
font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
}
div.errorsa {
margin-left:auto;
margin-right:auto;
width: 80%;
}
h2.errors {
font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
text-align:left; 
color: black; 
margin-top: 79px;
}
div#errormsg {
width: 80%;
margin-left:auto;
margin-right:auto;
margin-top: 20px;
margin-bottom: 40px;
border: 4px ridge red;
background: #ffffff;
}
p.errors {}
span.errors {/* display:none; */}
span#errorwebm {}
span#errorback {}

p.errorsversion {
font-size:small;
text-align:center;
}

/* specifically data entry errors */
.entryerrors {
color: #000000;
font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
}

body.entryerrors {
background: #ccccff;
background: #336600; 
font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
}

div#entryerrorsa {
margin-left:auto;
margin-right:auto;
width: 80%;
background: #00CC33;
border: 8px solid #eeffee;

}
h2.entryerrors {
font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
margin-top: 79px;
text-align:center;
color:#336600;
}
div#entryerrormsg {
width: 80%;
margin-left:auto;
margin-right:auto;
margin-top: 20px;
margin-bottom: 40px;

background:#ffffff;
color:#000000;
border: 4px ridge #ff0000;
}

p.entryerrors {
color:#000000;
background:#ffffff;
}

span.entryerrors {
color: #000000;
background: #ffffff;
/* display:none; */
}

span#entryerrorwebm {
font-weight:bold;
background: #00CC33;
color: #ff0000;
}

span#entryerrorback {
background: #00CC33;
color: #009900;
}



/* ******************* styles for the catalog database views ****************** */
/* ******************* styles for the catalog database views ****************** */
/* Catalog Database Views */
/* single page views */
h2.itemdbpage {
/*     font-size:  22px;  */
/*     font-family: Helvetica,Arial,Geneva,Chicago,Verdana,sans-serif; */
/*     font-family: cursive;*/
/*     border: 1px solid black; */
/*     padding: 0 0 0 0 ;*/
     padding-left: 10px ;
/*     border: 0 0 0 0 ;*/
     color: #336600;
/*       margin: 20px 0 0 0 ;*/ /*This was origianl centered */
/*       margin: 45px 0 0 0 ;  this sets it down a bit  change jan 08 */
/*         margin: 6px 0 0 0 ;*/ /* this works with search */
/* text-transform: lowercase; */
}
/* h2.itemdbpage:first-letter {text-transform: capitalize;} */

h3.itemdbpage {
     padding: 0 0 0 10px;
     color: #336600;
/* text-transform: lowercase; */
}
/* h3.itemdbpage:first-letter {text-transform: capitalize;} */

h4.itemdbpage {
     font-size:  12px;
     padding: 0 0 0 10px;
     color: #000000;
}

div.itemdbpagesurround {
padding-left: 10px;
}


img.itemdbpage {
float: left;
margin-right:10px;
margin-bottom: 8px;
border: 4px solid #000000;
border-left: 4px solid #000000;
border-top: 3px solid #000000;
border-right: 4px solid #000000;
border-bottom: 4px solid #000000;
/*    align="left" */
}




/* details of the album on right side */
table.itemdbpage,table.xitemdbpage {
 font-size:  small;
 font-weight: bold;
/* border: 1px solid red; */
}

.itemdbpage #albartname { }
.itemdbpage #albartname td {text-align: left; }
.itemdbpage #albtitle { }
.itemdbpage #albtitle td {text-align: left; }
.itemdbpage #albformat { }
.itemdbpage #albformat td {text-align: left; }
.itemdbpage #alblabel { }
.itemdbpage #alblabel td {text-align: left; }
.itemdbpage #albcatnum {text-align: left; }
.itemdbpage #albcatnum td {text-align: left;  }
.itemdbpage #albupc {text-align: left; }
.itemdbpage #alblistprice { text-align: left;}
.itemdbpage #alblistprice td {text-align: left; }
.itemdbpage #albcategory {text-align: left; }
.itemdbpage #albreldate {text-align: left; }
.itemdbpage #albinstock { }
.itemdbpage #albreturn { text-align: left; }
.itemdbpage #albadditnotes {text-align: left; }

table.itemdbpage {
 font-size:  small;
 font-weight: bold;
}

div.itemdbpagedes {
    float:      none;
    clear:      both;
/* font-size: 24px; */
font-size: 18px;
}
/*p.p1:first-line {text-transform: uppercase;} */
/* p.p1:first-line {font-family: cursive ; font-size: 28px;} */




img.itemdbpagebuyimg {
float: left;
background: transparent;
/* border: 1px solid green; */
margin-top: 4px;
/* no-repeat  */
}

span.itemdbpagebuy {
background: transparent ;
padding-left: 6px;
}

a.itemdbpagebuy {
}

img.itemdbpageshocartimg {
float: left;
background: transparent;
/* border: 1px solid green; */
margin-top: 4px;
/* no-repeat  */
}

span.itemdbpagecart {
padding-left: 6px;
/*display: none; */
background: #ffffff;
}

a.itemdbpagecart {
}

span.addedtocart {
color: red;
}

/* list views */
img.itemdblist {
float: left;
width:50px;
margin-left:auto;
margin-right:auto;
margin-top:auto;
margin-bottom:auto;
border: 2px solid black;
}

a.itemdblisttitle {
text-decoration: none;
color: #000000;
}
 
a.itemdblistartist {
text-decoration: none;
color: #000000;
}

/* list view can have a 'more' button added, you can change or remove it here */
tr#itemdblistmore {
/*display: none;*/ /* this turns off the 'more' function entirely */
}
/* more function individual items */
span#itemdblisttotalname {}
span#itemdblisttotalnum{}
span#itemdblistshowingname{}
span#itemdblistshowingnum {}
a#itemdblistmorelink {}
img.dbnext {}

/* a matchcount can be displayed for each record returned */
span.matchcount {
font-size:small;
color: #009900;
/* display:none */
}
/* and text that explains it */
div#matchcount { /* turn this off to remove all matchount text */
margin-top:4px;
margin-bottom: 4px;
font-size: small;
color: #000000;
}
/* a span that can turn off just the first part */
span.matchcountxt {
color: #009900;
font-size: small;
}

a.matchcount {
color: #336600;
}


/* fancy box for samples*/
/* fancy box with ouside box, title. and text treated differently */


/* fancy box for samples*/
/* fancy box with ouside box, title. and text treated differently */

div.samplebox {
clear: left;
width: 75%;
margin: 0 0 0 0;
margin-left: auto;
margin-right: auto;
padding: 0 ;
/* border: 1px solid red; */
/* text-align: center; */
background: transparent;
}


div.sampleboxtitle {
width: 100%;
padding: 0 ;
padding-top: 3px;
padding-bottom: 2px;
border: 1px solid #ddffdd;
text-align: center;
background: #009900;
color: #ffffff;
font-weight: bold;
}

div.sampleboxtext {
width: 100%;
padding: 0 ;
border: 1px solid #ddffdd;
background: #eeffee;
}

table.samplebox {
background: transparent;
}

td.samplebox1 {
padding: 2px;
color:black;
background: #00CC33;
}

td.samplebox2 {
padding: 2px;
color: #000000;
}

tr.samplebox {
background: transparent;
}

a.sampleboxlink:link,a.sampleboxlink:active,a.sampleboxlink:visited {
color:green;

font-weight: bold;
text-decoration: none;
color: #ff0000;
background: #000000;
border: 1px solid red;
padding:2px;
}

a.sampleboxlink:hover {
color: #009900;
background: #ffffff;
border: 1px solid red;
padding:2px;
}

div#findmorebyartistlabel
{
float: left;
clear: both;
margin: 6px 0 10px 10px;
padding: 4px;
text-decoration: underline;
border: 1px solid #ddffdd;
background: #eeffee;

border: 1px solid #336600;
background: #00CC33;

}

div#findmorebyartist
{
float: left;
clear: both;
margin: 0 0 10px 10px;
border: 1px solid blue;
background: #eeeeff ;
padding: 4px;
text-decoration: underline;
border: 1px solid #ddffdd;
background: #eeffee ;
border: 1px solid #336600;
background: #00CC33;
}

a.findmorebyartistlink {}


/* ** special styles for  the labels views if the albums with large pictures, floated *** */
/* this is for itemdblist2LBL.html */

div.lblpage {
float: left;
width: 32%;
padding: 2px 2px 2px 2px;
/* border: 1px solid red; */
/* height: 500px; */
padding-top: 10px;
}
a.itemdblisttitle {
}
img.itemdblistLBL {
width: 97%;
padding: 0 0 0 0;
border:2px solid black;
}
div.itemdblistartistdLBL {
color:blue;
}
a.itemdblistartist1LBL {

}
div.itemdblisttitledLBL {
font-size: 120%;
height:1.1em;
width: 100%;
overflow:hidden;
}
a.itemdblisttitle {
}
div.itemdblistformatLBL {
color:green;
}
div.itemdblistlistpriceLBL {
color: red;
}

/* style for the pubitemdblargeitem templates used for sales etc */ 

div.pubdblargeitem  {
    float: left;
    clear: both;
padding-bottom: 10px;
width: 97%;
/* border: 1px solid red; */
border-bottom: 2px solid black;
}

/* **************************************************************************** */
/* ******************* styles for the shopping cart views ********************* */

/* status area include */
div.checkoutstatussurround {
float:left;
padding-bottom:2px;
margin: 10px 0 10px 10px;
/*
margin-bottom:10px;
margin-top:10px;
*/
border:1px solid blue;
background:#eeeeff;
font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
font-size:80%;
}

div#checkoutstatustitle {
width:100%;
border-bottom:1px solid blue;
text-align:center;
background: blue;
color: white;
font-weight: bold;
}

span#checkoutstatus1 {
margin: 4px;
}
span#checkoutstatus1emph {
font-weight: bold;
}

span#checkoutstatus2 {
margin: 4px;
}
span#checkoutstatus2emph {
font-weight: bold;
}

span#checkoutstatus3 {
margin: 4px;
}

span#checkoutstatus4 {
margin: 4px;
/*display:none; */
}

/* info link section */
div.checkoutinfolinksurround {
float:right;
margin: 10px 10px 10px 10px;
border:1px solid orange;
background:#ffffee;
font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
font-size:80%;
padding-bottom:2px;
}
div.checkoutinfolinktitle {
width:100%;
border-bottom:1px solid blue;
text-align:center;
background: orange;
color: white;
font-weight: bold;
}

span#checkoutinfolink1 {
margin: 4px;
}
a#checkoutinfoa1 {}

span#checkoutinfolink2 {
margin: 4px;
}
a#checkoutinfoa2 {}

span#checkoutinfolink3 {
margin: 4px;
}
a#checkoutinfoa3 {}


body.printable {
    background: #ffffff ;
    background-repeat: no-repeat ;
    font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
    color: #000000 ;
}

/* ****** shop cart ***** */

/* ****** shop cart ***** */h1.pagetitlecart {
    clear:both;
    width:100%;
    font-size:  28px;
    font-family: Helvetica,Arial,Geneva,Chicago,Verdana,sans-serif;
/*     font-family: cursive; */
/*     border: 1px solid black; */
    padding: 0 0 0 7px ;

    border: 0 ;
/*       color: black; */
    color: #000000;
    margin: 10px 0 0 0 ;
} 


div.showcart {
width: 98%;
text-align: center;
margin-bottom:10px;
font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
}

table#showcart {
/* align="center" */
margin-left: auto;
margin-right: auto;
background: #eeffee;
/* padding: 4px; */
border: 1px solid #006600;
/* width: 80%; */
border-collapse:collapse;
font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
}

table#showcart tr {
border: 1px solid #006600;
}

th.showcart {
background: #ccffcc;
background: #006600;
color:white;
text-align: center;
/*text-align: left; */
}

td.showcart {
background: #ccffcc;
background: #eeffee;
background: white;
padding: 2px;
}

form#showcartedquant {}
form#showcartedquant input { 
text-align:right;
/*border: 1px solid #006600;*/
}

span#cartlinenumber {}
span#cartlinename {}
span#cartlineoption {}

span#cartlineprice 
{
/*font-size:small;*/
}
span#cartpriceshipus 
{
 font-size:50%;
 display:none; 
}
span#cartpriceshipint 
{
font-size:50%;
display:none;
}
span#cartlinesubttl {
font-weight:bold;
}

td.cartitemnote {
background: #eeffee;
padding: 1px;
font-size: 70%;
}

/* form used for deletions */
form#showcartdel {
/*border:1px solid red; */
}
form#showcartdel input {
font-size:70%;
}

p#showcartp1 {
margin-left: auto;
margin-right: auto;
font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
font-size:80%;
width:75%;
border: 1px solid red;
background: #ffeeee;
}
p#showcartp2 {
 font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;

}

div.showcartcontinue {
margin: 10px auto 10px auto;
padding: 10px;
width:300px;
text-align: center;
border: 1px solid blue;
background: #eeeeff;
 font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;

}

div.showcartcontinue a {
font-size: 110%;
 font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;

}

input.getcustinfo {
/* background: #ccffcc; */
}


/* *** Checkout 0ne *** */

div#checkoutonegetsavedsurr {
margin-top:10px;
margin-left:auto;
margin-right:auto;
border:1px solid blue;
width:90%;
font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
}

div#checkoutonegetsavedtitle {
width:100%;
text-align:center;
 font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;

font-weight:bold;
background: blue;
color: white;
}

form#checkoutstep1addrform {
 font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
}

form#checkoutstep1addrform input {
margin-left: 10px;
margin-top:10px;
}

p#checkoutstep1savedp1 {
 font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;

}
p#checkoutstep1savedp2 {
 font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
}

/* use this if you have no mailing lists */
span#checkoutstep1nl {/* display:none;  */}

/* use this if you have mailing lists */
span#checkoutstep1wl {display:none;}



/* actual shipping info entry area */
div#checkoutoneentersipsurr {
clear:both;
margin-top:10px;
margin-left:auto;
margin-right:auto;
font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;

border:1px solid blue;
width:90%;
margin-bottom:10px;
/* background: #ccccff; */
}

div#checkoutoneentershiptitle {
width:100%;
text-align:center;
font-weight:bold;
background: blue;
color: white;
 font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;

}

p#checkoutstep1p1 {
border: 1px solid red;
background: #ffeeee;
 font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;

}

/* 'Important note' */
span#checkoutstep1s1 {font-weight: bold;}
/* 'separate shipping addr' */
span#checkoutstep1s2 {}
/* 'must match credit card addr' */
span#checkoutstep1s3 {}

p#checkoutstep1p2 {
 font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;

}

form#checkoutstep1shipdata {
/*border: 4px solid red; */
 font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
margin-bottom:10px;
/* background: #ffdddd; */
}

div#checkoutstep1insideform {
/* background:#ffffcc; */
text-align: center;
 font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;

/*
border:4px solid #cccc00;
margin-bottom:10px;
*/
}

div#checkoutoneaftertable {
/* background: #ffcc33; */
/* padding: 8px; */
 font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;

}

/* contains the text area and the text below that */
div#shipnotesurr {
/*border: 1px solid red; */
 font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;

width:100%;
/* display:none; */
}
div#shipnotetitle {
margin-top: 10px;
/* border: 1px solid green; */
}

textarea#shipnotetext {
 font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;

}

p#checkoutstep1p3 {
font-weight:normal;
text-align:left;
 font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;

}
p#checkoutstep1p4 {
text-align:left;
 font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
font-weight: bold;
}

table#checkoutone {
margin-left: auto;
margin-right: auto;
font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
background: #eeffee;
/* padding: 4px; */
border: 1px solid #006600;
/* width: 80%; */
border-collapse:collapse; 
}

table#checkoutone tr {
border: 1px solid #006600;
}

th.checkoutone {
background: #006600;
color:white;
text-align: center;
}

td.checkoutone {
background: #eeffee;
padding: 2px;
}

table#checkoutone td {
/*background: #000000; */

}


table#checkoutone input {
border: 1px solid #006600;
padding: 2px;
}



div#checkoutstep1next {
clear:both;
margin-left:auto;
margin-right:auto;
margin-top:10px;
margin-bottom:10px;
width:90%;
/*height:250px; */
background:#ffffff;
border: 1px solid #0000ff;
font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
}


div#checkoutstep1nexttitle {
width:100%;
text-align:center;
font-weight:bold;
background: blue;
color: white;
font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
}




form#checkoutstep1gonext {}

div#checkoutonealsostore {
width: 100%;
border-bottom: 1px solid #0000ff;
}

div#checkoutonesub {
width:200px;
margin-left:auto;
margin-right:auto;
border: 1px solid #0000ff;
padding: 10px;
margin-bottom:10px;
margin-top:10px;
background: #eeeeff;
font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
font-size: 110%;
/*text-decoration:underline; */
}

input.checkoutonesub {
/* background: #ffccff; */
/*
border: 1px solid #0000ff;
padding: 10px;
background: #eeeeff;
font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
font-size: 110%;
text-decoration:underline;
*/
}



/* *** Checkout Two *** */

table.checkouttwo {
width: 80%;
background: #eeffee;
border: 1px solid #006600;
border-collapse:collapse;
 font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
}

table.checkouttwo tr {
border: 1px solid #006600;
}

/* header title */
table.checkouttwo th { 
background: #006600;
color:white;
font-size: small;
text-align:center;
}

/* identifers, text */
td.checkouttwo {
background: #ccffcc;
font-size: small;
}

/* user item lines */
td.checkouttwoit {
background: #ffffff;
/* font-size: small; */
font-weight: bold;
}

/* totals vertical row */
td.checkouttwort {
background: #ffffff;
/* font-size: small; */
font-weight: bold;
text-align:right;
}

div#checkouttwoformsurround {
 font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;

text-align:center;
}

form#checkouttwoform {
 font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;

padding: 0 0 10px 0;
}

div#checkouttwosub {
width:250px;
margin-top:10px;
margin-left:auto;
margin-right:auto;
border: 1px solid #0000ff;
padding: 10px;
/*margin-bottom:10px; */
background: #eeeeff;
font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
font-size: 110%;
/*text-decoration:underline; */

}


/* *** Checkout Three *** */

div#checkoutthreechoose {
 font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;

text-align:left;
}
p#checkoutthreepaymeth {font-weight:bold;}
span.checkoutemphasis {color:blue;}
p#checkoutthreetop1 {}
p#checkoutthreetop2 {}

table.checkoutthree {
border-collapse:collapse;
/* border: 1px solid black ; */
 font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
font-weight: bold;
}

tr.checkoutthree {}
td.checkoutthreel {}
td.checkoutthreer {
color: green ;
padding-left: 10px;
}

div#checkoutthreecnote {
 font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;

}
p#checkoutthreep1 {
 font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
font-weight:bold;
}
div#checkoutthreecnotetxt { font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
}
p#checkoutthreepcnote {color:green;margin-left:50px; font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
}

p#checkoutthreep2 {
 font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;

}

p.checkoutthreep4 {
 font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
}

span.checkoutthreeordnum  {font-weight:bold;}

p.checkoutthreenote {
margin-top:10px;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
width: 75%;
background: #ffcccc ;
border: 1px solid #ff0000 ;
 font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;

}
span.checkoutthreenote {
text-decoration: underline;
 font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;

}
h3.checkoutthree {
 font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;

}
form.checkoutthreeck {
padding-top: 10px;
padding-left:10px;
 font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;

}
form.checkoutthreepp {
 font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;

padding-top: 10px;
}

/* payment options */
div.checkoutthreeoptionsurround {
width:96%;
float:left;
 font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
margin:5px 0 5px 10px;
border:1px solid #3333ff;
}
div.checkoutthreeoption {
float:left;
 font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;

text-align:left;
width:auto;
}
h2.checkoutthreeoptionname {
padding-bottom:6px;
 font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;

color:white;
width:auto;
background:#3333ff;
}
div#checkoutthreebignames {
 font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
margin-top:10px;
}
h2.checkoutthreebigname {
 font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
clear:both;
}
h2.checkoutthreebiggraphics
h3.checkoutthreemoretagline {}
span.checkouttlintxt {color:#003300;}

/* ** PayPal ** */
form.checkoutthreepp {
 font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
padding-left:10px;
}

p#checkoutthreepaypalp1 { font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
}
p#checkoutthreepaypalp2 { font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
}
p#checkoutthreepaypalp3 { font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
}

/* *** Check Option *** */
form.checkoutthreeck { font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
}

p#checkoutthreecheckp1 { font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
}
p#checkoutthreecheckp2 { font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
}
p#checkoutthreecheckp3 { font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
}



/* *** Style for the check mode printable summary table *** */
div.content {
/* used on printable template pages only */
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    margin:     10px 10px 10px 10px; 
    color:       #000000;
   font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
    text-align:justify;
    color:       #000000;
    /* font-size:  14px; */
    text-align: left ; /*   */
    vertical-align: baseline; 
         /* baseline middle sub super text-top text-bottom top bottom */
    background:       #ffffff;
}

table.checkmode {
 font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;

border-collapse:collapse;
border: 1px solid black ;
}
th.checkmode {
border: 1px solid black ;
padding:3px;
}
td.right {
border: 1px solid black ;
text-align:right;
padding:2px;
}
td.left {
border: 1px solid black ;
text-align:left;
padding:2px;
}
tr.totals {
background: #eeeeee ;
}

/* special way to turn off cart in control panel see stdlayouttypedefs */
/*
<!-- #set var="SHOPCARTALLOW" value="NO" -->
*/
/*

*/


/* ******************* styles for the shopping cart views ********************* */
/*    This is included in the catalogdb include since both are usually needed   */


/* ********* styles for the 'announce' included view of the main database ***** */

a.announcepage {}
img.announcepage {
}
span.announcepageartist {
/* color: #000000; */
}
span.announcepagetitle {
/* color: #000000; */
}
span.announcepage {
/* color: #336600; */
}

span.announcepageprice {
/* color: #ff0000; */
}

img.announcepage {
border: 2px solid #336600;
}


/* ****************** Useful styles for use within the text ******************* */

/* Put text in a centered red box to emhasize it */
div.emphatic {
border: 1px solid red;
background:#ffeeee;
margin-left:auto;
margin-right:auto;
width:70%;
padding: 4px 4px 4px 4px;
}

/* not emphatic, but highlighted */
div.highlight {
border: 1px solid blue;
background:#ffeeee;
margin-left:auto; 
margin-right:auto;
width:70%;
padding: 4px 4px 4px 4px;
} 

/* fancy box with ouside box, title. and text treated differently */
div.fancybox {}         /* use this around the two below */
div.fancyboxtitle {}
div.fancyboxtext {}

/* begin front page special cases */

/* **************************************************************************** */
/* ************ styles for the included views of the mini databases *********** */
/* ************ styles for the included views of the mini databases *********** */
/* ******** blogbase ******** */
/* blog */
    
hr.bloglist2phr1 {
display: none;
}
div.bloglist2pxtradiv1 {display: none;}

p.bloglist2p {} /* for the date   */

h2.bloglist2p { /* title */
clear: both;
margin: 0 0 0 0 ;   
padding: 0 0 0 0 ;
}
h3.bloglist2p { /* subtitle  */
clear: both;
margin: 0 0 0 0 ; 
padding: 0 0 0 0 ;
}

div.bloglist2pxtradiv2 {display: none;}

p.bloglist2ppara1 { }
a.bloglist2ppicurl1 {}
img.bloglist2pimg1 {
float: left;
margin: 6px 8px 2px 6px;
border: 3px solid #336600;
display: inline;
width: 150px;  
height: 150px; 
vertical-align: top;
}
 
p.bloglist2ppara2 { }
a.bloglist2ppicurl2 {}
img.bloglist2pimg2 { 
float: left;
margin: 6px 8px 2px 6px;
border: 3px solid #336600;
}

p.bloglist2ppara3 { }
a.bloglist2ppicurl3 {}
img.bloglist2pimg3 {
float: left;
margin: 6px 8px 2px 6px;
border: 3px solid #336600;
}

div.bloglist2pxtradiv3 {display: none;}

div.bloglist2psig {
margin-left: auto;
margin-right: auto;
text-align: center;
}

a.bloglist2psig:active,a.bloglist2psig:link,a.bloglist2psig:visited {
    color: #000099 ;
    background: red ;
    background-color : transparent ;
}
a.bloglist2psig:hover {
color: #ff0000;
    background: white ;
background-color : white ;
}

hr.bloglist2phr2 {
/* clear:left; */ /* not sure why this was there but messes up formattng */
/* display: none; */
}

/* ***************** list2rightcolumn.html : style for the included view of the mini databases ******************* */
/* ******** right column - stuuf that appears in the right column in 3 col views ******** */
/* list2rightcolumn.html */
p.rightcolumnlist2p { display: none;} /* no date */
img.rightcolumnlist2pimg1 { width: 98%;}
img.rightcolumnlist2pimg2 { width: 98%;}
img.rightcolumnlist2pimg3 { width: 98%;}
p.rightcolumnlist2ppara1 {text-align:justify;}
p.rightcolumnlist2ppara2 {text-align:justify;}
p.rightcolumnlist2ppara3 {text-align:justify;}

/* ***************** list2sideannounce.html : style for the included view of the mini databases ******************* */
/* ******** right column - stuuf that appears in the right column in 3 col views ******** */
/* list2sideannounce.html */
div.sideannminilist2pxtradiv1 {
float:left;
margin: 6px 0 6px 4px;
width: 100%;
height:4px;
background: black;
}
p.sideannminilist2p { display: none;} /* no date */
img.sideannminilist2pimg1 { width: 98%;}
img.sideannminilist2pimg2 { width: 98%;}
img.sideannminilist2pimg3 { width: 98%;}
p.sideannminilist2ppara1 {text-align:justify;}
p.sideannminilist2ppara2 {text-align:justify;}
p.sideannminilist2ppara3 {text-align:justify;}

/* ******************** Stock Templates ************************************** */
/* ** list200basic.html : style for the included view of the mini databases ** */
/* ** list200basic.html : style for the included view of the mini databases ** */
/* ******** basic ******** */
/* list200basic.html */
hr.basiclist2phr1 {
/* display: none; */
clear:left;
width:100%;
}
div.basiclist2pxtradiv1 {display: none;}

p.basiclist2p { /* for the date   */
float: left;
/*border: 1px solid red; */
width: 99%;
padding-top: 10px;
padding-bottom: 6px;
padding-left: 10px;
display: none;
}
h2.basiclist2p { /* title */
clear: both;
margin: 8px 0 0 0 ;   
padding: 0 0 0 0 ;
}
h3.basiclist2p { /* subtitle  */
clear: both;
margin: 0 0 0 0 ; 
padding: 0 0 0 0 ;
}
div.basiclist2pxtradiv2 {display: none;}
p.basiclist2ppara1 { width: 95%; }
a.basiclist2ppicurl1 {}
img.basiclist2pimg1 {
float: left;
margin: 6px 8px 2px 6px;
border: 3px solid #336600;
/* border: 1px solid black; */
display: inline;
/*
width: 150px;  
height: 150px; 
*/
vertical-align: top;
}
p.basiclist2ppara2 {width: 95%;}
a.basiclist2ppicurl2 {}
img.basiclist2pimg2 { 
float: right;
margin: 6px 8px 2px 6px;
border: 3px solid #336600;
/* border: 1px solid black; */
}
p.basiclist2ppara3 {width: 95%;}
a.basiclist2ppicurl3 {}
img.basiclist2pimg3 {
float: left;
margin: 6px 8px 2px 6px;
border: 3px solid #336600;
/* border: 1px solid black; */
}
div.basiclist2pxtradiv3 {display: none;}
div.basiclist2psig {
margin-left: auto;
margin-right: auto;
text-align: center;
}
a.basiclist2psig:active,a.basiclist2psig:link,a.basiclist2psig:visited {
    color: #000099 ;
    background: red ;
    background-color : transparent ;
}
a.basiclist2psig:hover {
color: #ff0000;
    background: white ;
background-color : white ;
}
hr.basiclist2phr2 {
/* clear:left; */ /* not sure why this was there but messes up formattng */
/* display: none; */
}


/* *** list201oneplus2acr : style for the included view of the mini databases - primary ** */
/** **************** */
/* *** list201oneplus2acr : style for the included view of the mini databases - primary ** */
hr.oneplus2acrlist2phr1 {
clear:left;
width:100%;
}
div.oneplus2acrlist2pxtradiv1 {display: none;}
p.oneplus2acrlist2p { display: none;} /* no date */
h2.oneplus2acrlist2p {
/* clear: both; */
margin: 8px 0 0 0 ;
padding: 0 0 0 0 ;
/* display: none; */
}
h3.oneplus2acrlist2p {
/* clear: both; */
margin: 0 0 0 0 ;
padding: 4px 0 0 0 ;
/* display: none; */
}
div.oneplus2acrlist2pxtradiv2 {display: none;}
a.oneplus2acrlist2ppicurl1 {}

img.oneplus2acrlist2pimg1 {
margin-left: auto;
margin-right: auto;
margin-top: 8px;
border: 2px solid #336600;
/* display: inline; */   
/* width: 140px; */
width: 90%;
/* height: 250px;  */
vertical-align: top;
}

p.oneplus2acrlist2ppara1 {
clear: left;
text-align: justify;
}
p.oneplus2acrlist2ppara1:first-line {
clear:left;
font-weight: bold;
}
a.oneplus2acrlist2ppicurl2 {}

img.oneplus2acrlist2pimg2 {
float: left;
margin: 6px 8px 2px 8px;
/* border: 2px solid #336600; */
border:1px solid black;
/* width: 150px; */
width:92%;
}

p.oneplus2acrlist2ppara2 {
clear: left;
margin-right:6px;
}
p.oneplus2acrlist2ppara2:first-line {
clear:left;
font-weight: bold;
}

a.oneplus2acrlist2ppicurl3 {}

img.oneplus2acrlist2pimg3 {
float: left; 
margin: 6px 8px 2px 8px;
/* border: 2px solid #336600; */
border: 1px solid black;
/* width: 150px; */
width:92%;
}
p.oneplus2acrlist2ppara3 {
clear: left;
margin-right:6px;

}
p.oneplus2acrlist2ppara3:first-line {
clear:left;
font-weight: bold;
}

div.oneplus2acrlist2pxtradiv3 {display: none;}

div.oneplus2acrlist2psig {  
margin-left: auto;
margin-right: auto;
text-align: center;
/*background: #ffffcc;*/
}
a.oneplus2acrlist2psig:active,a.oneplus2acrlist2psig:link,a.oneplus2acrlist2psig:visited {
    color: #000099 ;
    background: red ;
    background-color : transparent ;
}
a.oneplus2acrlist2psig:hover {
/*    color: #ff0000 ;*/
color: #ff0000;
    background: white ;
background-color : white ;
}
div.oneplus2acrlist2overall {
clear: right;
float: left;
width: 100%;
/* border: 1px solid red; */
/* border-bottom: 1px solid black; */
margin-bottom: 10px;
}
div.oneplus2acrlist2sect1 {
float: left;
width: 99%;
/*  border: 1px solid green; */
text-align: center;
}
div.oneplus2acrlist2sect2 {
float: left;
width: 49%;
/* border: 1px solid green; */
}
div.oneplus2acrlist2sect3 {
float: left;
 width: 49%;
/* border: 1px solid green; */
}
hr.oneplus2acrlist2phr2 {}
/*  end list201oneplus2acr.html */  






/* more whitespace */
p.oneplus2acrlist2ppara3 {
margin-right:6px;
}


/* *** list202oneplus2flow.html : style for the included view of the mini databases - primary ** */
/* *** list202oneplus2flow.html : style for the included view of the mini databases - primary ** */
hr.oneplus2flowlist2phr1 {
}
div.oneplus2flowlist2pxtradiv1 {display: none;}
p.oneplus2flowlist2p { display: none;} /* no date */
h2.oneplus2flowlist2p {
/* clear: both; */
margin: 8px 0 0 0 ;
padding: 0 0 0 0 ;
/* display: none; */
}
h3.oneplus2flowlist2p {
/* clear: both; */
margin: 0 0 0 0 ;
padding: 4px 0 0 0 ;
/* display: none; */
}
div.oneplus2flowlist2pxtradiv2 {display: none;}
a.oneplus2flowlist2ppicurl1 {}
img.oneplus2flowlist2pimg1 {
margin-left: auto;
margin-right: auto;
margin-top: 8px;
border: 2px solid #336600;
border: 2px solid #000000;

/* display: inline; */   
/* width: 140px; */
width: 70%;
height: 250px; 
vertical-align: top;
}
p.oneplus2flowlist2ppara1 {
clear: left;
text-align: justify;
}
p.oneplus2flowlist2ppara1:first-line {
clear:left;
font-weight: bold;
}
a.oneplus2flowlist2ppicurl2 {}
img.oneplus2flowlist2pimg2 {
float: left;
margin: 6px 8px 2px 6px;
border: 2px solid #336600;
border: 2px solid #000000;
width: 150px;
}
p.oneplus2flowlist2ppara2 {
clear: left;
}
p.oneplus2flowlist2ppara2:first-line {
clear:left;
/* font-weight: bold; */
}
a.oneplus2flowlist2ppicurl3 {}
img.oneplus2flowlist2pimg3 {
float: left; 
margin: 6px 8px 2px 6px;
border: 2px solid #336600;
border: 2px solid #000000;
width: 150px;
}
p.oneplus2flowlist2ppara3 {
clear: left;
}
p.oneplus2flowlist2ppara3:first-line {
clear:left;
/* font-weight: bold; */
}
div.oneplus2flowlist2pxtradiv3 {display: none;}
div.oneplus2flowlist2psig {  
margin-left: auto;
margin-right: auto;
text-align: center;
/*background: #ffffcc;*/
}
a.oneplus2flowlist2psig:active,a.oneplus2flowlist2psig:link,a.oneplus2flowlist2psig:visited {
    color: #000099 ;
    background: red ;
    background-color : transparent ;
}
a.oneplus2flowlist2psig:hover {
/*    color: #ff0000 ;*/
color: #ff0000;
    background: white ;
background-color : white ;
}
div.oneplus2flowlist2overall {
clear: right;
float: left;
width: 100%;
/* border: 1px solid red; */
/* border-bottom: 1px solid black; */
margin-bottom: 10px;
}
div.oneplus2flowlist2sect1 {
float: left;
width: 99%;
/*  border: 1px solid green; */
text-align: center;
}

div.oneplus2flowlist2sect2 {
float: left;
width: 49%;
/* border: 1px solid green; */
}
div.oneplus2flowlist2sect3 {
float: left;
 width: 49%;
/* border: 1px solid green; */
}

hr.oneplus2flowlist2phr2 {}

/*  end list202oneplus2flow.html */  
 


/* *** list203across3.html : style for the included view of the mini databases *** */
/* *** list203across3.html : style for the included view of the mini databases *** */
/* **** list203across3.html **** */
hr.across3list2phr1 {
}

div.across3list2pxtradiv1 {display: none;}
p.across3list2p { display: none;} /* no date */
h2.across3list2p {
/* clear: both; */
margin: 8px 0 0 0 ;
padding: 0 0 0 0 ;
/* display: none; */
}
h3.across3list2p {
/* clear: both; */
margin: 0 0 0 0 ;
padding: 4px 0 0 0 ;
/* display: none; */
}
div.across3list2pxtradiv2 {display: none;}
a.across3list2ppicurl1 {}
img.across3list2pimg1 {
float: left;
/* clear: none; */
margin: 6px 8px 2px 6px;
border: 3px solid #336600;
/* display: inline; */
width: 140px;
height: 150px;
vertical-align: top;
}
p.across3list2ppara1 {
clear: left;
}
p.across3list2ppara1:first-line {
clear:left;
font-weight: bold;
}
a.across3list2ppicurl2 {}
img.across3list2pimg2 {
float: left;
margin: 6px 8px 2px 6px;
border: 3px solid #336600;
width: 150px;
}
p.across3list2ppara2 { 
clear: left;
}
p.across3list2ppara2:first-line {
clear:left;
font-weight: bold;
}
a.across3list2ppicurl3 {}
img.across3list2pimg3 {
float: left; 
margin: 6px 8px 2px 6px;
border: 3px solid #336600;
width: 150px;
}
p.across3list2ppara3 { 
clear: left;
}
p.across3list2ppara3:first-line {
clear:left;
font-weight: bold;
}
div.across3list2pxtradiv3 {display: none;}
div.across3list2psig {
margin-left: auto;
margin-right: auto;
text-align: center;
/*background: #ffffcc;*/
}
a.across3list2psig:active,a.across3list2psig:link,a.across3list2psig:visited {
    color: #000099 ;
    background: red ;
    background-color : transparent ;
}
a.across3list2psig:hover {
/*    color: #ff0000 ;*/
color: #ff0000;
    background: white ;
background-color : white ;
}
div.across3list2overall {
clear: right;
float: left;
width: 100%;
/* border: 1px solid red; */
}
div.across3list2sect1 {
float: left;
width: 33%;
/* border: 1px solid green; */
}
div.across3list2sect2 {
float: left;
width: 33%; 
/* border: 1px solid green; */
}
div.across3list2sect3 {
float: left;
 width: 32%;
/* border: 1px solid green; */
}
hr.across3list2phr2 {}
/*  end list2across3.html */

/* ** list204across3flow.html : style for the included view of the mini databases ** */
/* ** list204across3flow.html : style for the included view of the mini databases ** */
/* **** list204across3flow.html **** */
hr.across3flowlist2phr1 {
}
div.across3flowlist2pxtradiv1 {display: none;}
p.across3flowlist2p { display: none;} /* no date */
h2.across3flowlist2p {
/* clear: both; */
margin: 8px 0 0 0 ;
padding: 0 0 0 0 ;
/* display: none; */
}
h3.across3flowlist2p {
/* clear: both; */
margin: 0 0 0 0 ;
padding: 4px 0 0 0 ;
/* display: none; */
}
div.across3flowlist2pxtradiv2 {display: none;}
a.across3flowlist2ppicurl1 {}
img.across3flowlist2pimg1 {
float: left;
/* clear: none; */
margin: 6px 8px 2px 6px;
border: 3px solid #336600;
/* display: inline; */
width: 140px;
height: 150px;
vertical-align: top;
}
p.across3flowlist2ppara1 {
clear: left;
}
p.across3flowlist2ppara1:first-line {
/* 
clear:left;
font-weight: bold;
*/
}
a.across3flowlist2ppicurl2 {}
img.across3flowlist2pimg2 {
float: left;
margin: 6px 8px 2px 6px;
border: 3px solid #336600;
width: 150px;
}
p.across3flowlist2ppara2 { 
clear: left;
}
p.across3flowlist2ppara2:first-line {
/*
clear:left;
font-weight: bold;
*/
}
a.across3flowlist2ppicurl3 {}
img.across3flowlist2pimg3 {
float: left; 
margin: 6px 8px 2px 6px;
border: 3px solid #336600;
width: 150px;
}
p.across3flowlist2ppara3 { 
clear: left;
}
p.across3flowlist2ppara3:first-line {
/*
clear:left;
font-weight: bold;
*/
}
div.across3flowlist2pxtradiv3 {display: none;}
div.across3flowlist2psig {
margin-left: auto;
margin-right: auto;
text-align: center;
/*background: #ffffcc;*/
}
a.across3flowlist2psig:active,a.across3flowlist2psig:link,a.across3flowlist2psig:visited {
    color: #000099 ;
    background: red ;
    background-color : transparent ;
}
a.across3flowlist2psig:hover {
/*    color: #ff0000 ;*/
color: #ff0000;
    background: white ;
background-color : white ;
}
div.across3flowlist2overall {
clear: right;
float: left;
width: 100%;
/* border: 1px solid red; */
}
div.across3flowlist2sect1 {
float: left;
width: 33%;
/* border: 1px solid green; */
}
div.across3flowlist2sect2 {
float: left;
width: 33%; 
/* border: 1px solid green; */
}
div.across3flowlist2sect3 {
float: left;
 width: 32%;
/* border: 1px solid green; */
}
hr.across3flowlist2phr2 {}
/*  end list204across3flow.html */

/* ** list205basicdated.html : style for the included view of the mini databases ** */
/* ** list205basicdated.html : style for the included view of the mini databases ** */
/* ******** basic ******** */
/* list205basicdated.html */
hr.basicdatedlist2phr1 {
display: none;
}
div.basicdatedlist2pxtradiv1 {display: none;}
p.basicdatedlist2p { /* for the date   */
float: left;
/*border: 1px solid red; */
width: 99%;
padding-top: 10px;
padding-bottom: 6px;
padding-left: 10px;
}
h2.basicdatedlist2p { /* title */
clear: both;
margin: 0 0 0 0 ;   
padding: 0 0 0 0 ;
}
h3.basicdatedlist2p { /* subtitle  */
clear: both;
margin: 0 0 0 0 ; 
padding: 0 0 0 0 ;
}
div.basicdatedlist2pxtradiv2 {display: none;}
p.basicdatedlist2ppara1 { width: 95%; }
a.basicdatedlist2ppicurl1 {}
img.basicdatedlist2pimg1 {
float: left;
margin: 6px 8px 2px 6px;
border: 3px solid #336600;
display: inline;
width: 150px;  
height: 150px; 
vertical-align: top;
}
p.basicdatedlist2ppara2 {width: 95%;}
a.basicdatedlist2ppicurl2 {}
img.basicdatedlist2pimg2 { 
float: right;
margin: 6px 8px 2px 6px;
border: 3px solid #336600;
}
p.basicdatedlist2ppara3 {width: 95%;}
a.basicdatedlist2ppicurl3 {}
img.basicdatedlist2pimg3 {
float: left;
margin: 6px 8px 2px 6px;
border: 3px solid #336600;
}
div.basicdatedlist2pxtradiv3 {display: none;}
div.basicdatedlist2psig {
margin-left: auto;
margin-right: auto;
text-align: center;

}
a.basicdatedlist2psig:active,a.basicdatedlist2psig:link,a.basicdatedlist2psig:visited {
    color: #000099 ;
    background: red ;
    background-color : transparent ;
}
a.basicdatedlist2psig:hover {
color: #ff0000;
    background: white ;
background-color : white ;
}
hr.basicdatedlist2phr2 {
/* clear:left; */ /* not sure why this was there but messes up formattng */
/* display: none; */
}

/* *** list206pictgal.html : style for the included view of the mini databases *** */
/* *** list206pictgal.html : style for the included view of the mini databases *** */
/* **** list206pictgal.html **** */
hr.pictgallist2phr1 {
}
div.pictgallist2pxtradiv1 {display: none;}
h2.pictgallist2p {
margin-top: 6px;
padding: 8px 0 0 4px ;
text-align: center;
width: 95%;
border: 1px solid #ddffdd;
background: #eeffee;
/* display: none; */
}
h3.pictgallist2p {
margin: 0 0 0 0 ;
padding: 8px 0 0 0 ;
text-align: center;
/* display: none; */
}
p.pictgallist2p { /*  date */
/* display: none; */
font-weight: bold;
text-align: center;
}
p.pictgallist2p:before {
content: "Pictures Added: ";
}
div.pictgallist2pxtradiv2 {display: none;}
a.pictgallist2ppicurl1 {}
img.pictgallist2pimg1 {
float: left;
/* clear: none; */
margin: 6px 8px 2px 6px;
border: 3px solid #336600;
/* display: inline; */
width: 140px;
width: 95%;
/* height: 150px; */ 
vertical-align: top;
}
p.pictgallist2ppara1 {
clear: left;
}
p.pictgallist2ppara1:first-line {
clear:left;
font-weight: bold;
}
a.pictgallist2ppicurl2 {}
img.pictgallist2pimg2 {
float: left;
margin: 6px 8px 2px 6px;
border: 3px solid #336600;
width: 150px;
width: 95%;
}
p.pictgallist2ppara2 { 
clear: left;
}
p.pictgallist2ppara2:first-line {
clear:left;
font-weight: bold;
}
a.pictgallist2ppicurl3 {}
img.pictgallist2pimg3 {
float: left; 
margin: 6px 8px 2px 6px;
border: 3px solid #336600;
width: 150px;
width: 95%;
}
p.pictgallist2ppara3 { 
clear: left;
}
p.pictgallist2ppara3:first-line {
clear:left;
font-weight: bold;
}
div.pictgallist2pxtradiv3 {display: none;}
div.pictgallist2psig { /* in this template, the sig appears after the date, use for photographer, picture date, etc */
margin-left: auto;
margin-right: auto;
text-align: center;
width: 100%;
}
a.pictgallist2psig:active,a.pictgallist2psig:link,a.pictgallist2psig:visited {
    color: #000099 ;
    background: red ;
    background-color : transparent ;
}
a.pictgallist2psig:hover {
color: #ff0000;
    background: white ;
background-color : white ;
}
div.pictgallist2overall {
/* clear: right; */
display: inline;
float: left;
 width: 99%;
/* border: 1px solid red; */
}
div.pictgallist2sect1 {
float: left;
display: inline;
 width: 32%;
/* border: 1px solid green; */
}
div.pictgallist2sect2 {
float: left;
display: inline;
 width: 32%; 
/* border: 1px solid green; */
}
div.pictgallist2sect3 {
float: left;
  width: 32%;
/* border: 1px solid green; */
}
hr.pictgallist2phr2 {}
/*  end list206pictgal.html */


/* ***************** list207faqhead.html : style for the included view of the mini databases ******************* */
/* ***************** list207faqhead.html : style for the included view of the mini databases ******************* */
/* ******** faq header - use this first, for the summary, then list207faqbody.html ******** */
/* list207faqhead.html */
li.faqheadlist2p {}
span.faqheadlist2pdate { display:none;}
span.faqheadlist2pname {}
span.faqheadlist2psubtitle {display:none;}

/* ***************** list208faqbody.html : style for the included view of the mini databases ******************* */
/* ***************** list208faqbody.html : style for the included view of the mini databases ******************* */
/* ******** faq body - use this second, for the actual items ******** */
/* list208faqbody.html */
p.faqbodylist2p { /* for the date   */
/* display:none; */
}
img.faqbodylist2pimg1 {/* display:none; */}
img.faqbodylist2pimg2 {/* display:none; */}
img.faqbodylist2pimg3 {/* display:none; */}


/* ***************** list209f.html : style for the included view of the mini databases ******************* */

/* ***************** list210floatpics.html : style for the included view of the mini databases ******************* */
/* *** list210floatpics.html : style for the included view of the mini databases *** */
/* **** list210floatpics.html **** */

hr.floatpicslist2phr1 {
}

div.floatpicslist2pxtradiv1 {
float:left;
clear:right;
width:100%;
/*  border:1px solid green;  */
}

h2.floatpicslist2p {
clear:right;
margin-top: 6px;
padding: 8px 0 0 4px ;
text-align: center;
width: 100%;
border: 1px solid #ddffdd;
background: #eeffee;
/* display: none; */
}

h3.floatpicslist2p {
clear:right;
margin: 0 0 0 0 ;
padding: 8px 0 0 0 ;
text-align: center;
/* display: none; */
}

p.floatpicslist2p { /*  date */
 display: none; 
font-weight: bold;
text-align: center;
}

/* tag before date */
p.floatpicslist2p:before {
/* content: "Pictures Added: "; */
}

div.floatpicslist2pxtradiv2 {
/* width:100%; */
clear:both;
display:none;
/* border:1px solid red; */
}

a.floatpicslist2ppicurl1 {}


p.floatpicslist2ppara1 {
clear: left;
text-align:justify;
padding-left: 8px;
padding-right: 8px;
}

p.floatpicslist2ppara1:first-line {
/* 
clear:left;
font-weight: bold;
*/
}

a.floatpicslist2ppicurl2 {}


p.floatpicslist2ppara2 { 
clear: left;
padding-left: 8px;
padding-right: 8px;
text-align:justify;
}
p.floatpicslist2ppara2:first-line {
/*
clear:left;
font-weight: bold;
*/
}

a.floatpicslist2ppicurl3 {}


p.floatpicslist2ppara3 { 
clear: left;
padding-left: 8px;
padding-right: 8px;
text-align:justify;
}
p.floatpicslist2ppara3:first-line {
/*
clear:left;
font-weight: bold;
*/
}

div.floatpicslist2pxtradiv3 {
/* display: none; */
float:left; 
/* border:1px solid blue; */
}

div.floatpicslist2psig { /* in this template, the sig appears after the date, use for photographer, picture date, etc */
clear:right;
float:right;;
margin-left: auto;
margin-right: auto;
text-align: center;
width: 100%;
}

a.floatpicslist2psig:active,a.floatpicslist2psig:link,a.floatpicslist2psig:visited {
    color: #000099 ;
    background: red ;
    background-color : transparent ;
}
a.floatpicslist2psig:hover {
color: #ff0000;
    background: white ;
background-color : white ;
}




/* unused deleted in this one */
div.floatpicslist2overall {
/* clear: right; */
display: inline;
float: left;
/* width: 100%; */
border: 1px solid red; 
}

div.floatpicslist2sect1 {
float: left;
display: inline;
/* padding:4px; */
/* width: 33%; */
 width: 110px;
/* border: 1px solid green;  */
}

div.floatpicslist2sect2 {
float: left;
display: inline;
/*padding:4px;*/
/*  width: 33%;  */
 width: 110px;
/* border: 1px solid green; */
}

div.floatpicslist2sect3 {
float: left;
/*padding:4px; */
/*  width: 33%; */
 width: 110px;
/* border: 1px solid green; */
}

hr.floatpicslist2phr2 {}

/* all three images */
img.floatpicslist2pimg1,img.floatpicslist2pimg2,img.floatpicslist2pimg3 {
float: left;
margin: 6px 8px 2px 6px;
/* border: 3px solid #336600; */
border: 2px solid black;
width: 92%;
}


/* all three image divs -multiple setting for all pics divs: */
div.floatpicslist2sect1,div.floatpicslist2sect2,div.floatpicslist2sect3 {
 float: left;
 display: inline; 
 width: 150px;
/* height: 150px;  */
/* width: 20%; */
}
/*  end list210floatpics.html */

/* ***************** list211picsthentxt.html : style for the included view of the mini databases ******************* */
/* *** list21picsthentxt.html : style for the included view of the mini databases *** */
/* **** list211picsthentxt.html **** */

hr.picsthentxtlist2phr1 {
}

div.picsthentxtlist2pxtradiv1 {display: none;}

h2.picsthentxtlist2p {
margin-top: 6px;
padding: 8px 0 0 4px ;
text-align: center;
width: 100%;
border: 1px solid #ddffdd;
background: #eeffee;
/* display: none; */
}

h3.picsthentxtlist2p {
margin: 0 0 0 0 ;
padding: 8px 0 0 0 ;
text-align: center;
/* display: none; */
}

p.picsthentxtlist2p { /*  date */
 display: none; 
font-weight: bold;
text-align: center;
}

/* tag before date */
p.picsthentxtlist2p:before {
/* content: "Pictures Added: "; */
}

div.picsthentxtlist2pxtradiv2 {display: none;}

a.picsthentxtlist2ppicurl1 {}

p.picsthentxtlist2ppara1 {
clear: left;
text-align:justify;
padding-left: 8px;
padding-right: 8px;
}

p.picsthentxtlist2ppara1:first-line {
/* 
clear:left;
font-weight: bold;
*/
}

a.picsthentxtlist2ppicurl2 {}



p.picsthentxtlist2ppara2 { 
clear: left;
padding-left: 8px;
padding-right: 8px;
text-align:justify;
}
p.picsthentxtlist2ppara2:first-line {
/*clear:left;
font-weight: bold;
*/
}

a.picsthentxtlist2ppicurl3 {}


p.picsthentxtlist2ppara3 { 
clear: left;
padding-left: 8px;
padding-right: 8px;
text-align:justify;
}
p.picsthentxtlist2ppara3:first-line {
/*
clear:left;
font-weight: bold;
*/
}

div.picsthentxtlist2pxtradiv3 {
/*display: none; */

}

div.picsthentxtlist2psig { /* in this template, the sig appears after the date, use for photographer, picture date, etc */
margin-left: auto;
margin-right: auto;
text-align: center;
width: 100%;
}

a.picsthentxtlist2psig:active,a.picsthentxtlist2psig:link,a.picsthentxtlist2psig:visited {
    color: #000099 ;
    background: red ;
    background-color : transparent ;
}
a.picsthentxtlist2psig:hover {
color: #ff0000;
    background: white ;
background-color : white ;
}

/* the three pics */

img.picsthentxtlist2pimg1,img.picsthentxtlist2pimg2,img.picsthentxtlist2pimg3 {
float: left;
margin: 6px 8px 2px 6px;
border: 2px solid #000000;

/* width: 150px; */
width: 95%;
}

div.picsthentxtlist2overall {
/* clear: right; */
display: inline;
float: left;
 width: 100%;
/* border: 1px solid red;*/
}

/* the three picture divs */
div.picsthentxtlist2sect1,div.picsthentxtlist2sect2,div.picsthentxtlist2sect3 {
float: left;
display: inline;
 width: 33%;
/* border: 1px solid green;  */
}


hr.picsthentxtlist2phr2 {}

/*  end list211picsthentxt.html */

/* ***************** list212pics3fixed.html : style for the included view of the mini databases ******************* */
/* *** list212pics3fixed.html : style for the included view of the mini databases *** */
/* **** list212pics3fixed.html **** */

hr.pics3fixedlist2phr1 {
}

div.pics3fixedlist2pxtradiv1 {display: none;}

h2.pics3fixedlist2p {
margin-top: 6px;
padding: 8px 0 0 4px ;
text-align: center;
width: 100%;
border: 1px solid #ddffdd;
background: #eeffee;
/* display: none; */
}

h3.pics3fixedlist2p {
margin: 0 0 0 0 ;
padding: 8px 0 0 0 ;
text-align: center;
/* display: none; */
}

p.pics3fixedlist2p { /*  date */
 display: none; 
font-weight: bold;
text-align: center;
}

/* tag before date */
p.pics3fixedlist2p:before {
/* content: "Pictures Added: "; */
}

div.pics3fixedlist2pxtradiv2 {display: none;}

a.pics3fixedlist2ppicurl1 {}

p.pics3fixedlist2ppara1 {
clear: left;
text-align:justify;
padding-left: 8px;
padding-right: 8px;
}

p.pics3fixedlist2ppara1:first-line {
/* 
clear:left;
font-weight: bold;
*/
}

a.pics3fixedlist2ppicurl2 {}



p.pics3fixedlist2ppara2 { 
clear: left;
padding-left: 8px;
padding-right: 8px;
text-align:justify;
}
p.pics3fixedlist2ppara2:first-line {
/*clear:left;
font-weight: bold;
*/
}

a.pics3fixedlist2ppicurl3 {}


p.pics3fixedlist2ppara3 { 
clear: left;
padding-left: 8px;
padding-right: 8px;
text-align:justify;
}
p.pics3fixedlist2ppara3:first-line {
/*
clear:left;
font-weight: bold;
*/
}

div.pics3fixedlist2pxtradiv3 {
/*display: none; */

}

div.pics3fixedlist2psig { /* in this template, the sig appears after the date, use for photographer, picture date, etc */
margin-left: auto;
margin-right: auto;
text-align: center;
width: 100%;
}

a.pics3fixedlist2psig:active,a.pics3fixedlist2psig:link,a.pics3fixedlist2psig:visited {
    color: #000099 ;
    background: red ;
    background-color : transparent ;
}
a.pics3fixedlist2psig:hover {
color: #ff0000;
    background: white ;
background-color : white ;
}


/* The table */

table#pics3fixed {
/* border:1px solid red;*/
margin-left: auto;
margin-right:auto;
width:86%; /* adjust overall size here, this is centered */
}

tr#pics3fixed {
width:100%;
}

tr#pics3fixed td {
 width: 33%;  /* enable this to make hard sizes on partially filled rows */
}

/* the three pics */

img.pics3fixedlist2pimg1,img.pics3fixedlist2pimg2,img.pics3fixedlist2pimg3 {
float: left;
margin: 6px 8px 2px 6px;
border: 2px solid #000000;

/* width: 150px; */
width: 99%;
}

div.pics3fixedlist2overall {
/* clear: right; */
display: inline;
float: left;
 width: 100%;
/* border: 1px solid red;*/
}

/* the three picture divs */
div.pics3fixedlist2sect1,div.pics3fixedlist2sect2,div.pics3fixedlist2sect3 {
float: left;
display: inline;
 width: 98%;
/* border: 1px solid green;  */
}


hr.pics3fixedlist2phr2 {}

/*  end list212pics3fixed.html */

/* ***************** list213pics3auto.html : style for the included view of the mini databases ******************* */
/* *** list213pics3auto.html : style for the included view of the mini databases *** */
/* **** list213pics3auto.html **** */

hr.pics3autolist2phr1 {
}

div.pics3autolist2pxtradiv1 {display: none;}

h2.pics3autolist2p {
margin-top: 6px;
padding: 8px 0 0 4px ;
text-align: center;
width: 100%;
border: 1px solid #ddffdd;
background: #eeffee;
/* display: none; */
}

h3.pics3autolist2p {
margin: 0 0 0 0 ;
padding: 8px 0 0 0 ;
text-align: center;
/* display: none; */
}

p.pics3autolist2p { /*  date */
 display: none; 
font-weight: bold;
text-align: center;
}

/* tag before date */
p.pics3autolist2p:before {
/* content: "Pictures Added: "; */
}

div.pics3autolist2pxtradiv2 {display: none;}

a.pics3autolist2ppicurl1 {}

p.pics3autolist2ppara1 {
clear: left;
text-align:justify;
padding-left: 8px;
padding-right: 8px;
}

p.pics3autolist2ppara1:first-line {
/* 
clear:left;
font-weight: bold;
*/
}

a.pics3autolist2ppicurl2 {}



p.pics3autolist2ppara2 { 
clear: left;
padding-left: 8px;
padding-right: 8px;
text-align:justify;
}
p.pics3autolist2ppara2:first-line {
/*clear:left;
font-weight: bold;
*/
}

a.pics3autolist2ppicurl3 {}


p.pics3autolist2ppara3 { 
clear: left;
padding-left: 8px;
padding-right: 8px;
text-align:justify;
}
p.pics3autolist2ppara3:first-line {
/*
clear:left;
font-weight: bold;
*/
}

div.pics3autolist2pxtradiv3 {
/*display: none; */

}

div.pics3autolist2psig { /* in this template, the sig appears after the date, use for photographer, picture date, etc */
margin-left: auto;
margin-right: auto;
text-align: center;
width: 100%;
}

a.pics3autolist2psig:active,a.pics3autolist2psig:link,a.pics3autolist2psig:visited {
    color: #000099 ;
    background: red ;
    background-color : transparent ;
}
a.pics3autolist2psig:hover {
color: #ff0000;
    background: white ;
background-color : white ;
}


/* The table */

table#pics3auto {
/* border:1px solid red;*/
margin-left: auto;
margin-right:auto;
width:86%; /* adjust overall size here, this is centered */
}

tr#pics3auto {
width:100%;
}

tr#pics3auto td td#middle {
/* width: 33%;*/  /* enable this to make hard sizes on partially filled rows */
/*max-width: 100px; */
}

td#middle {
/* width: 33%; */
/*max-width: 20%;*/
}

/* the three pics */

img.pics3autolist2pimg1,img.pics3autolist2pimg2,img.pics3autolist2pimg3 {
float: left;
margin: 6px 8px 2px 6px;
border: 2px solid #000000;
/* width: 150px; */
width: 99%;
}

img.pics3autolist2pimg2 {
/*
max-width: 400px;
margin-left:20%;
*/
}


div.pics3autolist2overall {
/* clear: right; */
display: inline;
float: left;
 width: 100%;
/* border: 1px solid red;*/
}

/* the three picture divs */
div.pics3autolist2sect1,div.pics3autolist2sect2,div.pics3autolist2sect3 {
float: left;
display: inline;
 width: 98%;
/* border: 1px solid green;  */
}

hr.pics3autolist2phr2 {}

/*  end list213pics3auto.html */

/* ***************** list214fancybox.html : style for the included view of the mini databases ******************* */
/* ** list214fancybox.html : style for the included view of the mini databases ** */
/* ******** fancybox ******** */
/* list214fancybox.html */
hr.fancyboxlist2phr1 {
display: none;
}
div.fancyboxlist2pxtradiv1 {display: none;}

p.fancyboxlist2p { /* for the date   */
float: left;
/*border: 1px solid red; */
width: 99%;
padding-top: 10px;
padding-bottom: 6px;
padding-left: 10px;
font-weight:bold;
display: none;
/* display:inline; */
}
h2.fancyboxlist2p { /* title */
clear: both;
margin: 0 0 0 0 ;   
padding: 0 0 0 0 ;
text-align:center;
color: #ffffff;
background:transparent;
}
h3.fancyboxlist2p { /* subtitle  */
clear: both;
margin: 0 0 0 0 ; 
padding: 0 0 0 0 ;
color: #000000;
background:transparent;
}
div.fancyboxlist2pxtradiv2 {display: none;}

p.fancyboxlist2ppara1 { width: 95%; }
a.fancyboxlist2ppicurl1 {}
img.fancyboxlist2pimg1 {
float: left;
margin: 6px 8px 2px 6px;
border: 3px solid #336600;
display: inline;
/*
width: 150px;  
height: 150px; 
*/
vertical-align: top;
}

p.fancyboxlist2ppara2 {width: 95%;}
a.fancyboxlist2ppicurl2 {}

img.fancyboxlist2pimg2 { 
float: right;
margin: 6px 8px 2px 6px;
border: 3px solid #336600;
}
p.fancyboxlist2ppara3 {width: 95%;}
a.fancyboxlist2ppicurl3 {}

img.fancyboxlist2pimg3 {
float: left;
margin: 6px 8px 2px 6px;
border: 3px solid #336600;
}

div.fancyboxlist2pxtradiv3 {display: none;}

div.fancyboxlist2psig {
margin-left: auto;
margin-right: auto;
text-align: center;
}
a.fancyboxlist2psig:active,a.fancyboxlist2psig:link,a.fancyboxlist2psig:visited {
    color: #000099 ;
    background: red ;
    background-color : transparent ;
}
a.fancyboxlist2psig:hover {
color: #ff0000;
    background: white ;
background-color : white ;
}
hr.fancyboxlist2phr2 {
/* clear:left; */ /* not sure why this was there but messes up formattng */
/* display: none; */
}

/* Fancy surrounding box */
div.fancyboxoutr
{
border:3px solid #336600;
/* border-radius: 10px 10px; */
width:90%;
margin:10px auto 10px auto;
}
div.fancyboxsurrtit
{ 
 width:100%;
 background: #336600;
}

div.fancyboxsurrsubtit
{ 
 width:100%;
 background: #336600;
}

div.fancyboxsurrbody
{ 

width:100%;
}


/* ***************** list215floatlogos.html : style for the included view of the mini databases ******************* */
/* *** list215floatlogos.html : style for the included view of the mini databases *** */
/* **** list215floatlogos.html **** */
/* because of the problems with the mikesmusic site, use the second image instead of 
the first - fix later  */


hr.floatlogoslist2phr1 {
}

div.floatlogoslist2pxtradiv1 {
float:left;
clear:right;
width:100%;
/*  border:1px solid green;  */
}

h2.floatlogoslist2p {
clear:right;
margin-top: 6px;
padding: 8px 0 0 4px ;
text-align: center;
width: 100%;
border: 1px solid #ddffdd;
background: #eeffee;
display: none;
}

h3.floatlogoslist2p {
clear:right;
margin: 0 0 0 0 ;
padding: 8px 0 0 0 ;
text-align: center;
display: none;
}

p.floatlogoslist2p { /*  date */
 display: none; 
font-weight: bold;
text-align: center;
}

/* tag before date */
p.floatlogoslist2p:before {
/* content: "Pictures Added: "; */
}

div.floatlogoslist2pxtradiv2 {
/* width:100%; */
clear:both;
display:none;
/* border:1px solid red; */
}

a.floatlogoslist2ppicurl1 {}


p.floatlogoslist2ppara1 {
clear: left;
text-align:justify;
padding-left: 8px;
padding-right: 8px;
display:none;
}

p.floatlogoslist2ppara1:first-line {
/* 
clear:left;
font-weight: bold;
*/
}

a.floatlogoslist2ppicurl2 {}


p.floatlogoslist2ppara2 { 
clear: left;
padding-left: 8px;
padding-right: 8px;
text-align:justify;
display:none;
}
p.floatlogoslist2ppara2:first-line {
/*
clear:left;
font-weight: bold;
*/
}

a.floatlogoslist2ppicurl3 {}


p.floatlogoslist2ppara3 { 
clear: left;
padding-left: 8px;
padding-right: 8px;
text-align:justify;
display:none;
}
p.floatlogoslist2ppara3:first-line {
/*
clear:left;
font-weight: bold;
*/
}

div.floatlogoslist2pxtradiv3 {
/* display: none; */
float:left; 
/* border:1px solid blue; */
}

div.floatlogoslist2psig { /* in this template, the sig appears after the date, use for photographer, picture date, etc */
clear:right;
float:right;;
margin-left: auto;
margin-right: auto;
text-align: center;
width: 100%;
}

a.floatlogoslist2psig:active,a.floatlogoslist2psig:link,a.floatlogoslist2psig:visited {
    color: #000099 ;
    background: red ;
    background-color : transparent ;
}
a.floatlogoslist2psig:hover {
color: #ff0000;
    background: white ;
background-color : white ;
}




/* unused deleted in this one */
div.floatlogoslist2overall {
/* clear: right; */
display: inline;
float: left;
/* width: 100%; */
border: 1px solid red; 
}

div.floatlogoslist2sect1 {
float: left;
display: inline;
/* padding:4px; */
/* width: 33%; */
 width: 110px;
/* border: 1px solid green;  */
}

div.floatlogoslist2sect2 {
float: left;
display: inline;
/*padding:4px;*/
/*  width: 33%;  */
 width: 110px;
/* border: 1px solid green; */
}

div.floatlogoslist2sect3 {
float: left;
/*padding:4px; */
/*  width: 33%; */
 width: 110px;
/* border: 1px solid green; */
}

hr.floatlogoslist2phr2 {}

/* show only the first small image */
/* all three images */
img.floatlogoslist2pimg2  {
float: left;
margin: 6px 8px 2px 6px;
/* border: 3px solid #336600; */
/* border: 2px solid black; */
width: 92%;
}

img.floatlogoslist2pimg1,img.floatlogoslist2pimg3 {
display:none;
}

/* all three image divs -multiple setting for all pics divs: */
/* no, only the first */
div.floatlogoslist2sect2 {
 float: left;
 display: inline; 
/*  width: 150px; */
/* height: 150px;  */
max-height: 100px;

/* width: 20%; */
}
div.floatlogoslist2sect1,div.floatlogoslist2sect3 {
display:none;
}

/*  end list215floatlogos.html */

/* ***************** list216bigpicthenbasic.html : style for the included view of the mini databases ******************* */
/* ** list216bigpicthenbasic.html : style for the included view of the mini databases ** */
/* ******** bigpicthenbasic ******** */
/* list216bigpicthenbasic.html */
hr.bigpicthenbasiclist2phr1 {
/* display: none; */
clear:left;
width:100%;
}
div.bigpicthenbasiclist2pxtradiv1 {display: none;}

p.bigpicthenbasiclist2p { /* for the date   */
float: left;
/*border: 1px solid red; */
width: 99%;
padding-top: 10px;
padding-bottom: 6px;
padding-left: 10px;
display: none;
}
h2.bigpicthenbasiclist2p { /* title */
clear: both;
margin: 8px 0 0 0 ;   
padding: 0 0 0 0 ;
}
h3.bigpicthenbasiclist2p { /* subtitle  */
clear: both;
margin: 0 0 0 0 ; 
padding: 0 0 0 0 ;
}

div.bigpicthenbasiclist2pxtradiv2 {display: none;}


div.bigpicthenbasiclist2ppic1surr
{
 float:left;
 margin: 0 0 8px 0; 
/*  margin-bottom:8px; */
 padding: 0 0 0 0;
 width:100%;
 text-align:center; 
}

a.bigpicthenbasiclist2ppicurl1 {}

img.bigpicthenbasiclist2pimg1 {
margin: 0 0 0 0;
padding: 0 0 0 0;
border: 2px solid #336600;
/* display: inline; */
/* width: 140px; */
width: 70%;   
/* height: 250px; */
margin-left: auto; 
margin-right: auto;
margin-top: 8px;
vertical-align: top;
}

p.bigpicthenbasiclist2ppara1 { 
float:left;
margin-top: 10px;
width: 95%; 
}

p.bigpicthenbasiclist2ppara2 {width: 95%;}
a.bigpicthenbasiclist2ppicurl2 {}

img.bigpicthenbasiclist2pimg2 { 
float: left;
margin: 6px 8px 2px 6px;
border: 3px solid #336600;
width: 150px;
}
p.bigpicthenbasiclist2ppara3 {width: 95%;}
a.bigpicthenbasiclist2ppicurl3 {}

img.bigpicthenbasiclist2pimg3 {
float: right;
margin: 6px 8px 2px 6px;
border: 3px solid #336600;
width:150px;
}
div.bigpicthenbasiclist2pxtradiv3 {display: none;}
div.bigpicthenbasiclist2psig {
margin-left: auto;
margin-right: auto;
text-align: center;
}
a.bigpicthenbasiclist2psig:active,a.bigpicthenbasiclist2psig:link,a.bigpicthenbasiclist2psig:visited {
    color: #000099 ;
    background: red ;
    background-color : transparent ;
}
a.bigpicthenbasiclist2psig:hover {
color: #ff0000;
    background: white ;
background-color : white ;
}
hr.bigpicthenbasiclist2phr2 {
/* clear:left; */ /* not sure why this was there but messes up formattng */
/* display: none; */
}



/* ************ styles for the included views of the mini databases *********** */
/* ******** blogbase ******** */
/* These styles are for the individual included view, and any extra ones */
/* these are just like the blogbase example above, except only modifird style information is listed */

/* ******* index : style for the included view of the mini databases for the page called index.html ****** */
/* ******* index : style for the included view of the mini databases for the page called index.html ****** */
hr.indexlist2phr1 { display: none;}
div.indexlist2pxtradiv3,div.indexlist2pxtradiv3,div.indexlist2pxtradiv3 {display: none;}
p.indexlist2p {display: none;} /* for the date   */

/* ******* about : style for the included view of the mini databases for the page called about.html ****** */
/* ** about: style for the included view of the mini databases for the page about.html ****** */
p.aboutlist2p { display: none;} /* no date */
p.aboutlist2ppara1,p.aboutlist2ppara2,p.aboutlist2ppara3 {
/*clear: left;*/
text-align: justify;
}

/* ******* labels : style for the included view of the mini databases for the page called labels.html ****** */
/* ******* artists : style for the included view of the mini databases for the page called artists.html ****** */
/* ******* artists : style for the included view of the mini databases for the page called artists.html ****** */
/* **** list2artists.html **** */

hr.artistslist2phr1 {
}

div.artistslist2pxtradiv1 {display: none;}
p.artistslist2p { display: none;} /* no date */

h2.artistslist2p {
/* clear: both; */
margin: 8px 0 0 0 ;
padding: 0 0 0 0 ;
/* display: none; */
}
h3.artistslist2p {
/* clear: both; */
margin: 0 0 0 0 ;
padding: 4px 0 0 0 ;
/* display: none; */
}

div.artistslist2pxtradiv2 {display: none;}

a.artistslist2ppicurl1 {}

img.artistslist2pimg1 {
float: left;
/* clear: none; */
margin: 6px 8px 2px 6px;
border: 3px solid #336600;
/* display: inline; */
width: 140px;
height: 150px;
vertical-align: top;
}

p.artistslist2ppara1 {
clear: left;

}

p.artistslist2ppara1:first-line {
clear:left;
font-weight: bold;
}

a.artistslist2ppicurl2 {}

img.artistslist2pimg2 {
float: left;
margin: 6px 8px 2px 6px;
border: 3px solid #336600;
width: 150px;
}

p.artistslist2ppara2 { 
clear: left;
}
p.artistslist2ppara2:first-line {
clear:left;
font-weight: bold;
}

a.artistslist2ppicurl3 {}

img.artistslist2pimg3 {
float: left; 
margin: 6px 8px 2px 6px;
border: 3px solid #336600;
width: 150px;
}
p.artistslist2ppara3 { 
clear: left;
}
p.artistslist2ppara3:first-line {
clear:left;
font-weight: bold;
}

div.artistslist2pxtradiv3 {display: none;}

div.artistslist2psig {
margin-left: auto;
margin-right: auto;
text-align: center;
/*background: #ffffcc;*/
}
a.artistslist2psig:active,a.artistslist2psig:link,a.artistslist2psig:visited {
    color: #000099 ;
    background: red ;
    background-color : transparent ;
}
a.artistslist2psig:hover {
/*    color: #ff0000 ;*/
color: #ff0000;
    background: white ;
background-color : white ;
}
div.artistslist2overall {
clear: right;
float: left;
width: 100%;
/* border: 1px solid red; */
}
div.artistslist2sect1 {
float: left;
width: 33%;
/* border: 1px solid green; */
}
div.artistslist2sect2 {
float: left;
width: 33%; 
/* border: 1px solid green; */
}
div.artistslist2sect3 {
float: left;
 width: 32%;
/* border: 1px solid green; */
}
hr.artistslist2phr2 {}

/*  end list2artists.html */

/* ******* help : style for the included view of the mini databases for the page called help.html ****** */
/* ******* help : style for the included view of the mini databases for the page called help.html ****** */
p.helplist2p { display: none;} /* no date */
/* ******* help : style for the included view of the mini databases for the page called help.html ****** */
hr.helplist2phr1 { display: none;}
div.helplist2pxtradiv3,div.helplist2pxtradiv3,div.helplist2pxtradiv3 {display: none;}

/* ******* concerts : style for the included view of the mini databases for the page called concerts.html ****** */
/* ******* specials : style for the included view of the mini databases for the page called specials.html ****** */
/* ******* catalog : style for the included view of the mini databases for the page called catalog.html ****** */
/* ******* faq : style for the included view of the mini databases for the page called faq.html ****** */
/* ******* faq : style for the included view of the mini databases for the page called faq.html ****** */
p.faqlist2p { display: none;} /* no date */

/* ******* press : style for the included view of the mini databases for the page called press.html ****** */
/* ******* press : style for the included view of the mini databases for the page called press.html ****** */

hr.presslist2phr1 { display: none;}
div.presslist2pxtradiv3,div.presslist2pxtradiv3,div.presslist2pxtradiv3 {display: none;}

img.presslist2pimg1 {
float: left;
margin: 6px 8px 2px 6px;
border: 3px solid #336600;
display: inline;
width: 150px; 
height: 150px;
vertical-align: top;
}

/* ******* news : style for the included view of the mini databases for the page called news.html ****** */
/* ******* news : style for the included view of the mini databases for the page called news.html ****** */

hr.newslist2phr1 { /* display: none; */ }

div.newslist2pxtradiv3,div.newslist2pxtradiv3,div.newslist2pxtradiv3 {display: none;}

img.newslist2pimg1,img.newslist2pimg2,img.newslist2pimg3 {
float: left;


margin: 6px 8px 2px 6px;
border: 3px solid #336600;

display: inline;
width: 150px;
height: 150px;    
vertical-align: top;
}

/* ******* contact : style for the included view of the mini databases for the page called contact.html ****** */
/* ******* contact : style for the included view of the mini databases for the page called contact.html ****** */

hr.contactlist2phr1 { display: none;}
div.contactlist2pxtradiv3,div.contactlist2pxtradiv3,div.contactlist2pxtradiv3 {display: none;}


/* ******* bios.tml : style for the included view of the mini databases for the page called bios.tml.html ****** */
/* ******* bios.tml : style for the included view of the mini databases for the page called bios.tml.html ****** */
hr.bioslist2phr1 { display: none;}
div.bioslist2pxtradiv3,div.bioslist2pxtradiv3,div.bioslist2pxtradiv3 {display: none;}

/* ******* blog : style for the included view of the mini databases for the page called blog.html ****** */
/* ******* gallery : style for the included view of the mini databases for the page called gallery.html ****** */
/* ******* links : style for the included view of the mini databases for the page called links.html ****** */
/* ******* fanpage : style for the included view of the mini databases for the page called fanpage.html ****** */
/* ******* videos : style for the included view of the mini databases for the page called videos.html ****** */
/* ******* samples : style for the included view of the mini databases for the page called samples.html ****** */
/* ******* newrelease : style for the included view of the mini databases for the page called newrelease.html ****** */
/* ******* upcoming : style for the included view of the mini databases for the page called upcoming.html ****** */
/* ******* sessions : style for the included view of the mini databases for the page called sessions.html ****** */
/* ******* forum : style for the included view of the mini databases for the page called forum.html ****** */
/* ******* chat : style for the included view of the mini databases for the page called chat.html ****** */
/* ******* vinyl : style for the included view of the mini databases for the page called vinyl.html ****** */
/* ******* plain : style for the included view of the mini databases for the page called plain.html ****** */
/* ******* water : style for the included view of the mini databases for the page called water.html ****** */
/* ******* dbk : style for the included view of the mini databases for the page called dbk.html ****** */
/* ******* 4men : style for the included view of the mini databases for the page called 4men.html ****** */
/* ******* orderhelp : style for the included view of the mini databases for the page called orderhelp.html ****** */
/* ******* signup : style for the included view of the mini databases for the page called signup.html ****** */
/* ******* paypalsuccess : style for the included view of the mini databases for the page called paypalsuccess.html ****** */
/* ******* paypalcancel : style for the included view of the mini databases for the page called paypalcancel.html ****** */
/* ******* sitemap : style for the included view of the mini databases for the page called sitemap.html ****** */

/* **************************************************************************** */
/* ******* list2rentals : style for the included view of the mini databases  ****** */
/* ** list2rentals.html : style for the included view of the mini databases ** */
/* ******** rentals ******** */
/* list2rentals.html */
hr.rentalslist2phr1 {
/* display: none; */
}
div.rentalslist2pxtradiv1 {display: none;}

p.rentalslist2p { /* for the date   */
float: left;
/*border: 1px solid red; */
width: 99%;
padding-top: 10px;
padding-bottom: 6px;
padding-left: 10px;
display: none;
}

h2.rentalslist2p { /* title */
clear: both;
margin: 5px 0 5px 0 ;   
padding: 0 0 0 0 ;
text-align:center;
font-size: 160%;
}
h2.rentalslist2p a
{
 color:black;
}

h3.rentalslist2p { /* subtitle  */
clear: both;
margin: 8px 0 0 0 ; 
padding: 0 0 0 0 ;
}

div.rentalslist2pxtradiv2 {display: none;}

p.rentalslist2ppara1 { width: 95%;}

a.rentalslist2ppicurl1 {}

img.rentalslist2pimg1 {
float: left;
margin: 6px 8px 2px 6px;
border: 3px solid #336600;
display: inline;
width: 150px;  
height: 150px; 
vertical-align: top;
}
p.rentalslist2ppara2 {width: 95%;}
a.rentalslist2ppicurl2 {}
img.rentalslist2pimg2 { 
float: right;
margin: 6px 8px 2px 6px;
border: 3px solid #336600;
}
p.rentalslist2ppara3 {width: 95%;}
a.rentalslist2ppicurl3 {}
img.rentalslist2pimg3 {
float: left;
margin: 6px 8px 2px 6px;
border: 3px solid #336600;
}
div.rentalslist2pxtradiv3 {display: none;}
div.rentalslist2psig {
margin-left: auto;
margin-right: auto;
text-align: center;
}
a.rentalslist2psig:active,a.rentalslist2psig:link,a.rentalslist2psig:visited {
    color: #000099 ;
    background: red ;
    background-color : transparent ;
}
a.rentalslist2psig:hover {
color: #ff0000;
    background: white ;
background-color : white ;
}
hr.rentalslist2phr2 {
/* clear:left; */ /* not sure why this was there but messes up formattng */
/* display: none; */
}


p.rentalslist2ppara1,p.rentalslist2ppara2,p.rentalslist2ppara3
{
margin:0 0 0 0;
padding: 0 0 0 0;
}

/* ******* list2teacherview : style for the included view of the mini databases  ****** */
/** **************** */
/* *** list2teacherview : style for the included view of the mini databases - primary ** */
hr.teacherviewlist2phr1 {
}
div.teacherviewlist2pxtradiv1 {display: none;}
p.teacherviewlist2p { display: none;} /* no date */
h2.teacherviewlist2p {
/* clear: both; */
margin: 8px 0 0 0 ;
padding: 0 0 0 0 ;
/* display: none; */
}
h3.teacherviewlist2p {
/* clear: both; */
margin: 0 0 0 0 ;
padding: 4px 0 0 0 ;
/* display: none; */
}
div.teacherviewlist2pxtradiv2 {display: none;}
a.teacherviewlist2ppicurl1 {}

img.teacherviewlist2pimg1 {
margin-left: auto;
margin-right: auto;
margin-top: 8px;
/* border: 2px solid #336600; */
/* display: inline; */   
/* width: 140px; */
/*
width: 70%;
height: 250px; 
*/
vertical-align: top;
}

p.teacherviewlist2ppara1 {
clear: left;
text-align: justify;
}
p.teacherviewlist2ppara1:first-line {
clear:left;
font-weight: bold;
}
a.teacherviewlist2ppicurl2 {}
img.teacherviewlist2pimg2 {
float: left;
margin: 6px 8px 2px 6px;
/* border: 2px solid #336600; */
width: 150px;
}

p.teacherviewlist2ppara2 {
clear: left;
}
p.teacherviewlist2ppara2:first-line {
clear:left;
font-weight: bold;
}

a.teacherviewlist2ppicurl3 {}

img.teacherviewlist2pimg3 {
float: left; 
margin: 6px 8px 2px 6px;
/* border: 2px solid #336600; */
width: 150px;
}
p.teacherviewlist2ppara3 {
clear: left;
}
p.teacherviewlist2ppara3:first-line {
clear:left;
font-weight: bold;
}

div.teacherviewlist2pxtradiv3 {display: none;}

div.teacherviewlist2psig {  
margin-left: auto;
margin-right: auto;
text-align: center;
/*background: #ffffcc;*/
}
a.teacherviewlist2psig:active,a.teacherviewlist2psig:link,a.teacherviewlist2psig:visited {
    color: #000099 ;
    background: red ;
    background-color : transparent ;
}
a.teacherviewlist2psig:hover {
/*    color: #ff0000 ;*/
color: #ff0000;
    background: white ;
background-color : white ;
}
div.teacherviewlist2overall {
clear: right;
float: left;
width: 100%;
/* border: 1px solid red; */
/* border-bottom: 1px solid black; */
margin-bottom: 10px;
}
div.teacherviewlist2sect1 {
float: left;
width: 99%;
/*  border: 1px solid green; */
text-align: center;
}
div.teacherviewlist2sect2 {
float: left;
width: 49%;
/* border: 1px solid green; */
}
div.teacherviewlist2sect3 {
float: left;
 width: 49%;
/* border: 1px solid green; */
}
hr.teacherviewlist2phr2 {}
/*  end list2teacherview.html */  



/* ******* list2products : style for the included view of the mini databases  ****** */
/** **************** */
/* *** list2products : style for the included view of the mini databases - primary ** */
hr.productslist2phr1 {
}
div.productslist2pxtradiv1 {display: none;}
p.productslist2p { display: none;} /* no date */


h2.productslist2p {
/* clear: both; */
margin: 8px 0 0 0 ;
padding: 0 0 0 8px;
}


h3.productslist2p {
/* clear: both; */
margin: 0 0 0 0 ;
padding: 4px 0 0 8px ;
}
div.productslist2pxtradiv2 {display: none;}
a.productslist2ppicurl1 {}

img.productslist2pimg1 {
margin-left: auto;
margin-right: auto;
margin-top: 8px;
border: 2px solid #000000;
/* display: inline; */   
/* width: 140px; */
width: 70%;
height: 250px; 

/*
   temp - once pics n proper aspect ration, us percentage width which will work well on
   smaller screens
*/
width: 500px;
height: 250px;

vertical-align: top;
}

p.productslist2ppara1 {
clear: left;
text-align: justify;
}
p.productslist2ppara1:first-line {
clear:left;
/* font-weight: bold; */
}
a.productslist2ppicurl2 {}

img.productslist2pimg2 {
/* float: left; */
margin: 6px 8px 2px 6px;
border: 2px solid #000000;
width: 150px;
width: 250px;
}




p.productslist2ppara2 {
clear: left;
text-align:left;
}




p.productslist2ppara2:first-line {
clear:left;
font-weight: bold;
}

a.productslist2ppicurl3 {}

img.productslist2pimg3 {
/* float: left;  */
margin: 6px 8px 2px 6px;
border: 2px solid #336600; 
width: 150px;
width: 200px;
}



p.productslist2ppara3 {
clear: left;
text-align:left;
}




p.productslist2ppara3:first-line {
clear:left;
font-weight: bold;
}

div.productslist2pxtradiv3 {display: none;}

div.productslist2psig {  
margin-left: auto;
margin-right: auto;
text-align: center;
/*background: #ffffcc;*/
}
a.productslist2psig:active,a.productslist2psig:link,a.productslist2psig:visited {
    color: #000099 ;
    background: red ;
    background-color : transparent ;
}
a.productslist2psig:hover {
/*    color: #ff0000 ;*/
color: #ff0000;
    background: white ;
background-color : white ;
}

div.productslist2sect1 {
float: left;
width: 99%;
/*  border: 1px solid green; */
text-align: center;
}

div.productslist2overall {
clear: right;
float: left;
width: 100%;
/* border: 1px solid red; */
/* border-bottom: 1px solid black; */
margin-bottom: 10px;
/* border:1px solid blue; */
}

div.productslist2sect2 {
float: left;
width: 49%;
/* border: 1px solid green; */
text-align:center;
}
div.productslist2sect3 {
float: left;
 width: 49%;
/* border: 1px solid green; */
text-align:center;
}
hr.productslist2phr2 {}
/*  end list2products.html */  


/* ******* list2events : style for the included view of the mini databases  ****** */
/* ** list2events.html : style for the included view of the mini databases ** */
/* ******** events ******** */
/* list2events.html */
hr.eventslist2phr1 {
/* display: none; */
clear:left;
width:100%;
}
div.eventslist2pxtradiv1 {display: none;}

p.eventslist2p { /* for the date   */
float: left;
/*border: 1px solid red; */
width: 99%;
padding-top: 10px;
padding-bottom: 6px;
padding-left: 10px;
display: none;
}
h2.eventslist2p { /* title */
clear: both;
margin: 8px 0 0 0 ;   
padding: 0 0 0 0 ;
}
h3.eventslist2p { /* subtitle  */
clear: both;
margin: 0 0 0 0 ; 
padding: 0 0 0 0 ;
}
div.eventslist2pxtradiv2 {display: none;}
p.eventslist2ppara1 { width: 95%; }
a.eventslist2ppicurl1 {}
img.eventslist2pimg1 {
float: left;
margin: 6px 8px 2px 6px;
border: 3px solid #336600;
display: inline;
width: 150px;  
height: 150px; 
vertical-align: top;
}
p.eventslist2ppara2 {width: 95%;}
a.eventslist2ppicurl2 {}
img.eventslist2pimg2 { 
float: right;
margin: 6px 8px 2px 6px;
border: 3px solid #336600;
}
p.eventslist2ppara3 {width: 95%;}
a.eventslist2ppicurl3 {}
img.eventslist2pimg3 {
float: left;
margin: 6px 8px 2px 6px;
border: 3px solid #336600;
}
div.eventslist2pxtradiv3 {display: none;}
div.eventslist2psig {
margin-left: auto;
margin-right: auto;
text-align: center;
}
a.eventslist2psig:active,a.eventslist2psig:link,a.eventslist2psig:visited {
    color: #000099 ;
    background: red ;
    background-color : transparent ;
}
a.eventslist2psig:hover {
color: #ff0000;
    background: white ;
background-color : white ;
}
hr.eventslist2phr2 {
/* clear:left; */ /* not sure why this was there but messes up formattng */
/* display: none; */
}


/* ******* list2eventssideann : style for the included view of the mini databases  */
/* ** list2eventssideann.html : style for the included view of the mini databases ** */
/* ******** eventssideann ******** */
/* list2eventssideann.html */
hr.eventssideannlist2phr1 {
display: none;
clear:left;
width:100%;
}
div.eventssideannlist2pxtradiv1 {display: none;}

p.eventssideannlist2p { /* for the date   */
float: left;
/*border: 1px solid red; */
width: 99%;
padding-top: 10px;
padding-bottom: 6px;
padding-left: 10px;
display: none;
}
h2.eventssideannlist2p { /* title */
clear: both;
margin: 0 0 0 0 ;   
padding: 0 0 0 0 ;
font-size:12px;
}
h3.eventssideannlist2p { /* subtitle  */
clear: both;
margin: 0 0 0 0 ; 
padding: 0 0 0 0 ;
display:none;
}
div.eventssideannlist2pxtradiv2 {display: none;}
p.eventssideannlist2ppara1 
{
  margin:0 0 0 0;
  padding: 0 0 0 0;
  width: 95%; 
  text-align:justify;
}
a.eventssideannlist2ppicurl1 {}
img.eventssideannlist2pimg1 {
float: left;
margin: 6px 8px 2px 6px;
border: 3px solid #336600;
display: inline;
width: 150px;  
height: 150px; 
vertical-align: top;
display:none;
}
p.eventssideannlist2ppara2 
{
  margin:0 0 0 0;
  padding: 0 0 0 0; 
  width: 95%;
  text-align:justify;
  display:none;
}
a.eventssideannlist2ppicurl2 {}
img.eventssideannlist2pimg2 { 
float: right;
margin: 6px 8px 2px 6px;
border: 3px solid #336600;
display:none;
}
p.eventssideannlist2ppara3 
{
  margin:0 0 0 0;
  padding: 0 0 0 0; 
  width: 95%;
  text-align:justify;
  display:none;
}
a.eventssideannlist2ppicurl3 {}
img.eventssideannlist2pimg3 {
float: left;
margin: 6px 8px 2px 6px;
border: 3px solid #336600;
display:none;
}
div.eventssideannlist2pxtradiv3 {display: none;}
div.eventssideannlist2psig {
margin-left: auto;
margin-right: auto;
text-align: center;
display:none;
}
a.eventssideannlist2psig:active,
a.eventssideannlist2psig:link,
a.eventssideannlist2psig:visited {
    color: #000099 ;
    background: red ;
    background-color : transparent ;
}
a.eventssideannlist2psig:hover {
color: #ff0000;
    background: white ;
background-color : white ;
}
hr.eventssideannlist2phr2 {
/* clear:left; */ /* not sure why this was there but messes up formattng */
/* display: none; */
display:none;
}


/* ******* list2sideannboxhead style for the included view of the mini databases  * */
/* list2sideannboxhead.css */

div.sideannboxheadoutr
{
 float:left;
 margin: 4px 0 4px 0;
 padding: 0 0 0 0;
/*  vertical-align:top; */
 width:100%;
/*  width:150px; */
 border: 1px solid #336600;
 background:transparent;
 text-align:left;
}

div.sideannboxheadtit
{
 float:left;
 margin:0 0 0 0;
 padding: 0 0 0 0;
 width:100%;
/*  width:150px;  */
 background:#00CC33;
 color:#000000;
 border:1px solid transparent;
 position:relative;
 left: -4px;
 text-align:center;
}

span.sideannboxtit
{
 margin:0 0 0 0;  
 padding: 0 0 0 0;
}

div.sideannboxheadbod
{
 float:left;
 margin:0 0 0 0;
 padding: 0 0 0 0;
 width:100%;
/* width:150px;  */
 border:1px solid transparent;
 background:red;
 background:#ffffff;
 color:#000000;
position:relative;
left: -4px;

}



/* ******* list2sideannboxheadevents style for the included view of the mini databases  * */
/* list2sideannboxheadev.css */

div.sideannboxheadevoutr
{
 float:left;
 margin: 4px 0 4px 0;
 padding: 0 0 0 0;
/*  vertical-align:top; */
/* width:100%; */
 width: 160px;
/*  width:150px; */
 border: 1px solid #336600;
 background:transparent;
 text-align:left;
}

div.sideannboxheadevtit
{
 float:left;
 margin:0 0 0 0;
 padding: 0 0 0 0;
 width:100%;
/*  width:150px;  */
 background:#00CC33;
 color:#000000;
 border:1px solid transparent;
 position:relative;
 left: -4px;
 text-align:center;
}

span.sideannboxtit
{
 margin:0 0 0 0;  
 padding: 0 0 0 0;
}

div.sideannboxheadevbod
{
 float:left;
 margin:0 0 0 0;
 padding: 0 0 0 0;
 width:100%;
/* width:150px;  */
 border:1px solid transparent;
 background:red;
 background:#ffffff;
 color:#000000;
position:relative;
left: -4px;

}



/* ******* list2sideannboxheadspecials style for the included view of the mini databases  * */
/* list2sideannboxheadsp.css */

div.sideannboxheadspoutr
{
 float:left;
 margin: 4px 0 4px 0;
 padding: 0 0 0 0;
/*  vertical-align:top; */
 /* width:100%; */
 width: 160px;
/*  width:150px; */
 border: 1px solid #336600;
 background:transparent;
 text-align:left;
}

div.sideannboxheadsptit
{
 float:left;
 margin:0 0 0 0;
 padding: 0 0 0 0;
 width:100%;
/*  width:150px;  */
 background:#00CC33;
 color:#000000;
 border:1px solid transparent;
 position:relative;
 left: -4px;
 text-align:center;
}

span.sideannboxtit
{
 margin:0 0 0 0;  
 padding: 0 0 0 0;
}

div.sideannboxheadspbod
{
 float:left;
 margin:0 0 0 0;
 padding: 0 0 0 0;
 width:100%;
/* width:150px;  */
 border:1px solid transparent;
 background:red;
 background:#ffffff;
 color:#000000;
position:relative;
left: -4px;

}

a.specialssidelist2p:link,
a.specialssidelist2p:visited, 
a.specialssidelist2p:active,
a.specialssidelist2p:hover
{
color:#ffffff;
color:#000000;
}



/* ******* list2specials : style for the included view of the mini databases  ****** */
/* ** list2specials.html : style for the included view of the mini databases ** */
/* ******** specials ******** */
/* list214specials.css */
hr.specialslist2phr1 {
display: none;
}
div.specialslist2pxtradiv1 {display: none;}

p.specialslist2p { /* for the date   */
float: left;
/*border: 1px solid red; */
width: 99%;
padding-top: 10px;
padding-bottom: 6px;
padding-left: 10px;
font-weight:bold;
display: none;
/* display:inline; */
}
h2.specialslist2p { /* title */
clear: both;
margin: 0 0 0 0 ;   
padding: 0 0 0 0 ;
text-align:center;
color: #ffffff;
background:transparent;
}
h3.specialslist2p { /* subtitle  */
clear: both;
margin: 0 0 0 0 ; 
padding: 0 0 0 0 ;
color: #000000;
background:transparent;
}
div.specialslist2pxtradiv2 {display: none;}

p.specialslist2ppara1 { width: 95%; }
a.specialslist2ppicurl1 {}
img.specialslist2pimg1 {
float: left;
margin: 6px 8px 2px 6px;
border: 3px solid #336600;
display: inline;
/*
width: 150px;  
height: 150px; 
*/
vertical-align: top;
}

p.specialslist2ppara2 {width: 95%;}
a.specialslist2ppicurl2 {}

img.specialslist2pimg2 { 
float: right;
margin: 6px 8px 2px 6px;
border: 3px solid #336600;
}
p.specialslist2ppara3 {width: 95%;}
a.specialslist2ppicurl3 {}

img.specialslist2pimg3 {
float: left;
margin: 6px 8px 2px 6px;
border: 3px solid #336600;
}

div.specialslist2pxtradiv3 {display: none;}

div.specialslist2psig {
margin-left: auto;
margin-right: auto;
text-align: center;
}
a.specialslist2psig:active,a.specialslist2psig:link,a.specialslist2psig:visited {
    color: #000099 ;
    background: red ;
    background-color : transparent ;
}
a.specialslist2psig:hover {
color: #ff0000;
    background: white ;
background-color : white ;
}
hr.specialslist2phr2 {
/* clear:left; */ /* not sure why this was there but messes up formattng */
/* display: none; */
}

/* Fancy surrounding box */
div.specialsoutr
{
border:3px solid #336600;
border-radius: 10px 10px;
width:90%;
margin:10px auto 10px auto;
}
div.specialssurrtit
{ 
 width:100%;
 background: #336600;
}

div.specialssurrsubtit
{ 
 width:100%;
 background: #336600;
}

div.specialssurrbody
{ 

width:100%;
}




/* fix fancybox text */
 
h3.specialslist2p { /* subtitle  */
color: #ffffff;
background:transparent;
}
  
img.specialslist2pimg1,img.specialslist2pimg2,img.specialslist2pimg3 {
/* border: 1px solid #336600; */
border:none;
position:relative;   
top: -5px;
}



/* ******* list2specialssideann : style for the included view of the mini databases  ****** */
/* ** list2specialsside.html : style for the included view of the mini databases ** */
/* ******** specialsside ******** */
/* list2specialsside.css */
hr.specialssidelist2phr1 {
display: none;
}
div.specialssidelist2pxtradiv1 {display: none;}

p.specialssidelist2p { /* for the date   */
float: left;
/*border: 1px solid red; */
width: 99%;
padding-top: 10px;
padding-bottom: 6px;
padding-left: 10px;
font-weight:bold;
display: none;
/* display:inline; */
}
h2.specialssidelist2p { /* title */
clear: both;
margin: 0 0 0 0 ;   
padding: 0 0 0 0 ;
text-align:center;
color: #009900;
background:transparent;
}

h3.specialssidelist2p { /* subtitle  */
clear: both;
margin: 0 0 0 0 ; 
padding: 0 0 0 0 ;
color: #000000;
background:transparent;
}

div.specialssidelist2pxtradiv2 {display: none;}

p.specialssidelist2ppara1 { 
width: 95%; 
display: none;
}

a.specialssidelist2ppicurl1 {}
img.specialssidelist2pimg1 {
float: left;
margin: 6px 8px 2px 6px;
border: 3px solid #336600;
display: inline;
display: none;
/*
width: 150px;  
height: 150px; 
*/
vertical-align: top;
}

p.specialssidelist2ppara2 
{
width: 95%;
display: none;
}
a.specialssidelist2ppicurl2 {}

img.specialssidelist2pimg2 { 
float: right;
margin: 6px 8px 2px 6px;
border: 3px solid #336600;
display: none;
}
p.specialssidelist2ppara3 
{
width: 95%;
display: none;
}
a.specialssidelist2ppicurl3 {}

img.specialssidelist2pimg3 {
float: left;
margin: 6px 8px 2px 6px;
border: 3px solid #336600;
display: none;
}

div.specialssidelist2pxtradiv3 {display: none;}

div.specialssidelist2psig {
margin-left: auto;
margin-right: auto;
text-align: center;
}
a.specialssidelist2psig:active,a.specialssidelist2psig:link,a.specialssidelist2psig:visited {
    color: #000099 ;
    background: red ;
    background-color : transparent ;
}
a.specialssidelist2psig:hover {
color: #ff0000;
    background: white ;
background-color : white ;
}
hr.specialssidelist2phr2 {
/* clear:left; */ /* not sure why this was there but messes up formattng */
/* display: none; */
}

/* Fancy surrounding box */
div.specialssideoutr
{
border:3px solid #336600;
/* border-radius: 10px 10px; */
width:90%;
margin:10px auto 10px auto;
display: none;
}
div.specialssidesurrtit
{ 
 width:100%;
 background: #336600;
display: none;
}

div.specialssidesurrsubtit
{ 
 width:100%;
 background: #336600;
display: none;
}

div.specialssidesurrbody
{ 
display: none;
width:100%;
}
  
a.specialssidelist2p:link,
a.specialssidelist2p:visited,
a.specialssidelist2p:active,
a.specialssidelist2p:hover
{
color:#ffffff;
color:#000000;
}



/* ******* list2accesslist : style for the included view of the mini databases  ****** */
/* ** list2accesslist.html : style for the included view of the mini databases ** */
/* ******** accesslist ******** */
/* list2accesslist.html */
hr.accesslistlist2phr1 {
/* display: none; */
clear:left;
width:100%;
}
div.accesslistlist2pxtradiv1 {display: none;}

p.accesslistlist2p { /* for the date   */
float: left;
/*border: 1px solid red; */
width: 99%;
padding-top: 10px;
padding-bottom: 6px;
padding-left: 10px;
display: none;
}
h2.accesslistlist2p { /* title */
clear: both;
margin: 8px 0 0 0 ;   
padding: 0 0 0 0 ;
}
h3.accesslistlist2p { /* subtitle  */
clear: both;
margin: 0 0 0 0 ; 
padding: 0 0 0 0 ;
}
div.accesslistlist2pxtradiv2 {display: none;}
p.accesslistlist2ppara1 { width: 95%; }
a.accesslistlist2ppicurl1 {}
img.accesslistlist2pimg1 {
float: left;
margin: 6px 8px 2px 6px;
border: 3px solid #336600;
display: inline;
width: 150px;  
height: 150px; 
vertical-align: top;
}
p.accesslistlist2ppara2 {width: 95%;}
a.accesslistlist2ppicurl2 {}
img.accesslistlist2pimg2 { 
float: right;
margin: 6px 8px 2px 6px;
border: 3px solid #336600;
}
p.accesslistlist2ppara3 {width: 95%;}
a.accesslistlist2ppicurl3 {}
img.accesslistlist2pimg3 {
float: left;
margin: 6px 8px 2px 6px;
border: 3px solid #336600;
}
div.accesslistlist2pxtradiv3 {display: none;}
div.accesslistlist2psig {
margin-left: auto;
margin-right: auto;
text-align: center;
}
a.accesslistlist2psig:active,a.accesslistlist2psig:link,a.accesslistlist2psig:visited {
    color: #000099 ;
    background: red ;
    background-color : transparent ;
}
a.accesslistlist2psig:hover {
color: #ff0000;
    background: white ;
background-color : white ;
}
hr.accesslistlist2phr2 {
/* clear:left; */ /* not sure why this was there but messes up formattng */
/* display: none; */
}





/* **************************************************************************** */
/* temp test for the artists page list */
table.artistview {
text-align: left;
}
tr.artistview {}
td.artistviewl {
vertical-align: text-top;
text-align: left;
}
td.artistviewr {
text-align: left;
vertical-align: text-top;
}

ul.artistview {
text-align: left;
list-style: none;
}


/* *********** include changes made to make a new skin ***************** */
/* new template stuff */
/* *********** Stuff for reference only (copy below for specific skin) ********************** */
div {/*  border:1px solid red; */ }
/* BASE BACKGROUND COLOR */
/* set a background image or color on all the pages */
body.full,body.sidebar,body.microbase,body.blogbase,body.homepage,body.threecol,body.threecolblg,body.twocol,body.twocolmr,body.secthead,body.custom    {
/*
background: #ffffff;
background: green;
background-image:url("../graphics/turftop2.gif");
background-repeat:repeat-x;
background-position: 89px 0;
*/
/* set the default text color, mostly affects the included files */
/* color:red; */
}

/* PANEL BACKGROUNDS */
/* Set background colors and/or images (only) for the -content- panels in all views */
/* Backgrounds best done in the color scheme,because of various interactions        */
/* there is some interaction */
/* all content panels */
div#content1full,
div#content1,
body.sidebar,
body.homepage,
body.todolistbase,
div#content1sect,
div#content1homepg,
div.colmid,
div.colleftblg,
div.col1wrapmr,
div.colleft2panel  {    
/*
background: black url("../graphics/turfgradienttxt.gif");
background-repeat:repeat-x;
background-attachment:fixed;
background-position: top left;
*/

}

/* Set background color changes (only) for all left panels */
div#mainmenuhome,
div#sidemainmenu,
div.colmidblg,  
div.colleft,
div.colmask2panel,
div.colmask2panelmr
{
 /* background: red; */
}

/* combined for background color changes for right panels */
div.colmask,div.colmaskblg,div.colmask2panelmr { 
/* background:red; */
/* background: blue;  */
}

/* set the background for the div that surrounds the whole logo and titles area */
div#logosurround {
/*
background: #336600;
*/
}

/* set the background for the div that surrounds the left side logo */
div#homelogo {
/*
background: #336600 url("../graphics/cowhidemd.gif");;
*/

/* width:      138px;  */ /* if this is adjusted it may affect title centering */
/* height: 110px; */ /* this sets the height of the top logo/title area */
}

/* set characteristics of the image that is the left side home logo */
img.homelog {
}
/* set the text that can appear over or in place of the main left logo */
span.homelogotextcompname {
}
span.homelogotext {
}

/* set the background for the div that surrounds the right side top area */
#mainlogosidebar,#mainlogohomepage,#mainlogosecthead  {
/*
    color:      #000000;
    background: transparent;
*/
}

/* TEXT IN PANELS */
/*** text:content areas ***/
div#content1,
div#contentfull,  
div#content1panels, 
div#content1panelsblg,
div.content1panelsblg, /* best to use id for these, this is safety only */
div#content2panel,
div#content2panelmr,
div#content1sect,
div#content1homepg
{
/*
 color: #000000;
*/
}

/*** text:leftside (sidemenu) panel ***/
div.colleft,
div.colleft2panel,  
div.colleft2panelmr,  
div#sidemainmenu,
div.sidemainmenupostblg
{
/*
 color: #ffffff;
*/
}
 
/*** text:rightside (auxiliary) panel ***/
div#pagecolumn3
{
 /* display:none; */
/*
 color: #000000;
*/
}

/*** text:inside primary top panel (non-menu) ***/
div#logosurround div,
div#logosurround h1,
div#logosurround h2,
div#logosurround table
{
 /* color: #000000; */
}



/* OLD set text colors  in panels and content areas, other content in panels */
/* select some out if you are using background colors */
div#content1full,
div#content1sect,
div#content1,
div#content1homepg,
div#content1panels,
div#content1panelsblg,
div#content2panel,
div#content2panelmr
{/*  color:red; */ 
}



/* LINKS IN PANELS */
/*** links:inside content areas ***/
div#content1 a,
div#contentfull a,
div#content1panels a,
div#content1panelsblg a,
div.content1panelsblg a,
div#content2panel a,
div#content2panelmr a
{
 /* text-decoration: underline; */
 /* text-decoration: none; */
}
div#content1 a:link,
div#contentfull a:link,
div#content1panels a:link,
div#content1panelsblg a:link,
div.content1panelsblg a:link,
div#content2panel a:link, 
div#content2panelmr a:link
{
 /* color:blue; */
}
div#content1 a:visited,
div#contentfull a:visited,
div#content1panels a:visited,
div#content1panelsblg a:visited,
div.content1panelsblg a:visited,
div#content2panel a:visited, 
div#content2panelmr a:visited
{
 /* color:#6666ff; */
}
div#content1 a:active,
div#contentfull a:active,
div#content1panels a:active,
div#content1panelsblg a:active,
div.content1panelsblg a:active,
div#content2panel a:active,
div#content2panelmr a:active
{
 /* color: yellow; */
}
div#content1 a:hover,
div#contentfull a:hover,
div#content1panels a:hover,
div#content1panelsblg a:hover, 
div.content1panelsblg a:hover, 
div#content2panel a:hover,
div#content2panelmr a:hover
{
 /* color: red; */
}

/*** links:inside leftside (sidemenu) panel (non-menu) ***/
div.colleft a,
div.colleft2panel a,
div.colleft2panelmr a,
div#sidemainmenu a,
div.sidemainmenupostblg a
{
  /* text-decoration: none; */
}

div.colleft a:link,
div.colleft2panel a:link,
div.colleft2panelmr a:link,
div#sidemainmenu a:link,
div.sidemainmenupostblg a:link
{
 /* color:#ffffff; */
}

div.colleft a:visited,
div.colleft2panel a:visited,
div.colleft2panelmr a:visited,
div#sidemainmenu a:visited,
div.sidemainmenupostblg a:visited
{
 /* color: #ddffdd; */
}
div.colleft a:active,
div.colleft2panel a:active,
div.colleft2panelmr a:active,
div#sidemainmenu a:active,  
div.sidemainmenupostblg a:active
{
 /* color:#ff0000; */
}

div.colleft a:hover,
div.colleft2panel a:hover,
div.colleft2panelmr a:hover,
div#sidemainmenu a:hover,  
div.sidemainmenupostblg a:hover
{
 /* color:#ff0000; */
}

/*** links:rightside (auxiliary) panel ***/
div#pagecolumn3 a
{
  /* display:none; */
  /* text-decoration: none; */
  /*text-decoration: underline; */
}
div#pagecolumn3 a:link
{
 /* color:#ffffff; */
}
div#pagecolumn3 a:visited
{
 /* color: #ddffdd; */
}
div#pagecolumn3 a:active
{
 /* color:#ff0000; */
}
div#pagecolumn3 a:hover
{
 /* color:#ff0000; */
}
 
/*** links:inside primary top panel (non-menu) ***/
div#logosurround
{

}

/* BREADCRUMBS the div that holds the breadcrumbs bar in various views */

div#fullsplit,div#fullsplitfull,div#fullsplitsect {
/* background: black; */
}
/* this affects all the functions on the right side only of the breadcrumbs bar */
span.functions {/* display:none; */}
/* this affects all the functions on the left side only of the breadcrumbs bar */
span.breadcrumbs {/* display:none; margin-left: 0px; */}

/* set color of the social site links in the breadcrumbs bar */
a.socialsite:visited,a.socialsite:active,a.socialsite:link,a.socialsite:hover {}
a.socialsite:hover {}

/* set color of shopping cart links in breadcrumbs bar */
A.shopcarttiny:visited,A.shopcarttiny:active,A.shopcarttiny:link,A.shopcarttiny:hover {}
a.shopcarttiny:hover {}
a.shopcarttinyoh { /* help page link */ }

/* SEARCH */
/* when the search box is set into the sidebar, top, etc one of these surrounds it */
div.searchboxside,div.searchbox,div.searchboxtop {}
/* the searchbox submit button which has the word 'search' in it */
button.searchbutside,button.searchbuttop,button.searchbutsect {}
div.searchboxtop button {
/*
position:relative;
bottom:1px;
*/
}

/* MENUS */
/* normally autmatic up buttons for use in sebfolders */
div.menuitemup,div.menuitemupNS4 { /* display:none; */}

/* optional images that may appear at the top and bottom of the sidebar menus */
img.mainmenustart,img.mainmenuend  {
/* display: none ;  */
}

/* Menu Surrounding divs for various places */

/* Menu div surrounds set according to where the menu is located */
div#fullmainmenu,div#sidemainmenu,div#sidemainmenusect,div#mainmenuhome,div#mainmenucustom,div.sidemainmenupost,div.sidemainmenupostblg,div.sidemainmenupostmr,div.sidemainmenupost2,div#mainmenucustom
{}

/* general menu surround divs used according to TYPE of menu selected */
div#sidemenuitems,div#fullmenuitems,div#deflistmenuitems,div#custommenuitems {}

div#fullmenuitems {
/* background: black; */
/* background: #b46696; */
/* text-align: center; */
}

/* used for subarea navigation menus */
div#fullsubareanav,div#fullsubareanavfull {}

/* what is displayed when you are on this page */
div.menuitemsel {
/*
background: transparent url("../graphics/mainmenuhover.gif") ;
background: transparent;
*/
}
/* selected anchor in menus if layouttype is full or sidebar */
/* This is the color of the main menuitem when it is the same page we are on */
a.menuitemsel:visited,a.menuitemsel:active,a.menuitemsel:link,a.menuitemhsel:visited,a.menuitemhsel:active,a.menuitemhsel:link {
/*
    color: #ff0000;
    background: transparent url("../graphics/mainmenuhover.gif");
background: transparent;
color: #000000;
*/
}



/* 'menu as buttons' */
div.menuitem,div.hpmenuname {
/*
margin: 4px;
background: #336600;
border: 4px solid #ddffdd;
border: 3px solid #336600;
border-style: ridge;
border-style: groove;
border-style: outset;
border-style: inset;
border-style: double;
border-style: ridge;
background-color: #00CC33 ;
background: #336600 url("../graphics/cowhidemd.gif");;
background: transparent;
*/
}

/* Set the background behind the text for both vert style and horiz style */
/* normally the vert menu takes its color from its background, the horiz 
   menu must be set to match
*/
/* vert menus */
div.menuitem,div.hpmenuname
{
/* set as transparent above */
/* background-color: #336600 ; */
}
/* horiz menus */
span.menuitem
{
 /* set as transparent above */
/*  background-color: #336600 ; */
}


/* menus - kill all the graphics */
a.menuitem:active,a.menuitem:link,a.menuitemf:active,a.menuitemf:link,a.menuitemx:active,a.menuitemx:link,a.menuitemh:active,a.menuitemh:link {
/*
    text-decoration: none;
    background: transparent url("../graphics/mainmenunormal.gif") ;
    background: transparent;
*/
}
a.menuitem:visited,a.menuitemx:visited,a.menuitemh:visited,a.menuitemf:visited {
/*
    background: transparent url("../graphics/mainmenunormal.gif") ;
*/
}
/* what happpens when you hover over a menu item */
a.menuitem:hover,a.menuitemh:hover,a.menuitemf:hover {
/* 
background: transparent url("../graphics/mainmenuhover.gif");
color: #ff0000;
*/
}

/* set a background etc on the horizontal menus only */
div#fullmenuitems {/* background: blue; */ }
/* set a background etc on the section head type menus only */
div#splitmenusurr { /* background: blue; */ }


/* SIDEANNOUNCE  */

/* affect the textual sidebar announcement */
p.sideannounce {/* color: #ffffff; */}

/* these affect the special featured item in the sidebar */
span.announcepageartist,span.announcepagetitle,span.announcepage {
/* font-weight:bold;*/
}
span.announcepage {
/* 
color: #009900;
font-weight:bold;
*/
}
span.announcepageprice {
/* color: #ff0000; */
}
/* The copyright notice lives here  */
div#fullbot2 {
/*
border-top: 1px solid #ddffdd;
background: #000000;
*/
}

div#stdinfocenter {
/* color: #ffffcc; */
}

/* --- TITLES --- */
/* change all the main title colors */
h1.pagetitlesechead,h1.pagetitle1,h1.subtitle1,h1.pagetitle2sect,h1.pagetitle2,h1.subtitle2,div.companytagline {
}
/* Select specific page titles to not show */
h1.pagetitle1,h1.pagetitlesechead {/* display:none; */} /* primary title */
h1.subtitle1 {/* display:none; */} /* page subtitle */
div.companytagline {/* display:none;*/ } /* company tagline */

/* eliminate or alter the whole 'next' section that apperas after the content */
div#nextmain,#nextmainsect,div#nextmaintext {
 display:none;
}














/* *************************************************************************  */
/* *********** Specific additions made for this skin   ********************** */

/* if any files other than the style files were changed to make this skin     */
/* should be noted first here                                                 */

/* ****** New sideannounce brands stuff *****************************************/
/* made new template  for templates/minibase/list2sideannouncebrands */
/* <!-- #include virtual="list2sideannouncebrands.css" --> */
/* ***************************** style for menu announce section ************** */
/*                               include list2sideannouncebrands.css            */
/* remove later */
/* div class=sideannounce */
.sideannounce {
/*    float:      none; */
float: left;
clear: none;
/*    width:      98%; */
/*    margin-left: 1%; */ /* use this to center by splitting the width remainder in half */
    width:      auto; 
    margin:     0 0 0 0; /* (order: ) */
    /* height:     50px; */
/*    border:     1px solid black; */
    /* padding:    0px; */
/*     color:	#000000 ; */
    font-size:  12px;
    text-align: center; /*   */
    vertical-align: baseline; /* baseline middle sub super text-top text-bottom top bottom  */
    background:	transparent;
}

p.sideannounce {
    text-align: justify;
/*     color: #336600 ; */
}

.sideannounce img {
width: 160px;
height: auto;
border: 2px solid #ddffdd ;
}

.sideannounce div {
padding-left: 4px;
}
/* end remove later */

/* ********* above is stock stuff **********  */

/* this belongs in perpage folder */
/************* logos brand minilist in side panel  */
hr.sideannbrndminilist2phr1 {display:none;}
hr.sideannbrndminilist2phr1 {display:none;}
div.sideannbrndminilist2pxtradiv1 {display:none;}
p.sideannbrndminilist2p {display:none;}
h2.sideannbrndminilist2p {display:none;}
h3.sideannbrndminilist2p {display:none;}
div.sideannbrndminilist2pxtradiv2 {display:none;}
p.sideannbrndminilist2ppara1 {display:none;}
a.sideannbrndminilist2ppicurl1 {display:none;}
img.sideannbrndminilist2pimg1 {display:none;}
p.sideannbrndminilist2ppara2 {
/* display:none; */
margin:0 0 0 0;  
padding: 0 0 0 0;
}
a.sideannbrndminilist2ppicurl2 {}
img.sideannbrndminilist2pimg2 {
width: 146px;
width: 162px;
margin: 2px 0 2px 0;
padding: 0 0 0 0;
/* height: auto; */
/* height: 50px; */
max-height:40px;
border: none;
}
p.sideannbrndminilist2ppara3 {display:none;}
a.sideannbrndminilist2ppicurl3 {display:none;}
img.sideannbrndminilist2pimg3 {display:none;}
div.sideannbrndminilist2pxtradiv3 {display:none;}
div.sideannbrndminilist2psig {display:none;}




/* this is in the parts template */
div.sidebarlogosurround
{
 float:left;
 margin:4px 0 8px 0;
 padding:0 0 0 0;
 width:100%;
 background:white;
 text-align:center;
 border:none;
/*
 position:relative;
 left:-6px;
 left:0px;
*/
}


/* ******************** Other changes ****************/
/* ********* Adjustments to homelogo and similar */
img.homelog {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
   display:inline;  /* turn on the home logo as a graphic again */
}

div#homelogo {
background: #00CC33;
background-repeat:no-repeat;
height: 110px;
/* for the green */
/*background: #336600;*/
background: #336600;
background: transparent url("../graphics/logobricksky3.jpg");

background-repeat:no-repeat;

height: 110px;
/* remove overlay graphic, allow logo graphic to show up */
background: transparent;
background-repeat:no-repeat;
height: 110px;
width:153px;
}

/******** set the text that can appear over or in place of the main left logo */
/*  make it go away completely */
/* dump the text labels */
span.homelogotextcompname { 
/* color:white; */
/* mikes */
color:red;
display:none;
}

span.homelogotext {
}
span.homelogotext:after {
content:"Music";
font-weight:bold;
position:relative;
right: 3px;
/* color: #ff0000; */
color: white;
color:red;
display:none;
}

/*********** Top area right image */
/* this sets the right top image that used to be the old right side image.*/ 
/* set the background for the div that surrounds the right side top area */
#mainlogosidebar,#mainlogohomepage,#mainlogosecthead  {
background: transparent url("../graphics/airbanner.gif");
background-repeat:no-repeat;
background-position: right top;
margin: 0 0 0 0;
background-repeat: no-repeat;
background-position: right top;
background: no-repeat right bottom transparent url("../graphics/pagegraphic.gif");
background: no-repeat right bottom transparent url("/graphics/veryold/medium/april07mainMd.png");
}

/*********** main title positioning */
/****  fix the positioning since we have no search function taking up space */
div#mainlogotitles 
{
position:relative;
top:26px;
}


/**********  stuff pulled from local style ***********/
/************* Adjust the faq and faqlist */
p.faqlist2ppara1,p.faqlist2ppara2,p.faqlist2ppara3
{
 text-align:justify;
}

li.faqheadlist2p
{
text-decoration:none;
list-style-type:none;
}

a.faqheadlist2pname
{
 text-decoration:none;
 font-size:120%;
}

a.faqheadlist2pname:link {color:#0000cc;}
a.faqheadlist2pname:visited {color: #336699;}
a.faqheadlist2pname:visited {color: #333366;}
a.faqheadlist2pname:active {color:#ffff00;}
a.faqheadlist2pname:hover {color:#ff0000;}

h2.faqlist2p a
{
text-decoration:none;
}
h2.faqlist2p
{ 
 position:relative;
 left:-4px;
}
/* sets the box around the faq head */
div#content2panel ul 
{
 padding-top: 4px;
 padding-bottom: 4px;
 padding-left: 4px;
 padding-right: 2px;
/*  background: #eeffee; */
 background: #f9fff9;
/*  border:5px double #336600; */
  border:2px solid #336600;
/* 2 px works above, 3 causes right border to be more eaten by small screens */
/* width: 86%; */
/* match as close as possble other page templates width */
width: 98%;
/*  margin: 0 10px 0 10px; */
margin-left:auto;
margin-right:auto;
/*  border-radius: 10px 10px; */
}

/********** Adjust the Brand List template (brands.html) */
p.brandlist2ppara3,p.brandlist2ppara2 {
/* display:none; */
}
p.brandlist2pd {display: none;}

h3.brandlist2p
{
margin: 0 0 0 0;
padding: 0 0 0 0;
}

/**** add some space at the top of the third column brand list on the brands page */
/* (when used) */
/* list2brandsSm.html */
div.brandlist2pxtradiv2
{
width:90%;
height: 8px;
}


/********** Adjust fancybox template */
/* Fancy surrounding box */
div.fancyboxoutr
{
float: left; /* added to fix picture outside of box */
border:3px solid #336600;
/* border-radius: 10px 10px; */
/* margin:10px auto 10px auto; */
/* width:90%;   */
/* make match other templates */
width:99%;
}

h3.fancyboxlist2p { /* subtitle  */
color: #ffffff;
background:transparent;
}
img.fancyboxlist2pimg1,img.fancyboxlist2pimg2,img.fancyboxlist2pimg3 {
/* border: 1px solid #336600; */
float:left;
border:1px solid black;
position:relative;
top: -5px;
}


/************** h1 intext what is this for? */
h1.intext,
h2.intext,
h3.intext,
h4.intext,
h5.intext
{
 margin-left: -10px;
/*
 margin: 6px 0 4px 0;
 position:relative;
 left:-10px;
 font-size:  18px;
 font-size: 135%;
 margin: 0 0 0 0;
 padding: 8px 10px 0px 0px;
*/
}

/* ************ adjust the contact page stuff */
/* remove the fax number */
/* div#conphone2 {display:none;} */
 span#conphonefaxtag {display:none; } 

/* ************ stuff to do with search */
/* remove search on databases */
/* this is better done in stdlayoutdefs.html */
/* but that does not remove it from the databases */
div.searchboxtop {display:none;}


/* --- test experimental below this --- */







/************ fix picture border colors on about page */
/*
   this section in no loger used on the about page, which is now
   list207faqhead.html and list200basic.html
*/
img.bigpicthenbasiclist2pimg3 {
border: 3px solid #000000;
}
img.bigpicthenbasiclist2pimg2 {
border: 3px solid #000000;
}
img.bigpicthenbasiclist2pimg3 {
border: 3px solid #000000;
}


/* fix pic border color on products page */
/*  this template seems to be no longer used in the products.html page */
img.productslist2pimg3 {
border: 2px solid #000000;

}

/* -------------- changes from 08/29/15 ----------------------------------- */
/* xxxxxxxxxxxxxxxxxxxxxxxxxx */


/************* one plus two across changes  */
/* index page fix pics */
img.oneplus2acrlist2pimg1 {
margin-left: auto;
margin-right: auto; 
margin-top: 8px;
border: 2px solid #336600;
border: 1px solid black;
/* display: inline; */
/* width: 140px; */
/* width: 96%; */
width: 90%; real
/* width: 97%; */

/* height: 250px;  */
vertical-align: top;
}

img.oneplus2acrlist2pimg2 {
float: left;
margin: 6px 8px 2px 8px;
/* border: 2px solid #336600; */
border: 1px solid black;
/* width: 150px; */
width:92%;
}

/* more whitespace, borders black, autoadjust width */
img.oneplus2acrlist2pimg3 {
float: left;
margin: 6px 8px 2px 8px;
/* border: 2px solid #336600; */
border: 1px solid black;
/* width: 150px; */
width:92%;
}




p.oneplus2acrlist2ppara2 {
clear: left;
/* padding-right:4px; */
/* margin-right:6px; */
/* border:1px solid red; */
/* more whitespace */
margin-right:6px;
}

p.oneplus2acrlist2ppara3 {
clear: left;
/* more whitespace */
margin-right:6px;
/* border:1px solid red;  */
}

div.oneplus2acrlist2sect2 {
float: left;
width: 49%;
padding-right:4px;
/* border: 1px solid green; */
/* text-align:justify; */
}
div.oneplus2acrlist2sect3 {
float: left;
 width: 49%;
padding-left:4px;
/* border: 1px solid green; */
/* text-align:justify; */
}

/**************  set the color of the main titles */
div#logosurround div, div#logosurround h1, div#logosurround h2, div#logosurround table
{
  color: #ffffff;
}

/****  adjust the left,right, and top margins in the content area for the twocol layout */
div.content2panel,div#content2panel { /* Primary Content goes here */
/* margin:0 15px 0 215px;*/       /* Centre column side padding:
             Left padding = left column width + centre column left padding width
             Right padding = right column width + centre column right padding width */
margin:20px 45px 0 245px; /* added 20 to each side */
background: transparent;
/* background: #dddddd; */
/* this keeps the faq-head rght border from being eaten at smaller screen sizes */
padding-right:2px;
}

/* add a very light border to the right column, when used */
div.colmid {border-right: 1px solid #99ff99;}

/*  change border surrounding pics in basic to thin black lines */
img.basiclist2pimg1 {
/* border: 3px solid #336600; */
border: 1px solid black;
}
img.basiclist2pimg2 {
border: 1px solid black;
}
img.basiclist2pimg3 {
border: 1px solid black;
}


/*********************************************************/
/* **** stuf from localstyle below this */

div#pagecolumn3 a:link {  color: #000000;}
div#pagecolumn3 a:hover{  color: #ff0000;}
div#pagecolumn3 a:visited {color: #666666;}


/* Adjust all widths on the contact box on the contact page */
div#conaddress,div#conemail,div#conphone,div#consocial {
width: 97%;
}

/************ adjust sidebar events section */
/* adjust the color of the title link in the sidebar events section */
a.eventssideannlist2p:link, 
a.eventssideannlist2p:visited,
a.eventssideannlist2p:active {
color:black;
/* display:none; */
}
a.eventssideannlist2p:hover {
color:#ff0000;
color: red;
}


/********** adjust the specials leftbar stuff */
/*  change the specials in sidebar links to all black */
/* adjust the color of the title link in the sidebar specials section */
/*
colleft2panel
.col1wrap2
#content2panel
#nextmaintext
.sidemainmenupost2
.sideannounce
.sideannounce

.sideannouncemini
.sideannboxheadspoutr
.sideannboxheadsptit
.sideannboxsptitCurrent Specials
.sideannboxheadspbod
.specialssidelist2p
.specialssidelist2p Cool New Stuff!
.specialssidelist2pxtradiv2 
.specialssidelist2p .specialssidelist2ppara1 
.specialssidelist2ppara2 .specialssidelist2ppara3 .specialssidelist2pxtradiv3 .specialssidelist2p
.specialssidelist2p
*/

a.specialssidelist2p:link,
a.specialssidelist2p:visited,
a.specialssidelist2p:active,
a.specialssidelist2p:hover
{
color:#000000;
}
a.specialssidelist2p:hover {color:#ff0000;}

/*
.sideannounce a:link {color:red;}
*/








/* ------------------- */
/* 


*/

/* change the color of the links in the left menu */
/*** links:inside leftside (sidemenu) panel (non-menu) ***/
/* these tend to override everything done after inside the left menu */
/* so must override the whole lot for this to work */
div.colleft a,
div.colleft2panel a,
div.colleft2panelmr a,
div#sidemainmenu a,
div.sidemainmenupostblg a
{ text-decoration: none;}
 
div.colleft a:link,
div.colleft2panel a:link,
div.colleft2panelmr a:link,   
div#sidemainmenu a:link,
div.sidemainmenupostblg a:link
{
color:#ffffff;
color:black;
color:#003300;
}
div.colleft a:visited,   
div.colleft2panel a:visited,
div.colleft2panelmr a:visited,
div#sidemainmenu a:visited,   
div.sidemainmenupostblg a:visited
{
color: #ddffdd;
color:black;
color:#006600;
}

div.colleft a:active,    
div.colleft2panel a:active,   
div.colleft2panelmr a:active, 
div#sidemainmenu a:active,    
div.sidemainmenupostblg a:active 
{color:#ff0000;}
div.colleft a:hover,
div.colleft2panel a:hover,
div.colleft2panelmr a:hover,
div#sidemainmenu a:hover,     
div.sidemainmenupostblg a:hover
{color:#ff0000;}




/* below must be commented out as well as defeated, if unused */
/* <!-- #include virtual="additions.css" --> */
/* <!-- #include virtual="standardskin.css" --> */
/* <!-- #include virtual="stdnographicsskin.css" --> */
/* <!-- #include virtual="additionssky.css" --> */
/* *********** below this added by site generator ********************** */