* {
padding: 0;
margin: 0;
} 

body {
margin: 0;
padding: 0;
font-size: .74em;
background: #000;
color: #aaa;
font-family: Verdana, Geneva, Lucida, Helvetica, Arial, sans-serif;
}

p { padding:10px; line-height:175%;} 
a,a:link,a:active,a:visited { color: yellow; outline: none; text-decoration: none;  }
a:hover { color: #666;text-decoration: underline; }
img {border:none;}
ul {  list-style-type: none; margin: 0; padding: 0px; color: #999;}	
li {}

#wrap  {
margin: 20px auto 20px auto;
width: 660px;
}

#header {
background: #000000 url(images/header.jpg) no-repeat;
height: 240px;
}
#header h1 {
color: #fff;
font-size: 40px;
margin: 0;
font-weight: 100;
padding: 0 0 120px 390px;
}
#header h1 a { text-transform: none ;font-weight: 100; text-decoration: none; color : #eee; }
#header h2 {
color: #999;
font-size: 1.3em;
margin: 0;
font-weight: 100;
padding: 0 0 0 30px;
}

#content{text-align: justify; float:right; width:469px; padding: 10px 10px 10px 20px; }
#content h1 { padding-bottom:10px; }
#content h2 { font-size: 1.2em; font-weight: 600; padding-bottom: 10px;}
#content h2 a { text-decoration: none; font-weight: 100; }
#col_1 {width:160px; display:inline;}
#col_2 {width:150px; display:inline;}
#col_3 {display:inline;}
#navigation{ float:left; width:140px; padding: 10px; text-align: left}

#navigation li {position:relative;} /* i added this */
#navigation li a:hover { text-decoration: none;}
#navigation ul ul {
position: absolute;
top: 0;
left: 100%; /* to position them to the right of their containing block */
width: 100%; /* width is based on the containing block */
border-bottom: 1px solid #000; 
padding: 5px 0 5px 5px; 
background: #111;
}

#navigation ul li { border-bottom: 1px solid #000; padding: 5px 0 5px 5px; background: #111; }
#navigation ul ul,
#navigation ul li:hover ul 
{display: none;}

#navigation ul li:hover ul,
#navigation ul ul li:hover ul
{display: block;}

#navigation ul ul ul,
#navigation ul ul li:hover ul 
{display: none;}

#navigation ul ul li:hover ul,
#navigation ul ul ul li:hover ul
{display: block;}





/*
.column {
float: left;
width: 180px;
margin: 10px;
color: #444;
padding: 10px;
background: #101010;
}	
.column a { color: #666; }
.column a:hover { color: #aaa; }
.column ul {padding-left: 10px;  list-style-type: square; color: #666; }
*/
.columntalk {
float: left;
width: 180px;
margin: 10px;
color: #444;
padding: 10px;
background: red;
}	
.columntalk a { color: #000; }
.columntalk a:hover { color: #fff; }

.columnpub {
float: left;
width: 180px;
margin: 10px;
color: #444;
padding: 10px;
background: green;
}	
.columnpub a { color: #000; }
.columnpub a:hover { color: #fff; }

.columntrain {
float: left;
width: 180px;
margin: 10px;
color: #444;
padding: 10px;
background: yellow;
}	
.columntrain a { color: #000; }
.columntrain a:hover { color: #fff; }

#footer{ margin: 10px auto 0 auto; font-size: 0.8em; width: 98%; color: #999; padding: 5px; background: #222; }
#footer a {color: #666; }

#book_title{ text-align:center;}
.book_cover {border: 2px solid #000; }
.book_cover:hover {border: 2px solid #fff; }

.badge {padding-right:5px; }