/* CSS Document */
body{
	background-color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0px;
	text-align:left;
	color:#000000;
	padding:0px;
	}
a	{
	color:#003366;
	font-weight:bold;
	}
a:hover{
	color:#990000;
	}
h3 {
	color: #003366;
	font-size:120%;
	}
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 125%;
	color: #000000;
	border-bottom:solid 1px;
	}
	
#logo {
	display:none;
	}
	
.fade{
	width:auto;
	background-image:url(images/backgroundFade.jpg);
	background-repeat:repeat-x;
	}
	
#shell{	
	background-image:url(images/bodyBackground.jpg);
	background-repeat:repeat-y;
	width:770px;
	height:auto;
	text-align:center;
	background-color: #003366;
	padding:0px;
	margin:0px;
	}

#header{
	background-image:url(images/header.jpg);
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	color:#003366;
	padding-top:22px;
	text-align:right;
	width:770px;
	height:39px;
	}
#header a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	color: #003366;
	font-size:12px;
	font-weight:900;
	}
#header a:hover{
	color:#FF0000;
	}
#header p{
	padding-right:20px;
	}
			
#nav {
	width:765px;
	color: #990000;
	padding-right:5px;
	padding-bottom:10px;
	}

#nav ul{
	margin:0px 0px 0px 10px;
	padding:0px;
	text-align:right;
	padding-top:3px;
	padding-bottom:3px;
	}
	
#nav ul li{
	display:inline;
	padding:3px;
	}
	
#nav a{
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	color: #000000;
	font-size:12px;
	}
	
#nav a:hover{
	color:#990000;
	border-bottom:dashed 1px #990000;
	}

#navbottom{
	background-image:url(images/normal_navbottom.jpg);
	background-repeat:no-repeat;
	width:730px;
	background-color:#FFFFFF;
	padding:0px 20px 10px 20px;
	text-align: left;	
	}
	
	
#content{
	background-image:url(Images/contentbackground.jpg);
	background-repeat:no-repeat;
	width:728px;
	margin-left:2px;
	margin-right:2px;
	height:auto;
	background-color:#FFFFFF;
	padding:175px 19px 0px 19px;
	text-align: left;
	}

	
#bottom {
	background-image:url(images/footer.jpg);
	background-repeat:no-repeat;
	background-color:#666666;
	width:770px;
	height:110px;
	clear:both;
	}
#copywright {
	padding-top:20px;
	padding-right:10px;
	width:760px;
	color:#000000;
	font-size:10px;
	text-align:right;
	}
#copywright a{
	color:#003366;
	}
	
/*class for the form on the Log In Page*/	
.form1 { 
	color: #003366;
	padding:0px;
	padding-bottom:5px;
	margin:0px;
	font-size:10px;
	}

.table1{
	text-align:center;
	border:solid 1px #003366;
	}
.tablehead{
	background-color:#003366;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:center;
	}
.tableshade{
	background-color:#EBEBEB;
	}
.table2{
	border:solid 1px #003366;
	}
.tableform{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	background-color:#EEEEEE;
	border:solid 1px #CCCCCC;
	}
	
	
.tablehelpdesk{
	padding:10px;
	text-align:center;
	}
.tablehelpdesk img{
	border:none;
	}
.tablehelpdesk a{
	text-decoration:none;
	}
.tablehelpdesk a:hover{
	text-decoration:none;
	font-weight:900;
	}

	
.sampleright{
	float:right;
	}
.sampleleft {
	width:400px;
	padding-left:20px;
	float:left;
	}

.indexinput {
	font-size:9px;
	border:solid 1px #666666;
	background-color:#ebebeb;
	color:#000000;
	}
#indexlogin {
	text-align:right;
	font-size:10px;
	color:#000000;
	padding-right:10px;
	}
#index{
	width:100%;
	}
		
.productimg {
	float:right;
	clear:both;
	padding-bottom:15px;
	}
	
	
/* Styles to be used in the Customer area of the site*/
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 120%;
	color: #003366;
	}
.graytable{
	border:solid 1px #003366;
	background-color:#ebebeb;
	}	
.graytable td{
	padding:2px;
	}

	
.custinfotable {
	}
.custinfotable .label{
	text-align:right;
	font-size:11px;
	border:none;
	}
.custinfotable td{
	padding:1px 10px 1px 10px;
	border:solid 1px #CCCCCC;
	}
.custinfotable .heading{
	text-align:center;
	background-color:#003366;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	}

/* Format the Order Form */
#orderright {
	width:400px;
	float:right;
	padding-bottom:30px;
	text-align:center;
	}
#orderleft {
	width:300px;
	float:left;
	padding-bottom:30px;
	}
#orderleft .colors {
	width:94px;
	padding:3px;
	text-align:center;
	float:left;
	font-size:10px;
	}
#orderleft .colors2 {
	padding:3px;
	text-align:center;
	font-size:10px;
	clear:both;
	}
#orderleft .colors img {
	width:90px;
	}
.ordertable {
	background-color:#ebebeb;
	padding:1px;
	border:solid 1px #003366;
	text-align:left;
	}
.ordertable .label{
	text-align:right;
	font-size:11px;
	border:none;
	}
.ordertable td{
	}
.ordertable .heading{
	text-align:center;
	background-color:#003366;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding:3px;
	margin-bottom:5px;
	}
.ordertable .form {
	background-color:#FFFFFF;
	color:#666666;
	font:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:1px;
	}

/* Format for the Order Page */	
.orderdiv {
	background-color:#ebebeb;
	padding:1px;
	border:solid 1px #003366;
	text-align:left;
	}
.orderdiv .cell {
	padding-top:5px;
	}
.orderdiv .label{
	width:125px;
	padding-right:3px;
	text-align:right;
	font-size:11px;
	border:none;
	float:left;
	clear:right;
	}
.orderdiv .heading{
	text-align:center;
	background-color:#003366;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding:3px;
	margin-bottom:5px;
	}
.orderdiv .form {
	background-color:#FFFFFF;
	color:#666666;
	font:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:1px;
	}
/* End Format for the Order Page */	
	
.step {
	color:#990000;
	font-size:12px;
	text-align:right;
	}
.blindshiptable {
	border:solid 1px #003366;
	text-align:left;
	}
	
/* Format the view order page */
.viewquote {
	background:#EBEBEB;
	border:solid 1px #003366;
	text-align:center;
	}


	
/*NOTE will hover information put in a span -- used for inline explanation or difinitions*/
.note a {
	border-bottom:dashed 1px;
	text-decoration:none;
	color:#003366;
	}
.note a:hover {
	color:#003366;
	font-weight:100;
	}
.note a span{
	display:none;
	font-weight:normal;
	}
.note a:hover span{
	font-size:10px;
	display:block;
	position:absolute; width:180px;
	padding:2px;
	background-color:#FFFFCC;
	color:#003366;
	border:solid 1px #003366;
	text-align:left;
	}
	 
/* Same as NOTE style but used when small text is needed */
.note2 {
	border:none;
	}
.note2 a {
	text-align:right;
	font-size:11px;
	border-bottom:dashed 1px;
	text-decoration:none;
	color:#003366;
	}
.note2 a:hover {
	color:#003366;
	font-weight:100;
	}
.note2 a span{
	display:none;
	font-weight:normal;
	}
.note2 a:hover span{
	font-size:10px;
	display:block;
	position:absolute;
	width:180px;
	padding:2px;
	background-color:#FFFFCC;
	color:#003366;
	border:solid 1px #003366;
	text-align:left;
	}	
	
#sampleright {
	width:540px;
	float:right;
	margin-top:20px;
	padding-top:20px;
	padding-bottom:30px;
	}
#pageviewright {
	width:540px;
	float:right;
	margin-top:20px;
	padding-top:20px;
	padding-bottom:30px;
	border:solid 1px #999999;
	}
#tocright {
	width:440px;
	float:right;
	margin-top:20px;
	padding-top:20px;
	padding-bottom:30px;
	padding-right:100px;
	text-align:right;
	}
#sampleleft {
	width:160px;
	height:400px;
	float:left;
	padding-bottom:30px;
	}
#sampleleft ul{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
	text-align:left;
	border-top:solid 1px #CCCCCC;
	}	
#sampleleft li{
	display:block;
	}
.samplemain {   /*Set the Style for the main-accounts*/
	padding-left:0px;
	font-size:12px;
	border-bottom:solid 1px #CCCCCC;
	}
.samplemain a{
	display:block;
	text-decoration:none;
	color: #000000;
	padding:6px 0px 6px 10px;
	background-color:#FFFFFF;
	}
.samplemain a:hover{
	color:#99CCFF;
	background-color:#000000;
	}
.samplesub {  /*Move the update billing and shipping so they will look like sub-accounts*/
	padding-left:20px;
	font-size:10px;
	border-bottom:solid 1px #FFFFFF;
	}
.samplesub a{
	display:block;
	text-decoration:none;
	color: #000000;
	padding:2px 0px 2px 10px;
	background-color:#FFFFFF;
	}
.samplesub a:hover{
	font-weight:bold;
	color:#000000;
	border-left:solid 5px #99CCFF;
	}

.displayorders {
	width:540px;
	}	
	
.polsample {
	padding:4px;
	float:left;
	text-decoration:none;
	font-size:10px;
	text-align:center;
	border:solid 1px #999999;
	margin:5px;
	}
.polsample a{
	text-decoration:none;
	}
.polsample a:hover{
	text-decoration:underline;
	}
.input {
	border:solid 1px #666666;
	background:#EBEBEB;
	color:#000000;
	font-family:"Courier New", Courier, monospace;
	}	
#tracts {
	text-align:center;
	}
#tracts p{
	padding-left:75px;
	padding-bottom:20px;
	text-align:left;
	}
.scripture {
	padding-left:20px;
	padding-right:20px;
	font-style:italic;
	}

.books {
	padding-top:20px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:20px;
	text-align:justify;
	}
.books img{
	float:left;
	}
	
.books2 {
	padding-top:20px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:80px;
	text-align:justify;
	border:1px solid #666666;
	background-color:#cccccc;
	}
.books2 img{
	float:right;
	}
.dropcap {
	float:left;
	color:#000000;
	font-size:60px;
	line-height:42px;
	padding-top:2px;
	font-family: Times, serif, Georgia;
	}