body {
font-family: "Lucida Grande", lucida, helvetica, arial, verdana, sans-serif;
font-size: .75em;
}

div.setwidth {
width: 750px;
text-align: left;
}

div.header {
width: 750px;
text-align: center;
margin-left: 0px

;

}

div.navbar1 {
border: 1px solid black;
text-align: center;
background-color: #fff;
height: 20px;
margin-left: 0px

;
background-image: url(images/gradient.jpg);
background-repeat: repeat-x;
}

ul.navbar1 {
width: 750px;
display: inline;
padding: 2px;
margin: 0px;
}

li.navbar1 {
display: inline;
}

div.navbar3 {
width: 160px;
margin-top: 0px;
margin-left: 0px

;
float: left;
background-color: #fff;
}

div.navbar2 {
width: 150px;
margin-top: 5px;
float: left;
border: 1px solid black;
background-color: #fff;
background-image: url(images/gradient.jpg);
background-repeat: repeat-x;
}

h1.navbar2 {
font-size: .9em;
margin: 0;
border-bottom: 1px solid black;
}

ul.navbar2 {
padding: 0px;
margin-top:1px;
margin-bottom:1px;
list-style-type: block;
list-style-position: inside;
margin-left: 2px;
}

li.navbar2 {

}

div.main {
margin-left: 165px;
margin-top: 0px;
padding-top: 0px;
}

div.footer {
margin-top: 10px;
border-top: 1px solid black;
padding: 5px;
}

h3 {
padding: 1px;
margin: 0px;
}

p {
padding: 2px;
}

div.classlisting {
border-top: 1px solid black;

}
h3.classlisting {
color: #336;
}

div.newsletter {
width: 60%;
border: 1px solid black;
background-image: url(images/gradient.jpg);
background-repeat: repeat-x;
margin: auto;
}

label {
width: 200px;
text-align: right;
}

img.beadpic {
height: 100px;
width: 100px;
margin-right: 5px;
margin-bottom: 20px;
border: 1px solid #336;
display: block;
}

p.beadpic {
margin-left: 105px;
display: block;

}

p.navbar2 {
padding: 2px;
margin: 0px;
}

a:link {
color:#306;
}
a:active{
#639;
}
a:hover {
#639;
}
a:visited{
#96c;
}