/* Color Scheme:

Black #000000			Dark Willow #666633		Deep Red #990066	Wheat #f5deb3
Tan #d2b48c				Willow #999966			Deep Rose #993366
Antique White #faebd7	Light Willow #cccc99	Pink #ff9999

*/


/* Site-wide Defaults: */

/* Remove after promo */
#party {
	background: #faebd7 url(./images/h2_party.gif);
	background-repeat: no-repeat; 
	background-position: bottom left;
	padding-bottom: 2em;
	}

.navOliveBold {
	color: #666633;
	font-weight: bold;
	list-style-type:none;
}

.navOliveBoldListWCircle {
	color: #666633;
	font-weight: bold;
	list-style-type:circle;
}

a.navPersistentRedLink, a.navPersistentRedLink:visited {
	color: #cc6666;
	font-weight: bold;
    list-style-type:disc;
}

#nav li ul li.navSectionTop:hover,
#nav li ul li.navSectionBottom:hover,
#nav li ul li.navSectionTop.over,
#nav li ul li.navSectionBottom.over {
	background-color: #996;
}


#special {
	margin: 0;
	padding: .5em;
	border: 2px solid #936;
	}

.redtext {
	color: #936;
	font-weight: bold;
	}
	
body {
	background-color: #faebd7;
	color: #333333;
	font-family: verdana, arial, helvetica, "sans serif";
	font-size: medium;
	margin: 0;
	padding: 0;
	}

h1 {
	width: 384px; height: 47px;
	margin-top: 0;
	/*margin-bottom: 1ex;*/
	padding-bottom: 2px;
	text-indent: -5000px;
}

h2 {
	font-size: 110%;
	/*margin-bottom: 1ex;*/
}

h3 {
	font-size: 14px;
}

div.list h3 {
	font-size: 105%;
	margin-left: 1.5em;
	margin-bottom: 0px;
}

p {
	line-height: 140%;
}

a:link { 
	color: #cc6666; 
	font-weight: bold;
	text-decoration: none;
}

a:visited { 
	color: #666633; 
	font-weight: bold;
	text-decoration: none;
}

a:hover, active {
	color: #ff9999;
	font-weight: bold;
	text-decoration: underline;
}

.pub {
	font-style: italic;
	font-weight: bold;
}

.small {
	font-size: smaller;
}

	/*  Header subsection  */

div#header { 
	background: #000000 url(./images/header-bg.jpg);
	background-repeat: no-repeat; 
	background-position: top right;
	margin: 0;
	border: 0;
	padding: 0;
}

div#header img {
	width: 290px; height: 149px;
	border: 0;
	margin: 0;
	padding: 0;
}

#navbar a:link, #navbar a:visited {
	color: #663;
	text-decoration: none;
}

#navbar a:active, #navbar a:hover {
	color:#663;
	text-decoration: none;
}

a#pm:link, a#pm:visited, a#pm:active, a#pm:hover {
	color: #330;
}

#navbar {
	width: 100%;
	color: #9B9B81;
	height: 38px;
	background-image: url("http://www.br-beads.com/images/navback.gif");
	background-repeat: repeat-x;
/*	border-top: 2px solid #666633;
	border-bottom: 2px solid #cccc99;
	letter-spacing: .01em;
	font-weight: bold;
	background-image: #cccc99;
*/
	}

#nav {
	font-size: 11px;
	margin: 0;
	padding: 0;
	list-style: none;
	}

#nav li { 
	width: 15%;
	background-color: #cccc99;
	margin: 0;
	padding: 5px 0 5px 0;
	float: left;
	text-align: center;
	position: relative;
	}

#nav li.wide { 
	width: 21%;
	border-left: 2px;
	border-right: 2px;
	}

#nav li:hover, #nav li.over { 
	background-color: #faebd7;
	}

#drop1:hover, #drop1.over, 
#drop2:hover, #drop2.over,
#drop3:hover, #drop3.over { 
	background-color: #faebd7;
	border-left: 2px solid #663;
	border-right: 2px solid #663;
	}

#nav li ul {
	font-size: 12px;
	position: absolute;
	left: 0; top: 24px;
	width: 100%; 
	margin: -1px 0 0 0;
	border: 0;
	padding: 0;
	display: none;
	list-style: none;
	}

#nav li:hover ul, #nav li.over ul { 
	display: block;
	z-index: 6000;
	border-left: 2px solid #663;
	border-right: 2px solid #663;
	border-bottom: 2px solid #663;
	margin-left: -2px;
	}

#nav2a li.navSectionTop,
#nav2a li.navSectionBottom {
	background-color: #996;
	color: #330;
	font-weight: bold;
}

#nav2a li.navSectionBottom {
	border-top: 0; border-bottom: 0;
	padding-top: 0; padding-bottom: 0;
	height: 2px;
}

#nav li ul li.navSectionTop:hover,
#nav li ul li.navSectionBottom:hover,
#nav li ul li.navSectionTop.over,
#nav li ul li.navSectionBottom.over {
	background-color: #996;
}

li.first {
	clear: left;
	}

#nav li ul li {
	width: 95%; 
	background-color: #cccc99;
	margin: 0;
	border: 0;
	padding-bottom: 10px; padding-left: 5%;
	font-size: smaller;
	text-align: left;
	}

#nav li ul li:hover, #nav li ul li.over {
	background-color: #faebd7;
	}


	/*  Content subsection  */

div.content {
	clear: left;
	font-size: 75%;
	line-height: 130%;
	margin: 4.5ex 6% 3ex 6%;
}

div.leftCol {
	width: 230px;
	margin: 3px 0 25px 0;
	border-left: 2px dotted #999966;
	border-right: 2px dotted #999966;
	border-bottom: 2px dotted #999966;
	padding: 0 2px 2px 5px;
	float: left;
}

.leftCol h2 {
	background: #cccc99 url(./images/sh_bg3.jpg); background-repeat: no-repeat; background-position: top left;
	color: #faebd7;
	letter-spacing: .1em;
	margin-bottom: 1em;
	padding: 3px 0 3px 3px;
}

.leftCol div {
	background: url(./images/sidebar_bg1.gif); background-repeat: repeat-x; background-position: top left;
	margin: 0 5px 0 5px;
	padding: 5px 5px 5px 10px;
}

.leftCol a:link, .leftCol a:visited {
	color: #faebd7; text-decoration: none;
}

.leftCol a:active, .leftCol a:hover {
	color: #cccc99; text-decoration: none;
}

#text {
	width: 400px;
	float: right;
}

#text p, div.entry, #sherry {
	margin-left: 2em;
}

#sherry {
	margin-top: 2em;
	border: 5px double #936;
	padding: 0 1em 1em 1em;
}

#sherry div.entry {
	margin-left: 0;
}

p.first {
	margin-top: 0;
}

.clearleft {
	clear: left;
}

.clearright {
	clear: right;
}

.clearboth {
	clear: both;
}

#copy {
	font-size: smaller;
	line-height: 130%;
	margin: 0;
}

	/*  Main page subsection  */

#main-h1 {
	background: url(./images/h1_main.gif); background-repeat: no-repeat; background-position: top left;
	}

div.color {
	border: 1px solid #f00;
	margin-top: 10em;
	clear: left;
}

#cab1 {
	width: 105px; height: 181px;
	border: 0;
	margin-right: 10px;
	padding: 0;
	float: left;
}

#main-pic1,  #main-pic2, #main-pic3 {
	width: 200px;
	border: 2px solid #000;
	margin-right: 10px;
	padding: 0;
	float: left;
}

#main-pic1 {
	height: 150px;
}

#main-pic2 {
	height: 108px;
}

#promoPix {
	width: 105px;
	margin-right: 10px;
	float: left;
}

#promoPix img {
	margin: 0;
	border: 2px solid #000;
	padding: 0;
}

#promo1 {
	height: 84px;
}

#promo2 {
	height: 83px;
}

#promo3 {
	height: 97px;
}

div.main-text {
	clear: left;
}

ul#mainList {
	margin-top: 0;
}

	/*  Cart subsection  */

#cart-h1 {
	background: url(./images/h1_catalog.gif); background-repeat: no-repeat; background-position: top left;
	}

#catalog h2, #catalog div.list {
	margin-left: 4em;
	}

#catalog h2 {
	background: url(./images/h2_cart-bg.jpg); background-repeat: no-repeat; background-position: bottom left;
	padding: .5em 0 .2em .5em;
	font-size: 130%;
	color: #c66;
}

div.sectionNav {
	text-align: right;
	}

div.sectionNav > div {
	margin-bottom: 1em;
}

div.sectionNav a {
	padding: 2px;
}

div.sectionNav a.curPage {
	background-color: #903;
	color: #f99;
}

#cart {
	margin: 0 0 2.5em 0;
	}

div.entry img {
	margin-right: 10px;
	border: 2px solid #666;
	float: left;
	}
div.freepic img {
	margin-right: 10px;
	margin-left: 10px;
	border: 2px solid #666;
	}

div.entry p {
	margin-top: .8em;
	}

div.list p, p.list {
	margin-left: 1.5em;
	}

span.item, div.price {
	font-weight: bold;
	}

div.price {
	text-align: right;
	}

div.price form {
	margin: 1em 0 0 0;
	border: 0;
	padding: 0;
	}

.buttonOn, .submit0 {
	background-color: #cccc99;
	border: 2px solid #666633;
	}

.buttonOff, .submit1 {
	background-color: #999966;
	border: 2px solid #666633;
	}

#cartImgPop {
	background-color: #000;
	color: #faebd7;
	margin: 0;
	padding: 0;
	}

#cartImgPop div {
	margin: 20px;
}

#cartImgPop div img {
	border: 4px solid #666;
}

#cartImgPop div p {
	font-size: 70%;
}

#popup div.content {
	background-color: #d2b48c;
	margin: 20px;
}

#popup img {
	border: 4px solid #ccc;
}

	/*  About Us subsection  */

#about div.leftCol {
	border-left: 2px dotted #990066;
	border-right: 2px dotted #990066;
	border-bottom: 2px dotted #990066;
}

#about div.leftCol h2 {
	background: #ff9999 url(./images/sh_bg1.jpg); background-repeat: no-repeat; background-position: top left;
	color: #faebd7;
	letter-spacing: .1em;
	margin-bottom: 1em;
	padding: 3px 0 3px 3px;
}

#about div.leftCol div {
	background: url(./images/sidebar_bg2.gif); background-repeat: repeat-x; background-position: top left;
}

#about-h1 {
	background: url(./images/h1_about.gif); background-repeat: no-repeat; background-position: top left;
	}

#faq-h1 {
	background: url(./images/h1_faq.gif); background-repeat: no-repeat; background-position: top left;
	}

#contact-h1 {
	background: url(./images/h1_contact.gif); background-repeat: no-repeat; background-position: top left;
	}

#map-h1 {
	background: url(./images/h1_map.gif); background-repeat: no-repeat; background-position: top left;
	}

#carolyn {
	border: 2px solid #666666;
	margin-left: 10px;
	padding: 0;
	float: right;
}

#map {
	width: 360px; height: 274px;
	border: 0;
	margin: 0;
	padding: 0;
}

address {
	font-style: normal;
	margin-left: 2em;
}

#about .leftCol a:active, #about .leftCol a:hover {
	color: #ffcccc; text-decoration: none;
}


	/*  Classes subsection  */

#classes div.leftCol {
	border-left: 2px dotted #993366;
	border-right: 2px dotted #993366;
	border-bottom: 2px dotted #993366;
}

#classes div.leftCol h2 {
	background: #ff9999 url(./images/sh_bg2.jpg); background-repeat: no-repeat; background-position: top left;
	color: #faebd7;
	letter-spacing: .1em;
	margin-bottom: 1em;
	padding: 3px 0 3px 3px;
}

#classes div.leftCol div {
	background: url(./images/sidebar_bg2.gif); background-repeat: repeat-x; background-position: top left;
}

#registration-h1 {
	background: url(./images/h1_registration.gif); background-repeat: no-repeat; background-position: top left;
	}

#current-h1 {
	background: url(./images/h1_current.gif); background-repeat: no-repeat; background-position: top left;
	}

#upcoming-h1 {
	background: url(./images/h1_upcoming.gif); background-repeat: no-repeat; background-position: top left;
	}

#classes .leftCol a:active, #classes .leftCol a:hover {
	color: #ffcccc; text-decoration: none;
}

div.entry {
	margin-top: 2em;
}

div.entry:first-line {
	color: #993366;
	font-weight: bold;
}

.entry span {
	font-size: smaller;
}

.entry span.alert {
	font-size: 100%;
	font-weight: bold;
	color: #906;
}

.entry p {
	margin-top: .5em;
	margin-bottom: .5em;
}

.entry ul {
	margin-top: 0;
	margin-left: 2em;
}

div.entry .pub {
	font-style: italic;
	font-weight: bold;
	font-size: 100%;
}

div#next {
	margin-top: 2em;
	text-align: right;
}

	/*  Gallery subsection  */

#gallery-h1 {
	background: url(./images/h1_gallery.gif); background-repeat: no-repeat; background-position: top left;
	}

#gallery div.entry img {
	margin-right: 10px;
	margin-bottom: 2ex;
	float: left;
}

#gallery div.entry span {
	font-size: 100%;
}

#gallery div.entry span.small {
	font-size: 90%;
}

#gallery p, #gallery div.entry {
	margin-left: 4em;
}

#gallery a  img {
	border: 2px solid #666666;
}

#thumb0 {
	width: 200px;
	border: 2px solid #333;
}

#thumb1 {
	width: 200px;
}

#thumb2 {
	width: 200px;
}

#thumb3 {
	width: 200px;
}

#thumb4 {
	width: 200px;
}

#thumb5 {
	width: 200px;
}

	/*  Table of contents and links subsection  */

#toc, #links {
	/* background: url(./images/toc_bg.jpg); background-repeat: no-repeat; background-position: bottom right; */
	margin: 4.5ex 0 0 6%;
	padding: 0 10% 3ex 0;
	}

#toc-h1 {
	background: url(./images/h1_toc.gif); background-repeat: no-repeat; background-position: top left;
	}

#links-h1 {
	background: url(./images/h1_links.gif); background-repeat: no-repeat; background-position: top left;
	}

#toc p, #toc div, #links p, #links div {
	margin-left: 4em;
}

#toc ul div, #links ul div { 
	margin: 0 0 3ex 0;
}

#toc ul h2, #links ul h2 { 
	margin-bottom: .5ex;
}

#toc ul ul, #links ul ul {
	display: block;
	width: auto;
	position: relative;
	background: transparent;
	margin: 0;
	border: 0;
}


	/*  Image popup subsection  */

body#imgPop {
	background-color: #000;
	color: #faebd7;
	margin-top: 10px;
	padding: 0;
	}

#imgPop img {
	border: 2px solid #666666;
}

#imgPop form {
	margin-top: 10px;
}

input.close0 {
	border: 2px solid #666666;
	background-color: #999966;
	font-size: 75%;
	/*font-size: 70%;*/
}

input.close1 {
	border: 2px solid #666666;
	background-color: #666633;
	font-size: 75%;
	/*font-size: 70%;*/
}


	/*  Generic popup subsection  */

body.popup {
	margin: 2em;
	padding: 0;
	}

input.submit0 {
	border: 2px solid #999966;
	background-color: #cccc99;
	font-size: 75%;
	/*font-size: 70%;*/
}

input.submit1 {
	border: 2px solid #666633;
	background-color: #999966;
	font-size: 75%;
	/*font-size: 70%;*/
}

#divButtons {
	margin-top: 1em;
}

#h1-beadlist {
	text-indent: 0;
	color: #663;
	font-size: 120%;
	margin-bottom: 0;
}

	/*  404 page subsection  */

#missing {
	margin: 4ex 10% 4ex 10%;
	font-size: 75%;
}

#missing h1 {
	text-indent: 0;
	font-size: 120%;
}

a.navOliveBoldWBullet {
	color: #666633;
	font-weight: bold;
        list-style-type:circle;
}