/* thanks to roger at 456bereastreet.com for this css file */
body,
html{
	margin:0;
	padding:0;
}
body {
	min-width:680px; /* Prevent content from becoming unreachable in Gecko */
}
/* position:absolute for all browsers - the whole page scrolls */
div#headerwrap {
	position:absolute;
	width:100%;
	top:0;
	left:0;
	height:50px;
}
/* position:fixed for modern browsers - header and footer do not scroll */
body>div#headerwrap {
	position:fixed;
}
div#header {
	height:39px;
	width:670px;
	margin:0 auto;
	background:#DCD4BD;
	color:#542;
	padding-top: 10px;
	padding-right: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #987;
	text-align: center;
}
/* set a left margin to compensate for IE/Win always making room for a scrollbar */
div#middlewrap {
/* set left margin and bottom padding for IE5/Win */
	padding:50px 0 0 0;
	margin-left:0;
/* set left margin and bottom padding for others */
	voice-family: "\"}\""; 
	voice-family:inherit;
	margin-left:16px;

}
/* set left margin for modern browsers */
body>div#middlewrap {
	margin-left:0;
}
div#middle {
	width:680px;
	margin:0 auto;
	padding-top: 10px;
	padding-bottom: 10px;
}
div#sidebar {
	width:180px;
	float:left;
}
div#content {
	padding:0 10px;
	margin-left:180px;
}
div#leftbar {
	width:320px;
	float:left;
}
div#rightbar {
	padding:0 10px;
	margin-left:320px;
}
/* no positioning for IE5/Win - the whole page scrolls */

div#footer {
	height:10px;
	width:680px;
	margin:0 auto;
	background:#fff;
	color:#333;
	font-size: 9px;
	text-align: center;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #653;
}

body,
html{
	font-family:"Trebuchet MS", Georgia, Verdana, serif;
	color:#000;
	background:#764;
}
div#middle,
div#sidebar {
	background:#fff;
}
div#content {
	background:#fff;
}
h1,
h2 {
	padding:0;
	margin:0;
}
div#sidebar h2 {
	padding-left:5px;
}
div#footer p {
	margin:0;
	padding:0;
	text-align:center;
}
h1 {
	font-size:1.4em;
	text-align:center;
	padding-top:5px;
}
h2 {
	font-size:1.2em;
	padding-top:1em;
	margin-top:0;
}
p {
	margin-bottom:0;
	font-size:0.8em;
	line-height:1.4em;
}
pre {
	font-size:0.9em;
	line-height:1.4em;
}
ul {
	font-size:0.8em;
	line-height:1.4em;
}

div.landscape {
	background: url('v4/underlay-landscape.gif') no-repeat;
	width: 242px;
	height: 176px;
	padding: 45px 11px 10px 11px;
	margin: 0px 28px 0px 28px;
}
div.portrait {
	background: url('v4/underlay-portrait.gif') no-repeat;
	width: 162px;
	height: 243px;
	padding: 28px 22px 10px 22px;
	margin: 0px 56px 0px 56px;
}

div.landscape img {
	width: 240px;
	height: 161px;
	border: 1px solid black;
}
div.portrait img {
	width: 161px;
	height: 240px;
	border: 1px solid black;
}

img.landscape {
	border: 2px solid black;
	margin-left: 17px;
	width: 640px;
	height: 428px;
}
img.portrait {
	border: 2px solid black;
	margin-left: 124px;
	width: 428px;
	height: 640px;
}