body {
height:100%;
margin:0;
}

ul {
list-style-position:inside;
text-indent:0;
text-align:left;
}

h1 {
color:#333;
font-weight:400;
font-family:Georgia, Times, serif;
font-size:17px;
text-decoration:none;
text-align:left;
letter-spacing:0;
word-spacing:0;
line-height:13px;
text-indent:0;
padding:0;
}

h2 {
color:#FFF;
font-weight:400;
font-family:Georgia, Times, serif;
font-size:20px;
text-decoration:none;
text-align:center;
vertical-align:middle;
letter-spacing:0;
word-spacing:0;
line-height:20px;
text-indent:0;
padding:0;
}

#wrapper {
width:886px;
height:100%;
text-align:center;
margin:0 auto;
}

#background {
width:886px;
height:100%;
border:0;
text-align:left;
float:left;
background:url('images/background_1.gif') repeat-y bottom;
background-color:transparent;
margin:0;
padding:0;
}

#header a {
width:859px;
height:127px;
border:0;
display: block;
background:url('images/header.gif') no-repeat top;
background-color:transparent;
margin:0;
padding:0 13px 0 15px;
}

#header a span {
visibility: hidden;
}

#nav {
width:auto;
height:48px;
border:0;
text-align:left;
float:left;
background-color:transparent;
margin:0;
padding:0 0 0 15px;
}

#container {
width:859px;
height:auto;
min-height:396px;
border:0;
background-color:transparent;
text-align:left;
float:left;
margin:0;
padding:0 13px 13px 15px;
}

#left {
width:270px;
height:auto;
min-height:396px;
border:0;
background-color:transparent;
float:left;
margin:0 4px 0 0;
padding:0;
}

#top {
width:270px;
height:106px;
border:0;
background:url('images/left_top.gif') no-repeat top;
background-color:transparent;
float:left;
margin:0;
padding:0;
}

#bottom {
width:260px;
height:auto;
min-height:284px;
border-top:0;
border-right:1px solid #666;
border-bottom:1px solid #666;
border-left:1px solid #666;
background-color:#FFF;
float:left;
margin:0;
padding:0 4px 4px;
}

#bottom_in {
width:260px;
height:auto;
min-height:284px;
border:0;
background:url('images/left_grad.gif') repeat-y top;
background-color:transparent;
float:left;
color:#FFF;
font-weight:400;
font-family:Georgia, Times, serif;
font-size:11px;
text-decoration:none;
text-align:center;
vertical-align:middle;
letter-spacing:0;
word-spacing:0;
line-height:15px;
text-indent:0;
margin:0;
padding:0;
}

#pic {
width:91px;
height:126px;
border:0;
background:transparent url('images/books.gif') no-repeat bottom;
float:left;
margin:0;
padding:0;
}

#right {
width:483px;
height:100%;
min-height:338px;
border:1px solid #666;
background-color:#FFF;
float:left;
color:#333;
font-weight:400;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:none;
text-align:justify;
vertical-align:middle;
letter-spacing:0;
word-spacing:0;
line-height:16px;
text-indent:0;
margin:0;
padding:50px;
}

#footer {
width:887px;
height:auto;
min-height:55px;
border:0;
background:url('images/footer.gif') no-repeat top;
background-color:transparent;
float:left;
color:#333;
font-weight:400;
font-family:Georgia, Times, serif;
font-size:11px;
text-decoration:none;
text-align:center;
vertical-align:middle;
letter-spacing:0;
word-spacing:0;
line-height:15px;
text-indent:0;
margin:0 0 10px 0;
padding:9px 0 0;
}

.clear {
clear:both;
}

a,a:link,a:visited,a:hover,a:active {
color:#336;
text-decoration:none;
}