/*
	Main layout:
		<html> root element
			<body> the whole page
				<wrapper> main wrapper, centered
					<leftcol>
					<rightcol>
						<header>
						<main>
					<foooter>
					
					<h1> for page headers
					<h2> for body headers
*/
html {
	margin:0; padding:0;
}

body {
	margin:0; padding:0;
	position:relative;
	display:block;
	background:#B78B64 url(../images/backgroundres3a.jpg) top center no-repeat;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:small;
	color:#333333;
	text-align:center; /* for IE */
}

.copyright { font-size:85%; color: #666666; }
.pushdown { clear:both; height:1px;}
.inline { display:inline; }
.caption { 
	font-size:85%;
	color: #666666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin: 10px 0 0 0; }

div#wrapper { /* centers the pages on the screen */
	position:static;
	margin:0 auto; /* centered */
	overflow:visible;
	padding:0;
	width:880px; height:100%;
	text-align:left;
	background-color:#fff;
}

div#banner {
	position:relative; top:0; left:0;
	margin:0;
	width:880px; height:210px;
	background-color:#fff;
	overflow:visible;
}

div#banner img.logo {
	position:absolute; left:-5px; bottom:-17px;
	width:885px; /* overhangs 5px to the left */
	z-index:0;
}

div#banner img.pagebanner {
	position:absolute; right:0; top:0;
	width:616px; height:131px;
}

div#mainframe {
	float:right;
	margin:25px 0 0 0; padding:0;
	width:655px;
	background-image:url(../images/rule.jpg);
	background-position:top left;
	background-repeat:repeat-y;
	display: inline; /* IE6 float double-margin bug */
}

div#main { /* positioning reference */
	position: relative; top:0; right:0;
	width:100%;
	margin:0; padding:0;
}

div#main p {
	margin:0 0 1em 0; padding:0;
}

div#main h1, h2, h3 {
	font-size:small;
	font-weight: bold;
	color:#333333;
}

div#main img {
	margin:0 1em 0 2px;
	border:0;
}

div#main a {
	color:#9c0101;
	text-decoration:none;
	font-weight:bold;
}

div#main a:hover {
	text-decoration:underline;
}

/* these are the default positions for the stores pages */
div#mainleft {
	float:left;
	width:170px;
	margin:0 0 0 40px;
	display: inline; /* IE6 float double-margin bug */
}

div#mainright {
	float:right;
	width:350px;
	margin:0 35px 0 0;
	display: inline; /* IE6 float double-margin bug */
}

div#footer {
	float:right;
	margin:1em 0 0 0; padding:0;
	width:655px;
	text-align:right;
	background-image:url(../images/rule.jpg);
	background-position:top left;
	background-repeat:repeat-y;
	font-size:85%;
	color:#666666;
}

div#footer p { margin-right:20px; }
