body { 
background-color: #c02300;
margin: 0;
height: auto;
}

p
{
font-family: arial, "verdana ref", sans-serif;
text-indent: 0;
}


p.caption
{
font-variant: small-caps;
font-size: .9em;
margin-bottom: 1px;
}

p.small

{
font-family: arial, "verdana ref", sans-serif;
font-size: .8em;
text-indent: 0;
}

p.smallright

{
font-family: arial, "verdana ref", sans-serif;
font-size: .8em;
text-indent: 0;
float: right;
}

.down
{
margin-top: 60px;
}

.centered
{
text-align: center;
}

h2
{
font-family: "verdana ref", arial, sans-serif;
font-size: 1.1em;
}


h3
{
font-family: "verdana ref", arial, sans-serif;
}

h4
{
font-family: "verdana ref", arial, sans-serif;
text-align: center;
font-size: 1.1em;
}

h5
{
font-family: "verdana ref", arial, sans-serif;
} 

li
{
font-family: "verdana ref", arial, sans-serif;
}

span.heading
{
font-size: 1em;
font-family: "verdana ref", arial, sans-serif;
font-weight: bold;

}

span.green
{
font-size: 1em;
font-family: "verdana ref", arial, sans-serif;
font-weight: bold;

}

span.red
{
font-size: 1.2em;
font-family: "verdana ref", arial, sans-serif;
font-weight: bold;

}

span.big
{
font-size: 1.3em;
font-family: "verdana ref", arial, sans-serif;
font-weight: bold;

}

span.enrica_link
{
background-color: #BF2509;
width: 160px; 
border: 3px black solid;
padding: 0;
margin: 5%;
height: 120px;
float: left;
font-size: 1.1em;
font-family: arial, "verdana ref", sans-serif;
text-indent: 0;
}

span.enrica_link a:link {text-decoration: none; color: #f5ff00}
span.enrica_link a:visited {text-decoration: none; color: #f5ff00}
span.enrica_link a:active {text-decoration: none; color: #f5ff00}
span.enrica_link a:hover {text-decoration: none; color: #000000}


#container
{
background-color: #88f2d9;
width: auto; 
border: 7px black solid;
padding: 0;
margin: 5%;
height: auto;
}

#header
{
background-color: #88f2d9;
width: auto; 
height: 139px;
padding: 1%;
padding-bottom: 1px;
margin: 0;
}

#peartree {
border: 0;
padding: 0;
margin-top: 37px;
width: 369px;
height: 102px;
float: left;
}



#address
{
margin-top: 125px;
border: 0;
padding: 0;
float: right;
}



.littlecircles
{
background-image: url("graphics/circlebkgd.jpg");
background-repeat: repeat-x;
width: auto; 
height: 42px;
border-bottom: 1px solid black;
margin: 0;
}

#bottombar
{
background-color: #e8b985;
width: auto; 
height: 17px;
border-top: 3px solid #c02300;
border-bottom: 3px solid #c02300;
padding: 0;
margin: 0;
}


 
/* beginning of mailing list, e mail us rollover*/



#contactinfo
{
width: 297px;
height: 17px;
background: url("graphics/links_emails.jpg");
background-repeat: no-repeat;
margin: 0;
padding: 0;
position: relative;
}

#contactinfo li
{
margin: 0;
padding: 0;
list-style: none;
display: block;
position: absolute;
}

#contactinfo li span
{
display: none;
}

#contactinfo a
{
display: block;
}

#mlist
{
left: 94px;
top: 0px;
width: 134px;
height: 17px;
border: 0;
}


#email
{
left: 0px;
top: 0px;
width: 78px;
height: 17px;
border: 0; 
}

#links
{
left: 240px;
top: 0px;
width: 58px;
height: 17px;
border: 0; 
}


#mlist a
{
height: 17px;
}

#email a
{
height: 17px;
}

#links a
{
height: 17px;
}

#mlist a:hover {background: url("graphics/links_emails.jpg") -94px -16px no-repeat;}
#email a:hover {background: url("graphics/links_emails.jpg") 0px -16px no-repeat;}

#links a:hover {background: url("graphics/links_emails.jpg") -240px -16px no-repeat;}

/* end of mailing list and e mail us rollovers*/

#fax
{
float: right;
margin-left: 10px;
}
 
#telph
{
float: right;
}

#midcontainer
{
width: 100%; 
height: auto;
border-top: 1px solid black;
padding: 0;
margin: 0;
}

#circlesl
{
padding: 0;
border: 0;
margin: 0;
float: left;
}

#circlesr
{
float: right;
padding: 0;
border: 0;
margin: 0;
}

#menu
{
width: auto; 
height: 78px;
border: 0;
padding: 0;
margin-left: 30%;
margin-right: 0;
}



/* main menu rollover stuff */

#mainnav
{
width: 504px;
height: 95px;
background: url("graphics/navmap1.jpg");
background-repeat: no-repeat;
margin-top: 10px;
padding: 0;
position: relative;
}

#mainnav li
{
margin: 0;
padding: 0;
list-style: none;
display: block;
position: absolute;
}

#mainnav li span
{
display: none;
}

#mainnav a
{
display: block;
}

#linkhome
{
left: 6px;
top: 35px;
width: 49px;
height: 32px;
}


#linknew
{
left: 38px;
top: 69px;
width: 122px;
height: 26px 
}


#linkbeads
{
left: 139px;
top: 26px;
width: 72px;
height: 31px;
}


#linkjew
{
left: 254px;
top: 28px;
width: 86px;
height: 28px;
}


#linkclass
{
left: 328px;
top: 74px;
width: 98px;
height: 15px;
}


#linkdirect
{
left: 382px;
top: 3px;
width: 119px;
height: 44px;
}

#linkhome a
{
height: 32px;
}

#linknew a
{
height: 26px;
}

#linkbeads a
{
height: 31px;
}

#linkjew a
{
height: 28px;
}

#linkclass a
{
height: 15px;
}

#linkdirect a
{
height: 44px;
}

#linkhome a:hover {background: url("graphics/navmap1.jpg") -6px -134px no-repeat;}
#linknew a:hover {background: url("graphics/navmap1.jpg") -38px -168px no-repeat;}
#linkbeads a:hover {background: url("graphics/navmap1.jpg") -139px -125px no-repeat;}
#linkjew a:hover {background: url("graphics/navmap1.jpg") -254px -127px no-repeat;}
#linkclass a:hover {background: url("graphics/navmap1.jpg") -328px -173px no-repeat;}
#linkdirect a:hover {background: url("graphics/navmap1.jpg") -382.49px -102px no-repeat;}

/* end of rollover code*/



#footer
{
background-color: #88f2d9;
width: auto; 
height: auto;
}

#footer span
{
margin-left: 4px;
margin-right: 10px;
font-size: .8em;
}

#footer a
{
margin-left: 20px;
font-size: .85em;
}

#footer a:link {text-decoration: none; color: #333399}
#footer a:visited {text-decoration: none; color: #339933}
#footer a:active {text-decoration: none; color: #333399}
#footer a:hover {text-decoration: none; color: #000000}


/* beginning of individual pages */


/* mailing list page*/


#mailpage { 
background-color:#88f2d9;
margin: 0;
height: auto;
}


#mailingcontainer
{
background-color: #c02300; 
width: 50%;
height: auto; 
border: 7px black solid;
padding: 30px;
margin-left: 25%;
margin-right: 25%;
margin-top: 10%;
}

#mailingcontainer table
{
margin: 5%;
}

td
{
font-family: arial, "verdana ref", sans-serif;
text-indent: 0;
text-transform: uppercase;
font-weight: bold;
border: 0;
font-size: .8em;
padding-left: 2em;
vertical-align: top;
text-align: right;
}

td.nothing
{
text-align: left;
}

td.smaller
{
font-family: arial, "verdana ref", sans-serif;
text-indent: 0;
text-transform: uppercase;
font-weight: bold;
border: 0;
font-size: .6em;
padding-left: 2em;
vertical-align: top;
text-align: right;
}

#mailingcontainer input
{ 
border: solid black;
}

#mailingcontainer textarea
{
border: solid black;
}

.checkbox
{
width: 1.5em;
border: 0;
}
 

.buttonsubmit
{
width: 75px;
margin-left: 150px;
margin-top: 25px;
background-color: #4ae256;
border: solid green;
}

.invisible
{
display: none;
}


/*links page*/

#linkcontent
{
width: auto;
height: 500px;
margin-left: 15%;
margin-right: 15%;
margin-top: 180px;
border: 0;
}

#linkcontent ul li
{
list-style: none;
}

#linkcontent a:link {text-decoration: none; color: #000000;}
#linkcontent a:visited {text-decoration: none; color: #339933}
#linkcontent a:active {text-decoration: none; color: #000000}
#linkcontent a:hover {text-decoration: underline; color: #333399}





/* home page stuff*/

#homecontent
{
width: auto;
height: auto;
margin-left: 15%;
margin-right: 15%;
margin-top: 180px;
border: 0;
}

#homeheading
{
font-family: "verdana ref", arial, sans-serif;
font-size: 1.2em;
}



#homebot
{
width: auto;
height: auto;
margin-left: 35%;
margin-right: 0;
margin-top: 20px;
margin-bottom: 80px;
border: 0;
}

.homepix 
{
padding: 0;
border: 0;
float: right;
}

.homepix2
{
padding: 0;
border: 0;
margin: 0;
float: left;
}

.homepix3
{
padding: 0;
border: 0;
margin: 0;
float: right;
clear: both;
padding-top: 15px;
padding-left: 20px;
}

/*new page I might switch this to index but it is the what's new page*/


#citysq
{
padding-top: 80px;
border: 0;
margin: 0;
float: right;
}

#whatscontent
{
width: auto;
height: auto;
margin-left: 15%;
margin-right: 15%;
margin-top: 170px;
margin-bottom: 50px;
border: 0;
}

#whatscontent ul li
{
list-style-image: url(graphics/bulletstar.jpg)
}

.newpix
{
padding-left: 35px;
border: 0;
margin: 0;
float: right;
}

.newpix2
{
padding-top: 35px;
border: 0;
margin: 0;
clear: both;
float: right;
}

#whatscontent a:link {text-decoration: none; color: #333399}
#whatscontent a:visited {text-decoration: none; color: #333399}
#whatscontent a:active {text-decoration: none; color: #333399}
#whatscontent a:hover {text-decoration: underline; color: #c02300}

/*the following is for the jewelry pages*/

#jewlcontent
{
width: auto;
height: auto;
margin-left: 4%;
margin-right: 8%;
margin-top: 200px;
margin-bottom: 50px;
border: 0;
}



#jewlcontent ul li
{
list-style-position: inside;
list-style-image: url(graphics/bulletstar.jpg);
}

#repair
{
background-color: #4ae256;
width: 15em;
height: auto;
font-size: .9em;
border: thin black solid;
float: right;
padding: 5px;
margin-top: 20px;
}

#jewlleft
{
width: 225px;
height: auto;
border: 0;
float: left;
margin-right: 10px;
}


#jewlbott
{
width: auto;
height: auto;
border: 0;
}


.jewlpix1
{
float: left;
}

.jewlpix2
{
float: right;
}

.jewlpix3
{
float: right;
clear: both;
}

.jewlpix4
{
float: left;
clear: both;
}


/*this is the div info for all the circular table like things. ie the bead gallery stuff and pages affiliated with it.*/

.gallcont
{
width: 480px;
height: auto;
margin-left: 30%;
margin-right: 0;
margin-top: 80px;
border: 0;
}

.gallcont img
{
padding: 0;
border: 0;
margin: 0;
float: left;
}

.gallcontbig
{
width: 400px;
height: auto;
margin-left: 34%;
margin-right: 0;
margin-top: 80px;
border: 0;
}

.gallcontbig img
{
padding: 0;
border: 0;
margin: 0;
float: left;
}

.gallery
{

clear: both;
}



#back
{
padding: 0;
border: 0;
margin: 0;
float: left;
}

#next
{
float: right;
padding: 0;
border: 0;
margin: 0;
}



div.spacer
{
clear: both;
}

div.spacerbot
{
clear: both;
margin-bottom: 80px;
}



/*classespage*/

#navbarcl
{

width: 25%;
height: 100%;
padding-bottom: 80px;
padding-top: 0;
padding-right: 15px;
padding-left: 10px;
margin-top: 40px;
border-right: 6px #000000 solid;
float: left;
clear: both;
}

/*this is the navbar for the classes*/

#navbarcl h5
{
color: #000000;
text-align: center;
}

#navbarcl ul
{
width: 16em;
font-family: arial, "verdana ref", sans-serif;
font-size: 0.8em;
font-weight: bold;
list-style: none;
color: #416310;
background-color: #4ae256;
border: 2px black solid;
padding: 0;
margin-left: 1em;
}



#navbarcl ul li
{
margin: 0;
border-top: 2px solid black;
}

#navbarcl ul li a
{
display: block;
padding: 2px; 
border-left: 15px green solid;
border-right: 15px green solid;
text-decoration: none;
color: black;
width: 100%;
}

html>body #navbarcl ul li a
{
width: auto;
}


#navbarcl ul li a:hover
{
padding: 2px;
border-left: 15px #505879 solid;
border-right: 15px #505879 solid;
text-decoration: none;
background-color: #bcf8eb;
color: black;
}

/* end of classes navbar*/


#descriptcl
{
width: 60%;
height: auto;
padding-bottom: 30px;
margin-top: 40px;
margin-right: 25px;
border-bottom: 1px #000000 solid;
float: right;
}

.classblurbstop
{
width: 90%;
height: auto;
border-top: #c02300 6px solid;
border-bottom: #000000 1px solid;
border-right: #000000 1px solid;
margin-right: 25px;
padding-top: 40px;
padding-bottom: 30px;
margin-left: 25px;
padding-right: 12px;
text-align: left;
clear: both;
}

.classblurbstop ul li
{
list-style: none;
font-family: arial, "verdana ref", sans-serif;
font-weight: bold;
}



.classblurbstop a:link {text-decoration: none; color: #333399}
.classblurbstop a:visited {text-decoration: none; color: #333399}
.classblurbstop a:active {text-decoration: none; color: #333399}
.classblurbstop a:hover {text-decoration: none; color: #c02300}

.classblurbsright
{
width: 90%;
height: auto;
border-top: #c02300 6px solid;
border-bottom: #000000 1px solid;
border-left: #000000 1px solid;
margin-left: 25px;
padding-top: 40px;
padding-bottom: 30px;
margin-right: 25px;
padding-left: 12px;
text-align: left;
clear: both;
}



.classblurbsright a:link {text-decoration: none; color: #333399;}
.classblurbsright a:visited {text-decoration: none; color: #333399}
.classblurbsright a:active {text-decoration: none; color: #333399}
.classblurbsright a:hover {text-decoration: underline; color: #c02300}

.classblurbsleft
{
width: 90%;
height: auto;
border-top: #c02300 6px solid;
border-bottom: #000000 1px solid;
border-right: #000000 1px solid;
margin-right: 25px;
padding-top: 40px;
padding-bottom: 30px;
margin-left: 25px;
padding-right: 12px;
text-align: left;
clear: both;
}



.classblurbsleft a:link {text-decoration: none; color: #333399}
.classblurbsleft a:visited {text-decoration: none; color: #333399}
.classblurbsleft a:active {text-decoration: none; color: #333399}
.classblurbsleft a:hover {text-decoration: underline; color: #c02300}

.classpixl
{
float: left;
border: 0;
margin-right: 10px; 
}

.classpixr
{
float: right;
border: 0;
margin-left: 10px;
}

/*directions page*/

#directionspage
{
width: auto;
height: auto;
padding-top: 40px;
padding-left: 60px;
padding-right: 60px;
margin-top: 120px;
margin-bottom: 80px;
border: 0;
}

#directionspage ul
{
background-color: #4ae256;
width: 15em;
font-size: 1em;
border: thin black solid;
float: right;
margin-left: 12px;
}


#directionspage li
{
font-family: "verdana ref", arial, sans-serif;
list-style: none;
}
 




#mapbox
{
height: auto;
margin-right: 5px;
margin-top: 3px;
margin: 30px;
font-variant: small-caps;
font-size: .9em;
font-family: arial, "verdana ref", sans-serif;
text-align: justify;
text-indent: 0;
}

#newmap   
{
border-style: solid;
border-width: 3px;        
border-color: black;
height: 356px;
width: 610px;
margin-top: 7px;
padding: 0;
margin-bottom: 45px;
}



#yahoo
{
border: solid thin black;
width: 99px;
height: 13px;
float: left;
background-color: white;
margin-right: 4px
}