﻿html {
    background-image: url('images/grassbackground.jpg')
}

body {
margin-left:auto;
margin-right:auto;
padding:0;
border: solid 4px #d2d2d2;
}

.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

.clearfix {
display:block;
}

* html .clearfix {
height:1%;
}

body {
font:75% verdana, arial, sans-serif;
background:#ffffff;
color:#333;
width:800px;
}

p {
margin:0 10px 10px;
padding:0;
}

.banner {
clear:both;
height:135px;
width:800px;
margin: 20px 20px 0 20px;
background:url(images/Lazy69Banner1.jpg) top center no-repeat;
}

.wrapper {
float:left;
width:99%;
}

.content {
background:#ffffff;
width:770px;
padding:20px 0 0 20px;
color:#333;
}

.content p {
line-height:1.6;
}

.content ul {
list-style-type: disc;
list-style-image: url(bullet.jpg);
}

.content img {margin:0 10px 10px 10px;}


.content h1 {
padding-left:10px;
font-size:150%;
font-family: verdana, arial, helvetica, sans-serif;
color:#8E101C;
}
.content h2 {
font-size:130%;
padding-left:8px;
color:#8E101C;
font-family:verdana, arial, sans-serif;
}
.content h3 {
font-size:200%;
padding-left:8px;
color:#8E101C;
font-family:verdana, arial, sans-serif;
}

.content h4 {
font-size:120%;
padding-left:8px;
color:#8E101C;
font-family:verdana, arial, sans-serif;
}

.nav {
width:160px;
float:left;
left:0px;
padding-bottom:10px;
margin-top:0px;
}

.nav ul li {
	list-style-type: none;
	width: 120px;
	height: 30px;
	line-height: 30px;
	display: block;
	text-align: center;
	background: url(images/button_off.jpg) left no-repeat;
	font-weight: 700;
	padding: 4px 8px 8px 4px;
	color: #808080;
}

.store-block {
    height: 400px;
    width: 140px;
    background:url(images/home_page_store.jpg) left no-repeat;
    left:0px;
    padding-bottom:10px;
    margin-top:20px;
    font-size:.8em;
}
.text-block {
    float:left;
    width:600px;
}
.footer {
width:780px;
}

.footer p {
text-align:left;
font-size:80%;
padding:4px 0 4px 0px;
}

.clearfloats {
clear:both;
}

.nav ul,.rt_col ul {
list-style-type:none;
margin:0;
padding:0;
}

.class1 A:link {text-decoration: none; color:gray;}
.class1 A:visited {text-decoration: none; color:gray;}
.class1 A:active {text-decoration: none; color:gray;}
.class1 A:hover {text-decoration: none; color:#543;}

.quotes {
    background-color:#EEDFC2;
    padding:8px;
    border: solid 3px #e5e5e5;
    color:#4B4B4B;
    margin:8px;
}
.quotes-blue {
    background-color:#F2F5FF;
    padding:8px;
    border: solid 3px #e5e5e5;
    color:#4B4B4B;
    margin:8px;
}
.order {
    background-color:#F2F5FF;
    padding:8px;
    border: solid 3px #e5e5e5;
    color:#4B4B4B;
    margin:8px;
    width:210px;
    text-align:center;
    float:left;
    height:250px;
}
.order img {
    border: solid 3px #d2d2d2;
}
.binders {
    float:left;
    width:150px;
    margin:10px;
    }
.breadcrumbs {
    margin-left:10px;
    font-size:.8em;
}
.breadcrumbs A:link {text-decoration: none; color:#8E101C;}
.breadcrumbs A:visited {text-decoration: none; color:#8E101C;}

.questions {
	position: relative;
	float:left;
	text-align:left;
	z-index: 0;
}
.questions:hover{
	background-color: transparent;
	text-decoration: none;
	z-index: 50;
}
#questions-top {
	background-color: transparent;
	background-image: url("images/top.png");
	background-position:0 0;
	background-repeat: no-repeat;
	height: 12px;
	width: 4000px;
}
#questions-bot {
	background-color: transparent;
	background-image: url("images/bottom.png");
	background-position:0 0;
	background-repeat: no-repeat;
	height: 21px;
	width: 400px;
}
.questions span{ /*CSS for pop-up*/
	position: absolute;
	visibility: hidden;
	text-align:left;
	text-decoration: none;
	width:450px;
}
#questions-mid {
	background-color: transparent;
	background-image: url("images/middle.png");
	background-position: -0px -0px;
	background-repeat: repeat-y;
	}
.questions ol {

}
.questions li {
	margin-right:20px;
	margin-left:10px;
}
.questions span img{ /*CSS for pop-up*/
	border-width: 0;
	padding: 2px;
}
.questions:hover span{ /*CSS for pop-up on hover*/
	visibility: visible;
	color: black;
	text-decoration: none;
	top: 0;
	left: 60px; /*position where pop-up should offset horizontally */
}
