@charset "UTF-8";
/* CSS Document */


body {
margin:0; 
padding:0;
background : #8dcff4;
}


#header {
position : relative;
width : 100%;
margin-bottom : 1%;
border : 1px solid black;
}

#maincontent {
position : relative;
width : 100%;
height : 100%;
margin : 0%;
background : #8dcff4;
font-family : "Book Antiqua", "Bookman", "Century", sans-serif;
}

#navbar {
position : absolute;
top : 0%;
width : 15%;
left : 1%;
height : auto;
padding : 1%;
border : 1px solid black;
background : #8dcff4;
}

#body {
top : 0%;
width : 60%;
left : 17%;
height : auto;
margin-left : auto;
margin-right : auto;
padding : 1%;
border : 1px solid black;
background : #fff;
}

#sidebar {
position : absolute;
top : 0%;
width : 15%;
right : 1%;
height : auto;
padding : 1%;
border : 1px solid black;
background : #8dcff4;
}

#footer {
position : relative;
width : 100%;
left : 0%;
margin-top : 1%;
border : 1px solid black;
height : auto;
background : #8dcff4;
font-family : "Book Antiqua", "Bookman", "Century", sans-serif;
}

ul li {
position : relative;
}

li ul {
position : absolute;
left : 100px;
top : 0;
display : none;
}

ul li a {
display : block;
text-decoration : none;
color : #000;
background : #8dcff4;
padding : 1px;
border : 1px solid #ccc;
border-bottom : 0;
}

* html ul li {
float : left;
}

* html ul li a {
height : 1%;
}

ul {
margin : 0;
padding : 0;
list-style : none;
width : 100px;
background : #8dcff4;
border-bottom : 1px solid #ccc;
}

li:hover ul, li.over ul {
display : block;
background : #b1629f;
}

* html ul li a {
height : 1%;
}

a:hover {
color : #c03;
}
a:visited {
color : #000;
}

.title {
font-size : 14px;
color : #004e87;
text-align : left;
font-family : "Book Antiqua", "Bookman", "Century", sans-serif;
}

.author {
font-weight : bold;
font-size : 13px;
}

.price2 {
font-size : 10px;
}

.p2 {
text-align : center;
font-family : "Book Antiqua", "Bookman", "Century", sans-serif;
font-size : 10px;
}

.comments {
background : #8dcff4;
font-size : small;
}

.other {
font-size : 13px;
}