/* Missionary Book */

html, body, div, span, h1, h2, h3, h4, h5, h6, p, form, fieldset, table, img, ol, ul, li, table, tr, th, td{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
}

span {
	display: none;
}

body {
	color: #603913;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 24px;
	background: url(images/background.jpg) repeat;
	margin: 0;
	padding: 0;
}

html {
	overflow: scroll;
}

ul, p {
	padding-bottom: 15px;
}

#mainwrap {
	width: 900px;
	margin: 50px auto;
	padding: 0;	
}
	
#container {
	background: url(images/container_mid.gif) center repeat-y;
}

#container_top {
	width: 900px;
	height: 15px;
	background: url(images/container_top.gif) top center no-repeat;
	padding: 0;
}

#container_mid {
	width: 840px;
	min-height: 625px;
	padding: 0 30px;
}

#leftColumn {
	float: left;
	width: 390px;
	padding: 0 15px 15px 15px;
	margin: 20px 0 5px;
}

#rightColumn {
	float: right;
	width: 390px;
	padding: 0 15px 15px 15px;
	margin: 20px 0 5px;
}

#container_bottom {
	width: 900px;
	height: 15px;
	background: url(images/container_bottom.gif) bottom center no-repeat;
	padding: 0;
	clear: both;
}

#footer {
	color:#603913;
	text-align: center;
}

#footer a:link {
	color:#603913;
	text-decoration:none;
}

#footer a:visited {
	color:#603913;
	text-decoration:none;
}

#footer a:hover {
	color:#603913;
	text-decoration: underline;
}

#footer p {
	padding-bottom: 0;
}

#footer img {
	padding: 0 10px;
}

#header {
	background: url(images/gradient.jpg) top center no-repeat;
	margin: 0 auto;
	width: 840px;
	height: 195px;
	position: relative;
}

#logo {
	background: url(images/logo.gif) top right no-repeat;
	width: 240px;
	height: 149px;
	position: absolute;
	top: 10px;
	right: 90px;
}

#logo a {
	display: block;
	width: 240px;
	height: 149px;
}

#slogan {
	color: #4581a1;
	font-size: 16px;
	position: absolute;
	top: 65px;
	left: 30px;
}

#navigation {
	position: relative;
	height: 30px;
	width: 840px;
	background: url(images/navigation.gif) no-repeat top left;
	top: -30px;
	margin-bottom: -30px;
}

#navigation ul li{
	display: inline;
	list-style: none;
}

#navigation ul li a{
	padding: 12px 20px;
	height: 38px;
}

a:link {
	color:#4581a1;
	text-decoration: underline;
}

a:visited {
	color:#4581a1;
	text-decoration: underline;
}

a:hover {
	color:#4581a1;
	text-decoration:none;
}

.box {
	background: #f6f2ed;
	width: 390px;
	float: right;
	margin-bottom: 15px;
}

.stroke {
	margin: 3px;
	padding: 10px;
	border: #FFF solid 2px;
	height: 110px;
	position: relative;

}

.valign {
	position: absolute;
	top: 25%;
}

.step {
	width: 300px;
	float:right;
	line-height: 24px;
}

hr {
	clear: both;
	display: none;
}

h1, h2, h3, h4 {
	font-family:Georgia, "Times New Roman", Times, serif;
}

h1 {
	font-weight: normal;
	font-size: 24px;
}

h2 {
	font-weight: normal;
	font-size: 18px;
	color: #8d9551;
}

h3 {
	font-weight: normal;
	font-size: 20px;
	color:#8d9551;
	margin-bottom: 20px;
}

h4 {
	font-weight: normal;
	font-size: 16px;
	font-style: italic;
}

h5 {
	font-weight: bold;
	font-size: 16px;
}

h6 {
	font-weight: normal;
	font-size: 16px;
	font-style: italic;
}

ol, ul {
	list-style-position: inside;
}

.pricelist {
	padding-left: 50px;
	width: 340px;
	clear: both;
	position: relative;	
	margin-bottom: 80px;
}

.priceblock {
	width: 240px;
	float:right;
	min-height: 125px;
}

.pricelist img{
	padding-top: 10px;
	float:left;
}
.prices {
	width: 175px;
}

.prices td{
	padding: 0px 10px;
}

tr.odd td{
	background: #f6f2ed;
}

/* Home Button
----------------------------------------------- */

#hellonav a {
	background: url(images/navigation.gif) no-repeat;
	height: 30px;
	width: 127px;
	position: absolute;
	left: 11px;
	background-position: -11px 0px;
}

#hellonav a:hover {
	background: url(images/navigation.gif) no-repeat;
	height: 30px;
	width: 127px;
	position: absolute;
	left: 11px;
    background-position: -11px -30px;
}

#hellonav .current, #hellonav a.current:hover, #hellonav a.current:active {
	background: url(images/navigation.gif) no-repeat;
	height: 30px;
	width: 127px;
	position: absolute;
	left: 11px;
    background-position: -11px -60px;
	cursor: default;
}

/* Products Button
----------------------------------------------- */

#productsnav a {
	background: url(images/navigation.gif) no-repeat;
	height: 30px;
	width: 127px;
	position: absolute;
	left: 149px;
	background-position: -149px 0px;
}

#productsnav a:hover {
	background: url(images/navigation.gif) no-repeat;
	height: 30px;
	width: 127px;
	position: absolute;
	left: 149px;
    background-position: -149px -30px;
}

#productsnav .current, #productsnav a.current:hover, #productsnav a.current:active {
	background: url(images/navigation.gif) no-repeat;
	height: 30px;
	width: 127px;
	position: absolute;
	left: 149px;
    background-position: -149px -60px;
	cursor: default;
}

/* About Us Button
----------------------------------------------- */

#aboutusnav a {
	background: url(images/navigation.gif) no-repeat;
	height: 30px;
	width: 127px;
	position: absolute;
	left: 287px;
	background-position: -287px 0px;
}

#aboutusnav a:hover {
	background: url(images/navigation.gif) no-repeat;
	height: 30px;
	width: 127px;
	position: absolute;
	left: 287px;
    background-position: -287px -30px;
}

#aboutusnav .current, #aboutusnav a.current:hover, #aboutusnav a.current:active {
	background: url(images/navigation.gif) no-repeat;
	height: 30px;
	width: 127px;
	position: absolute;
	left: 287px;
    background-position: -287px -60px;
	cursor: default;
}

/* Ideas Button
----------------------------------------------- */

#ideasnav a {
	background: url(images/navigation.gif) no-repeat;
	height: 30px;
	width: 127px;
	position: absolute;
	left: 425px;
	background-position: -425px 0px;
}

#ideasnav a:hover {
	background: url(images/navigation.gif) no-repeat;
	height: 30px;
	width: 127px;
	position: absolute;
	left: 425px;
    background-position: -425px -30px;
}

#ideasnav .current, #ideasnav a.current:hover, #ideasnav a.current:active {
	background: url(images/navigation.gif) no-repeat;
	height: 30px;
	width: 127px;
	position: absolute;
	left: 425px;
    background-position: -425px -60px;
	cursor: default;
}

/* Start A Book Button
----------------------------------------------- */

#startabooknav a {
	background: url(images/navigation.gif) no-repeat;
	height: 30px;
	width: 127px;
	position: absolute;
	left: 563px;
	background-position: -563px 0px;
}

#startabooknav a:hover {
	background: url(images/navigation.gif) no-repeat;
	height: 30px;
	width: 127px;
	position: absolute;
	left: 563px;
    background-position: -563px -30px;
}

#startabooknav .current, #startabooknav a.current:hover, #startabooknav a.current:active {
	background: url(images/navigation.gif) no-repeat;
	height: 30px;
	width: 127px;
	position: absolute;
	left: 563px;
    background-position: -563px -60px;
	cursor: default;
}

/* Contact Button
----------------------------------------------- */

#contactnav a {
	background: url(images/navigation.gif) no-repeat;
	height: 30px;
	width: 127px;
	position: absolute;
	left: 701px;
	background-position: -701px 0px;
}

#contactnav a:hover {
	background: url(images/navigation.gif) no-repeat;
	height: 30px;
	width: 127px;
	position: absolute;
	left: 701px;
    background-position: -701px -30px;
}

#contactnav .current, #contactnav a.current:hover, #contactnav a.current:active {
	background: url(images/navigation.gif) no-repeat;
	height: 30px;
	width: 127px;
	position: absolute;
	left: 701px;
    background-position: -701px -60px;
	cursor: default;
}

/*--------------------------------------------- */

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

.clearfix {display: inline-block;}  /* for IE/Mac */

</style><!-- main stylesheet ends, CC with new stylesheet below... -->

<!--[if IE]>
<style type="text/css">
  .clearfix {
    zoom: 1;     /* triggers hasLayout */
    display: block;     /* resets display for IE/Win */
    }  /* Only IE can see inside the conditional comment
    and read this CSS rule. Don't ever use a normal HTML
    comment inside the CC or it will close prematurely. */
</style>
<![endif]-->