body {
	background-image:url(graphics/plainbackground.jpg);
	color:#000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 10px 10px;
	padding: 0px;
}
.clear{clear:both;}
* {
	margin: 0px;
	padding: 0px;
}
/********************** Top Page Letterhead ***************************/
#letterhead 
{
/**** sets size of letterhead element containing logo, store name and address ****/
	margin: auto;
	text-align: left;
	width: 800px;
	height: 150px;
}
#letterhead a
{
	font-size:12px;
}
#letterhead p
{
	margin: 10px 0px;
	font-weight:bold;
}

/********************** Letterhead Logo ***************************/
#topleft {
	float:left;
/*changes width of left column*/
	width:580px;
	padding: 0px 10px 0px 0px;
	text-align:center;
}
#topleft a{color:#28556b;}
#topleft a:hover{color:#c77e0c;}

/********************** Letterhead Store Address ***************************/
#topright {
	float:right;
/*changes width of right column*/
	width:160px;
	padding: 20px 30px 0px 0px;
	text-align:center;
	color:#000000;
}
#topright a{color:#c77e0c;}
#topright a:hover{color:#85a157;}
#topright p {text-align:center;}

/********************** Main Content of Page ***************************/
#container 
{
/**** sets size of container element containing three columns of text ****/
	margin: auto;
	text-align: left;
	width: 800px;
}
#container a
{
	font-size:12px;
}
#container p
{
/***sets distance between two paragraphs **/	
	margin: 15px 0px;
	text-align: center;
}

/********************** Settings for the Menu Bar ***************************/
#menu 
{
/*changes width of the menu element*/
	width:800px;
/*changes height of the menu element*/
	height:80px;
	margin: auto;
/*causes the menu element to follow the letterhead element*/
	position:relative;
}
#menu ul
{
	background-color:#000099;
/*	width:717px;*/
	border: 3px solid #FFFFFF;
	display:block;
/*changes vertical position of menu bar*/	
	top:40px;
/*changes menu bar thickness*/
	height:22px;
/* changes thickness of menu bar (not element) by changing the spacing around each entry*/
	padding:7px 0px 3px 0px;
	text-align:center;
}
#menu li{
	display:inline;	
}
#menu ul a{
	text-decoration:none;
	color:#FFFFFF;
/* changes spacing between the header entries by changing the margins of each cell*/
	margin: 0px 20px 0px 20px;
}
#menu ul a:hover{
	text-decoration:underline;
	color:#00FFFF;
}
/********************** Content ***************************/
#content {
	width:800px;
	margin:auto;
}
h1
{
	color:#000099;
	font-size:24px;
	text-align:center;
}
h2
{
	color:#000099;
	font-size:16px;
	text-align:center;
}
h3
{
	color:#FF6600;
	font-size:16px;
	text-align:center;
}
p
{
	text-align:left;
	color:#000000;
	/***sets distance between two paragraphs **/	
	margin: 15px 0px;
}
li
{
	text-align:left;
	color:#000099;
	/***sets distance between two paragraphs **/	
	margin: 15px 0px;
}
/********************** Content ***************************/
#left {
	float:left;
/*changes width of left column*/
	width:225px;
	padding: 0px 10px 5px 15px;
}
#left a{color:#28556b;}
#left a:hover{color:#c77e0c;}
#center {
	float: left;
/*changes width of left column*/
	width:256px;
	padding: 0px 20px 5px 20px;
	border-left: #FFF 2px solid;
	border-right:#FFF 2px solid;
}
#center a{color:#28556b;}
#center a:hover{color:#c77e0c;}
#right {
	float:right;
/*changes width of right column*/
	width:230px;
	padding: 0px 10px 5px 10px;
}
#right a{color:#c77e0c;}
#right a:hover{color:#85a157;}
middle {
	float: left;
/*changes width of left column*/
	width:400px;
	padding: 0px 20px 5px 20px;
	}
/*special elements for the whats new page*/
#whatsnewbig{
	float:left;
	width:600px;
	display:block;
	padding:10px 0px 10px 0px;
	margin: 0px 0px 5px 0px;
	border: 1px solid #FF9900;
}
#whatsnewsmall{
	float:left;
	width:380px;
	display:block;
	padding:10px 10px 10px 0px;
	margin: 0px 5px 5px 0px;
	border: 1px solid #FF9900;
}
#whatsnewbig p{
	font-weight:bold;
}
#whatsnewsmall p{
	font-weight:bold;
}
/********************** Footer ***************************/
#footerline {
	clear:both;
	background-image:url(graphics/blue-flowers.gif);
	font-size:1px;
	height:110px;
	background-repeat: no-repeat;
	background-position: center;
}
#footer {
	width:800px;
	color:#000000;
	text-align:center;
	padding: 10px 0px;
	margin:auto;
}
/*********************picture stuff**************************/
#photocontainer {
	width:830px;
	margin:auto;
}
div.img1 {
	margin:2px;
	height:100px;
	width:100px;
	float:left;
	text-align:center;
}
div.img2 {
	margin:2px;
	border:1px solid #0000ff;
	height:auto;
	width:auto;
	float:left;
	text-align:center;
}

div.img2 img{
	display:inline;
	margin:3px;
	border:1px solid #ffffff;
}
div.nofloat {
	clear:both;
}

div.img a:hover img{
	border:1px solid #0000ff;
}
div.desc{
	text-align:center;
	font-weight:normal;
	width:396px;
	margin:2px;
}

/**************************thumbnail stuff for the whats new page */
#thumbBox{
/*Outermost DIV for thumbnail viewer*/
	position: absolute;
	left: 0;
	top: 0;
	width: auto;
	padding: 10px;
	padding-bottom: 0;
	background: #313131;
	visibility: hidden;
	z-index: 10;
	cursor: hand;
	cursor: pointer;
}
#thumbBox .footerbar{
/*Footer DIV of thumbbox that contains "close" link */
	font: bold 16px Tahoma;
	letter-spacing: 5px;
	line-height: 1.1em;
	color: white;
	padding: 5px 0;
	text-align: right;
}
#thumbBox #thumbImage{
/*DIV within thumbbox that holds the enlarged image */
	background-color: white;
}
#thumbLoading{
/*DIV for showing "loading" status while thumbbox is being generated*/
	position: absolute;
	visibility: hidden;
	border: 1px solid black;
	background-color: #EFEFEF;
	padding: 5px;
	z-index: 5;
}