html, body{ 
margin:0; 
padding:0; 
background-color: #dfe3c2; 
 } 
 
#pagewidth{ 
	padding:23px 0 0;
	margin: 0;
	width:755px; 
	min-width: 500px; 
	border-left: 3px solid #333333;
	background-color: #ffffff; 
} 

p{
	margin-top:10px;
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	font-size: 10px;
	line-height: 14px;
	font-weight: normal;
	text-decoration: none;
	color: #333333;
}

a:link , a:visited{
	font-size: 11px;
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	line-height: 16px;
	font-weight: normal;
	text-decoration: none;
	color: #333333;
}

h2 {
	font-size: 12px;
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	line-height: 10px;
	font-weight: bold;
	text-decoration: none;
	color: #6a0a00;
}
 
#header{ 
 height:25px; 
 width:100%; 
 background-color:#FFFFFF; 
 } 
 
/* main navigation list */

#pageheadContainer{
	width:755px;
	background:transparent url(../images/bg_nav.gif) 0 100% repeat-x;
}

#pagehead{
	width:755px;
    height:75px;
	margin:0;
	background:transparent url(../images/logo.gif) left no-repeat;
	/* position:relative;*/
	text-align:left;
}

#pagehead h1 a{
	display:block;
	text-indent:-9999px;
	width:180px;
	height:75px;
	text-decoration:none;
	float:left;
}

#pagehead a:hover{
	background:transparent;
}

#pagehead h1{
	position:absolute;
	top:0;
	left:0;
}
#pagehead ul{
	display:inline;
	position:absolute;
	top:10px;
	left:160px;
}

#pagehead li{
	display:inline;
	float:left;
	margin-left:20px;
}

#pagehead li a{
	display:inline;
	height:65px;
	text-align:center;
	color:#4B271B;
	font-size:11px;
	font-weight:bold;
	line-height:65px;
	text-decoration:none;
	text-transform:uppercase;
}

#pagehead a:link#current, #pagehead a:visited#current, #pagehead a:hover {
	color:#778899;
}

#pagehead a:link#order, #pagehead a:visited#order, #pagehead a:hover#order{
color:#982a20;
}

#leftcol{
 width:455px; 
 float:left; 
 position:relative; 
 margin-left:-455px; 
 margin-right:1px; 
 }
 
#outer{ 
 border:solid white 0px; 
  /*/*/ border-left-width: 455px ;  /* left column width. NN4 hack to hide borders */ 
border-left-color: #FFFFFF;   /* left column colour */ 
border-left-style: solid; 
background-color: #FFFFFF; /* center column colour */ 
width: auto; 
 } 
 
#search{
float: right;
width: 190px;
text-align: center;
vertical-align: top;
margin:0;
padding-top: 5px;
background:transparent url(../images/search_icon.gif) left no-repeat;
}
 
#footer{
 height:30px; 
 width:100%; 
 background-color:#FFFFFF;
 font-size: 10px ;
 border-top: 1px solid #E6E6E6;
} 

#footer_list {
	margin: 0;
	padding: 0;
	text-align: left;
}

#footer_list li{
	margin: 0;
	padding: 0 5px 0 0;
	display: inline;

}

#footer_list a {
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	font-size: 10px;
	text-decoration: none;
	color:#996600;
	}
	
#footer_list a:hover {
 	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	font-size: 10px;
	color: #44443F;
} 
 
#inner{margin:0; width:100%;}
 
#rightcol{ 
 float: left; 
 width: 100%; 
 position: relative; 
 margin: 0 -8px 0 -2px;
 }
 
#outer>#inner { border-bottom: 1px solid #FFFFFF;}
 
.clr{clear:both;}
 
.content{padding:5px;} /*padding for content */ 
 
#header .content{padding-bottom:0;} /*padding bottom 0 to remove space in IE5 Mac*/ 
 
.spread{
 margin:10px 10px 0 0;
 float: right; 
 width: 280px;
 padding: 3px;
 background-color:#e6e9d8;
 }

.spread p, h2{
padding-left:5px
 }

.volume {
float: left;
border: 0;
padding: 2px;
width: 130px;
}

.volume img {
float: left;
border: 1px solid #cccccc;
}

.volume img a:link,.volume img a:visited{
font-size: 10px;
font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
font-weight:normal;
color: #cccccc;
}

.title{
float: left;
margin: 2px 0 0;
width: 130px;
font-size: 10px;
font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
}

.visual{
 margin: 5px;
 float: left; 
 width: 430px;  
 background-color:#ffffff;
 }

div.illustration {
float: left;
clear:both;
padding: 5px;
width: 420px;
background-color: #A0F5FF;
border:1px solid #A0F5FF;
}

div.illustration img {
float:left;
}

div.frame {
margin-bottom:5px;
float: left;
clear:both;
padding: 5px;
width: 420px;
border:1px solid #A0F5FF;
}

div.frame img {
float: left;
}
 
 /*printer styles*/ 
@media print{ 
/*hide the left column when printing*/
#leftcol{display:none;} 
#outer{border-left:0;} 
}