/* --Page Layout -- */

body {
padding: 0;
margin: 0;
background-color: #eeeeee;
font: 16px Verdana, Arial, sans-serif;
color: #000000;
}

#wrapper {
width: 800px;
border-left: 2px solid #000000;
border-right: 2px solid #000000;
border-bottom: 2px solid #000000;
margin: 0 auto;
background-color:#ffffff ;
}

#top {
height: 100px;
background-color:#000066;
border-bottom: 2px solid #000000;
}

#navigation {
padding-top:100px;

}

#leftside{
width: 140px;
float: left;
margin-top:22px;
margin-left: 4px;
padding-top: 20px;
}

#rightside{
float: right;
width: 605px;
padding: 5px 10px;
margin-top:18px;

}




#wholepage{
width: 776px;
margin: auto;
padding: 20px 10px;
}




.separator {
clear: both;
height: 0;
}
#footer{
text-align: center;
color: #333399;
font: 12px Verdana, Arial, sans-serif;
}

/* -- For Side Bar Menu --*/

#rollauthor {background-image:url(nav/authors.jpg); height: 40px; width:120px; display:block; }
#rollauthor span {display:none; }
#rollauthor:hover {background-image:url(nav/authors1.jpg); }

#rollbks {background-image:url(nav/book-search.jpg); height: 40px; width:120px; display:block; }
#rollbks span {display:none; }
#rollbks:hover {background-image:url(nav/book-search1.jpg); }

#rollcontact {background-image:url(nav/contact.jpg); height: 40px; width:120px; display:block; }
#rollcontact span {display:none; }
#rollcontact:hover {background-image:url(nav/contact1.jpg); }

#rollabout {background-image:url(nav/about.jpg); height: 40px; width:120px; display:block; }
#rollabout span {display:none; }
#rollabout:hover {background-image:url(nav/about1.jpg); }

#rollcategories {background-image:url(nav/categories.jpg); height: 40px; width:120px; display:block; }
#rollcategories span {display:none; }
#rollcategories:hover {background-image:url(nav/categories1.jpg); }

#rolledit {background-image:url(nav/board.jpg); height: 40px; width:120px; display:block; }
#rolledit span {display:none; }
#rolledit:hover {background-image:url(nav/board1.jpg); }
                                               
/* --Lists-- */
li.cat {list-style: url(backs/a1.jpg) circle outside;}
li.cat1 {list-style: url(backs/t1.jpg) circle outside;}
li.star1 {list-style: url(backs/star1.gif) circle outside;}
li.nep {list-style: url(backs/neptune.jpg) circle outside;}



/* --Boxes -- */






#box1 {
width: 120px;

background-color: #000066;

padding: 10px;
font-size: 14px;

}

#box2 {
width: 200px;
color: #000000;

background-color: #ffff99;
border-width: 4px;
border-color:#000000;
border-style: double;
padding: 10px;
text-align: center;
}

#box3 {
width: 200px;
color: #000000;
background-color: #ffffff;
border-width: 4px;
border-color:#000099;
border-style: double;
padding: 10px;
}

#box4 {
width: 450px;
color: #000000;
background-color: #ffffff;
border-width: 4px;
border-color:#000000;
border-style: double;
padding: 10px;

}

#box5 {
width: 400px;
color: #000000;
background-color: #ccccff;
border-width: 4px;
border-color:#000099;
border-style: double;
padding: 5px;
margin: auto;
text-align: center;
font-weight: bold;
}


#box6 {
width: 200px;
color: #000000;
background-color: #ffffff;
border-width: 4px;
border-color:#cc9900;
border-style: double;
padding: 10px;
}


#boxgrey{
width: 600px; margin: auto;
background-color:#ececec; text-align: center;
}

#box-get-email{
width: 595px; margin: auto;
background-color:#ececec; text-align: center; padding: 20px;
border-color: #990000; border-width: 4px; border-style: double;
font-size: 18px;
}

#box-get-email-01{
width: 400px; margin: auto;
background-color:#ececec; padding: 20px;
text-align: center;
}


#boxbonus1
{
     width: 500px; 
     margin: auto;
     background-color:#ffff99;
     border-width: 1px;
     border-style: solid;
     border-color:#990000;
     padding: 20px; 
     text-align: left;
     color: #000000;
}


#box-test
{ 
  width: 500px;
  margin: auto;
  border: #eeeeee outset 2px;
  color:#000099;
  background-color:#fffbc6;
  padding: 10px;
}


/* --Fonts -- */


h1 {
text-align: center; color:#000000; font-size: 28px; 
}

h2 {
text-align: center; color:#ff0000; font-size: 22px; 
}




h1.frontpage{
text-align: center; color:#000066; font-size: 24px; 
}

h1.mainhead {
text-align: center; color:#000000; font-size: 24px; 
}

h1.box2 {
text-align: center; color:#ff0000; font-size: 24px; text-align: center;
}



.orred {
color: #ff0000; font: 24px  Verdana,Geneva,Arial;
}

.red {
color: #ff0000;
}

.yell {
color: #ffcc00;
}

.grn {
color: #006600; font: 24px  Verdana,Geneva,Arial;
}
.grn1 {
color: #006600; font: 20px    Verdana,Geneva,Arial;

}
.big {
color: #000000; font: 24px  Verdana,Geneva,Arial;
}
	
.small {
color: #000000; font: 12px  Verdana,Geneva,Arial;
}

.redhead{
text-align: left; color: #ff0000; font-size: 16px; 
}

.midblue {
color:#333399;
}

 .dropcap {font-size: 60px;
           Verdana,Geneva,Arial; font-weight: bold; 
           color: #ff0000;
           float: left;}

  .cblw {font-size: 16px; 
        Verdana,Geneva,Arial;
        color: #000000; background-color: #ffff00; }