body {
	left: 12.5%;
	position: absolute;
}

ul {
	font-family: Arial, Geneva, Helvetica, sans-serif;
	margin-left: 0;
}

p {
	font-family: "Times New Roman", Times, serif;
	font-size: large
}

h4 {
	font-family: "Times New Roman", Times, serif;
	font-size: .89em;
	padding-top: .5em;
	margin-bottom: 8px;
}

h2 {
	font-family: "Times New Roman", Times, serif;
	text-align: center;
	font-size: 1.3em;
	padding: 0;
}

h1 {
	font-family: "Monotype Corsiva", Arial, Geneva, Helvetica, sans-serif;
	font-size: 2.5em;
	text-align:center;
	margin-bottom:0;
}

/* 
 * Horizontal line
 */
 
hr {
	color:#99CCFF;
	padding: 0 2px 0 4px;
}

pre {
	font-family:monospace;
}

/* 
 * The container is used to divide and position page elements.
 */
 
#container {
	width: 55em;
	height: 70em;
	border: thin silver;
	margin: 0px;
	padding: 0px;
}

/*
 * The header is the container for the BJC title and logo at the top of every page.
 */

/*#header {
	width: 50em;
	padding: 0;
	margin: 0;
	height: 1.7em;
}*/

/*
 * The banner is the BJC title at the top of every page.
 */
 	
#banner {
	float: left;
	padding: 0;
	padding-top: .2em;
	margin: ;
	height: 1.7em;
	background-color: #4E0A76;
	font-size: 3.5em;
	font-family: "Monotype Corsiva", tahoma, verdana, sans-serif;
	text-align: center;
	vertical-align: middle;
	color: aqua;
	width: 75%;
}

#banner a {
	text-decoration: none; 
	color: aqua;
	vertical-align:middle;
}
	
#bjc-logo {
	float: right;
	height: 1.7em;
	width: 25%;
	margin-top: 0px;
}
	
.logo {
	width:200px;
	/*padding-bottom: 3px;
	padding: 0 2px 2px 0;
	position: absolute;
	left: 610px;
	top: 17px;
	bottom: 105px;*/
}

/*
 * bjc-name is the style for the bjc name when it is used in a page body
 */

.bjc-name {
	font-size: xx-large;
	font-family: "Monotype Corsiva", tahoma, verdana, sans-serif;
	color: #4E0A76;
}

/*
 * The top-menu is the menu section at the top of every page.
 */
	
#top-menu {
	float: left;
	background-color: #F4DDFF;
/*	background-color: #CAA6F7;*/
	padding-left: 0;
	margin:0 0 0 0 ;
	width: 100%;
	height: 1.5em;
}

/*
 * Set the link color for the menu section at the top of every page.
 */

ul#top-menu a {
	margin: 0;
	padding: .2em .4em;
	float:left;
	display:block;
	font-size:medium;
	color: black;
	text-decoration: none;
}

ul#top-menu li {
	display:inline;
}

/*
 * Format for PayPal form and button to View Cart.
 */

form.ppviewc {
	vertical-align: middle;
	margin: 0;
	padding: 0;
}

form.ppviewc input {
	padding: .1em .2em;
	font-size: medium;
	cursor: pointer;
	background-color: #F4DDFF;
/*	background-color: #CAA6F7;*/
	font-family: Arial, Geneva, Helvetica, sans-serif;
	border-style: none none none none;
}

/*
 * Format for email form in right column
 */

form.onRight {
	width: 98%;
	font-family:Arial, Helvetica, sans-serif;
	vertical-align: middle;
	margin: 0;
	padding: 0;
}

form.onRight input {
	width: 90%;
	background-color: #F4DDFF;
}

/*
 * Format for form used for searching BJC.
 */

form.bjcsearch {
	vertical-align: middle;
	margin: 0 1px 0 2px;
	padding: 3px 0 3px 2px;
	border: 1.5px #99CCFF solid;
	width: 100%;
}
	
form.bjcsearch input {
	background-color: #F4DDFF;
	font-family:Arial, Helvetica, sans-serif;
	width: 93%;
	margin: 3px 1px 3px 2px;
}

/*
 * Used to navigate multiple pages of an item.  It goes in the menu section at the top of every page.
 */

#page-nav {
	text-align: right;
	width: 98%;
	margin: .5em .5em .8em .5em;
	padding: .1em;
	float: none;
	font-size: large;
}

#page-nav a {
	color: blue;
	text-decoration: none;
	margin: 0 3px 0 3px;
}

#page-nav a:hover {
	text-decoration:underline;
	color: aqua;
}

/*
 * The main-content is the main text/picture section on every page.
 */
	
#main-content {
	float:right;
	padding:0 0 0 0;
	width:81.5%;
	width: 82%;
	height:85%;
	margin: 0 0 0 0;
}

/*
 * The main text section on the home page.
 */

#ndx-mcontent {
	height: 85%;
	margin: 0 0 0 0;
	width: 64%;
	background-image: url('images/collage.jpg');
	background-repeat: no-repeat;
	vertical-align: inherit;
	font-size: large;
	line-height: 2em;
	line-height: normal;
	text-align: center;
	float: left;
	padding: 0 3px 0 3px;
}

/*
 * The right panel on the index/home page.
 */
 
#rightCol {
	float: right;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	/*background-color: #CC99FF;*/
	text-align: center;
	width: 16%;
	height: 85%;
	background-color: #CAA6F7;
	color: navy;
	font-style: italic;
	font-size: small;
	font-family: "Segoe Print", sans-serif;
}

#rightCol h2 {
	padding-top: .2em;
	margin: 0;
	padding-bottom:.4em;
}

/*
 * The general information page.
 */

.info-mcontent {
	background-repeat: no-repeat;
	vertical-align: inherit;
	font-size: large;
/*	line-height: 2em;*/
}

/*
 * The show schedule page.
 */

table.sched {
	width: 100%;
	margin: 0 0 0 0;
	font-size: large;
	color: navy;
	text-align: left;
/*	background-color:#FFFFCC;*/
	background-color:#CC99FF;
	color: #003535;
}

table.sched caption {
	font-size: 1.5em;
	font-family: "Segoe Print", sans-serif;
	padding: 3px 0 3px 0;
	margin: 0 0 0 0;	
	background-color: #9966FF;
}

table.sched td {
	width: 50%;
	padding: 0 0 1em .2em;
	vertical-align: top;
}

.booth_info {
	padding: 0 0 0 30px;
	color: #FF3300;
}

table.sched_past {
	width: 100%;
	margin: 1.5em 0 0 0;
	font-size: .8em;
	color: black;
	text-align: left;
	background-color:#FFFFCC;
}

table.sched_past caption {
	font-size: medium;
	font-family: Arial, Geneva, Helvetica, sans-serif;
	padding: 4px 0 3px 0;
	margin: 4px 0 0 0;	
	background-color:#FFFFCC;
}

/*
 * The main text section on the About Us page.
 */

.about-mcontent {
	font-size: medium;
	line-height: 1.5em;
	font-family: "Segoe Print", sans-serif;
	text-align: center;
}

table.main {
	table-layout: fixed;
	width: 100%;
	background-color:#FFFFCC;
	padding: 3px 0 3px 0;
/*	height: 80%;*/
}

table.main caption {
	font-size: 1.5em;
	font-family: "Monotype Corsiva", Arial, Geneva, Helvetica, sans-serif;
	padding: 3px 0 3px 0;
	margin: 3px 0 3px 0;	
}

table.main td {
	width: 25%;
	height: 33%;
	font-family: "Times New Roman", Times, serif, Helvetica, sans-serif;
	font-size: medium;
	vertical-align: middle;
	text-align: center;
	padding-left: .1em;
}

table.main img {
	border-style: none;
	border-color: inherit;
	border-width: 0;
	padding-left: 0; /* take out the border/padding stuff and use the jewelryPict class*/
	margin-right: 0px;
	vertical-align: middle;
	margin-bottom: 2px;
	margin-top: 2px;
}

/*
 * Puts a border around each jewelry picture.
 */

img.jewelryPict {
	border-style: solid;
	border-color: #CCCCFF;
	border-width: 2px;
	padding: 4px 4px 4px 4px;
}

/*
 * The "enlarge" instruction at the top of every page.
 */

#instruct{
	float:left;
	font-size: medium;
	font-size: large;
	font-style:italic;
	text-align: left;
}

/*
 * The left-navbar is the navigation section on the left of every page.
 */
	
#left-navbar {
	text-align: center;
	float:left;
	width:17%;
/*	width:19%;
	margin-top: 1.1em;
	height:85%;*/
	height: 90%;
	margin: 0 0 0 0;
	padding: 0 .4em 0 0;
/*	background-color:#990099;*/
	background-color: #4E0A76;
	color:silver; 
	font-size:medium;
}

#left-navbar a {
	text-decoration: none;
	color: silver;
}
	
#footer {
	clear: both;
	padding: 5px;
	padding-top: 10px;
	margin-top: 5px;
	font-style: italic;
	text-align: center;
	width: 100%;
}
	
ul.leftnav {
	list-style-type:none;
}
	
ul.leftnav li {
	padding: 0 0 0 5px;
	margin: 0 0 ;
	font-size:medium;
	text-align:left; 
	line-height:1.5em;
}
	
.a:link {
	color: #CCCCFF;
}

.a:visited {
	color: #CC33FF;
}

.a:hover {
	color: #F4DDFF;
}

/* 
 * This is the style for the SOLD sign used on individual items.
 */
 
 .soldItem {
	color: #FF0000;
}

/* 
 * This is the style for news posted at the top of the Index page.
 */

.news {
	color: #0000FF;
	font-size: x-large;
	font-family:"Segoe Print", sans-serif;
}