@charset "UTF-8";
/* CSS Document */
html 
{
overflow-y: scroll
}
body
{
margin: 0;
padding: 0;
font:80% Georgia, "Times New Roman", Times, serif;
color:#444444;
background: #f2f2f2;
text-align: center;
}
#container
{
width: 908px;
margin: 0 auto ;
background:url(../images/grad2.gif) #fff repeat-y;
padding: 0;
text-align: left;
position: relative; z-index:0 
}
#header {

margin: 0 0 0 20px;
width:868px;
}
/*HEADINGS*/
h1 
{
height: 160px;
margin:0;
padding: 0;
}
/*HIDE THE SITE TITLE*/
h1 em 
{
position: absolute;
left: -3000px;
width: 2800px;
}
h2 {
font-size:2em;
color:#f37900;
margin:0;
font-weight:normal
}
h3{
font-size:1.5em;
color:#990000;
margin:0;
font-weight:normal;clear:left 
}
h3 a{
text-decoration:none;
color:#990000;
}
h3 a:hover{
text-decoration:underline;
color:#f37900;
}
h3 a:visited{
text-decoration:none;
color:#f99129;
}
h3 a:active, a:focus{
text-decoration:underline;
color:#d16902;
}

/*IMAGES*/
img {
border:none
}
img.r {
float:right;
margin:10px 0 10px 10px
}
img.l {
float:left;
margin:10px 10px 10px 0
}
.image-right {
display:block;
float:right;
width:200px;
padding:16px 0 30px 30px;
margin:auto;text-align:right;
clear:both
}
.image-right-small {
display:block;
float:right;
width:150px;
padding:16px 0 10px 30px;
margin:auto;text-align:right;
clear:both
}
.caption-right {

}
/*LINKS*/
a{
color:#990000;
text-decoration:none
}
a:visited{
color:#bb0000;
text-decoration:none
}
a:hover{
color:#CC3300;
text-decoration:underline
}
a:active, a:focus{
color:#ff3300;
text-decoration:underline
}
/*NAVIGATION*/
#navcontainer
{
margin: 0 0 0 20px;
width:868px;
height:41px;
text-align: center;
padding:0;
}
#navcontainer ul{
list-style-type:none;border:0px;margin:0px;padding:10px 0;color:#eee;
background: #000000; /* Show a solid color for older browsers */
background: -moz-linear-gradient(#000, #444);
background: -o-linear-gradient(#000, #444);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#000), to(#444)); /* older webkit syntax */
background: -webkit-linear-gradient(#000, #444);
}
#navcontainer ul li{
display:inline ;padding:0;margin:0;border:0px;font:1.4em Georgia, "Times New Roman", Times, serif;
}
#navcontainer ul li.sep{
border-left:1px solid #eee
}
#navcontainer ul li a, #navcontainer ul li a:visited{
color:#eee;border:0px;padding:10px 20px 10px 20px;margin:0;text-decoration:none ;text-align: center;
background: #000000; /* Show a solid color for older browsers */
background: -moz-linear-gradient(#000, #444);
background: -o-linear-gradient(#000, #444);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#000), to(#444)); /* older webkit syntax */
background: -webkit-linear-gradient(#000, #444);
}
#navcontainer ul li a:hover{
color:#FFCC00;text-decoration:none;border:0px;
background: #555555; /* Show a solid color for older browsers */
background: -moz-linear-gradient(#111, #555);
background: -o-linear-gradient(#111, #555);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#111), to(#555)); /* older webkit syntax */
background: -webkit-linear-gradient(#111, #555);
}
#navcontainer ul li a:active, #navcontainer ul li a:focus{
color:#FFCC00;background-color:transparent
}
/*SUB-NAVIGATION*/
#navcontainer li:hover ul, #navcontainer li.over ul {display:block;margin:0;padding:0;border:0;}
#navcontainer li ul {display:none;position: absolute;top: 201px;margin:0;padding:0;z-index:1;text-align:left;}
#navcontainer li ul li	{display:block;border:0;margin:0;padding:0}
#navcontainer li ul li a, #navcontainer li ul li a:visited {display:block;text-align:left;text-decoration: none;
background: #224706; /* Show a solid color for older browsers */
background: -moz-linear-gradient(#224706, #2e580e);
background: -o-linear-gradient(#224706, #2e580e);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#224706), to(#2e580e)); /* older webkit syntax */
background: -webkit-linear-gradient(#224706, #2e580e);
padding:6px 10px 6px 10px;margin:0;font:.5em Georgia, "Times New Roman", Times, serif;color:#FFCC00;}
#navcontainer li ul li a:hover, #navcontainer li ul li a:focus, #navcontainer li ul li a:active {
display:block;
background: #204305; /* Show a solid color for older browsers */
background: -moz-linear-gradient(#204305, #2b540c);
background: -o-linear-gradient(#204305, #2b540c);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#204305), to(#2b540c)); /* older webkit syntax */
background: -webkit-linear-gradient(#204305, #2b540c);
margin:0;padding:6px 10px 6px 10px;color:#eee;}
#navcontainer li ul#novels {left: 164px;width:200px}
#navcontainer li ul#childrens {left: 282px;width:220px}
/*CONTENT*/
#column-container {
margin: auto;
width:868px;
}
/*LEFT COLUMN*/
#left-column {
float:left;
text-align:center;
width:140px;
margin:0 0 0 20px;
padding:0 0 200px 0;
background:url(../images/right-column-grad.jpg) repeat-x bottom #f5f5f5;
border-right:1px solid #e5e5e5
}
#left-column ul {
list-style-type:none;
margin:1px 0 0 1px;
padding:0 0 100px 0;
width:138px;
}
#left-column ul li{
padding:0 0 1px 0
}
#left-column ul a, #left-column ul a:visited{
display:block;
background:url(../images/leftnav-grad.jpg) repeat-x center #ddd;
color:#660000;
text-decoration:none;
font-size:1.1em;
padding:6px 0;
margin:0;
border:1px solid #c5c5c5;
}
#left-column ul a:hover, #left-column ul a:active, #left-column ul a:focus{
color:#CC3300;
background:url(../images/leftnav-grad-hover.jpg) repeat-x center #f2f2f2;
border:1px solid #ddd
}
/*CONTENT*/
#content
{
float:left;
clear:none;
width:522px;
margin:10px 0 0 20px ;
padding:0 20px 0 0
}
#content h2 {
margin-top:15px
}
#content p {
font:300 1.2em 'Source Sans Pro', sans-serif;
line-height:140%;
}
/*RIGHT COLUMN*/
#right-column {
float:right;
clear:none;
text-align:left;
width:130px;
margin:0 20px 0 0 ;
padding:20px 10px 200px 15px;
background:url(../images/right-column-grad.jpg) repeat-x bottom #f5f5f5;
border-left:1px solid #e5e5e5
}
#right-column a, #right-column a:visited{
font:bold 1.1em Helvetica, Arial, sans-serif;
color:#990000;
text-decoration:none
}
#right-column a:hover, #right-column a:focus{
color:#CC3300;
text-decoration:underline
}
#right-column a:active{
color:#ff3300;
text-decoration:underline
}
#right-column .newsdate{


}
#right-column .newsdesc{
font:300 .9em 'Source Sans Pro', sans-serif;
}
#right-column .newsmore{
font-size:.85em
}

/*TABLES*/
tr{
background-color:#dddddd
}
tr.head{
background-color:#cccccc;
}
tr.odd{
background-color:#f2f2f2
}
th{
font:bold .8em Georgia, "Times New Roman", Times, serif
}
td{
font:normal .85em Helvetica, Arial, sans-serif;
}
td.lcol{
vertical-align:top;
text-align:right;
padding:6px 10px 0 0
}
td.book-title{
font:bold 1.1em Helvetica, Arial, sans-serif;
}

blockquote{
font:italic 1.1em Georgia, "Times New Roman", Times, serif;
background-color:#eeeeee;
overflow:hidden;
padding:10px;
margin:10px 0 10px 0;
}
hr {
border:0;
width:100%;
height:1px;
color:#ccc;
background-color:#ccc
}

/*FOOTER*/
#footer
{
clear: both;
background: url(../images/footer.jpg) no-repeat center;
height:100px;
padding:0;
margin:0 20px 0 20px;
text-align: center;
color:#fff;
border-bottom:3px groove #f6cc3a
}
#footer p
{
padding:10px 0;font-size:.9em
}
#footer p.small
{
padding:20px 0 0 0;font-size:.8em
}
#footer a, #footer a:visited
{
color: #fff;
}
#footer a:hover, #footer a:active, #footer a:focus
{
color:#FFCC99;
}
fieldset{
background-color:#f2f2f2;
border:none;
padding:30px;
margin:0 0 30px 0;
-moz-border-radius:20px;
-webkit-border-radius:20px;
-khtml-border-radius:20px;
border-radius:20px;
behavior:url(border-radius.htc);
}
/*FIX FOR IE6 DROPDOWNS*/
li:hover ul, li.over ul {display:block}