/*undohtml.css by Tantek Celik (CC) 2004*/
:link,:visited { text-decoration:none }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{ margin:0; padding:0 }
a img,:link img,:visited img { border:none;outline:none; }
a{outline:none; }
address { font-style:normal;}

body{
color:#555;
font-family:Arial, Helvetica, sans-serif;
background:url(bg.jpg) top left repeat-x;
}

div.wrap{
width:934px;
margin:0 auto;
}

div.header{
margin:5px 0 0 -50px;
}
div.header h1{
font:bold 3em/.8em Georgia, "Times New Roman", Times, serif;
color:#fff;
}
div.header h2{
font:normal 1.6em/.9em Arial, Helvetica, sans-serif;
padding:0 0 0 20px;
color:#fff;
}

div.book{
width:934px;
height:489px;
margin:40px 0 20px 0;
overflow:hdden;
background:url(book.png) top left no-repeat;
}
div.book div.leftPage{
width:401px;
height:401px;
overflow:hidden;
float:left;
position:relative;
margin:40px 0 0 60px;
}
div.book div.rightPage{
width:401px;
height:401px;
overflow:hidden;
float:left;
margin:40px 0 0 20px;
}
div.book ul.navigation{
margin:10px 0 0 0;
list-style:none;
}
div.book ul.navigation li{
list-style:none;
}
div.book ul.navigation li a{
display:block;
background:url(button.png) top left no-repeat;
width:328px;
height:21px;
padding:5px 20px 5px 20px;
color:#fff;
font:bold 1.1em Arial, Helvetica, sans-serif;
}
div.book ul.navigation li a:hover{
background:url(button_act.png) top left no-repeat;
}

/*Page Typography*/
div.book h3{
font:bold 2em/1em Georgia, "Times New Roman", Times, serif;
padding:0 0 5px 0;
border-bottom:1px solid #555;
}
div.book h4{
font:1.4em/.9em Arial, Helvetica, sans-serif;
padding:0 0 5px 5px;
}
div.book h5{
font:1.1em/.7em Arial, Helvetica, sans-serif;
padding:0 0 5px 10px;
}
div.book p{
font:0.8em/1.3em Tahoma, Arial, Verdana, Helvetica, sans-serif;
padding:0 15px 5px 15px;
}

/*Form Formating*/
div.book label{
display:block;
margin:10px 0 5px 0;
font:1.4em/1.1em Georgia, "Times New Roman", Times, serif;
}
div.book input, div.book select{
margin:0 0 0 10px;
}
div.book input[type=text]{
background:none;
width:95%;
padding:3px 10px 1px 10px;
border:1px dashed #999;
border-width:0 0 1px 0;
color:#777;
font:1em Georgia, "Times New Roman", Times, serif;
}

/*Person Formating*/
div.book p#person{
padding:0;
position:absolute;
display:block;
}
div.book p#person img{
filter:alpha(opacity=80);
opacity: 0.80;
-moz-opacity:0.80;
}
div.book p#person span#speak{
position:absolute;
background:url(speak.png) top left no-repeat;
z-index:3;
left:-130px;
top:-30px;
filter:alpha(opacity=0);opacity: 0;-moz-opacity:0;
width:130px;
height:38px;
padding:5px 10px 10px 5px;
color:#666;
font:bold 11px/10px Georgia, "Times New Roman", Times, serif;
}


div.footer{
margin:20px 0;
padding:5px 40px 0 40px;
border-top:1px solid #999;
text-align:center;
clear:both;
}
div.footer ul.nav{
margin:0;
list-style:none;
}
div.footer ul.nav li{
display:inline;
font:.7em Arial, Helvetica, sans-serif;
}
div.footer ul.nav li a, div.footer a{
color:#666;
}
div.footer ul.nav li a:hover, div.footer a:hover{
color:#555;
text-decoration:underline;
}
div.footer p{
font:.7em Arial, Helvetica, sans-serif;
color:#888;
}
div.footer a.chum{
background:url(logo.jpg) bottom left no-repeat;
padding:16px 24px 0 0;
}
div.footer a.chum:hover{
background:url(logo_act.jpg) bottom left no-repeat;
}

.x{display:none;}
hr{clear:both;visibility:hidden;height:0px;margin:0;padding:0;}