/* ****************** Index of sections below  ******************************* */
/* ***************** Style for basic default unstyled body ******************* */
/* ************ Style for basic unstyled default html  *********************** */
/* *********************** Section by section style ****************************/
/* *************************************************************************** */
/* ************************** Style for Body variations  ********************** */
/* ***************************** 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) ***************** */
/* ***************************** 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 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 *********** */


/* *********** 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 -->


















































 
*/
/*


 


 
<!-- #set var="LAYOUTTYPE" value="FULL" --><!-- does not work here - see stdlayouttypedefs.html -->
*/

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

body {
       background: #ffffff;
/*    background: #ffffff url("../graphics/bodypagegraphic.jpg"); */
    background-repeat: no-repeat ;


/*        font-family: Geneva,Arial,Verdana,Helvetica,Chicago,sans-serif; */
    /* font-family: Garamond,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%;
    background: #ffffff;
}


/* ************ Style for basic unstyled default html  ******************** */
/* set to see all divs */
/*
div {
border: 2px solid red;
}
*/
/* special class to make test code disappear */
.test {display:none;}


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

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%;
/*    color: #000000; */
    margin: 0 0 0 0;
    padding: 8px 10px 0px 10px ;
}

H3 {
/*   font-size:  16px; */
    /* font-family: Garamond,serif; */
    font-size: 110%;
/*    color: #000000; */
    margin: 0 0 0 0;
/*         border: 1px solid black;*/
   padding: 8px 10px 0px 10px ;
}

H4 {
/*    font-family: Garamond,serif; */
    font-size: 100%;
/*    color: #000000; */
    margin: 0 0 0 0;
    padding: 8px 10px 0px 10px ;
}

H5 {
   /*  font-family: Garamond,serif; */
    font-size: 85%;
/*    color: #000000; */
    margin: 0 0 0 0;
   padding: 8px 10px 0px 10px ;
}

H6 { 
/*    font-family: Garamond,serif; */
    font-size: 75%;
/*    color: #000000; */
 /*       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 */
a {text-decoration: underline;}
a:link {color:blue}
a:visited {color: #000066;}
a:active {color:red;}  
a:hover {color:#663333;}


/* *********************** 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; */
/*
    background: #ffffff url("../graphics/bodypagegraphic.jpg");
    background-repeat: no-repeat ;
*/
background: #ffffff;

    color: #000000;
   /* font-family: Garamond,serif; */
}

body.sidebar,body.microbase,body.blogbase,body.homepage,body.purchasebase   {
/*       background: #fffFFe url("../graphics/WebPage05.jpg") ; */
/*        background: #ffffff; normal */
/*
    background: #ffffff url("../graphics/bodypagegraphic.jpg");
    background-repeat: no-repeat ;
*/

background: #ffffff;
    /* font-family: Garamond,serif; */
    color: #000000;
/* below for testing only, properly goes into include file */
/*        background: #00cc00 ; */
/* background-repeat: repeat-y ; */
/*cursor: crosshair ;*/
/*cursor: help ;*/
}

body.secthead   {
/*
    background: #ffffff url("/stdinc/(none)/graphics/bodypagegraphic.jpg");
    background-repeat: no-repeat ;
*/
background: #ffffff;
    /* font-family: Garamond,serif; */
    color: #000000;
}

body.homepage   {
}


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

#fulltop1  {
    float:      none;
    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:     5px solid red; 
    padding:    0px;
/*    color:	black; */
    color: #ffffff;
    background:  #ff0000;
    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:      none;
    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:     10px solid red; */
    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: #dddddd;
}

/* ***************************** style for left side homelogo ***************** */
/*                               include pagehomelogo.html                      */
#homelogo  {
    float:      left;
    clear: left;
/*    width:      142px;  */
/*   width:      99%; */
    width:      138px;
/*   height:     80px;  */ /* this was original */
    height:     90px; 
    height:     133px; /* runt */

/*    border:     1px solid red; */
    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  */
/*     background:        green; */
/*     background:	transparent;   commenented out for netscape 4 (goes black otherwise) */
/*     cursor: crosshair ; */

}

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

}

/* optional txt for short company name and 'home' that can be positioned here over the logo */
span.homelogotextcompname {
color:white;
position: absolute;
left: 6px;
top: 4px;
display:none;   

}
span.homelogotext {
color: black;
font-size: 12px;
position: absolute;
left: 2px;
top: 26px;
 display: none;
}



/* ************************ 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 */
      background: transparent url(../graphics/pagegraphic.jpg) no-repeat ; /* trying this shorthand */
}

#mainlogohomepage  {
/*
    float:      right;
    clear:      right;
    width:      454px; 
    height:     80px;
    padding:    0px 0px 0px 0px;
    padding:    0px 0px 0px 0px;
    margin:     0 0 0 0;
    color:	#000000;
    text-align: center; 
    vertical-align: baseline;
    background: transparent;
    background-repeat: no-repeat ;
*/
}





#mainlogosidebar,#mainlogohomepage  {
    float:      right;
    width: 65%;

/* 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%; */
/* width: 75%; */ 
/*  border: 1px solid red; */


    height:    90px;
/*  border:     1px solid red; */
/*    padding:    0px 0px 0px 4px; */
padding:    0px 0px 0px 0px;
/* padding-left: 12.5%;*/
    margin:     0 0 0 0; /* (order: )  */
    color:	#000000;
/*    font-size:  22px; */
    text-align: left; /* text to left, graphic to right  */
    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 */
/*      background: transparent url(../graphics/pagegraphic.gif) no-repeat ;*/ /* trying this shorthand */
/*
     background: transparent url(../graphics/pagegraphic.jpg) no-repeat scroll top right;
*/

background: transparent url(/stdinc/skinrunt4men/graphics/4menright.gif) no-repeat scroll top right;
}





/* may not be used */
#mainlogo  {
    float:      right;
    clear:      right;
/*    width:      138px; */
    height:     81px;
/*    border:     1px solid black; */
    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; 
}

/* 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: 65%;
/*    padding-left: 20%; */
/*float: left;*/
margin-left: auto;
margin-right: auto;

/* 
don't do this below, as it causes a space on the right side. 
Move something else to center 
*/
/*
position: relative;
left: 25%;
*/
/*  border: 2px solid green; */
/* background: blue; */
}

/* *********************** style for hardfullspacer *************************** */
/* normally used just to insure a full width horizontal 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: 2px solid red; */
    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 */

/* border: 1px solid red; */
/* 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: #666666;
/* 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: fantasy;
/* 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 */
    padding-left: 20px;
    padding-right: 6px ;
    margin: -8px 0px 0px 0px ; /* this neg offset is added to fix opera */
/*  border: 1px solid black; */
    text-align: right ;
}
div.searchboxtop { /* used when search box top of page */
width: 49%;
    padding-left: 0px;
    padding-right: 0px ;
    margin: 12px 0px 0px 0px ; /* */
margin: 0px 0 0 0;
/*  border: 1px solid black;  */
    text-align: left ;
/* border: 1px solid red; */
}

div.searchboxside { /* used when search on side panel */
    padding-left: 2px;
    padding-right: 2px ;
    margin: -20px 0px 0px 0px ; /* this neg offset is added to put above blank graphic  above */
/*  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: white ; */
    background: transparent ;
/* display: none; */
/* border-width: 1px ; */ 
/*border-color: black; */
/* border-style: none; */
/* border-style: hidden; */
    border: none ; 
/* border: 1px solid black ; */
    margin-bottom: 0px ;
    padding: 0 0 0px 0 ;

}

button.searchbutsect {
    vertical-align: middle;
    background: transparent;
/* display: none;*/
    border-width: 8px ; 
    border-color: white;
    border-style: none;
/* border-style: hidden; */
    margin-bottom: 4px ;
    padding: 0 0 0px 0 ;
}

/* the actual image used by the search buttomn 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 ;
}


/* ***************************** 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: #ffffff url("../graphics/ltrgray.gif"); */

/* background: #ffffff url("../graphics/ltrgray.gif"); */
 background: transparent;
 border-bottom: 1px solid #cccccc;
} 

/* 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: #ffffff url("../graphics/ltrgray.gif"); */

/*  background: #ffffff url("../graphics/ltrgray.gif"); */
 background: transparent;
 border-bottom: 1px solid #cccccc;
} 

/* 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;
/*    border: 1px solid red; */
/*    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; */
/*    color: #cccccc; */
/*    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;
/*     border:     1px solid red ; */
     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:      white;
/*    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: white;
    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: #ff0000;
}

/* 
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;
}


/* ************************ 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:	black;
    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                      */

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

/* These three options on menus based upon page layout style */

#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  */
 border:     1px solid #999999;
    background: #dddddd;
/*     border:     1px solid red;  */

/* MODIFIED */
background: #222222;
background: transparent;
text-align: center; 
}

#sidemainmenu,#sidemainmenusect  {
    float:      left;
    clear:      left;
    width:      180px; 
                /* set width for menu section top of page */
/*    border:     1px solid red; */
/*    padding-left:    8px; */
/*    padding-top:    8px; */
/*    padding-bottom:    8px; */
    margin:     0 0 0 0;   /* (order: )  */
/*    color:	#000000; */
/*    color: #000000;  commented out for netscape 4*/
/*      font-size:  22px; */
    text-align: left; /*   */
/*      vertical-align: text-top; */ /* commented out for netscape 4  */
/*      background:	transparent; */ /* commented out for netscape 4 */ 
}

#sidemainmenusect  {
/* for this purpose, set to same as above */
/*
    float:      left;
    clear:      both;
    width:      180px;
    color: #ffffff;
    text-align: left; 
    vertical-align: text-top;
    background:	transparent; 
*/
}


/* for the indivicual items, two variations based upon page layout style */
#fullmenuitems {
      padding-top:    10px; /* set black topand bottom for all here */
      padding-bottom:    5px;
padding: 4px 0 2px 0;
/*     border:     1px solid green; */
/* background: #000000; */
/* MODIFIED */
background: #222222;
background: transparent;
    color: #ffffff;
/* text-align: left; */
}





#sidemenuitems {
/*    padding-top:    8px; */
/*    padding-bottom:    8px; */
/*      padding-top:    8px;*/
/*      padding-bottom:    8px; */
/*      padding-left: 8px ; */ /* this could be used to fix opera problem but would need garphc change as well */
/*     border:     1px solid green;  */
/*      background-color: transparent ; */
/*      color: #ffffff; */
/*      color: transparent; */
      color: #ffffff;

display:none;  /* turned off so side area can still be used */
/* also killed the actual include in pagemainmenu.html - NO, 
   as it affects the full size version  */
}



/* 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 ;
display:none;
} 
/* did not seem to exist, maybe for a reason */
div.menuitemupNS4 {
display: none;
} 

/* 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 ;
display:none;
}


/* 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: #006666;
    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 ; */
display: none;
}

/* 
   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 #222222;
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 ; 
}

/* MODIFIED */
/* redefine the menu colors */
/*
<!-- #set var="MENULINKCOLOR" value="ffffff" -->
<!-- #set var="MENUVISITEDCOLOR" value="cccccc" -->
<!-- #set var="MENUHOVERCOLOR" value="ff0000" -->
*/

/* if home page style menus or linklist style menus */
/* FIXME 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: #cccccc;
    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 {
}   

/* *** 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: #cccccc;
    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;
    font-size:  18px;
font-weight: bold;
 text-decoration: underline;
 text-decoration: none;
}

/* if linklist style menus (auto descript)*/
.linklist dd {
color: black;
/*   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 dependingupon if they need to flow */
/* menuitem if layouttype is sidebar */
div.menuitem,div.hpmenuname {
/*    font-size:  20px; */
/* MODIFIED */
font-size:  24px;
    font-weight: normal;
/*    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 ; */
    margin: 0 0 0 0 ;
    padding: 0 0 0 0 ;
/* background-color: yellow ;  */; 
/* MODIFIED */
/* background: black url("../graphics/wash1.jpg") no-repeat 1% 1%; */
background: black url("../graphics/buttonmd2.jpg") no-repeat 1% 1%;
padding-top: 2px;
border: 2px solid white;
} 

/* menuitem if layouttype is full */
span.menuitem,span.menuitemR {
/* MODIFIED */
    font-size:  18px; /* set here for all */
    font-weight: normal ;
font-weight: bold;
/*    border:     1px solid red; */
    margin: 0 0 0 0 ;
    padding: 4px 0 1px 0;
/*   background-color: #00ff00 ;  */
/* MODIFIED */
/* background-color: #00ffff ;*/
/* background-color: black; */
/* background: black url("../graphics/wash1.jpg") no-repeat left top; */
/*background: black url("../graphics/wash1.jpg") no-repeat 30% 10%; */
background: black url("../graphics/buttonmd2.jpg") no-repeat 1% 1%;
} 

span.menuitemR {
/*font-size:  18px;*/
/*
background: red;
background: #ae2204;
*/
background: #ae2204 url("../graphics/wash2redmd.jpg") no-repeat 1% 1%;
/*
padding-top:6px;
padding-bottom:1px;
*/
}





/* if home page style menus - can be the same as div.menuitem */
div.hpmenuname {
/*
text-align: center; 
font-family: Garamond,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: Garamond,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 */

a.menuitem:active,a.menuitem: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 ; */

/* MODIFIED */
/* background: transparent ; */
/*   background: black url("../graphics/news.jpg") ;*/
/* background: black url("../graphics/wash1.jpg") no-repeat 1% 1%;*/
/*    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 {
    color: #cccccc ; 
    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 ;

/*
background: black url("../graphics/wash1.jpg") no-repeat 1% 1%;
padding-top: 2px;
 border: 2px solid white;
*/

/* MODIFIED */
background: transparent ;
    padding-left: 2em ;
    padding-right: 1em ;
/*    padding-left: 10px ; */
    padding-top: 10px ;
    padding-bottom: 10px ;
    background-repeat: no-repeat ;
/*    background-position: center left ;*/
 background-position: center left;
/*   background: black url("../graphics/news.jpg") ;*/

}

a.menuitemx:visited {
background: transparent;
}

a.menuitem:hover,a.menuitemh: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;

/* background: black url("../graphics/wash1.jpg") no-repeat 1% 1%; */
/* padding-top: 2px; */
/*  border: 2px solid white; */

/* MODIFIED */
background: transparent ;
    padding-left: 2em ;
    padding-right: 1em ;
    padding-top: 10px ;
    padding-bottom: 10px ;
    background-repeat: no-repeat ;
    background-position: center left;
/*   background: black url("../graphics/news.jpg") ; */
}


/* from menu include */
a.menuitem:hover,a.menuitem:visited,a.menuitem:active,a.menuitem:link,a.menuitemsel:active,a.menuitemsel:link,a.menuitemsel:visited,a.menuitemsel:hover {
    background: transparent;
    background-repeat: no-repeat ;
/*    background-position: auto; */ /* this is an error, no such things as auto here */
    margin: 0 0 0 0 ;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 0px;
    padding-bottom: 0px;
}   


/* from menu include end */



/* what is displayed when you are on this page */
div.menuitemsel {
/*    background: transparent url("../graphics/mainmenuhover.gif") ; */
/* MODIFIED */
background: transparent ;
    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 ;
/*   background: black url("../graphics/news.jpg") ; */
}

/* 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: #000000;
    text-decoration: none;
/*    background: transparent url("../graphics/mainmenuhover.gif") ; */
/* MODIFIED */
background: transparent ;
    padding-left: 2em ;
    padding-top: 10px ;
    padding-bottom: 10px ;
    background-repeat: no-repeat ;
    background-position: center left ;
   background: black url("../graphics/news.jpg") ;
}


/* 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 ; */ /* commented out for runt */
   padding-left: 10px ; /* these for runt home page */ 
   padding-right: 10px ;
/* background: black; */
background: transparent;
}

/* 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: green;
/*    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;
    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:      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: #222222 ;
}

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

/* ***************************** 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;
 /*   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: 4px 10px 0px 20px ;
  /*  padding-left: 10px;*/
/*    padding-right: 10px;*/
/*    margin:     0 0 0 0; */ /* (order: ) */
    color:	red;
    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:	blue;
    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:	blue;
    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:	red;
    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;
/* clear: both; */
/*    width:      98%;*/
/*    margin-left: 1%; *//* use this to center by splitting the width remainder in half */
    margin:     0px 0px 0px 190px;
/*    width:      100%;*
   /* margin:     0 0 0 0;*/ /* (order: ) */
    /* height:     50px; */
    border:     1px solid red; 
    padding:    0px;
/*    margin:     0 0 0 0; */ /* (order: ) */
    color:	green;
    font-size:  22px;
    text-align: center; /*   */
    vertical-align: baseline; /* baseline middle sub super text-top text-bottom top bottom  */
    background:	transparent;
}

#innerlocalnavfull  {
/*    float:      none; */  
/*     clear: right; */
/* 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:     1px solid red;
    padding:    0px;
/*    margin:     0 0 0 0; */ /* (order: ) */
    color:      green;
    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  {
/* MODIFIED for runt */

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


    border:     1px solid #999999;
/*     border:     1px solid red; */

      padding-top:    8px; /* set black topand bottom for all here */
      padding-bottom:    5px;

/*     border:     1px solid green; */
/* background: #000000; */
/* MODIFIED */
/*background: #ffffff; */
    color: #ffffff;
/* text-align: left; */
/* height: 30px; */

border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
background: #666666;
}

/*
#fullsubareanav,
*/
#fullmainmenu  {
/* MODIFIED for runt */

/*     border:     1px solid red; */
border: none;

 border-top: 1px solid #000000;
 border-bottom: 1px solid #000000;

background: #666666;
padding: 4px 0 2px 0;

}








/* 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:      green;
    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                     */

/* Three different divs depending upon page layout style selected */
/* this is all in stdprecontent.html */

#content1  {
    float:      none;
 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: text-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;
}


#content1full {
    float:      left;
    clear: both;
    width:      97%;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 0px;
    margin:     0px 0px 0px 0px; /*  (order: top right bottom left) */
/*    border:     1px solid red;  */
    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;
/* modified */
}


/* 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  {
    float:      none;
    clear: right;
/*    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:     5px solid green; */
/*    color:	black; */
    color:       #000000;
    /* font-size:  14px; */
    text-align: left ; /*   */
/*    font-family: Geneva,Arial,Verdana,Helvetica,Chicago,sans-serif; */
    vertical-align: baseline; /* baseline middle sub super text-top text-bottom top bottom  */
   /* background:	#fffffe; */
background:       #ffffff;
}

/* ***************************** 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:	black;
    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 #222222;
    padding:    0 0 0 0 ;
    margin:     0 0px 10px 4px;  /* (order: ) */
    color:	black;
    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: #cccccc;
/* 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: #dddddd;
}


#sidesubareanav span.functions {
/* background: yellow; */
color: #dddddd;/* 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:	black;
    /* 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:	black;
    /* 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:	#000000;
    font-size:  12px;
    text-align: center; /*   */
    vertical-align: baseline; /* baseline middle sub super text-top text-bottom top bottom  */
    background:	#ffffff;
}

/* 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:	#000000;
    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 #222222;
/*    border-radius: 10px 10px; *//* this is css 3 opera and latest mozilla and safari support it */
    padding:    0px;
    margin:     0 0 0 3px; /* (order: ) */
    color:	#000000;
    font-size:  14px;
    text-align: justify; /*   */
    vertical-align: baseline; /* baseline middle sub super text-top text-bottom top bottom  */
    background:	transparent;
display: none; 
}

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

/* different divs depending upon layout type */
/* normal */
div#nextmain  {
    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 red; */
    color:	#000000;
    /* font-size:  14px; */
    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%; */
    width: 290px;
/*    padding-left: 10px; */
/*    padding-right: 10px;*/
    padding-top: 0px; 
    margin-left: auto;
    margin-right: auto;
/*    position-relative: right: 100px; */
  
/*    border:     1px solid red; */
    color:      #000000;
    text-align: left; /*   */
    vertical-align: baseline; /* baseline middle sub super text-top text-bottom top bottom  */
    background: transparent;
}

/* 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:	black;
    /* font-size:  14px; */
    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:	#000000;
    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: #cccccc;
}

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

#fullbot1  {
    float:      none;
    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: ) */
    /* margin:     0px 0px 0px 200px; */ /*  (order: top right bottom left) */
    /* height:     50px; */
    border:     1px solid red;
    padding:    0px;
    color:	#000000;
    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;
/*    width:      98%; */
/*    margin-left: 1%; */ /* use this to center by splitting the width remainder in half */
/*    width:      100%; */
/*    margin:     0 0 0 0; */ /* (order: ) */
    margin:     0px 0px 0px 200px; /*  (order: top right bottom left) */
    /* 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;
}

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

#fullbot2  {
    float:      none;
    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:     1px solid red; */
    padding:    0px;
    color:	#000000;
    font-size:  18px;
    text-align: center; /*   */
    vertical-align: baseline; /* baseline middle sub super text-top text-bottom top bottom  */
    background:	transparent;
}


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

.stdinfo {
    float:      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; */
    padding-top:    8px;
    color:	gray; 
    font-size:  12px;
    text-align: center; /*   */
    vertical-align: baseline; /* baseline middle sub super text-top text-bottom top bottom  */
    background:	transparent;
}

div.stdinfo {
    width: 100%;
    margin-left: auto;   
    margin-right: auto;
    margin-top: 10px;
   border-top: 2px solid #cccccc;
/*   border: 1px solid red; */
}

.stdinforight {
    float:      none;
/*    width:      98%; */
/*    margin-left: 1%; */ /* use this to center by splitting the width remainder in half */
    width:      auto; 
    margin:     0px 0px 0px 190px;
    /* height:     50px; */
/*    border:     1px solid black; */
    padding-top:    8px;
    color:	gray;
    font-size:  12px;
    text-align: center; /*   */
    vertical-align: baseline; /* baseline middle sub super text-top text-bottom top bottom  */
    background:	transparent;
}

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

.stdinfopanel {
    float:      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; */
    padding-top:    8px;
    color:      gray;
    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 */
    width: 100%;
    margin-left: auto;  
    margin-right: auto;
    margin-top: 10px;
    margin-bottom: 10px;
/*   border-top: 2px solid #cccccc; */
/*   border: 1px solid red; */
}


.stdinforightsect {
    float:      none;
/*    width:      98%; */
/*    margin-left: 1%; */ /* use this to center by splitting the width remainder in half */
    width:      auto; 
    margin:     0px 0px 0px 290px;
    /* height:     50px; */
/*    border:     1px solid black; */
    padding-top:    8px;
    color:	#000000;
    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 - matbe 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 for the catalog database views ****************** */

/* Styles for the movit error messages */
.errors {  
color: #000000;  
}
body.errors {
background: #ccccff;
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 {}


/* specifically data entry errors */

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

div#entryerrorsa {
margin-left:auto;
margin-right:auto;
width: 80%;
}
h2.entryerrors {
text-align:left;
color: black;
margin-top: 79px;
font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
text-align:center;
}
div#entryerrormsg {
width: 80%;
margin-left:auto;
margin-right:auto;
margin-top: 20px;
margin-bottom: 40px;
border: 4px ridge red;
background: #ffffff;
}
p.entryerrors {}
span.entryerrors {/* display:none; */}
span#entryerrorwebm {font-weight:bold;}
span#entryerrorback {}




/*                         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: 0 ;
/*     border: 0 0 0 0 ;*/
     color: #222222;
/*       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; */
display:none;
}
/* h2.itemdbpage:first-letter {text-transform: capitalize;} */

h3.itemdbpage {
     padding: 0 0 0 0;
     color: #222222;
/* text-transform: lowercase; */
display:none;
}
/* h3.itemdbpage:first-letter {text-transform: capitalize;} */

h4.itemdbpage {
     font-size:  28px;
/*     font-family: Omicron Zeta,Xanadu,Verdana,Tahoma,cursive ; */
     padding-left: 0 ;
     color: #000000;
/* display:none; */
clear: left;
width: 100%;
text-align: center;
/* background:red; */
}

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;

margin-top: 4px;
/*    align="left" */
}

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

/* 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 {display: none; }
.itemdbpage #albcatnum td {text-align: left;  }
.itemdbpage #albupc {display: none; }
.itemdbpage #alblistprice { }
.itemdbpage #alblistprice td {text-align: left; }
.itemdbpage #albcategory {display: none; }
.itemdbpage #albreldate {}
.itemdbpage #albinstock { }
.itemdbpage #albreturn { display: none; }
.itemdbpage #albadditnotes {display: none; }

td.itemdbpageartist,td.itemdbpagetitle {
font-size: 18px;
text-align: left;
}


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  */
}

img.itemdbpageshocartimg {display:none;}

span.showcartshipping {}

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

a.itemdbpagecart {
}

span.addedtocart {
color: red;
}

input.itemdbpageinpimg
{
display:none;
}


/*                               list views */
img.itemdblist {
float: left;
margin-right:10px;
margin-bottom: 8px;
width:50px;
}

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

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


input.itemdblistimg
{
  border: 0;
  display:none;
}


/*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 #666666;
background: #666666;
text-align: center;
color: white;
}
div.sampleboxtext {
width: 100%;
padding:  0 ;
border: 1px solid #cccccc;
background: transparent;
}

table.samplebox {
background: transparent;;
}

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

td.samplebox2 {
padding: 2px;
color:black;
}

tr.samplebox {
background: transparent;
}

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


/* find more by artist links on item page */
div#findmorebyartistlabel
{
float: left;
clear: left;
margin-bottom: 10px;
/*
border: 1px solid blue;
background: #eeeeff ;
*/

padding: 4px;
/* text-decoration: underline; */
}

div#findmorebyartist
{
float: left;
clear: left;
/*
border: 1px solid blue;
background: #eeeeff ;
*/
padding: 4px;
/* text-decoration: underline; */
}

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;
font-weight:bold;
}
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;
margin-bottom: 8px;
margin-left: 10px;
width: 97%;
/* border: 1px solid red; */
border-bottom: 2px solid black;
    
}
 

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

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

/* status area include */
div.checkoutstatussurround {
float:left;
padding-bottom:2px;
margin: 10px 0px 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 {
/*border:1px solid red;*/
margin: 4px;
/*padding-left: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;
display:none;
}
a#checkoutinfoa2 {}

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


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

/* ****** 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 ;
}


/* Shipping Status page */
div#shippersnotesurr {margin-left:10px;border: 1px solid #330000;width:50%;}
div#shippersnotetitle {text-align:center;font-weight:bold;font-size:110%;border-bottom: 1px solid #330000;background:#330000;color:white;}
p#shippersnote {font-weight:bold;}





/* ********* 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: #222222;
}

span.announcepageprice {
color: #ff0000;
}



/* ******************** 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: #cccccc; 
border: 1px solid #222222; 
*/
width: 70%;
/*border: 1px solid blue; */
margin: 0 0 0 0;
padding: 0 0 0 0;

}
div#conaddresstitle {
background: #dddddd; 
border: #dddddd; 
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; }


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

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

div#conphone {
background: #cccccc;
border: 1px solid #222222;
width: 90%;
/*
margin-left: auto;   
margin-right: auto;
*/
}
div#conphone0 {
/* border-bottom: 1px solid #222222; */
text-align: center;
background: #dddddd;
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: #cccccc;
border: 1px solid #222222;
width: 90%;
margin: 0 0 20px 0;
margin-left: auto;   
margin-right: auto;
}
div#consocial0 {
/* border-bottom: 1px solid #222222; */
text-align: center;   
background: #dddddd;
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 {
}





div#consocial0,div#conemail0,div#conphone0 {display:none;}

h2#contacttitle {
display:none;
}


div#xconphone0 {
width:100%;
text-align:left;
margin:20px 0 0 0px;
padding: 0 0 0 10px;
font-weight:bold;
}

div#conaddress
{
width:70%;
text-align:left;
margin:20px 0 0 28px;
margin:20px 0 0 0px;
padding: 0 0 6px 0px;
}

div#conaddresstitle
{
font-weight:bold;
margin:0 0 0 0px;
padding: 0 0 0 10px;
text-align:left;
}



div#conaddress,div#conaddresstitle,div#conaddressname,div#conaddresslines,div#conemail,div#consocial,div#consocial0,div#conemail0,div#conphone,div#conphone0 {
 background:transparent;
 border:none; 
}

/* adjust the entire contact blocks position on the page */
div#contactall {
/* border: 1px solid red; */
width: 450px;
margin-left:auto;
margin-right:auto;
margin-top: 10px;
}


/* ****************** 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 *********** */
/* ******** 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 #222222;
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 #222222;
}

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

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; */
}

/* 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 ****** */

hr.indexlist2phr1 { display: none;}
div.indexlist2pxtradiv3,div.indexlist2pxtradiv3,div.indexlist2pxtradiv3 {display: none;}
p.indexlist2p {display: none;} /* for the date   */

h2.indexlist2p {
text-align:center;
}
h3.indexlist2p {
text-align:center;
}

a.indexlist2ppicurl1 {
}

img.indexlist2pimg1,img.indexlist2pimg2,img.indexlist2pimg3 {
margin-left: auto;
margin-right: auto;
}
img.indexlist2pimg1 {
margin-top: 10px;
width: 350px;
}

div.indexlist2pxtradiv1 {
width: 99%; 
text-align:center;
}

p.indexlist2ppara1,p.indexlist2ppara2,p.indexlist2ppara2
{
clear:left;
text-align: justify;
}

p.Xindexlist2ppara2,p.Xindexlist2ppara2
{
display:none;
}

/* ******* about : style for the included view of the mini databases for the page called 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 ****** */
/* **** 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 #222222;
/* 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 #222222;
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 #222222;
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 ****** */
p.helplist2p { display: none;} /* no date */


/* ******* 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 ****** */
p.faqlist2p { display: none;} /* no date */



/* ******* 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 #222222;
display: inline;
width: 150px; 
height: 150px;
vertical-align: text-top;

}


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

div.newslist2outer {
float:right;
width:98%;
}

hr.newslist2phr1 { /* display: none; */}
div.newslist2pxtradiv3,div.newslist2pxtradiv3,div.newslist2pxtradiv3 {display: none;}

div.newslist2pxtradiv1 {
width: 99%;
text-align:center;
}

img.newslist2pimg1 {
width: 250px;
}


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

p.newslist2ppara1,p.newslist2ppara2,p.newslist2ppara3 {
 clear: right;
/* background: green; */
width: 96%;
}

p.newslist2p {
float: none;
width: 100%;
 clear: right;
}



h2.newslist2p,h3.newslist2p,p.newslist2p {
width: 95%;
text-align:center;
}

div.newslist2psig  {
width: 100%;
clear: right;
}





/* ******* 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 ****** */
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 ****** */
p.paypalsuccesslist2p {display:none; /* show no date */}
/* ******* paypalcancel : style for the included view of the mini databases for the page called paypalcancel.html ****** */
p.paypalcancellist2p {display:none; /* show 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;}

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

input.pagebaselist2soinp {text-align:right;}




/* **************************************************************************** */
/* 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;
}

div.artistview {
float: left;
width:99%;
text-align: left;
vertical-align: top;
}

div.artistviewl {
float: left;
width:49%;
text-align: left;
vertical-align: top;
}
div.artistviewr {
width: 49%;
float: left;
text-align: left;
vertical-align: top;
}



/* **************************************************************************** */
/* *** 01oneplus2acr : style for the included view of the mini databases - primary ** */


hr.oneplus2acrlist2phr1 {
}

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 #222222;
/* display: inline; */   
/* width: 140px; */
width: 70%;
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 6px;
border: 2px solid #222222;
width: 150px;
}

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

a.oneplus2acrlist2ppicurl3 {}

img.oneplus2acrlist2pimg3 {
float: left; 
margin: 6px 8px 2px 6px;
border: 2px solid #222222;
width: 150px;
}
p.oneplus2acrlist2ppara3 {
clear: left;
}
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 */  
 

/* *** 02oneplus2flow : 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 #222222;
/* display: inline; */   
/* width: 140px; */
width: 50%;
/* 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 #222222;
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 #222222;
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 **** */

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 #222222;
/* 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 #222222;
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 #222222;
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 **** */

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 #222222;
/* 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 #222222;
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 #222222;
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 */


/* ** list200basic.html : style for the included view of the mini databases ** */
/* ******** basic ******** */
/* list200basic.html */
    
hr.basiclist2phr1 {
display: none;
}
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: 0 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 #222222;
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 #222222;
}

p.basiclist2ppara3 {width: 95%;}
a.basiclist2ppicurl3 {}
img.basiclist2pimg3 {
float: left;
margin: 6px 8px 2px 6px;
border: 3px solid #222222;
}

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; */
}

/* ** 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 #222222;
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 #222222;
}

p.basicdatedlist2ppara3 {width: 95%;}
a.basicdatedlist2ppicurl3 {}
img.basicdatedlist2pimg3 {
float: left;
margin: 6px 8px 2px 6px;
border: 3px solid #222222;
}

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 **** */

hr.pictgallist2phr1 {
}

div.pictgallist2pxtradiv1 {display: none;}

h2.pictgallist2p {
margin-top: 6px;
padding: 8px 0 0 4px ;
text-align: center;
width: 95%;
border: 1px solid #666666;
background: #cccccc;
/* 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 #222222;
/* 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 #222222;
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 #222222;
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 */

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

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 */
background: #eeeeff; /* background for right hand column */
background: #cccccc;

/* padding: 2px 2px 2px 2px ; */
/*border: 1px solid blue; */
margin: 0 0 0 0;
border-bottom: 2px solid #cccccc; 
}

div.colmid { 
float:left;
width:200%;
margin-left:-200px;     /* Width of right column */
position:relative;
right:100%;
background: #eeeeee; /* background for the center panel  */
/*
padding: 2px 2px 2px 2px ;
border: 2px solid green;
*/
}

div.colleft { 
float:left;
width:100%;
margin-left:-50%;
position:relative;
margin-left:-50%; 
left:400px;             /* Left column width + right column width */

background: #ffeedd; /* background color for left hand column */
background: #dddddd;
/*
padding: 2px 2px 2px 2px ;
border: 2px solid red;
*/
}

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

/*
padding: 2px 2px 2px 2px ;
border: 5px solid yellow;
*/
background: #ffffcc;

}


div.content1panels {
float: left;
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%;

/*
border: 1px solid red;
*/
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%;
/*
padding: 2px 2px 2px 2px ;
border: 1px solid green;
*/
}

/* ******************* end special 3 column modes  **************** */


/* ***************** 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 {list-style-type:none;}
span.faqheadlist2pdate { display:none;}
span.faqheadlist2pname {}
span.faqheadlist2psubtitle {display:none;}


/* ***************** 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; */}


/* ***************** 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;}


/* this is written by gencatbase for catbase */
/* ******* blogbase : style for the included view of the mini databases for the page called blogbase.html ****** */
/* blogbase */

hr.blogbaselist2phr1 {
display: none;
}
div.blogbaselist2pxtradiv1 {display: none;}

p.blogbaselist2p {}

h2.blogbaselist2p { 
clear: both;
margin: 0 0 0 0 ;
padding: 0 0 0 0 ;
}
h3.blogbaselist2p {
clear: both;
margin: 0 0 0 0 ;
padding: 0 0 0 0 ;
}
div.blogbaselist2pxtradiv2 {display: none;}

p.blogbaselist2ppara1 { }
a.blogbaselist2ppicurl1 {}
img.blogbaselist2pimg1 {
float: left;
margin: 6px 8px 2px 6px;
border: 3px solid #222222;
display: inline;
width: 150px;
height: 150px;
vertical-align: top;
}

p.blogbaselist2ppara2 { }
a.blogbaselist2ppicurl2 {}
img.blogbaselist2pimg2 {  
float: left;
margin: 6px 8px 2px 6px;
border: 3px solid #222222;
}

p.blogbaselist2ppara3 { }
a.blogbaselist2ppicurl3 {}
img.blogbaselist2pimg3 {  
float: left;
margin: 6px 8px 2px 6px;
border: 3px solid #222222;
}
 
div.blogbaselist2pxtradiv3 {display: none;}

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

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


p.labelslist2p {display:none;}



/* ******************* MODS FOR RUNT *********************************** */
/* MODIFIED */   /* look for tags at left */

/* 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;
}

/* ********* mods for front page sale *********** */
/*

*/

p.specialfplist2pdate { display:none;}
h2.specialfplist2p {
color: #336699;
font-size: 230%;
}
h3.specialfplist2p {
color: #336699;

}

hr.specialfplist2p1 {
display: none;
}


p.specialfplist2ppara1 {
color: #336699;
}
a.specialfplist2ppicurl1 {}

img.specialfpimg1 {
float: right;
width: 400px;
width: 40%;
/* padding-left: 20px; */
border: 4px solid #336699;
/* border-radius: 10 10; */
margin: 0px 0px 0px 20px;
}
a.specialfplist2ppicurl2 {}

img.specialfpimg2 {
float: left; 
margin: 0 ;
border: none;
width: 120px;
/*height: 50px; */
}

p.specialfplist2ppara2 {

color: #336699;
}
a.specialfplist2ppicurl3 {}

img.specialfpimg3 { 
float: left; 
/* margin: 6px 8px 2px 6px; */
border: 3px solid black;
width: 1000px;
}

p.specialfplist2ppara3 {
font-weight: bold;
color: #336699;
}

div.specialfpsignature {}
a.specialfpsignature {}

hr.specialfplist2p2 {
margin: 0 0 0 0;
color: #336699;
}

/* end special front page */


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

/* modified for what runt wants in the labels image displays */
div.lblpage {
float: left; 
margin: 0 0 0 0;
/* width: 32%; */
/* font-size:110%; */
width: 150px;
height: 180px;
font-size:50%;
/* border: 1px solid red; */
vertical-align:top;
/*  height: 500px; */
/* min-height: 550px; */
/* height: 450px; */
/* height: 30em; */
/*padding-bottom: 60px; */
padding-left: 1%;

 overflow:hidden;
/* this added to possibly fix IE8 bug: */
text-align:left;
}


img.itemdblistLBL { 
clear:right;
width: 90%;
border:2px solid black;
}

a.itemdblistartist1LBL:link,a.itemdblistartist1LBL:visited {
 color:blue; 
 text-decoration: none;
}

a.itemdblisttitle1LBL:link,a.itemdblisttitle1LBL:visited {
 color:blue;
 text-decoration: none;
}

div.itemdblisttitledLBL {
/*background:yellow;*/
width:96%;
height:1.1em;
/* overflow:hidden; */
text-align:left;
}

span.itemdblistformatLBL {
color:green;
text-align:left;
}


span.itemdblistlistpriceLBL {
text-align:left;
}

/* div.stdinfo {display:none;} */


/* *************** test **************** */

div#mainlogotitles {
}



/* *** labels index page */


div.labelslist2specialsurround {
float: left;
width: 100%;
margin: 0 0 0 0;
padding: 0 0 0 0;
/*border: 1px solid red;  */
}

/* the labels template */
p.labelslist2ppara1,p.labelslist2ppara2,p.labelslist2ppara3 {
background: transparent ;
clear: left;
width: 100%;
padding: 0px 0px 0px 0px;
margin: 12px 0 12px 0;
text-align:justify;
/* border: 2px dotted black; */
}

h2.labelslist2p,h3.labelslist2p {
/*color: transparent ; */
text-align: center;
}


a.labelslist2ppicurl1,a.labelslist2ppicurl2,a.labelslist2ppicurl3 {
margin-left: auto;    
margin-right: auto; 
background-color: transparent;
}

img.labelslist2pimg1,img.labelslist2pimg2,img.labelslist2pimg3
{
  float: left;
  vertical-align: top;
  margin: 0 10px 10px 0;
  position:relative;
  left: -10px;
}

img.labelslist2pimg1 {
width: 100px;
}

img.labelslist2pimg2 
{
 width: 100px;
 height: 70px; 
}

img.labelslist2pimg3
{
 width: 100px;
 height: 50px; 
}





/* this prevents extra spaces on right side. may not be suitable always as
   it prevents horix scrolling */
/* html,body  {width: 100%; overflow:hidden;} */


/* default center image */
body.full,body.sidebar   {
background: #ffffff url("/stdinc/v0/graphics/combocenter.gif");
background-repeat: repeat-x ;
}





/* **************************************************************************** */
/* *** labelspics : style for the included view of the labels page big pics ** */


hr.labelspicslist2phr1 {
}

div.labelspicslist2pxtradiv1 {display: none;}

p.labelspicslist2p { display: none;} /* no date */

h2.labelspicslist2p {
/* clear: both; */
margin: 8px 0 0 0 ;
padding: 0 0 0 0 ;
/* display: none; */
text-align: center;
}
h3.labelspicslist2p {
/* clear: both; */
margin: 0 0 0 0 ;
padding: 4px 0 0 0 ;
/* display: none; */
text-align: center;
font-size: small;
}

div.labelspicslist2pxtradiv2 {display: none;}

a.labelspicslist2ppicurl1 {}

img.labelspicslist2pimg1 {
margin-left: auto;
margin-right: auto;
margin-top: 8px;
/* border: 2px solid #222222; */
/* display: inline; */   
/* width: 140px; */

/*
width: 70%;
height: 250px; 
*/

vertical-align: top;
}

p.labelspicslist2ppara1 {
clear: left;
text-align: justify;
}

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

a.labelspicslist2ppicurl2 {}

img.labelspicslist2pimg2 {
/*float: left; */
margin: 6px auto 2px auto;
/* border: 2px solid #222222; */
/* width: 200px; */
/*width: 250px; */

}

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

a.labelspicslist2ppicurl3 {}

img.labelspicslist2pimg3 {
/* float: left; */
margin: 6px auto 2px auto;
/* border: 2px solid #222222; */
/* width: 150px; */
/*width: 250px; */

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

div.labelspicslist2pxtradiv3 {display: none;}

div.labelspicslist2psig {  
margin-left: auto;
margin-right: auto;
text-align: center;
/*background: #ffffcc;*/
}

a.labelspicslist2psig:active,a.labelspicslist2psig:link,a.labelspicslist2psig:visited {
    color: #000099 ;
    background: red ;
    background-color : transparent ;
}
a.labelspicslist2psig:hover {
/*    color: #ff0000 ;*/
color: #ff0000;
    background: white ;
background-color : white ;
}
div.labelspicslist2overall {
clear: right;
float: left;
width: 100%;
/* border: 1px solid red; */
/* border-bottom: 1px solid black; */
margin-bottom: 10px;
}

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

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

hr.labelspicslist2phr2 {}

/*  end list201oneplus2acr.html */  


h1.pagetitle1 {display:none;}
h1.subtitle1 {display:none;}
div.companytagline {display:none;}





a.itemdblistartist1LBL {
text-decoration: none;
font-weight: bold;
/* color: black; */

}

a.artistslist {text-decoration:none;
font-weight: bold;
}


div#findmorebyartistlabel {display:none;}

div#mainlogosidebar {
/* text-align: right; */
}

div.searchboxside { /* used when search on side panel */
    margin: 0px 0px 0px 5px ;
}

div.searchboxtop { /* used when search box top of page, this adjusts normal full view pages */
/* float: right; */
/* clear: left;*/
width: 49%;
    padding-left: 0px;
    padding-right: 0px ;
    margin: 12px 0px 0px 0px ; /* */
margin: 0 0 0 0;
/*  border: 1px solid black;  */
    text-align: right ;
/* border: 1px solid red;  */
margin-right: 4px;
margin-left: auto;

float:right;

position:relative;
top:16px;

}

button.searchbuttop {
background:#dddddd;
border:1px solid black;


}

/* fororderhelp page */
li.faqheadlist2p {}
span.faqheadlist2pdate {}
a.faqheadlist2pname {}

p.faqbodylist2p {display:none;}

p.faqbodylist2ppara1 {
}



/* fancy box for pre-order box */

div.prenotebox {
clear: left;
float:left;
width: auto;
margin: 10px 4px 0 10px;
/*
margin-left: auto;
margin-right: auto;
*/
padding: 0 ;
/* border: 1px solid red; */
/* text-align: center; */
background: transparent;
}


div.prenoteboxtitle {
width: 100%;
padding: 0 ;
padding-top: 3px;
padding-bottom: 2px;
border: 1px solid #222222;
text-align: center;
background: #dddddd;
color: #000000;
font-weight: bold;

/*  background: transparent url("../graphics/menubar_top_slice5.jpg"); */
 background-repeat: repeat;
 background-position: 0px 0px ;
}

div.prenoteboxtext {
width: 100%;
padding: 0 ;
border: 1px solid #222222;
/* background: #cccccc; */
background: #ffffff;
}



/*  styles for tracklistings */
/* this div used to surround whole display area, located in the template itself */
div.tklistsurr {
margin:0 0 0 0;
padding:8px;
width:100%;
/* border:1px solid red; */
}

span.tklistnum {
font-family:Monospace;
color:#003300;
/* background:#eeffee; */
}

div.tklisttitle {
float:left;
margin:0 0 0 0;
width:100%;
/* text-align:center; */
/* border:1px solid red; */
}

span.tklisttitle {
/* background:#ffddff; */
width:100%;
/* text-align:center; */
/* font-size: 120%; */
}

div.tklisttxt {
/* float:left;*/
margin:0 0 0 0;
width:100%;
/* display:inline; */
/* border:1px solid red; */
}

div.tklisttxt {
display:inline;
}

span.tklisttxt {
/* background:#eeeeff; */
/*
width:100%;
text-align:center;
font-size: 120%;
*/
}



/* ================================ */



/* 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;
float:left;
width: auto;
margin: 0 0 0 10px;
/*
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 #666666;
text-align: center;
background: #00ff00;
color: #ffffff;
font-weight: bold;

 background: transparent url("../graphics/menubar_top_slice5.jpg");
 background-repeat: repeat;
 background-position: 0px 0px ;
}

div.sampleboxtext {
width: 100%;
padding: 0 ;
border: 1px solid #666666;
/* background: #cccccc; */
background: #ffffff;
}

table.samplebox {
background: transparent;
margin: 0 0 0 0;
}

td.samplebox1 {
/*padding: 2px; */
padding: 0 0 0 0;
color:black;
background: #dddddd;
background: transparent;
}

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

tr.samplebox {
background: transparent;
}



a.sampleboxlink:link,a.sampleboxlink:active,a.sampleboxlink:visited {
color:green;
font-weight: bold;
font-size:18px;
text-decoration: none;
color: #ff0000;
background: #000000;
background: transparent url("/stdinc/v0/graphics/PlayButtonSm2.jpg");

 background-repeat: no-repeat;
 background-position: -0px -3px ;

border: 1px solid red;
border:none;
padding:2px;
}

a.sampleboxlink:hover {
color: #00ff00;
background: #ffffff;
background: transparent url("/stdinc/v0/graphics/PlayButtonSm2Active.jpg");
background-repeat: no-repeat;
background-position: 0px -3px ;

border: 1px solid red;
border:none;
padding:2px;
}


/* changed for the smaller setup */
a.sampleboxlinkt:link,a.sampleboxlinkt:active,a.sampleboxlinkt:visited {
font-weight: bold;
font-size:18px;
text-decoration: none;
color: #ff0000;
background: transparent url("/stdinc/v0/graphics/PlayButtonSm2TR.gif");
background-repeat: no-repeat;
background-position: 10px 0px ;

/* border: 1px solid red; */
border:none;
padding:0 0 0 0;
}
a.sampleboxlinkt:hover {
color: #00ff00;
background: #ffffff;
background: transparent url("/stdinc/v0/graphics/PlayButtonSm2TRActive.gif");
background-repeat: no-repeat;
background-position: 10px 0px ;
/* border: 1px solid red; */
border:none;
padding:0 0 0 0;
}
a.sampleboxlinkt2:link,a.sampleboxlinkt2:active,a.sampleboxlinkt2:visited {
padding:0 0 0 0;
font-size:16px;
font-weight: bold;
text-decoration: none;
color: #ffffff;
background: transparent;
border:1px solid #0000ff;
border-radius:4px;
}
a.sampleboxlinkt2:hover {
padding:0 0 0 0;
color: #ff0000;
font-size:16px;
font-weight: bold;
background: #ffffff;
border:1px solid #ffffff;
border-radius:4px;
}




/* fancy box foritemdbpage goodiesbarbox */
div.goodiesbar {
clear: left;
float:left;
width: 100%;
margin: 10px 4px 10px 0px;
padding: 0px 0px 0px 0px ;
/* border: 1px solid red; */
/* text-align: center; */
background: transparent;
position:relative;
left:-4px;
}
div.goodiesbartitle {
float:left;
width: 100%;
margin: 0 0 0 0;
padding:2px 2px 2px 0px;
/* border: 1px solid #666666; */
font-size:small;
font-weight: bold;
text-align: center;
/*
color: #ffffff;
 background: transparent url("../graphics/menubar_top_slice5.jpg");
 background-repeat: repeat;
 background-position: 0px 0px ;
*/
border: 1px solid #222222;
background: #cccccc;
}
div.goodiesbaritem {
float:left;
margin:0 2px 0 6px;
padding:1px 1px 1px 1px;
/*color:#000000; */
background:#0000cc;
background:#ffffff;

}
a.goodiesbar {
margin:0 0 0 0;
padding: 0px 2px 0px 2px;
text-decoration:none;
color:#ffffff;
color:#000000;
font-weight:bold;
background:#ddddff;
background:transparent;
border:1px solid #0000cc;
border-radius: 5px 5px;
}
a.goodiesbar:hover {
color:red;
background:#ffffff;
}

/* little images */
img#twitter {
position:relative;
top:1px;
}
img#pinterest {
position:relative;
top:1px;
}
img#facebook {
position:relative;
top:1px;
}

#mainlogosidebar,#mainlogohomepage  {
    float:      right;
    width: 65%;
    
/* 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%; */
/* width: 75%; */ 
/*  border: 1px solid red; */

/*
    height:    90px;
    height:    134px;
*/
    height:     133px; /* runt */ 
/*  border:     1px solid red; */
/*    padding:    0px 0px 0px 4px; */
padding:    0px 0px 0px 0px;
background: transparent url(/stdinc/skinrunt4men/graphics/4menright.gif) no-repeat scroll top right;
/*
background: transparent url(/stdinc/skinrunt4men/graphics/4menright.gif) no-repeat scroll bottom right;
*/
}

/* for the individual items, two variations based upon page layout style */
#fullmenuitems {
      padding-top:    10px; /* set black topand bottom for all here */
      padding-bottom:    5px;
padding: 4px 0 2px 0;
/*     border:     1px solid green; */
/* background: #000000; */
/* MODIFIED */
background: #222222;
background: transparent;
    color: #ffffff;
/* text-align: left; */
}

div#fullmainmenu,div#fullsplitfull {
/*
position:relative;
top: -20px;
*/
}


/* a span that can turn off just the first part */
span.matchcountxt {
color: #00ff00;
font-size: small;
}

a.matchcount {
color: #222222;
}

#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;
}




/* temporary */
/* *** 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 #666666;
background: #cccccc;
/* 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 #222222; */
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 list206floatpics.html */

/* *** list206picsthentxt.html : style for the included view of the mini databases *** */
/* **** list206picsthentxt.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 #666666;
background: #cccccc;
/* 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 list206picsthentxt.html */

/* *** list206pics3fixed.html : style for the included view of the mini databases *** */
/* **** list206pics3fixed.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 #666666;
background: #cccccc;
*/
/* display: none; */
}

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

p.pics3fixedlist2p { /*  date */
/* display: none;  */

position:relative;
top:14px;

padding: 0 0 0 0;
margin: 0 0 0 0;

/* 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 6px 2px 6px;
/* padding:2px; */
border: 2px solid #000000;
border-right: 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%;
 padding:2px;
/* border: 1px solid green;  */
}


hr.pics3fixedlist2phr2 {}

/*  end list206pics3fixed.html */



dl {color: black;}
dt {color: black;}
dd {color: black;}