/*-------------begin styles---------------*/
@import url(undohtml.css);

html, body {        
    font-size: 12px; 
    font-family: georgia, "times new roman", serif;    	
    color: black;
    background-color: #003300;
}
div#container {    
    margin: 20px auto 20px auto;
    overflow: hidden;    
    width: 770px;   
    color: black;
    background-color: #999966;
}
#container div#header {    
    width: 750px;
    height: 200px;
    margin: 10px;    
    color: black;
    background-color: #003300;    
}

    /*---------------Navigation------------------*/

#container div#navigation {
    width: 750px;
    height: 25px;
    margin: 10px;
    color: black;
    background-color: #999966;
    border-bottom: 2px solid #003300;
}
#navigation ul li {
    display: inline;    
    padding: 10px 10px 10px 10px;
    font-size: 12px;
    font-weight: bold;    
}
#navigation ul li a:link {
	color: black;
	background-color: inherit;
	text-decoration: none;
}
#navigation ul li a:visited {
	color: #ffffcc;
	background-color: inherit;
	text-decoration: none;
}
#navigation ul li a:hover {
	color: red;
	background-color: inherit;
	text-decoration: none;
}
#navigation ul li a:active {
	color: yellow;
	background-color: inherit;
	text-decoration: none;
}
    
/*-------------Content---------------*/

#container div#home {
	width: 750px;
	text-align: justify;
	margin: 10px;	
}
#home table td {
	border: none;
}
#home img {
	margin-top: -10px;
	padding: 0px 15px 10px 15px;
}
#home table td h1 {
	color: black;
	background-color: inherit;
	font-size: 18px;
	text-align: center;
}
#home table td p.greeting {
	padding: 2px 25px 2px 25px;
}
#home p {
	padding: 1px 10px 1px 10px;
}
#home p.news {
	padding: 2px 30px 2px 20px;
}
span.title {
	font-style: italic;
	font-weight: bold;
	color: #003300;
	background-color: inherit;
}
span.italic {
	font-style: italic;
}
span.italicgreen {
	font-style: italic;
	color: #003300;
	background-color: inherit;
}
#container div#books {
	width: 750px;	
	margin: 10px;
}
#books table, td {
	border: 1px dotted #003300;
}
#books table td h2 {
	color: #003300;
	background-color: inherit;
	font-size: 14px;
	text-align: center;
}
#books table td img {
	width: 131px;
	height: 200px;
	padding: 10px;
}
#books table td p {
	text-align: justify;
	padding: 10px 20px 2px 20px;
}
#books table td p.multi {
	padding: 2px 20px 2px 20px;
}
#books table td p.price {
	text-align: left;
	padding: 5px 1px 5px 20px;
}
#container div#author {
	width: 750px;	
	margin: 10px;
}
#author table td {
	border: none;
}
#author img {
	width: 310px;
	height: 400px;
	padding: 10px;
	border: 1px dotted #003300;
}
#author table td h1 {
	color: black;
	background-color: inherit;
	font-size: 18px;
	text-align: center;
}
#author td.bio {
	padding: 10px 25px 10px 25px;
	text-align: justify;
}
#author p.contact a:link {	
	color: blue;
	background-color: inherit;
	text-decoration: underline;
}
#author p.contact a:visited {
	color: #ffffcc;
	background-color: inherit;
	text-decoration: underline;
}
#author p.contact a:hover {
	color: red;
	background-color: inherit;
	text-decoration: underline;
}
#author p.contact a:active {
	color: yellow;
	background-color: inherit;
	text-decoration: underline;
}
/*------------Footer-----------------*/

#container div#footer {
	width: 750px;
        height: 50px;
        margin: 10px 10px 10px 10px;           
        color: white;
        background-color: #003300;    
}
#container div#site {
	width: 750px;
	height: 25px;
	margin: 10px;
	text-align: right;
}
#site a:link {
	color: blue;
	background-color: inherit;
	text-decoration: underline;
}
#site a:visited {
	color: #ffffcc;
	background-color: inherit;
	text-decoration: underline;
}
#site a:hover {
	color: red;
	background-color: inherit;
	text-decoration: underline;
}
#site a:active {
	color: yellow;
	background-color: inherit;
	text-decoration: underline;
}