body {
    background-color: #3F6CA0;
    margin: 20px;
    padding:0;
    font-size: 1em;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	}
h1  {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    margin: 0 0 10px;
    padding: 0;
    color: #f00;
    }
h2  {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    margin: 0 0 5px;
    padding: 0;
    font-size: 1.1em;
    }	
p   {
    font-family: Arial, Helvetica, sans-serif;
	color:#333;
	line-height: 1.2em;
	font-size:13px;
    margin: 0 0 16px;
    padding: 10px 0;
    }
li {
    font-family: Arial, Helvetica, sans-serif;
	color:#333;
	line-height: 1.2em;
	font-size:13px;
    }
.johnsonbox {
border: #ccc dashed;
padding: 10px;
	}
.ss td
{
    border: 1px dashed #999;
    margin: 0;
    padding: 4px;
    background-color: #FFC;
}
.content > p {
    margin: 0;
    }	
a {
	color:#00f;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
	font-size: 1em;
    }
a:link {
    color:#00f;
    }	
a:visited {
    color:#00f;
    }
a:hover {
     background-color: #ee9;
	 text-decoration: none;
    }
.partners a {
	text-transform:uppercase;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	text-decoration:none;
}
.partners a:link {
	color:#999;
	text-transform:uppercase;
	text-decoration:none;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
}
.partners a:visited {
	color:#999;
	}
.partners a:hover {
	 color: #00F;
	 text-decoration: none;
	 background-color: #FFF;
	 }
 /* All the content boxes belong to the content class. */
.content {
     position: relative;
     width: auto;
     min-width: 120px;
     margin: 0 210px 10px 240px;
     border: 1px solid black;
     background-color: white;
     padding: 10px;
     z-index: 3;
	 font-size: 0.8em;
     }
.footer {
     position: relative;
     width: auto;
     min-width: 120px;
     margin: 0 210px 20px 240px;
     border: 1px solid black;
     background-color: white;
     padding: 0;
     z-index: 3;
	 font-size: 0.8em;
	 text-align:center;
     }
#navleft {
     position: absolute;
     width: 200px;
     top: 190px;
     left: 20px;
     font-size: 0.8em;
     border: 1px dashed black;
     background-color: white;
     padding: 10px;
     z-index: 2;
     }
#navleft ul {
     list-style: none;
     margin: 0;
     padding: 0;
     } 
#navleft li {
     padding: 0 10px 15px 9px;
	 background-image: url(images/list-on.gif);
     background-repeat: no-repeat;
	 background-position: 0 .4em;
     }
#navleft2 {
     position: absolute;
     width: 220px;
     top: 20px;
     left: 20px;
     background-color: #3F6CA0;
     padding: 0;
     z-index: 2;
     } 
#navright {
     position: absolute;
     width: 168px;
     top: 20px;
     right: 20px;
     border: 1px dashed black;
     background-color: #fff;
     padding: 10px;
     z-index: 1;
	 font-size: 0.8em;
     }	 
.price {
	 color: #C00;
	 font-weight: bold;
	 font-size:14px;
     } 
.author {
	 color: #C00;
	 font-weight: bold;
	 font-size:12px;
     }  
.unl {
	 color: #C00;
	 font-weight: bold;
	 font-size:14px;
     } 	 
table .gray{ 
	border: 1px solid #ddd; 
} 
td .gray { 
	border: 1px solid #ddd; 
} 
