The page is: reallycoolkidbooks.com/test
My css code is:
CODE
h1 {FONT-SIZE: 33pt;COLOR:#217aa9;LINE-HEIGHT: 40pt;FONT-FAMILY: algerian, book Antiqua;text-decoration:none;}
.header2 {FONT-SIZE: 20pt;COLOR:#217aa9;LINE-HEIGHT: 30pt;FONT-FAMILY: algerian, book antiqua}
h2 {font-family: Verdana,Arial,Helvetica; font-size: 12pt; color:white; text-decoration:none; vertical-align:middle;}
h4 {font-family: Verdana,Arial,Helvetica; font-size: 12pt; COLOR:#217aa9; text-decoration:none;}
A.head:link {FONT-WEIGHT: bold;FONT-SIZE: 10pt;COLOR:#217aa9;FONT-FAMILY: Verdana, Arial, Sans Serif;TEXT-DECORATION: none;}
A.head:visited {FONT-WEIGHT: bold;FONT-SIZE: 10pt;COLOR:#217aa9;FONT-FAMILY: Verdana, Arial, Sans Serif;TEXT-DECORATION: none}
A.head:hover {FONT-WEIGHT: bold;FONT-SIZE: 10pt;COLOR:#33CCCC;FONT-FAMILY: Verdana, Arial, Sans Serif;TEXT-DECORATION: none}
A.a:link {font-family: Verdana, Arial, Helvetica;font-size: 10pt;color:#083194;}
A.a:visited {font-family: Verdana, Arial, Helvetica;font-size: 10pt;color:#D60000;}
A.a:hover {color:#ff0000;font-family: Verdana, Arial, Helvetica;font-size: 10pt;}
A:link {font-family: Verdana, Arial, Helvetica;font-size: 10pt;color:#082984;}
A:visited {font-family: Verdana, Arial, Helvetica;font-size: 10pt;color:#D60000;}
A:hover {color:#ff0000;font-family: Verdana, Arial, Helvetica;font-size: 10pt;}
body {
margin:12px;
background-color:F7FFCE;
color:black;font-size:10pt;font-family:verdana,arial,sans-serif;
}
ul,li {margin:0 0 0 5px;padding:0;list-style-type:none}
table tr td, table tr th {padding: 0;}
#body{
top:.5em;
width:756px;
position:absolute;
padding:0px;
text-align:center;
background-color:transparent;
align:center;
}
#book1 {position:absolute;top:5px;left: 0px;padding:0px;height:108px;width:90px;}
#book2 {position:absolute;left: 90px;top:98px;padding:0px;height:15px;width:568px;}
#book3 {position: absolute;top:5px;right: 0px;padding:0px;height:108px;width:90px;}
#nav1 {
background-color:#217aa9;
color: #333;
width: 756px;
height: 8px;
padding: 0px;
border-width:0;
border-width:0;
margin: 0px 0px 0px 0px;
vertical-align:middle;
align:center;}
#nav1 ul {background-color:#217aa9;text-align:center;margin-left:5px;margin-right:5px;padding:2px 12px 1px 10px;border-collapse:separate;}
#nav1 li {padding:0.05em 1.5em;height:.05em;display:inline}
img {border:0;padding:0;margin:0;vertical-align:middle;}
#imgr {float:right;}
* { padding: 0; margin: 0; }
.comment {
padding: 35px;
text-align: left;
FONT-WEIGHT: bold;FONT-SIZE: 10pt;COLOR:#217aa9;FONT-FAMILY: Verdana, Arial, Sans Serif;TEXT-DECORATION: none;
}
#wrapper {margin: 0 auto;width: 756px;}
#leftcolumn {
color: #333;
border-width:0;
background:#C6E7DE;
margin: 0px 0px 0px 0px;
padding: 0px;
height: 350px;
width: 150px;
float: left;
text-align:left;
}
.leftcolhead {background-color:#217aa9;border-width:0;padding: 2px 0px 2px 10px;width: 150px;text-align:left;}
.leftcolindent {color: #333;border-width:0;background:#C6E7DE;margin: 0px;padding: 0px 0px 0px 6px;width: 150px;text-align:left;}
#content {
float: left;
color: #333;
border-width:0;
background-color:F7FFCE;
margin: 0px 10px 0px 10px;
padding: 0px;
height: 350px;
width: 386px;
display: inline;
}
.contenthead {
background-color:#217aa9;
border-width:0;
padding: 5px 0px 0px 10px;
width: 385px;
text-align:left;
height: 25px;
border-collapse: collapse;
vertical-align:middle;}
#contentlrg {
float: left;
color: #333;
border-width:0;
background-color:F7FFCE;
margin: 0px 10px 0px 10px;
padding: 0px;
height: 350px;
width: 586px;
display: inline;
}
.contenthead {
background-color:#217aa9;
border-width:0;
padding: 5px 0px 0px 0px;
width: 586px;
text-align:left;
height: 25px;
border-collapse: collapse;
vertical-align:middle;}
.rtcolhead {
background-color:#217aa9;
border-width:0;
padding: 5px 0px 0px 1px;
width: 200px;
text-align:left;
height: 25px;
border-collapse: collapse;
vertical-align:middle;}
#rightcolumn {
color: #333;
border-width:0;
background-color:F7FFCE;
margin: 0px 0px 0px 0px;
padding: 0px;
height: 350px;
width: 200px;
float: left;
}
#footer {
width: 756px;
background-color:F7FFCE;
color:black;font-size:10pt;font-family:verdana,arial,sans-serif;
padding:0px;
margin:0;
}
/*
text-decoration:none;text-align:center;vertical-align:middle;
*/
.line {line-height: 20px;background-color:F7FFCE;}
span.underline{text-decoration: none}
font{font-family: Verdana, Arial, Helvetica; font-size: 10pt;color:black}
p{font-family: Verdana, Arial, Helvetica; font-size: 10pt;color:black}
.nmlred{font-family: Verdana, Arial, Helvetica; font-size: 10pt; color:#005263}
.nmlwhite{font-family: Verdana, Arial, Helvetica; font-size: 10pt; color:white;}
.nmlwhitelk{font-family: Verdana, Arial, Helvetica; font-size: 10pt; color:white; text-decoration: underline}
.sml{font-family: Verdana, Arial, Helvetica; font-size: 7pt; color:black}
.smlwhite{font-family: Verdana, Arial, Helvetica; font-size: 7pt; color:white}
.lg{font-family: Verdana,Arial,Helvetica; font-size: 12pt;font-weight: bold; color:black;}
.lgwhite{font-family: Verdana,Arial,Helvetica; font-size: 12pt; color:white;font-weight: bold;}
.lgred{font-family: Verdana,Arial,Helvetica; font-size: 12pt; color:#005263}
.lglk{font-family: Verdana,Arial,Helvetica; font-size: 12pt;font-weight: bold; color:black; text-decoration: underline}
.lgnml{font-family: Verdana,Arial,Helvetica; font-size: 12pt;color:black;}
.nmlbold{font-family: Verdana,Arial,Helvetica; font-size: 10pt;font-weight: bold; color:black;}
.title{face: Verdana, Arial, Helvetica; font-size: 18pt;color:black}
SPAN.fonti{font-style=italic;}
SPAN.fontb{font-weight: bold;}
.bkcolor1{background-color:#217aa9;} /*Dark blue Menu headings*/
.bkcolor2{background-color:#C6E7DE;} /*light blue left menu background*/
.bkcolor7{background-color: #ffffff;}
.bkcolor11{background-color:#d0d0d0;}
.bkcolor8{background-color: gainsboro;}
.bkcolor9{background-color: aliceblue;}
.bkcolor10{background-color: silver;}
.bkcolor11{background-color:F7FFCE;} /*light yellow*/
img.floatleft {
float:left;
margin: 0px 6px 0px 0px;
}
img.floatright {
float:right;
margin: 0px;
}
.header2 {FONT-SIZE: 20pt;COLOR:#217aa9;LINE-HEIGHT: 30pt;FONT-FAMILY: algerian, book antiqua}
h2 {font-family: Verdana,Arial,Helvetica; font-size: 12pt; color:white; text-decoration:none; vertical-align:middle;}
h4 {font-family: Verdana,Arial,Helvetica; font-size: 12pt; COLOR:#217aa9; text-decoration:none;}
A.head:link {FONT-WEIGHT: bold;FONT-SIZE: 10pt;COLOR:#217aa9;FONT-FAMILY: Verdana, Arial, Sans Serif;TEXT-DECORATION: none;}
A.head:visited {FONT-WEIGHT: bold;FONT-SIZE: 10pt;COLOR:#217aa9;FONT-FAMILY: Verdana, Arial, Sans Serif;TEXT-DECORATION: none}
A.head:hover {FONT-WEIGHT: bold;FONT-SIZE: 10pt;COLOR:#33CCCC;FONT-FAMILY: Verdana, Arial, Sans Serif;TEXT-DECORATION: none}
A.a:link {font-family: Verdana, Arial, Helvetica;font-size: 10pt;color:#083194;}
A.a:visited {font-family: Verdana, Arial, Helvetica;font-size: 10pt;color:#D60000;}
A.a:hover {color:#ff0000;font-family: Verdana, Arial, Helvetica;font-size: 10pt;}
A:link {font-family: Verdana, Arial, Helvetica;font-size: 10pt;color:#082984;}
A:visited {font-family: Verdana, Arial, Helvetica;font-size: 10pt;color:#D60000;}
A:hover {color:#ff0000;font-family: Verdana, Arial, Helvetica;font-size: 10pt;}
body {
margin:12px;
background-color:F7FFCE;
color:black;font-size:10pt;font-family:verdana,arial,sans-serif;
}
ul,li {margin:0 0 0 5px;padding:0;list-style-type:none}
table tr td, table tr th {padding: 0;}
#body{
top:.5em;
width:756px;
position:absolute;
padding:0px;
text-align:center;
background-color:transparent;
align:center;
}
#book1 {position:absolute;top:5px;left: 0px;padding:0px;height:108px;width:90px;}
#book2 {position:absolute;left: 90px;top:98px;padding:0px;height:15px;width:568px;}
#book3 {position: absolute;top:5px;right: 0px;padding:0px;height:108px;width:90px;}
#nav1 {
background-color:#217aa9;
color: #333;
width: 756px;
height: 8px;
padding: 0px;
border-width:0;
border-width:0;
margin: 0px 0px 0px 0px;
vertical-align:middle;
align:center;}
#nav1 ul {background-color:#217aa9;text-align:center;margin-left:5px;margin-right:5px;padding:2px 12px 1px 10px;border-collapse:separate;}
#nav1 li {padding:0.05em 1.5em;height:.05em;display:inline}
img {border:0;padding:0;margin:0;vertical-align:middle;}
#imgr {float:right;}
* { padding: 0; margin: 0; }
.comment {
padding: 35px;
text-align: left;
FONT-WEIGHT: bold;FONT-SIZE: 10pt;COLOR:#217aa9;FONT-FAMILY: Verdana, Arial, Sans Serif;TEXT-DECORATION: none;
}
#wrapper {margin: 0 auto;width: 756px;}
#leftcolumn {
color: #333;
border-width:0;
background:#C6E7DE;
margin: 0px 0px 0px 0px;
padding: 0px;
height: 350px;
width: 150px;
float: left;
text-align:left;
}
.leftcolhead {background-color:#217aa9;border-width:0;padding: 2px 0px 2px 10px;width: 150px;text-align:left;}
.leftcolindent {color: #333;border-width:0;background:#C6E7DE;margin: 0px;padding: 0px 0px 0px 6px;width: 150px;text-align:left;}
#content {
float: left;
color: #333;
border-width:0;
background-color:F7FFCE;
margin: 0px 10px 0px 10px;
padding: 0px;
height: 350px;
width: 386px;
display: inline;
}
.contenthead {
background-color:#217aa9;
border-width:0;
padding: 5px 0px 0px 10px;
width: 385px;
text-align:left;
height: 25px;
border-collapse: collapse;
vertical-align:middle;}
#contentlrg {
float: left;
color: #333;
border-width:0;
background-color:F7FFCE;
margin: 0px 10px 0px 10px;
padding: 0px;
height: 350px;
width: 586px;
display: inline;
}
.contenthead {
background-color:#217aa9;
border-width:0;
padding: 5px 0px 0px 0px;
width: 586px;
text-align:left;
height: 25px;
border-collapse: collapse;
vertical-align:middle;}
.rtcolhead {
background-color:#217aa9;
border-width:0;
padding: 5px 0px 0px 1px;
width: 200px;
text-align:left;
height: 25px;
border-collapse: collapse;
vertical-align:middle;}
#rightcolumn {
color: #333;
border-width:0;
background-color:F7FFCE;
margin: 0px 0px 0px 0px;
padding: 0px;
height: 350px;
width: 200px;
float: left;
}
#footer {
width: 756px;
background-color:F7FFCE;
color:black;font-size:10pt;font-family:verdana,arial,sans-serif;
padding:0px;
margin:0;
}
/*
text-decoration:none;text-align:center;vertical-align:middle;
*/
.line {line-height: 20px;background-color:F7FFCE;}
span.underline{text-decoration: none}
font{font-family: Verdana, Arial, Helvetica; font-size: 10pt;color:black}
p{font-family: Verdana, Arial, Helvetica; font-size: 10pt;color:black}
.nmlred{font-family: Verdana, Arial, Helvetica; font-size: 10pt; color:#005263}
.nmlwhite{font-family: Verdana, Arial, Helvetica; font-size: 10pt; color:white;}
.nmlwhitelk{font-family: Verdana, Arial, Helvetica; font-size: 10pt; color:white; text-decoration: underline}
.sml{font-family: Verdana, Arial, Helvetica; font-size: 7pt; color:black}
.smlwhite{font-family: Verdana, Arial, Helvetica; font-size: 7pt; color:white}
.lg{font-family: Verdana,Arial,Helvetica; font-size: 12pt;font-weight: bold; color:black;}
.lgwhite{font-family: Verdana,Arial,Helvetica; font-size: 12pt; color:white;font-weight: bold;}
.lgred{font-family: Verdana,Arial,Helvetica; font-size: 12pt; color:#005263}
.lglk{font-family: Verdana,Arial,Helvetica; font-size: 12pt;font-weight: bold; color:black; text-decoration: underline}
.lgnml{font-family: Verdana,Arial,Helvetica; font-size: 12pt;color:black;}
.nmlbold{font-family: Verdana,Arial,Helvetica; font-size: 10pt;font-weight: bold; color:black;}
.title{face: Verdana, Arial, Helvetica; font-size: 18pt;color:black}
SPAN.fonti{font-style=italic;}
SPAN.fontb{font-weight: bold;}
.bkcolor1{background-color:#217aa9;} /*Dark blue Menu headings*/
.bkcolor2{background-color:#C6E7DE;} /*light blue left menu background*/
.bkcolor7{background-color: #ffffff;}
.bkcolor11{background-color:#d0d0d0;}
.bkcolor8{background-color: gainsboro;}
.bkcolor9{background-color: aliceblue;}
.bkcolor10{background-color: silver;}
.bkcolor11{background-color:F7FFCE;} /*light yellow*/
img.floatleft {
float:left;
margin: 0px 6px 0px 0px;
}
img.floatright {
float:right;
margin: 0px;
}
Thanks for your help!
Beth