body {
    background-color: #3F6CA0;
    margin: 20px;
    padding:0;
    font-size: 1.0em;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	
h1  {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    margin: 0 0 10px 0;
    padding: 0;
    color: #f00;
    }
	
h2  {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    margin: 0 0 5px 0;
    padding: 0;
    font-size: 1.1em;
    }
	
p   {
    font-family: Arial, Helvetica, sans-serif;
	color:#333333;
	line-height: 1.2em;
	font-size:13px;
    margin: 0 0 16px 0;
    padding: 10px 0 10px 0;
    }
	
li {
    font-family: Arial, Helvetica, sans-serif;
	color:#333333;
	line-height: 1.2em;
	font-size:13px;
    }
	
.johnsonbox {
	BORDER-BOTTOM: #cccccc dashed;
	BORDER-LEFT: #cccccc dashed;
	PADDING-BOTTOM: 10px;
	PADDING-LEFT: 10px;
	PADDING-RIGHT: 10px;
	BORDER-TOP: #cccccc dashed;
	BORDER-RIGHT: #cccccc dashed;
	PADDING-TOP: 10px
}
	


.ss td
{
    border-color: #999;
    border-width: 1px 1px 1px 1px;
    border-style: dashed;
    margin: 0;
    padding: 4px;
    background-color: #FFC;
}


	
/* parent-child selector ( IE6 does not support this )*/
.content > p {
    margin: 0;
    }
	
/* adjacent selector ( IE6 does not support this )*/
.content > p+p {
    
    }
	
a {
	color:#00f;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
	font-size: 1.0em;
    }
	
a:link {
    color:#00f;
    }
		
a:visited {
    color:#00f;
    }
	
a:hover {
     background-color: #ee9;
	 text-decoration: none;
    }
a.nohov:link,a.nohov:hover {
	 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;
     } 
	 
	 
	 	 
	 	  
#navleft3 {
     position: absolute;
     width: 200px;
     top: 20px;
     left: 20px;
     font-size: 0.8em;
     border: 1px dashed black;
     background-color: white;
     padding: 10px;
     z-index: 2;
     }
	 

	 

	 

	 
table .gray{ 
border: 1px solid #dddddd; 
} 

td .gray { 
border: 1px solid #dddddd; 
} 
	
li.check {
	list-style-image:url(check.gif)	
		}