/* ****************** 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 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 'announce' included view of the nain database ***** */
/* ************ styles for the included views of the mini databases *********** */
/* ****************** Useful styles for use within the text ******************* */


/* *********** 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 housekeeping, set the homelogo name -->

<!-- set all the standard colors used here -->

















































 */
/*


 



 
*/

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

html {    
margin: 0 0 0 0; 
padding:0 0 0 0 ;
}

body  {
/*       background: #fffFFe url("../graphics/WebPage05.jpg") ; */
/*       background: #ffffff;  */
         background: #ffffff; 

/*
    background: #ffffff url("../graphics/bodypagegraphic.jpg"); 
    background-repeat: no-repeat ;
*/
/*        font-family: Geneva,Arial,Verdana,Helvetica,Chicago,sans-serif; */
    font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
    color: #000000;
    margin: 0 0 0 0;
    padding:0 0 0 0 ;
}

/* ************ Style for basic unstyled default html  ******************** */
/*
div {
border: 1px solid red;
}
*/

p {
    font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
    margin: 0 0 0 0;
/*       padding: 10px 10px 10px 10px ;*/
    padding: 10px 6px 2px 6px 
     /* background:	#99FFFF;*/
     /* border: 1px solid black;*/
}

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

H1 {
/*    font-size:  26px; */
    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: Helvetica,Geneva,Arial,Verdana,sans-serif;
    font-size: 110%;
    color: #000000;
    margin: 0 0 0 0;
/*         border: 1px solid black;*/
   padding: 8px 10px 0px 10px ;
}

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

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

H6 { 
    font-family: Helvetica,Geneva,Arial,Verdana,sans-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: none;
    padding: 0 0 0 0 ;
    margin: 0 0 0 0 ;
}

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

/* *********************** 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 ;
    color: #000000;
    font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
}

body.sidebarx,body.microbasex,body.blogbasex   {
/*       background: #fffFFe url("../graphics/WebPage05.jpg") ; */
/*        background: #ffffff; normal */
/*    background: #ffffff url("../graphics/bodypagegraphic.jpg"); */
/*    background-repeat: no-repeat ; */
/*    font-family: Helvetica,Geneva,Arial,Verdana,sans-serif; */
/*    color: #000000; */
/* below for testing only, properly goes into include file */
/*        background: #00cc00 ; */
/* background-repeat: repeat-y ; */
/*cursor: crosshair ;*/
/*cursor: help ;*/
    margin: 0 0 0 0; 
    padding:0 0 0 0 ;
}

body.sidebar,body.microbase,body.blogbase {
/*
background: #ffffff url("../graphics/bodypagegraphic.jpg");
*/

font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
color: #000000;
/*
background-repeat: repeat-y ;
*/
padding: 0 0 0 0 ;
margin: 0 0 0 0 ;
/* border: 4px solid #cccccc ;*/  /* I had to add this to get around bug where gap is at top */ 
border: 0 0 0 0 ;
border: none; /* this seems to work as well */
}




body.full   {
/*       background: #fffFFe url("../graphics/WebPage05.jpg") ; */
/*       background: #ffffff; */
        background: #ffffff url("../graphics/bodypagegraphic.jpg");
        background-repeat: no-repeat ;
        font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
}  



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

body.homepage   {
/*        background: #ffffff url("/stdinc/(none)/graphics/bigfrontpage2.jpg") ;  */
    background: #ffffff url("/stdinc/(none)/graphics/HomePage1.jpg") ;
/*        background-repeat: repeat-x ;*/
    background-repeat: no-repeat ;
/*        background-position: center; */
    font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
    color: #000000;
}

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

}

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

/*    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  */
    vertical-align: top;
/*     background:        green; */
/*     background:	transparent;   commenented out for netscape 4 (goes black otherwise) */
/*     cursor: crosshair ; */
 background:      transparent;
}

div#homelogo {
vertical-align: top;
/* width: 170px; */
/* width:   174px; */
/*    width:      138px;  */
width:   180px;

height: 133px;
/*border: 2px solid transparent;*/
/*border: none;*/
border-right: 2px solid #943100;
/*border-bottom: 2px solid transparent; */

/* border-bottom: 2px solid #943100; */
/* border: 2px solid #85381c; */
padding:    0px 0px 0px 0px ;
margin-top: 0px;
background: transparent;
}

/*                use this to fine tune position of home logo */
img.homelog {
/*           border: 2px solid black;  */
/*    width: 104px; */
/*    height: 90px; */
    margin-top: 9px;
    margin-left: 16px;
    padding: 0px 0px 0px 0px; 
/* display:none; */
}

/* small site mapo site help under home logo interacts with home below */
div#logosmallhelp {
position:absolute;
left: 27px;
top: 96px;
/* border: 1px solid green; */
}

/* these are used only for the optional help link on the breadcrumbs bar */
A.smallhelplog:visited,A.smallhelplog:active,A.smallhelplog:link,A.smallhelplog:hover {

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

/* name HOME to go over homelog graphic */
div.homelogoname {
position:absolute;
left: 27px;
top: -74px;
font-weight: bold;
/* border: 1px solid red; */
}

A.smallhomelog:visited,A.smallhomelog:active,A.smallhomelog:link,A.smallhomelog:hover {
    color: red;
    color: #ff0000;  
    font-weight: normal;
    font-size: 12px;       /* unvisited link */
    text-decoration: none;
    padding:    0px;
    margin: 0 0 0 0;
}
    
A.smallhomelog:hover {
    color: black;
    color: #000000;  
    text-decoration: 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; 
/*    width:      460px; */
/*  border:     1px solid transparent; *//* transparent needed to fix size bug ??? */
    height:     80px;
    padding:    0px 0px 0px 0px;
    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: #ffffff url("../graphics/carlosdancebar2.jpg") ; */
    background: transparent;
    background-repeat: no-repeat ;
}

#mainlogosidebar  {
/*    float:      left; */

    clear: right;
    float: left; 
/*    clear: right;*/
/*    width:        auto ; */
    padding:    0px 0px 8px 0px;
/*    margin:     0 0 0 75px ; */
/*    margin-left: auto; */
/*    margin-left: 176px; */
/*    margin-right: auto; */

    margin-top: 0px;
    margin-bottom: 0px;
    color:      #000000;
    width: 460px;
   width: 370px;
    height: 124px; 
    text-align: left; 
    vertical-align: baseline ; 
    vertical-align: top ; 
    background: #cccccc url(../graphics/pagegraphic.gif) no-repeat left top ;

/*    background-position: center;*/
    position: relative;
/* if text shortened,    left: 27%;  */
   left: 15%;
   left: 27%;
/*     left: 50px; */
/* border: 1px solid transparent;*/  /* if this is removed, the formatting goes to hell in Opera */
/* border: 1px solid green; */
/*  border-bottom: 2px solid #943100 ; */
/* border: 1px solid red; */

/* display: none; */
overflow: hidden;
}


/* This encloses the text */
div.overlogodiv {
 margin-right: auto;
 margin-top: auto;
 margin-bottom: auto;
/* height: 25%; */
padding-top: 25px;
 border: 1px solid transparent;
/*border: 1px solid red;  */
 text-align: center;
 vertical-align: baseline ;
}


p.overlogo1 {
 position:relative; 
/* left: 62px; */
left: 38px;
 top: 10px;
/* position:absolute;  */
/* left: 155px; */
/* top: 50px; */
font-weight: bold;
font-size:125%;
}

p.overlogo2 {
 position:relative; 
 left: 92px;
 left: 35px;
 top: 16px; 
/* position:absolute;*/
/* left: 155px; */
/* top: 80px; */
font-weight: bold;
/*border: 1px solid red; */
}


#mainlogofull  {
    float:      left;
    clear:      right;
    width:       66%;
    height:     94px;
/*    border:     1px solid green;  */
    padding:    0px 0px 0px 0px;
    margin:     11px 0 0 62px; /* (order: )  */
    color:      black;
    text-align: left; /* text to left, graphic to right  */
    vertical-align: baseline ;                                                             
    background: transparent url(../graphics/pagegraphic.gif) no-repeat scroll top center;   
    background-position: center;


/*
    clear: right;
    float: left;
    margin-top: 0px;
    margin-bottom: 0px;
    color:      #000000;
    width: 460px;
   width: 370px;
    height: 124px;
    text-align: left;
    vertical-align: baseline ;
    vertical-align: top ;
    background: #cccccc url(../graphics/pagegraphic.gif) no-repeat left top ;
    position: relative;
   left: 15%;
   left: 27%;
   overflow: hidden;
*/
border: 1px solid red;
}
 
#mainlogofull .pagetitle1 {
margin-left: -80px;
margin-top: 150px; 
}
 
#mainlogofull .subtitle1 {
margin-left: -80px;
}

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

/* ***************************** 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 {
    margin: 6px 0 0 0 ; /* this works with search */
    clear: right;
    font-size:  24px;
    font-family: Helvetica,Arial,Geneva,Chicago,Verdana,sans-serif;
    padding: 0 0 0 0 ;
    color: #000000;
/*    margin-top: 110px; */
/*    margin-bottom: 4px; */
    text-align: center;
/* display: none; */
} 

h1.subtitle1 {
    clear: right;
    font-size:  14px;
    font-family: Helvetica,Arial,Geneva,Chicago,Verdana,sans-serif;
    color: #000000;
    padding: 0 0 0 0 ;
    border:  none ;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px ;  
    margin-bottom: 0px ;
    text-align: center;
/* display: none; */
}

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

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

h1.subtitle2 {
    font-size:  14px;
    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 ;
}


/* change top spacing for scalefinder return pages prelist template */
div#content1full h1.pagetitle1 {
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
}
  



/* ***************************** 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 */
    padding-left: 0px;
    padding-right: 0px ;
    margin: 12px 0px 0px 0px ; /* */
/*  border: 1px solid black;  */
    text-align: left ;
display: none;
}

div.searchboxside { /* used when search on side panel */
    padding-left: 12px;
    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 ;
display: none;

}

/* change top spacing for scalefinder return pages prelist template */
div#content1full div.searchboxtop { /* used when search box top of page */
    margin: 0px 0px 0px 0px ;
 /*  border: 1px solid black; */
    text-align: center ;
display: none;

}


/* 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 (used for page type sidebar) */
#fullsplit  {
    float:      none;
    clear:   both;
    width:      100%;
    margin:     0px 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: #cccccc url("../graphics/ltrgray.gif");

} 

/* overall div for full width breadcrumb bar when pagetype is full */
#fullsplitfull  {
    float:      none;
    clear:   both;
    width:      100%;
    margin:     0px 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: #cccccc url("../graphics/ltrgray.gif");

} 

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

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

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

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

/* span around the left side breacrumb marker graphic ('>')   */
span.breadcrumbmarker {
    font-size:  12px;
/*     font-weight: bold; */
/*    height: 2px;*/
    margin: 0 ;
    padding:    0px 4px 0px 4px;
/*    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: #ffffff;
    border: 0 ;    
}

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


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

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

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

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


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

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

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

/* 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  */
    background: #c63904;
/* no this needs to be there for full view, but something slse is doing this in database view */
/*  border-top: 2px solid #943100; */
/* this doubles the fullspacer main in the database view only, */
 border-bottom: 2px solid #943100; 

/*      border-bottom:     2px solid #943100 ;  */
background: #000000; 

}

/* overall menu container */
#sidemainmenu  {
    float:      left;
    clear:      left;
/*    width:      138px;*/  
   width:   180px;  /* set width for menu section top of page ; */

/*    padding-left:    8px; */
/*    padding-top:    8px; */
/*    padding-bottom:    8px; */
/*    margin:     0 0 0 15px;*/   /* line up whole left side menu  */
    margin:     0 0 0 0 ; 
/*    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 */ 
/* border-right: 2px solid #85381c; */
 border-right: 2px solid #943100 ;  
/* border: 1px solid gray; */
background: #cccccc;
}


#sidemainmenusect  {
    float:      left;
    clear:      both;
    width:      180px;
/*    height:     200px; */
/*     border:     1px solid black;*/
/*      padding-left:    2px;  */
/*    padding-top:    8px; */
/*    padding-bottom:    8px; */
/*    margin:     0 0 0 0; */  /* (order: ) */
/*    color:	#000000; */
/* color:	#ffcc99;*/
  color: #ffffff;

/*    font-size:  22px; */
    text-align: left; /*   */
    vertical-align: text-top; /* baseline middle sub super text-top text-bottom top bottom  */
 /*   background:	#cc0033; */
    background:	transparent; 
}


/* for the indivicual items, two variations based upon page layout style */
#fullmenuitems {
      padding-top:    5px; /* set black topand bottom for all here */
      padding-bottom:    5px;
/*     border:     1px solid green; */
 background: #000000;
    color: #ffffff;
/* text-align: left; */
     background: #943100;
     background: #c63904;
  background: #92927d;
}

#sidemenuitems {
float: left;

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

}


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

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

img.upmenugraphic {
padding-right: 6px ;
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 ; */
}


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

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

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

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


/* if home page style menus or linklist style menus */
A.menuitemx:active,A.menuitemx:link {
/*    color: blue; */
    color: #943100;
    text-decoration: underline;
}

/* if home page style menus or linklist style menus */
A.menuitemx:visited {
 /*   color: blue;*/
    color: #666666;
    text-decoration: underline;
}

/* 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 */
div.hpmenuname {
/* border: 1px solid black; */
text-align: center;
font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
font-size:  14px;
font-weight: bold;
padding-top: 5px;
}

/* if home page style menus */
div.hpmenudesc {
/* border: 1px solid red; */
text-align: center;
font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
font-size:  12px;
font-weight: bold;
padding-left: 0;
padding-bottom: 5px;
}

/* 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: none;
padding-left: 10px;
}

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


/* menu items are either in divs or spans dependingupon if they need to flow */
/* menuitem if layouttype is sidebar */
div.menuitem {
    font-size:  24px;
    font-weight: normal;
    line-height: 130%;
    margin: 6px 0 6px 0 ;
    padding: 0 0 0 0 ;
    padding-top: 2px;
/*    background: transparent url("../graphics/mainmenunormal.gif") ; */
    background: transparent;
    background-repeat: no-repeat ;
    background-position: center left ;
} 

/* menuitem if layouttype is full */
span.menuitem {
    font-size:  16px; /* set here for all */
    font-weight: normal ;
/*    border:     1px solid red; */
    margin: 0 0 0 0 ;
    padding: 1px 0 1px 0;
   background-color: #00ff00 ; 
   background-color: #cccccc;
} 

/* anchor in menus if layouttype is full or sidebar */

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

A.menuitem:visited {
    color: #666666 ;
    background: transparent ;
}

A.menuitem:hover {
    color: #ff0000;
    background: transparent ;
}


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

/* 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 {
    color: #ff0000;
    text-decoration: none;
    padding-left: 1em ;
    padding-right: 1em ;
    padding-top: 10px ;   
    padding-bottom: 10px ;
    background-repeat: no-repeat ;
    background-position: center left ;
}
/* override several of these to simplify left side spacing of menu item text */
A.menuitem:active,A.menuitem:link,A.menuitem:visited,A.menuitem:hover,A.menuitemsel:visited,A.menuitemsel:active,A.menuitemsel:link  {
    padding-left: 8px ;
}

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


/* for Steve */
#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 green; */
    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 */
A.menuitemsect:visited,A.menuitemsect:active,A.menuitemsect:link {
/*    color: black; */
    color: #943100;
    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 red; */
     padding:    0 0 0 4px; 
    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: #000000 ;
}

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

/* ***************************** 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;
    float: left ;
    clear:      right;
    clear: none;
 /*   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;
display: none;
}

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

#innerlocalnav  {
    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;
display:none;
}







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

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

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

/* special for steve */
div#fullspacer { /* horizontal line in side view and full view, seems to appear twice in cat view */
float: left;
width: 100%;
/* padding: 0 0 2px 0; */
background: #cccccc;
background:#cccccc;
  border-bottom: 2px solid #943100; 

}

div#overbodi {
float: left;
clear: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: transparent;
/* border-top: 6px solid blue; */
/* border: none; */
/*width: 100%; */
vertical-align: top;
}

div#slider  {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: #cccccc ;
position: relative;
/* border: 4px solid #ff00ff; */
}



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

#content1  {
    clear: right; */
    width: 100% ;
    padding-left: 8px;
    padding-right: 10px;
    padding-top: 8px;
    margin:     0px 0px 0px 190px; 
    margin-left: 179px;
    margin-right: 0 ;
    color:       #000000;
    text-align:justify;
    background:       #ffffff;
    font-size: 18px;
    border-left: 2px solid #943100; 
/*    border-top: 2px solid #943100; */
/* border: 2px solid #943100; */
/* display: none; */
}

 
#content1 p {
text-align: justify; 
font-size: 20px;
}



#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:      none;
    clear: both;
/*    width:      80%;*/
/*    padding:    110px; */
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 0px;

    margin:     0px 0px 0px 0px; /*  (order: top right bottom left) */
/*    height:     100px; */
/*    border:     1px solid red;  */
/*    color:	black; */
    color:       #000000;

    font-size:  18px;
    text-align: left ; /*   */
    vertical-align: baseline; /* baseline middle sub super text-top text-bottom top bottom  */
/*    background:	transparent; */
background:       #ffffff;
}

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

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

#content1sect  {
    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 Steve Special include of end of page stuff in content area **** */
/*               Used only for Steve skin only                                    */

/* <!-- nextmain include --> stdnext1.html */
div#snextmain {
float: right;
clear: right;
width: 60%;
/* border:1px solid red;  */
position:relative;
/* left:30%; */
/* left: -1%; */
top: 20px;
/*right: 10%;*/
background: transparent;
/* display: none; */

}

/* <!-- maybe show small functions2 --> stdfunctions2.html */
div#sfunctions2 {
clear:right;
float:right;
width: 60%;
/* left:30%; */
top: 20px;
position:relative;
/*right: 35%; */
/* border:1px solid green; */
/*left:35%;
bottom:10px;
vertical-align: top; */
/* display: none;*/
}

/* for the copy notice, enclosing div */
div#stevecopy {

/*float: right; */
clear:right; 
margin: 0 0 0 0 ;
margin-left: auto;
margin-right: auto;
width: 70%;
padding-top: 20px;
padding-bottom: 20px;
/* border:1px solid blue; */
/* left:1%;*/
top: 30px;
text-align:center;
/*
position:relative; 
left: -50px;
*/
/* top:10px; */
/* display: none; */
}

/* included in above, span 1 */
span.scopytext {
font-size: 12px;
color:#999999;
}

/* includedin above, span 2 */
span.slastupdate {
font-size: 12px;
color:#999999;"
}


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

#sidecontent1  {
    float:      left;
    clear: left;
    width:      138px;
/*    height:     40px; */
/*    border:     1px solid black; */
    padding:    8px 0px 8px 0px;
    margin:     0 0 0 0;  /* (order: ) */
    color:	#000000 ;
    font-size:  12px;
    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:      150px;

/*    height:     auto; */
    border:     2px solid #999999;
    padding:    0 0 0 0 ;
    margin:     0 0px 10px 14px;  /* (order: ) */
    color:	#000000;

    font-size:  12px;
    text-align: center; /*   */
/*    vertical-align: baseline;*/ /* baseline middle sub super text-top text-bottom top bottom  */
    background:	transparent;
    background: #(none);
/*  display: none;  */
}


/* here are all the changes made for the breadcrumbs on the left menu */

#sidesubareanav span.breadcrumbs { /* this is the top part*/

margin: 0 0 0 0;
padding: 4px 0px 4px 0px;
width: 100%;
background: #999999;


/* display:inline; */
/*color: green; */
 font-size: 10px; 
}

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

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

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

#sidesubareanav span.functions { /* lower right side */
margin: 0 0 0 0;
padding: 14px 0px 4px 0px;
/*width: 100%; */
background: #cccccc;

}


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

#sidesubareanav span.shopcarttiny {
}
#sidesubareanav img.shopcarttiny {
padding: 4px 0 4px 9px ;
}  
#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: 10px; 
}
#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: 12px; 
margin: 0 0 0 0 ;
padding: 0 0 0 10px;
}

/*   adjust all font sizes in this area */ /* this does not work */
/*
#sidesubareanav span.breadcrumbs,a.tinylinksimple,a.socialsite,a.shopcarttiny,a.smallhelp {
 font-size: 12px; 
}
*/



/* ***************************** 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:      138px;
/*    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:      138px;
/*    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:      150px;
/*    height:     45px; */
    border:     3px solid #943100;
    padding:    0px;
    margin:     0 0 0 17px; /* (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;
}

/* 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:    8px 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 {
float: left;
/*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;*/
}

div.nexttitle a {
color: #943100;
}
div.nexttitle a:hover {
color: #c63904;
}

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

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

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

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

.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 */
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 ****************** */
/* This is not used for steve, see below */


/* 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: #943100;
/*       margin: 20px 0 0 0 ;*/ /*This was origianl centered */
/*       margin: 45px 0 0 0 ;  this sets it down a bit  change jan 08 */
/*         margin: 6px 0 0 0 ;*/ /* this works with search */
text-transform: lowercase;
}
h2.itemdbpage:first-letter {text-transform: capitalize;}

h3.itemdbpage {
     padding: 0 0 0 0;
     color: #943100;
text-transform: lowercase;
}
h3.itemdbpage:first-letter {text-transform: capitalize;}

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

img.itemdbpage {
float: left;
margin-right:10px;
margin-bottom: 0px;
border: 4px solid #000000;
border-left: 4px solid #000000;
border-top: 3px solid #000000;
border-right: 4px solid #000000;
border-bottom: 1px solid #000000;

/*    align="left" */
}

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

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




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

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

a.itemdbpagebuy {
}

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

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

a.itemdbpagecart {
}

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

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



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

span.announcepageprice {
color: #ff0000;
}

/* ************ styles for the included views of the mini databases *********** */

/* blogbase */


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


a.blogbasesignature:active,a.blogbasesignature:link,a.blogbasesignature:visited {
    color: #000099 ;
    background: red ;
    background-color: transparent ;
/*
border: 0 0 0 0;
margin: 0 0 0 0;
*/
}

a.blogbasesignature:hover {
/*    color: #ff0000 ;*/
color: #ff0000;
    background: white ;
background-color : white ;
}

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

span.blogbasepic1 {
/* border: 1px solid red; */
height: auto;
width: auto;
}


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

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

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

a.blogbaselist2ppicurl1,a.blogbaselist2ppicurl2,a.blogbaselist2ppicurl3 {
/*border: 5px solid green;*/

}

p.blogbaselist2ppara1,p.blogbaselist2ppara2,p.blogbaselist2ppara3 {
/* border: 1px solid green; */

}


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

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

}




/* ******************** Styles used on the contact page  ********************** */

h2#contacttitle {
margin-left: auto; 
margin-right: auto;
text-align: center;
margin-top: 10px;
/*border: 1px solid red;*/
}

div#conaddress {
background: #ffffff; 
margin: 0 0 0 0px;
margin-left: auto;
margin-right: auto;
border: 3px solid #000000; 
width: 90%;
}
div#conaddresstitle {
background: #000000; 
border: 3px solid #000000; 
color: #ffffff;
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: #ffffff;
border: 3px solid #000000;
margin: 30px 0 0 0;
margin-left: auto;
margin-right: auto; 
width: 90%;
}
div#conemail0 {
/* border-bottom: 1px solid #943100; */
text-align: center; 
background: #000000;
color: #ffffff;
padding: 4px 0 2px 0;
}
div#conemail1 {
margin: 0 0 0 0;
padding: 6px 0 0 10px;
}
 span#conemailofftag {}
 span#conemailoff {}

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

div#conphone {
background: #ffffff;
border: 3px solid #000000;
width: 90%;
margin-left: auto;
margin-right: auto; 
}
div#conphone0 {
/* border-bottom: 1px solid #943100; */
text-align: center;   
background: #000000;
color: #ffffff;
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;
/*display: none; */
}
 span#conphonefaxtag {
}
 span#conphonefax {
}


div#consocial {
background: #ffffff;
border: 3px solid #000000;
width: 90%;
margin: 0 0 20px 0;
margin-left: auto;
margin-right: auto; 
}
div#consocial0 {
/* border-bottom: 1px solid #943100; */
text-align: center;   
background: #000000;
color: #ffffff;
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 {
}





/*
COLORMAINLIGHT
COLORMAINDARK
COLORTWOLIGHT
COLORTWODARK
COLORTHREELIGHT
COLORTHREEDARK
COLORFOURLIGHT
COLORFOURDARK
CONTENTCOLOR
CONTENTBGCOLOR
*/


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


/* this is used for the scalefinder now */
/* fancy box with ouside box, title. and text treated differently */
div.fancybox {
background: #cccccc;
border: 3px solid #943100;
border: 3px solid #000000;
width: 90%;
margin: 0 0  20px 0;
margin-left: auto;
margin-right: auto;
padding: 0 0 0 0;
}         /* use this around the two below */

div.fancyboxtitle {
/* border-bottom: 1px solid #943100; */
text-align: center;
background: #c63904;
background: #999999;
padding: 4px 0 4px 0;
border: #943100;
border-top: 1px solid #666666;
border-bottom: 1px solid #666666;

}
div.fancyboxtext {
margin: 0 0 0 0;
padding: 4px 10px 6px 10px;
border: #943100;
}

div.fancyboxcentered {
/* border-bottom: 1px solid #943100; */
text-align: center;
background: #c63904;
background: #999999;
padding: 4px 0 4px 0;
border: #943100;
/* border-top: 1px solid red; */
/* border-bottom: 1px solid red; */
}




/* this is the big table on the front page */
div#bigscale {
margin-left: auto;
margin-right: auto;
/* border: 1px solid red; */
}

#bigscale table,tr,td,th {
font-size: 12px;
margin: 0 0 0 0;
margin-left: auto;
margin-right: auto;
padding: 0 0 0 0 ;
padding-top: 2px;
width: auto;
border: 2px solid black;
border-collapse: collapse;
background: transparent;
}

#bigscale a {
margin: 0 0 0 0;
padding: 0 0 0 0;
}



/* other special cases */

img.scalefinderlist2pic1,img.scalefinderlist2pic3 {
float: none;
clear: both;
margin: 0 0 0 40px ;
margin-left: 50%;
margin-right: 50%;
position:relative;
left: -214px;
/* border: 3px solid #943100;  */
/* border: 1px solid white; */
}

/* ********************* Styles used on Steves Catalog Page ******************* */

div#catalogpageouter {
width: 98%;
margin: 0 0 0 0 ; 
padding: 0 0 0 0 ;
}

div#catalogtop {
width: 100%;
height: 6px;
margin: 0 0 0 0 ;
padding: 0 0 0 0 ;
background: #000000;
}

table#catalog,td,td.cattdblack,tr,tr.cattrwhite,td.cattd33,td.cattd99 {
margin: 0 0 0 0 ; 
padding: 0 0 0 0 ;
width: 100%;
background: transparent;
border: none;
text-align: left;
}

table#catalog {
background: transparent;
border-collapse: collapse;
text-align: left;
}

tr.cattr {
height: 6px;
border: none;
border: 1px solid white;
/* background: #00ff00; */
background: #999999;
}
td.cattd33 {
margin: 0 0 0 0 ; 
padding: 0 0 0 0 ;
background: transparent;
border: none;
}

/* left cell surrounds thumbnail */
td.cattdblack {
width: auto ;
margin: 0 0 0 0 ;
margin-left: 0 ;
padding: 0 0 0 0 ;
padding-left: 0;
padding-bottom: 0;
background: transparent; 
/* background: black; */
border: none;
/* border: 1px solid black;*/
background: #99ffcc;
background: #cccccc;
}

/* right cell, surrounds name kink */
td.cattd99 {
text-align: left;
margin: 0 0 0 0 ; 
padding: 0 0 0 0 ;
/* background: #99ffcc; */
background: #cccccc;
border: none;
}

/* The link on the text link, set font size here */
.cattd99 a {
font-size: 20px;
border: none;
text-decoration: none; 
}



/* the small 50 px cat pic on left */
img.catimgsmalljpg,img.catimgreal {
border: 2px solid black;
margin: 0 0 0 0 ;
padding: 0 0 0 0 ;
width: 50px;
height: 50px;
}


/*small nothing.gif image*/
img.catimgnoth1 {
margin: 0 0 0 0 ;
padding: 0 0 0 0 ;
border:none;
display: none; /* this allows these lines to go small */
}

/* very last black line */
td.cattdlastline {
 height: 6px;
background-color: #000000;
border: none;
}


/* ********************* Styles for Steves main catalog database template pages  **************** */

/* *list page ** */

table#dblist {
background: transparent;  
border-collapse: collapse;
text-align: left;
/* border: 2px solid black; */
border: none;
margin-top: 6px;
}

#dblist a {
font-size: 16px;
}
#dblist a:visited {
color: #3333ff ;
}


#dblist a.dblisplatsz {
font-size: 14px;
}


tr.data1,tr.data2 {
margin: 0 0 0 0 ;
padding: 0 0 0 0 ;
background: transparent;
border: none;
text-align: left;
width: 100%;
/*border: 1px solid green; */
border: none;
}

tr.data1 {
background: #00ff33;
background: #ffffff; /* right side cells */
}

tr.data2 {
background: #99ffcc;
}

tr.header1 {
background: #ccffcc;
background: #00ff33;
background: #ffffff; /* rightside header */

}

tr.header2 {
background: #eeffee;
background: #99ffcc;
}

td.surrim {
margin: 0 0 0 0 ;
margin-left: 0 ;
padding: 0 0 0 0 ;
padding-left: 0;
padding-bottom: 0;
border: none;
background: #000000;
width: 54px;
}

td.surrimhd {
background: #eeeeee;
padding-left: 2px;
width: 54px;
}

td.dbscalename {
width: auto ;
width: 250px;
margin: 0 0 0 0 ;
margin-left: 0 ;  
padding: 0 0 0 0 ;
padding-left: 6px;
padding-right: 4px;
padding-bottom: 0;
background: transparent;
font-size: 18px;
border: none;
/* border: 1px solid black;*/
background: #66eeff;
background: #ffffff;
/* background: #cccccc; */
}

td.dbtoprow {
width: auto;
margin: 0 0 0 0 ;  
margin-left: 0 ;  
padding: 0 2px 0 2px ;
padding-bottom: 2px;
padding-top: 2px;
background: transparent;
/* background: black; */
border: none;
font-size: 14px;
/* border: 1px solid black;*/

/* background: #cccccc; */
/* border: 1px solid red; */
}

td.dbbotrow {
width: auto; 
margin: 0 0 0 0 ;
margin-left: 0 ;  
padding: 0 2px 0 2px ;
padding-bottom: 2px;
padding-top: 2px;
background: transparent;
/* background: black; */
border: none;
font-size: 14px;
/* border: 1px solid black;*/

/* background: #cccccc; */
/* border: 1px solid red; */
}


td.thinline {
height: 2px;
background-color: #000000;
border: none;
}


span.confidence {
color: #006600;
font-size: 14px;
}
span.confidencenum {
font-size: 14px;
}

a.dblinkname {
font-size: 10px;

}

a.scalelist {
font-size: 16px;
}
a.scalelist:active,a.scalelist:link,a.scalelist:visited {
    color: #000000;
    background-color: transparent ;
}
a.scalelist:visited {
color: #943100;
}
a.scalelist:hover {
color: #ff0000;
    background: white ;
background-color: transparent ;
}




/****** item view page ********/
/* image is found in way above db stuff */


/* contain pic and pic label div */
div.dbitempic {
clear: none;
float: left;
width:208px;
}

/* contain picture label  */
div.dbitempiclabel {
text-align:center;
width:100%;
margin: 0 0 0 0 ;
padding: 0 0 0 0 ;
/* font-size: 10px; */
font-size: 14px;
background: #000000;
color: #ffffff;
}



/* item descs on right side of pic */
div.dbitemdesc {
float: right;
clear: right;
padding: 0 2px 0 2px ;
/*width: 50%; */
/* width: 260px; */
width: 400px;
/*  border: 1px solid red;  */
}

/* table contained in above to format specs */
table.dbpicspecs {
width: 100% ;
background: #000000;
border: none ;
border-left: 3px solid #000000;
border-right: 3px solid #000000;
}
tr.dbpicspecs {
background: transparent;
}


tr.dbpicspecsname {
background: #000000;
color: #ffffff;
text-align: center;
}
tr.dbpicspecsorder {
background: #000000;
color: #ffffff;
text-align: center;
font-size: 14px;
}

tr.dbpicspecsorder a:link,a:visited {
color: #ff0000;
color: #00ff00 ;
}
th.dbpicspecs {
font-size: 14px;
}
td.dbpicspecs {
}

/* table cells on left */
td.dbpicspecsl {
/*width: 100px;*/
/*width: auto; */
width: 40%;
background: #000000;
background: #6699ff ;
}
/* table cells on right */
td.dbpicspecsr {
background: #ff0000;
background: #00ff00 ;
}
/* adjust both left and right cells here */
td.dbpicspecsl,td.dbpicspecsr {
font-size: 14px;
padding-top: 1px;
padding-left: 2px;
}



/* Contains the three texts for the scale */
div.scaletexts {
clear: both;
/*border: 1px solid green; */
margin: 0 0 0 0 ;
padding: 0 0 0 0 ;
font-size: 20px;
}

/** table and stuff for the details at end of individual view page for main db */

table.dbdetails {
width: 90%;
border-collapse: collapse;
border: 3px solid #000000;
border: 3px solid #6699ff ;
}

tr.dbdetails {
}

td.dbdetails {
padding-left: 6px;
padding-bottom: 2px;
width: 25%;
vertical-align: top;
}

td.dbdetails2 {
padding-right: 6px;
padding-bottom: 2px;
vertical-align: top;
}
td.dbdetails,td.dbdetails2 {
font-size: 16px;
}

tr.dbdetailstitle  {
background: #000000;
background: #6699ff ;
color: #ff0000;
color: #00ff00 ;
}
td.dbdetailstitle {
text-align: center;
font-size: 24px;
}

tr.dbdetailstext  {
background: #ffffff;
color: #000000;
}
td.dbdetailstext {
text-align: left;
font-size: 16px;
}



div.divider {
clear: both;
float: none;
margin-left: auto;
margin-right: auto;
margin-top: 8px;
margin-bottom: 8px;
width: 430px;
height: 5px;
/* border: 1px solid red; */
/* background: transparent url(../graphics/bar.jpg) no-repeat scroll top center; */
 background: transparent;
/* border-top: 2px solid #000000; */

background-position: center;
}

/*** scale help from db */
h3.scalehelp {
font-size: 24px;
}
p.scalehelp {
font-size: 18px;
}

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




/* ***************  Styles used in included files from minibases   ************* */

h3.orderinglist2p {
font-size: 14px;  
}

/* used on service page *8******/

h2.servicelist2p {
    clear: right;
    font-size:  24px;
    font-family: Helvetica,Arial,Geneva,Chicago,Verdana,sans-serif;
    color: #000000;
    padding: 0 0 0 0 ;
    border:  none ;
    margin-left: auto;
    margin-right: auto;
    margin-top: -80px ;
    margin-bottom: 0px ;
    text-align: center;
}










/******* used on installs page ********/

h2.installlist2p {
clear: both;
float:none;
/*width: 100%; */
}
h3.installlist2p {
clear: both;
/*width: 100%; */
float: none;
}


img.install2pic1 {
float: none;
clear: both;
/*margin: 0 0 0 40px ;*/

/* max for 1024 x 768
width: 700px;
height: 400px;
*/

/* max sze that works without major artifacts  on 800 x 600 */
width: 600px; 
height: 450px;
margin-left: 50%;
margin-right: auto;
margin-top: 20px;
position:relative;
left: -300px;

/*right: -55px; */
/* padding-left: 50%;
/* padding-right: 50%; */
/*
left: 50%;
right: auto;
*/
border: 1px solid black; 
}
img.install2pic2 {
float: left;
border: 3px solid black;
margin-right: 10px;
}
img.install2pic3 {
float: right;
border: 4px solid black;
border-left: 2px solid black;
border-top: 2px solid black;;
margin-left: 10px;
}

a.installlist2ppicurl1 {

}

/* ******* on catalog page ******** */

h2.cataloglist2p {
border: 1px solid #6a6849;
background: #c2c6a3 ;
}


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

/* tempoary hack for old ordering table, should go away */
div#oldorder table {
border: 2px dotted red;
background: #dddddd;
}

/* hack to fix spacing after sig line on links page */
div.linkssignature {
padding-bottom: 20px;
}




/* ********* style for the tiny list of scale links in the left menu bar ************     */

div#tinyscalelist {

margin: 0 0 0 0 ;
padding: 6px 2px 2px 6px ;

border: 1px solid #943100;
background: #c63904;
font-size: 8px;
font-size: 10px;
}

div#tinyscalelisttitle {
text-align: center;
font-size: 14px;
padding-bottom: 8px;
/* border: 1px solid green; */
}

/* ***** special for scalefinder text ***************** */
div.scalefinderpage {
margin: 0 0 0 0;
/*margin-left:180px;*/
/* background: #ffffff;*/

/*display: none;*/
}



/* #content1 { border: 1px solid red; } */



/*
#fulltop1 { border: 1px solid red; }
#fulltop2 { border: 1px solid red; }
#fullsplit { border: 1px solid red; }
#mainlogosidebar { border: 1px solid red; }
#fullsplitfull { border: 1px solid red; }
#morehomelogo { border: 1px solid red; }
#fullmainmenu { border: 1px solid red; }
#sidemainmenu { border: 1px solid red; }
#fullmenuitems { border: 1px solid red; }
#sidemenuitems { border: 1px solid red; }
#innersitenav { border: 1px solid red; }
#innerlocalnav { border: 1px solid red; }
#fullsubareanav { border: 1px solid red; }
#content1 { border: 1px solid red; }
#content1full { border: 1px solid red; }
#sidecontent1 { border: 1px solid red; }
#sidesubareanav { border: 1px solid red; }
#leftbottombutton { border: 1px solid red; }
#fullbot1 { border: 1px solid red; }
#fullbot2 { border: 1px solid red; }
*/

#Xsidesubareanav  {display:none;}
p.Xsideannounce {display:none;}
span.Xfunctions2 {display:none;}
div.Xnext {display:none;}

div.menuextender {
float: left;
height: 1600px; 
width: 180px;
border-right: 2px solid #943100;
background: #cccccc;
display:none;
}