html, body, div
 { 
 margin: 0; 
 padding: 0;
 border: 0;
 outline: 0;
 font-size: 100%;
 background: transparent;
 font-family: sans-serif;
  }

body
{
font-size: 85%;
background-image: url(../images/bg.gif);
background-repeat: repeat-y;
/* center background image*/
background-attachment: fixed;
background-position: center 0px;
}

#wrapper
{
margin-left: auto;
margin-right: auto;
width: 635px;
}

#header 
{
width: 622px; height: 98px;
margin-left: 25px; margin-top: 20px;
}

/* header class styles images in header div */
img.headerimg 
{
float: left;
}
img
{
	border: none;
	}
#nav 
{
width: 75px; height: 250px; 
margin-left: 10px; margin-top: 10px;
float: left;
}

/* the "clear:left" will ensure nothing is to its left*/
img.buttons
{
float: left; 
clear: left;
margin-bottom: 10px;
border: 0;
} 
 
#content
{
width: 500px; 
margin-left: 10px; margin-top: 20px;
float: left;
}

img.alignright 
{
float: right; margin-left: 10px;
}

/* header class styles images in header div*/
img.headerimg 
{
float: left;
}

li 
{
padding: 5px;
}

/* the "clear:both" will ensure nothing is to its left or its right because it says it is not allowed*/
#footer 
{
text-align: center;
margin-bottom: 15px;
clear: both;
}

#footertitle
{
color: green;
}

/*patterns css*/

table.products 
{
width: 475px; 
border: 0px;
}

td.products 
{
text-align: center; 
padding: 5px;
}

/*book css*/

.center, p
{
width: 500px; 
border: 0px;
text-align: center; 
clear: both;

}

.txtgreen
 { color: green;}
ul 
{
margin-left: 45px;
}
.trail
	{
	left: auto;

	right: auto;
	
	text-align: center;
	}