/*------------------------------------------------------------------------------
Style Sheet for the nanasbooksforkids website

version:		1.0
date:			September 26, 2006
author:			Jim Stephenson
email:			kineticjim@stephensonmusic.com
			jim@lockportucc.org
			jim@kineticjim.com
			sstephenson_lock@hotmail.com
website:		www.nanasbooksforkids.com
------------------------------------------------------------------------------*/

/* Tag resets ------------------------------------------------------*/

body, div, dl, dt, dd, ul, ol, li, pre, form, fieldset, input, p, blockquote, address, th, td {
margin : 0;
padding : 0;
}

h2, h3, h4, h5, h6 {
font-size : 100%;
font-weight : normal;
}

ol, ul {
list-style-type : none;
}

table {
border-collapse : collapse;
border-spacing : 0;
}

caption, th {
text-align : left;
}

fieldset, img {
border : 0;
}

dt, address, caption, cite, code, dfn, em, i, strong, b, th, var {
font-style : normal;
font-weight : normal;
}

q:before, q:after {
content : '';
}

#jan, #feb {
display:	none;
}

/* Basic tag formatting ------------------------------------------------------*/

body {
font-family : verdana, arial, sans-serif;
font-size : 100%;
min-width : 850px;
color : black;
background-color : #333366;
background-image : url(blkblugrad.jpg);
background-repeat : repeat-x;
}

h1 {
font-family : "News Gothic MT", verdana, arial, sans-serif;
font-size : 28px;
font-weight : 500;
color : #000099;
}

h2 {
font-family : "Franklin Gothic Book", Tahoma, Arial, sans-serif;
font-size : 22px;
font-weight : 900;
color : #166328;
margin-top : 0.35em;
margin-bottom : 0.15em;
}

h3 {
font-family : verdana, arial, sans-serif;
font-size : 16px;
font-weight : 500;
color : navy;
margin-right : 0;
margin-top : 0.4em;
margin-bottom : 0.3em;
}

h4 {
font-family : "News Gothic MT", verdana, arial, sans-serif;
font-size : 90%;
font-weight : 900;
color : #404040;
text-decoration : none;
letter-spacing : normal;
text-transform : none;
font-variant : normal;
margin-top : 0.2em;
margin-bottom : 0.2em;
margin-right : 0;
}

h5 {
font-family : verdana, arial, sans-serif;
font-size : 80%;
font-weight : 500;
font-style : normal;
color : black;
text-decoration : none;
letter-spacing : normal;
text-transform : none;
margin-right : 5%;
margin-top : 0.4em;
margin-bottom : 0.4em;
}

h6 {
font-family : georgia, serif;
font-size : 165%;
font-weight : 500;
font-style : italic;
color : navy;
margin-top : 0;
margin-bottom : 0;
}

ul {
margin : 15px;
}

/* li {
font-family : verdana, arial, sans-serif;
font-size : 80%;
font-weight : 600;
color : black;
margin-top : 0.5em;
margin-bottom : 0.5em;
}	*/

p {
font-family : verdana, arial, sans-serif;
font-size : 75%;
margin-top : 0.5em;
margin-bottom : 0.5em;
text-indent : 0;
padding-left : 7px;
padding-right : 7px;
line-height : 18px;
}

.gentlyUsed {
font-size : 0.6em;
border-collapse : collapse;
width : 600px;
margin : 10px;
border : 1px solid #666666;
}

.gentlyUsed th {
padding : 0.4em 1em;
}

.gentlyUsed td {
padding : 0.2em 1em;
}

.gentlyUsed tr:hover {
background-color : #3d80df;
color : #ffffff;
}

.gentlyUsed thead {
border-top : 1px solid #a5a5a5;
background-color : #dce4ee;
text-align : left;
}

.gentlyUsed thead tr:hover {
background-color : transparent;
color : inherit;
}

.caption {
font-size : 1.35em;
font-weight : bold;
margin : 1em 0;
}

#mainbody p {
padding : 0 20px;
}

#newsContent {
float : left;
position : relative;
background-color : #ffcc00;
border-right : 2px solid #cccc33;
border-bottom : 3px solid #cccc33;
font-family : verdana, arial, sans-serif;
top : 36px;
width : 100%;
left : 0;
}

#newsContent p, #newsContent h2 {
margin : 0 0 0 20px;
padding : 10px;
}

#newsContent img {
float : right;
margin : 0 20px;
}

#specialFeature {
float : left;
position : relative;
background : #ddd;
border : 4px ridge #a5a5a5;
top : 50px;
width : 500px;
height : 250px;
left : 10px;
font-family : verdana, arial, sans-serif;
font-size : 10px;
}

.homeSchool {
float : left;
position : relative;
background : url(book-pages/pictures/Venenziabooksbph-rev.jpg) repeat;
border-right : 2px solid #ccccff;
border-bottom : 3px solid #ccccff;
font-family : verdana, arial, sans-serif;
color : white;
top : 54px;
width : 100%;
left : 0;
}

.homeSchool h2, .homeSchool h5 {
color : white;
margin : 18px 0 18px 18px;
font-weight : 600;
font-size : 110%;
}

.homeSchool p {
color : white;
font-weight : 600;
}

.homeSchool div img {
position : relative;
z-index : 10;
margin : 25px 15px;
}

.homeSchool div #vaCtnr ul {
position : relative;
width : 100%;
display : inline;
float : left;
}

.homeSchool div #vaCtnr li {
display : inline;
float : left;
position : relative;
padding : 10px;
width : 100px;
}

#homeSchool {
position : relative;
background : #f6f6f6;
border-right : 2px solid #dddddd;
border-bottom : 2px solid #dddddd;
font-family : Arial, sans-serif;
color : white;
top : 20px;
width : 100%;
left : 0;
letter-spacing : 0px;
}

#homeSchool h2 {
color : #333333;
font-size : 200%;
margin : 0px 18px 6px 15px;
padding : 12px 0 9px 0;
}

#homeSchool h2.bigfirst:first-letter	{
font-size : 300%;
color:	#cc3333;
}


#homeSchool p {
font-family: verdana, sans-serif;
line-height : 18px;
font-size : 12px;
color : #000000;
font-weight: 500;
margin : 0;
padding: 12px 12px  6px 0;
}

#homeSchool div {
position : relative;
height : 240px;
margin-top : 12px;
border-bottom: #dddddd solid 0px;
}

#homeSchool a img {
float:	left;
position : relative;
margin : 12px 18px 12px 15px;
}

#wrapping	{
float: left;
position: relative;
background: #aa0000;
color: #ffffff;
font-family: verdana, serif;
top: 18px;
padding: 6px;
font-size: 125%;
font-weight: bold;
}

#wrapping a	{
color: silver;
}

#wrapping a:hover	{
color: white;
text-decoration: underline;
}

#wrapping img	{
position: relative;
left: 80px;
}

#infoside {
position : relative;
background : #a5a5a5;
border : 4px ridge #a5a5a5;
font-family : verdana, arial, sans-serif;
color : #990033;
top : 20px;
width : 500px;
height : 500px;
left : 10px;
}

#overall {
position : relative;
border : 0 solid #993333;
background-color : #ffffff;
color : black;
top : 10px;
width : 850px;
margin : 0 auto;
text-align : left;
clear : both;
height : 18600px;
}

#basicNav {
border : 0 solid rgb(237, 28, 36);
background-color : transparent;
float : right;
position : relative;
top : 22px;
width : 240px;
height : 20px;
z-index : auto;
font-family : "trebuchet ms", arial, sans-serif;
font-size : 70%;
font-weight : 500;
letter-spacing : normal;
color : #333333;
z-index : 3;
}

#topBanner {
position : relative;
z-index : 1;
width : 100%;
height : 106px;
background : url(graphics/grad-ddd-fff.gif) repeat;
}

#topBanner h1 {
float : left;
font-family : georgia, serif;
font-style : italic;
font-weight : 500;
font-size : 175%;
color: #000000;
margin : 28px 0 0 20px;
width : 500px;
height : 25px;
text-align : center;
border : 0 solid #000000;
}

#topBanner h1.long {
width : 600px;
text-align : left;
}

#topBanner h1.twoLine {
margin-top : 10px;
}

#topBanner img {
height : 76px;
float : left;
position : relative;
left : 12px;
top : 15px;
}

#orangeBox {
position : absolute;
top : 20px;
right : 12px;
z-index : 2;
width : 40px;
height : 50px;
background-color : rgb(254, 198, 12);
background-image : url(yellowBook.jpg);
border : 1px solid #cccc33;
}

#redBox {
position : absolute;
top : 40px;
right : 42px;
z-index : 2;
width : 40px;
height : 50px;
background-color : rgb(237, 28, 36);
background-image : url(redBook.jpg);
border : 1px solid #990033;
}

#topNav {
font-family : arial, sans-serif;
font-size : 12px;
line-height : 20px;
font-weight : bold;
position : relative;
width : 850px;
text-align : center;
border : 0 solid white;
}

#topNav td {
width : auto;
background-color : #ffeeaa;
}

#pulldownWrapper {
position : relative;
top : -2px;
z-index : 10;
}

#table2, #table3, #table5 {
font-family : arial, sans-serif;
background-color : #ffeeaa;
width : 160px;
font-size : 11px;
line-height : 16px;
font-weight : bold;
border-collapse : collapse;
visibility : hidden;
position : absolute;
}

#table2 td, #table3 td, #table5 td {
padding-left : 10px;
}

#table2 {
left : 63px;
}

#table3 {
left : 215px;
}

#table5 {
left : 538px;
width : 125px;
}

#mainBody {
float : left;
margin : 0 0 0 0;
width : 570px;
border-right : 0 solid #ddddd0;
z-index : 1;
background-color : #ffffff;
text-align : left;
}

.mainBody {
float : left;
position : relative;
margin : 0 0 0 24px;
width : 570px;
border-right : 0 solid #ddddd0;
z-index : 1;
background-color : #ffffff;
text-align : left;
}

.scrollContainer {
position : relative;
width : 100%;
}

#value {
float : left;
position : relative;
top : 24px;
width : 570px;
background-color : #ffffff;
}

#value p {
font-size : 14px;
font-weight: 900;
font-family : tahoma
margin : 0 0 18px 18px;
padding : 12px;
}

#value h3 {
font-size : 20px;
font-weight : 900;
font-family : tahoma
color : #ffeeaa;
margin : 0 0 18px 12px;
}


#rblock4 {
position : relative;
width : 540px;
background : #ffeeaa;
border-right : 1px solid #ddddd0;
border-bottom : 2px solid #ddddd0;
margin : 12px 0 0 12px;
}


#guarantee {
position : relative;
top : 240px;
width : 542px;
background : #ffeeaa;
border-right : 1px solid #ddddd0;
border-bottom : 2px solid #ddddd0;
margin : 12px 0 0 0px;
}

#guarantee p	{
padding : 6px 0 6px 10px;
margin : 0;
}

.table6 {
font-family : tahoma;
background-color : #ffeeaa;
width : 400px;
font-size : 12px;
line-height : 16px;
font-weight : bold;
position : relative;
height: 120px;
margin: 12px;
}

.table6 tr {
margin : 24px 0 0 0; 
padding : 12px 0 0 0;
}


.table6 td {
padding : 6px 6px 6px 12px;
margin : 12px 12px 0 12px;
}
 

#homeContent p {
font-size : 12px;
}


.datblk1 {
border : 2 solid rgb(237, 28, 36);
font-family : verdana, arial, sans-serif;
font-style : italic;
height : 120px;
width : 100px;
position : absolute;
top : 82px;
left : 180px;
}

.datblk2 {
border : 2 solid rgb(237, 28, 36);
height : 120px;
width : 225px;
position : absolute;
top : 82px;
left : 275px;
}

#rightSide {
float : right;
position : relative;
margin : 15px 12px 0 0;
display : inline;
width : 250px;
border : 0 solid #000000;
}

#rightSide h2 {
padding : 20px 0 5px 12px;
}

#rightSide #birthdays {
position : relative;
width : 100%;
top : 25px;
}

#birthdays ul	{
position:	relative;
width:		100%;
display:	inline;
list-style:	none;
background:	#ffffff;
}

#birthdays li	{
display:	inline;
margin:		0;
padding:	3px;
}

#birthdays li:hover 	{
cursor:		pointer;
}

#birthdays li month	{
cursor:		auto;
display:	none;
}

#birthdays li:hover month	[
display:	block;
}

#birthdays h2 {
padding : 6px 0;
margin: 12px 0 0 0;
}

#birthdays table {
position : relative;
left : 5px;
}

#birthdays th {
text-align : center;
}

#birthdays tbody {
font-family : verdana, arial, sans-serif;
color : #990033;
font-size : 70%;
text-align : right;
line-height : 18px;
}

#birthdays td {
padding : 0 5px;
}

#birthdays td.taln {
text-align : left;
}

#birthdays tr.holiday {
color : #000099;
}

.rightSide {
float : right;
position : relative;
margin : 97px 12px 0 0;
display : inline;
width : 250px;
border : 0 solid #000000;
}

.rightSide p {
font-weight : 500;
}

.rsblAinfo {
background : #fff8dd;
float : right;
position : relative;
width : 100%;
border-right : 1px solid #a5a5a5;
border-bottom : 2px solid #a5a5a5;
color : #333333;
font-family : verdana, arial, sans-serif;
font-weight : 500;
margin : 0 0 6px 0;
}

.rsblAinfo p, .rsblAinfo h2, .rsblAinfo h3 {
padding : 6px 12px;
}

.rsblAinfo h3 {
color : #333333;
}

.rsblAinfo img {
float : left; 
position : relative; 
margin : 12px;
}

.rsblAinfo div {
position: relative; 
top: 0px; 
height: 115px;
}

.rsbkinfo {
background : #f6f6f6;
color : #000000;
border-right : 1px solid #ddddd0;
border-bottom : 2px solid #ddddd0;
width : 100%;
margin : 0 0 36px 0;
float : right;
}

#birthdays.rsbkinfo p {
font-family: verdana, sans-serif;
font-size: 12px;
color: #000000;
font-style: normal;
padding : 12px 12px 0px 12px;
text-align : left;
line-height : 18px;
}

#birthdays.rsbkinfo p.bigfirstline:first-line {
font-size: 12px;
color: #990000;
font-style: italic;
font-weight: bold;
}

.rsbkinfo h2, .rsbkinfo h3, .rsbkinfo h4 {
padding : 18px 12px;
font-weight : 500;
}

#birthdays.rsbkinfo h2 {
text-align : center;
color: #000000;
margin: 12px 0 0 0;
}


.rsbkinfo ul {
padding : 0;
margin : 0 15px;
}

.rsbkinfo li {
padding : 0;
margin-top : 0;
margin-left : 12px;
line-height : 14px;
font-size : 11px;
color : navy;
}

.rsbkinfo img {
float : left;
position : relative;
padding : 6px 12px;
}

.soldout {
font-size : 30px;
color : red;
position : relative;
top : 130px;
left : 100px;
z-index : 2;
}

#rsChild {
width : 210px;
background-color : #ddddd0;
background-image : url(circeeeee0Grada.jpg);
position : relative;
z-index : 2;
border-style : solid;
border-width : 0;
border-color : rgb(26, 123, 48);
padding : 0;
}

#rsOne {
background-color : #0eeee0;
position : relative;
z-index : 2;
border : 0 solid #336633;
padding : 0;
}

#rsTwo {
width : 100%;
background-color : #eeeee0;
position : relative;
z-index : 2;
border-style : solid;
border-width : 0;
border-color : rgb(26, 123, 48);
padding : 0;
}

#rsThree {
width : 100%;
background-color : rgb(112, 195, 126);
position : relative;
border-style : solid;
border-width : 0;
border-color : rgb(26, 123, 48);
padding : 0;
}

#rsFour {
width : 100%;
background-color : #eeeee0;
position : relative;
z-index : 2;
border-style : solid;
border-width : 0;
border-color : rgb(26, 123, 48);
padding : 0;
}

#rblock4 {
float : right;
position : relative;
width : 100%;
background : #ffeeaa;
border-right : 1px solid #ddddd0;
border-bottom : 2px solid #ddddd0;
margin : 12px 0 0 0;
padding : 0 0 6px 0;
}



#footerWrapper {
position : relative;
width : 850px;
height : 20px;
border : 0 solid red;
background-color : #ddddd0;
bottom : 0;
margin : 0 auto;
text-align : center;
clear : both;
}

#footerWrapper h5	{
font-size : 12px;
line-height : 20px;
color : #000000;
}

.tB {
position : relative;
left : 0;
}

.smpic {
border : 0 solid;
text-align : center;
width : 120px;
position : absolute;
bottom : 10px;
}

.smpicx {
border : 0 solid;
text-align : center;
width : 90px;
position : absolute;
bottom : 10px;
}

.subhead {
border : 0px solid #ffffff;
position : relative;
height : 96px;
width : 100%;
left : 0;
}

.subhead h1 {
font-family : georgia, serif;
font-style : italic;
font-weight : 500;
font-size : 190%;
margin : 32px 0 0 18px;
width : 240px;
text-align : left;
border : 0 solid #000000;
}

.subhead h1 span {
font-size : 16px;
}

.scrollto {
position : absolute;
top : 45px;
left : 260px;
}

.scrollto h4 {
font-size : 75%;
}

.bkblk {
background : #f9f9f9;
border-bottom : 3px solid #ddddd0;
border-right : 1px solid #ddddd0;
height : 384px;
position : relative;
text-align : left;
margin : 0 0 3px 0;
}


.ttlblk {
border : 0 solid rgb(237, 28, 36);
height : 30px;
width : 100%;
text-align : center;
position : absolute;
top : 0;
left : 0;
}

.picblk {
border : 0 solid rgb(237, 28, 36);
width : 150px;
height : 150px;
position : absolute;
top : 65px;
left : 18px;
}

.synblk {
border : 0 solid rgb(237, 28, 36);
width : 100%;
position : absolute;
top : 230px;
left : 0;
}

.synblk p {
padding : 0 0 0 18px;
margin : 12px 0 0 0;
font-weight : 500;
line-height : 1.5em;
height : 130px;
}

.synblk h3 {
padding : 0 0 0 18px;
margin : 0;
}

.crtblk {
border : 0 solid rgb(237, 28, 36);
height : 30px;
width : 30px;
position : absolute;
top : 155px;
left : 500px;
}

.soldout {
position : relative;
color : #cc3300;
font-weight : bold;
left : 50px;
}

.auth {
position : relative;
color : #cc0000;
font-weight : bold;
left : 30px;
font-size : 90%;
margin-top : 2em;
}

.book {
position : relative;
left : 80px;
font-size : 78%;
line-height : 12px;
}

.medal {
background : #f9f9f9;
border-bottom : 3px solid #ddddd0;
border-right : 1px solid #ddddd0;
position : relative;
text-align : left;
width : 550px;
margin : 18px 0 0 18px;
}

.medal h3 {
margin : 18px 0 0 18px;
}

.bold {
font-weight : bold;
}

.white {
color : white;
}

.black, .active {
color : black;
}

.logoblue {
color : rgb(0, 174, 239);
}

.logoyellow {
color : rgb(254, 198, 12);
}

.logogold {
color : rgb(247, 148, 29);
}

.logored {
color : rgb(237, 28, 36);
}

.logogreen {
color : rgb(26, 123, 48);
}

.logoflesh {
color : rgb(253, 198, 138);
}

.smMgn {
margin-left : 5%;
margin-right : 5%;
}

.for {
font-size : 85%;
font-weight : bold;
line-height : 13pt;
margin-left : 2%;
margin-top : 2em;
margin-bottom : 1.5em;
}

.table-a {
position : relative;
left : 20px;
}

.odd {
background-color : #edf5ff;
}

a:link {
text-decoration : none;
color : #cd1419;
font-weight : bold;
}

a:visited {
text-decoration : none;
color : #cd1419;
font-weight : bold;
}

a:active {
text-decoration : none;
color : #cd1419;
font-weight : bold;
}

a:hover {
text-decoration : none;
color : #fec60c;
font-weight : bold;
}

a.basnav:link {
font-size : 100%;
text-decoration : none;
color : #333366;
font-weight : bold;
}

a.basnav:visited {
font-size : 100%;
text-decoration : none;
color : #333366;
font-weight : bold;
}

a.basnav:active {
font-size : 100%;
text-decoration : none;
color : #333366;
font-weight : bold;
}

a.basnav:hover {
font-size : 100%;
text-decoration : underline;
color : #9999cc;
font-weight : bold;
}

A.authlnk:link {
text-decoration : none;
color : black;
font-weight : normal;
}

A.authlnk:visited {
text-decoration : none;
color : black;
font-weight : normal;
}

A.authlnk:active {
text-decoration : none;
color : black;
font-weight : normal;
}

A.authlnk:hover {
text-decoration : underline;
color : red;
font-weight : normal;
}