body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  
	margin:0; 
	padding:0; } 
table { 
	border-collapse:collapse; 
	border-spacing:0; } 
fieldset,img {  border:0; text-decoration:none;}
:focus {outline:none;}
object, a, input { outline:none; }
address,caption,cite,code,dfn,em,strong,th,var { 
	font-style:normal; 
	font-weight:bold; }
ol,ul { list-style:none; }
li {line-height: 1.2;}
caption,th { 
	text-align:left; }
h1,h2,h3,h4,h5,h6 { 
	font-size:100%; 
	font-weight:normal; }
q:before,q:after { 
	content:''; }
abbr,acronym {
	border:0; color:#03ac88;}
sup, sub {
	height: 0; line-height: 1; 
	vertical-align: baseline; _vertical-align: bottom; 
	position: relative; }  
sup {bottom: 1ex;}
sub {top: .5ex;}
.clearfix:after { content: "";  display: block; height: 0; clear: both;  visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* ---------------------  basic styles ---------------------  */
html{
	font-size:100%;
	min-height:101%;}
body{
	font: normal 80%/1.3 Constantia, Georgia, "Times New Roman", Times, serif;
	color:#412210;
	background: #fff url(../img/bg_officemax.gif) no-repeat top center; 
	padding-top: 155px;}
p{
	margin:10px;
	font-size: 1em;}
.box h3, 
small {font-size:0.9em;}
a:link, a:visited {color:#412210; text-decoration:none;}
a:hover {color:#412210; text-decoration:underline;}
h1{ color:#412210; font-size: 1.4em; padding:10px;line-height:1.2em;}
h2 {color:#412210; font-size: 1em; margin:10px; line-height: 1;}
hr {font-size: 0; height: 1px; width: 95%; border:none; text-align: left;background:#ccc; 
margin:0; margin-bottom:5px; padding:0;}
.right {text-align: right;}
/* ---------------------  divs ---------------------  */
#wrapper {
	width: 930px;position: relative; margin:0 auto; }
#wrapper_content {
	background:#492613 url(../img/bg_board.jpg) no-repeat top left;}
#header {height:97px; padding-top: 4px;}
#logo {float:left; width: 325px; height:80px;}

#footer {height: 25px; background:#ede8e7;clear:both;}
#footer p {margin: 5px 0; font: normal 0.83em/1 Helvetica, Arial, sans-serif;}

#footer .share {float:left; width: 200px;}
#footer .legal {text-align:right; margin-left:200px; padding: 5px;}
/* ---------------------  slider divs ---------------------*/
#slider {
    width: 918px;
    margin: 0 6px;
    position: relative;}
.scroll {
    height: 611px;width: 918px;
	background-color:transparent;
    overflow: auto; overflow-x: hidden;
    position: relative; clear: left; 
	margin-bottom:10px;}
.scrollContainer {padding-left:10px;}
.scrollContainer .panel { 
    padding: 0;/* height:611px;*/ height:600px; width: 918px;
	display: block; float: left; 
	background:transparent url(../img/bg_content.jpg) no-repeat top left; }
.scrollContainer .panel-wrapper {
	background: transparent; 
	padding-bottom: 5px;}
.scrollContainer .panel-container { position: relative }
/* IE7+ hack 
html>body .scrollContainer .panel { margin-left: 10px;}*/

/* ---------------------  home page slide ---------------------*/
#hm_boxes {height: 300px;width: 918px;position:relative; padding-left:10px; padding-top: 30px;}

.hm_box {float:left; width: 180px;font-size:1em; position:relative;zoom:1;}

.hm_box p { font-family: Helvetica, Arial,sans-serif; margin:0; }
.hm_box p strong {font-size:1.5em; font-family: "TheSerif400", Georgia, "Times New Roman", Times, serif}
.banners {margin:0; padding:0; overflow:auto; position:relative; right: 4px;}
.banners .left {float:left;}
.boxes_row {margin: 5px 0 5px 5px; position:relative; width: 918px; padding: 0; overflow:auto;}

.box {float:left; width: 220px;font-size:1em; padding-left:5px; padding-bottom: 5px;
	font-family: Helvetica, Arial, sans-serif; cursor:hand; cursor:pointer;}
.box img {margin-top:5px; text-decoration:none; 
	padding: 0 3px 7px 0; height:162px; 
	background:transparent url(../img/img_shadow.png) no-repeat bottom right} 

.box h3 {color:#1e5766; font-weight: bold; font-size:1em; line-height:1; 
	font-family: "TradeGothicBold", Georgia, "Times New Roman", Times, serif; 
	text-decoration:none; padding:8px 0 0 0; margin: 0;}
.box .link {margin-top: 4px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1em}
.box a:link, 
.box a:visited,
.box a:hover  {color:#412210;}
.box a:hover img {text-decoration:none; }
.box p {margin:0; font-size: 0.9em;}
.box a {font-size: 1em; font-family: Constantia, Georgia, "Times New Roman", Times, serif}

.hover {background:#8DD8F8;}

#pager {width: 918px;position:relative; float:left; background-color:#fff;}
.panelnav {
	background: transparent url(../img/bg_stripe.png) repeat-x top left;
	letter-spacing:1px; text-transform: capitalize; color:#412210; 
	font: bold 0.85em/1 Arial, Helvetica, sans-serif; 
	text-align: right; margin:0; padding-top: 8px;}
.panelnav a {color:#412210;}
.panelnav span {color:#1e5766;}

.underparent {margin:0; padding:0;}
.overlay {width: 165px; height: 168px; font-size:1.1em; display:none; 
	position:absolute; color:#bf965b; margin-top:5px;
	background:	transparent url(../img/hm_shadow.png) no-repeat top left;}
.overlay ul { list-style-type:square; color:#8DD8F8; margin: 20px 0 0 28px;}
.overlay ul li {margin-bottom: 8px;color:#8DD8F8;}
.overlay ul li a,
.overlay ul li a:link,
.overlay ul li a:visited {color:#bf965b; font-weight: bold;}
.overlay ul li a:hover {color:#bf965b; text-decoration:underline;}
.overlay ul li a span {color:#8DD8F8;}