/* This is the H1 title used in the sample PHP files */
	.sampleTitle {
		text-align:center;
	}
/* This is one product grid cell (the box that contains each product image and text) */
	.gridCell {
		float:left;
		text-align:center;
		position:relative;
		overflow:hidden;
	}
/* This is the style given to the product image link by default */
	.gridCell .realviewLink {
		border:1px solid #AFD0F8;
		display:block;
		padding:0px;
	}
/* This is the style given to the product image itself by default */
	.gridCell .realviewImage {
		border:2px;
	}
/* This is the style given to the inside of the image link when hovering over the image */
	.gridCell .realviewLink:hover .realviewImage {
		border:2px solid #AFD0F8!important;
	}
/* This is the style given to the outside of the image link when hovering over the image */
	.gridCell .realviewLink:hover {
		border:1px solid #88a2c1!important;
	}
/* This is the style given to the text underneath the image (title, description, price...) */
	.gridCellInfo {
		text-align:center;
		font-size:.75em;
	}
/* Centers text under the product  */
	.gridCellInfo a, .gridCellInfo a span {
		text-align:center;
	}
/* This is the main container for the grid of products */
	.allGrids {
		text-align:center;
		width:100%;
	}
/* Centers the grid of products inside allGrids */
	.centerGrids {
		 margin-left: auto;
		 margin-right: auto;
	}
	.error {
		border:1px solid;
		padding:18px;
		margin-bottom:23px;
	}
/* The currently selected sort method */
	.selectedSort, .selectedSort a {
		text-decoration:none;
	}
/* The pagination links */
	.count {
		float:right;
		margin-left:-2px;
		margin-bottom:7px;
		text-align:right;
		position:relative;
	}
/* Powered by Zazzle logo */
	.pbimg {
		position:absolute;
		top:-5px;
		left:0px;
	}
	.pbimg img {
		border:0px;
	}
/* Empty classes in case you want to change the look of the pagination and sort */
	.count a, .sortLinks a {
		
	}
	.sortLinks {
		
	}
/* Used to stop product grids from floating to the left (at the end of the grid) */
	.clearMe {
		clear:both;
		margin:0px;
		padding:0px;
	}
/* Height of clearMe DIV */
	.short {
		height:10px;
	}
/* Fix for Mozilla browsers for floating elements...best not touch this! */
	.clearfix:after {
	    content: ".";
	    display: block;
	    height: 0;
	    clear: both;
	    visibility: hidden;
	}
	.clearfix {display: inline-block;}

	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */

/* Empty class in case you want to style the currently selected page number */
	.current {
		
	}
/* The product description text. To show more than one line of the description, increase the height. */	
	.productDescription {		
		cursor: default;
		text-decoration: none;
		position:relative;
		overflow:hidden;
		height:15px;
	}
/* The product title text */
	.productTitle {
		display:block;
		height:15px;
		overflow:hidden;
		font-weight:bold; 
	}
/* Product price text */
	.productPrice {
		cursor: default;
		text-decoration: none;
		font-size: 8pt;	
	}
/* The pagination arrows (previous/next)*/
	.paginationArrows {
		text-decoration: none;	
	}
	
	@font-face {
    font-family: 'Amperzand';
    src: url('Amperzand.eot');
    src: local('Amperzand'),
         url('Amperzand.ttf') format('truetype'); 
}

@font-face {
    font-family: 'chelsearegular';
    src: url('chelsea-webfont.eot');
    src: url('chelsea-webfont.eot?#iefix') format('embedded-opentype'),
         url('chelsea-webfont.woff') format('woff'),
         url('chelsea-webfont.ttf') format('truetype'),
         url('chelsea-webfont.svg#chelsearegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

html, body, p, h1, h2, h3, h4, h5, h6, ol, ul, li {
margin: 0;
padding: 0;
border: none;}

body {
margin-top: 0;
text-align: center;
color: #000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
background-image: url(../art/bkgr2.jpg);
background-repeat: repeat;}

/*header*/

.header {
width: 960px;
height: 386px;
margin: 0 auto;
padding: 0;
border: 0px;;
}

.header h1 {
font-family: "Times New Roman", Times, serif;
font-size: 1em;
text-align: center;
padding-top: 27px; 
color: #FFF;
margin-left: 150px;
line-height: 20px;
letter-spacing: 2px;
}

.header ul {
text-align: center;
font-size: .7em;
padding-top: 18px;
margin-left: 150px;
color: #FFF;
}

.header ul li {
	list-style-type: none;
	display: inline;
	padding-left: 5px;
	padding-right: 5px;
	font-weight: bold;
}

.header ul li a:link, .header ul li a:visited {
text-decoration: none;
color: #FFF;
}

.header ul li a:hover, .header ul li a:focus {
color: #33302A;
}

/*wrapper*/

#wrapper {
position: relative;
width: 960px;
margin: 0 auto 30px auto;
padding: 0;
text-align: left;
background-color: #f7f6ef;
border: 0;
}

/*menu top*/

.top {
position: relative;
width: 960px;
height: 30px;
background-color: #000;
margin: 0;
padding: 0;
}

.top ul {
width: 960px;
padding: 8px 0;
margin: 0;
text-align: center;
}

.top ul li {
background-color: #000;
display: inline;
text-align: center;
margin: 0;
padding: 0 20px;
}

.top ul li a {
font-family: 'Amperzand', "Times New Roman", Times, serif;
font-size: 17px;
color: #ede8ca;
text-decoration: none;
}

.top ul li a:hover, .top ul li a:focus {
color: #c57522;
}

/*nav menu*/
.nav {
float: left;
width: 180px;
margin: 20px 10px;
}

.nav ul {
width: 160px;
list-style-type: none;
font-size: 1.4em;
padding: 12px;
}

.nav ul li a {
display: block;
width: 160px;
height: 1%;
border-bottom: 1px #76869f solid;
padding: 6px 0;
margin: 0;
font-family: 'chelsearegular', "Times New Roman", Times, serif;
text-align: left;
text-decoration: none;}

.nav ul li a:link, .nav ul li a:visited {
color: #646360;
} 

.nav ul li a:hover, .nav ul li a:focus {
color: #76869f;
}

.nav p {
font-family: 'chelsearegular', "Times New Roman", Times, serif;
font-size: 1em;
color: #646360;
margin: 0 5px 0 10px;
padding-top: 10px;
padding-right: 6px;
}

.nav p a:link {
color: #872323;} 

.nav p a:visited {
color: #61778C;}

.nav h1 {
	font-family: 'chelsearegular', "Times New Roman", Times, serif;
	font-size: 1.5em;
	color: #29491c;
	padding: 10px;
	margin: 0;
}

.nav h2 {
font-family: 'chelsearegular', "Times New Roman", Times, serif;
font-size: 1.5em;
margin-left: 0px;
padding-top: 0px;
padding-right: 6px;
color: #872323;
}

.nav-box {
float: left;
width: 150px;
text-align: left;
margin: 8px 5px 5px 5px;
border: solid #000 1px;
background-color: #F7F7EF;
}

.nav-box p {
font-size: .7em;
margin: 0 5px 0 5px;
padding-top: 10px;
padding-right: 3px;
}

.nav-box p a:link {
color: #872323;} 

.nav-box p a:visited {
color: #61778C;}

.nav-box h1 {
	background-color: #85322C;
	font-size: .7em;
	color: #FFFDEB;
	padding: 4px 6px 4px 4px;
	margin: 0;
}

.nav-box h2 {
font-size: .7em;
margin-left: 0px;
padding-top: 0px;
padding-right: 6px;
font-weight: bold;
color: #872323;
}

/*content*/

.content {
float: left;
background-color: #F7F6EF;
color: #4f6228;
width: 740px;
margin: 0 3px;
padding-top: 20px;
padding-bottom: 20px}

.content p {
font-family: cardiff, "Times New Roman", Times, serif;
font-size: 1.2em;
margin: 0 10px 0 10px;
padding-bottom: 10px;
line-height: 1.3em;
}

.content ul {
padding-top: 10px;
padding-left: 50px;
padding-bottom: 10px;
}

.content ul li {
padding-left: 5px;
font-size: 1em;
line-height: 1.8em;
list-style: square;}

.content ol {
font-size: 1em;
line-height: 1.6em;
padding-left: 30px;
list-style-type: lower-alpha;
}

.content h1 {
font-family: 'Amperzand', "Times New Roman", Times, serif;
font-size: 3em;
margin: 20px 0 10px 10px;
color: #7d2f13;
font-weight: normal;}

.content h2 {
color: #52612c;
font-family: 'Amperzand', "Times New Roman", Times, serif;
margin-bottom: 10px;
margin-top: 13px;
margin-left: 10px;
font-size: 1.8em;
font-weight: normal;}

.content h3 {
margin: 13px 3px 10px 3px;
font-family: 'Amperzand', "Times New Roman", Times, serif;
font-size: 1.5em;
font-weight: bold;
border: 0;
color: #85322C;
padding-left: 10px;}

.content h4 {
color: #872323;
margin-bottom: 10px;
margin-top: 13px;
margin-left: 10px;
font-size: .9em;
font-weight: bold;}

.content h5 {
margin-bottom: 10px;
margin-top: 13px;
font-size: .9em;
font-weight: bold;
background-color: #FAC65F;
border: 1px #000 solid;
display: block;
color: #000;
padding-left: 10px;}

.content h6 {
margin-bottom: 10px;
margin-top: 13px;
font-size: .9em;
font-weight: bold;
background-color: #0071BC;
border: 1px #000 solid;
display: block;
color: #fff;
padding-left: 10px;}

.content a:link {
color: #872323;} 

.content a:visited {
color: #61778C;}

.content a:hover, .content a:focus {
font-weight: bold;}

.content table {
}

.content td {
	color: White;
}

.content td p {
	font-size: .9em;
	padding-left: 5px;
	margin: 0;
}

.green {
color: #4f6228;
font-style: italic;
}


.footer {
float: left;
width: 960px;
margin: 0;
background-color: #f7f6ef;
border-top: solid 3px #000;
border-bottom: solid 1px #000;
text-align: center;
}

.footer p {
font-size: .7em;
padding-top: 6px;
color: #7d2f13;
font-weight: bold;
}

.footer p a:link {
	color: #7d2f13;
}

.footer a:visited {
	color: #7d2f13;
}

.footer p a:hover, .footer a:focus {
	color: #6F322D;
}