/* 
CSS Styles for screen media
Author:	BethesdaDesignWeb.com
Date: April 2007
Copyright:	2007 Debbie Dine (Bethesda Design Web), http://www.kidsreadingcircle.com

 */
				/* General  */

body {
background: #fff; 
color: #000066; 
font-family: Verdana, Arial, sans-serif;
font-size: 90%;
line-height: 1.5em;
margin: 0;
padding: 0;
}
/*links*/

a {color: #dd4466; 
background-color: inherit; 
text-decoration: none;}
a:visited {color: #448822; 
background-color: inherit; 
text-decoration: underline;}
a:hover {color: #ff6600; 
background-color: inherit; 
text-decoration: none;}

/*heads*/
h1 {font: normal 1.8em Georgia, Times, "Times New Roman", serif; color: #000080;background-color: inherit; letter-spacing: -.05em; margin-bottom: 20px;}
h2 { font: bold 1.5em Arial, sans-serif; color: #dd4466; background-color: inherit; letter-spacing: -.04em; }
h3 { font: bold 1.2em Arial, sans-serif; color: #549FC9; background-color: inherit;letter-spacing: -.04em; }
h4 { font: normal 1em Helvetica, sans-serif; }
h5 {font: normal .8em Helvetica, sans-serif; color: #ffbb44; letter-spacing: -.04em; line-height: .8;}

/*structure*/
#header {width: 100%; height: 157px; margin: 0 auto 0 auto; padding: 0; background: url('images/holidayheader.jpg') no-repeat;}

#nav {width: 100%; height: 47px; padding: 0; background: url('images/navyel.jpg') repeat-x; text-align: center; margin: -25px auto -5px auto;}
#nav ul {margin: 0px auto; height: 47px;padding: 21px 0 0px 0;}
#nav ul li {height: 47px; font-size: 1.4em; width: 835px; list-style-type: none; display: inline;}
#nav ul li a, #nav ul li a:visited {margin: 0; padding: 0 10px; text-decoration: none;}	
#nav ul li a:hover {margin-bottom: 10px; padding: 0 10px; color: #fff; background: inherit; text-decoration: none;}

	
#maincontainer {width: 100%;}
#maincontainer ul {list-style-type: none; font-weight: bold; padding: 15px; margin: -5px 0 0 0;}

#wrapper {
float: left;
width: 100%;
background: #fff;
color: inherit;
}
#center {
margin: 0 30% 0 30%; 
}

#center p {
	letter-spacing:.02em;
	width: 99%;
	font-size:.90em;
	text-align:left;
	padding:0 3px 0 1px;
	margin: -15px 0 0 -5px;
}

#leftcolumn {
float: left;
width: 30%; 
margin: 20px 0% 0px -100%;
padding: 0;
background: #fff;
color: inherit;
}

#rightcolumn {
float: left;
width: 30%; 
margin: 20px 0% 0px -30%; 
background: #fff;
color: inherit;
}
#rightcolumn object {margin: -9px 0 0px 0;}
#rightcolumn img {margin-left: 25px;}
#rightcolumn ul li {margin-left: 25px;}
.imgposition {float: right;
padding: 0; margin: 0 10px 0 0;}

#footer {
clear: both;
width: 100%;
background: #ccff9a;
color: #00004d;
margin: 0 auto 0 auto;
padding: 8px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 85%;
}

#footer a:hover {
color: #dd4466;
background-color: inherit;
}
#footer a:visited {
color: #448822;
background-color:inherit; 
}
#footer1 {
clear: both;
width: 100%;
background: #dfffbd;
color: #00004d;
margin: 0 auto 0 auto;
padding: 8px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 85%;
border-left-color:#00CCFF;
border-left-style:double;
border-left-width:thick;
border-right-color:#00CCFF;
border-right-style:double;
border-right-width:thick;
}
#footer1 a:hover {
color: #dd4466;
background-color: inherit;
}
#footer1 a:visited {
color: #448822;
background-color:inherit; 
}
.box {
margin: 0 10px 0 15px; 
}

.boxframe {
margin: 0 15px 0 5px;
padding: 0px 0px 10px 2px;}

.boxframe p {
letter-spacing:1px;
font-size:.9em;
}

/*misc*/
.rssreader {margin: 0 0 5px 20px;
height: 140px;
width: 220px;}

h1 {margin-top: 18px;}

.pink {color: #dd4466;
background-color: inherit;}
		
.aqua {color: #79d7f3;}

.boxframe a {color: #dd4466;
background-color: inherit;}
 
.padding {padding-bottom: 20px;}

/*style for print*/
#printmessage {display: none;}

.blue {color: #000066;
background-color: inherit;}

#star {
	position:absolute;
	left:23px;
	top:16px;
	width:110px;
	height:105px;
	z-index:1;
}
#bestpicks img {
float: left;
padding: 0 5px 0 5px;
margin: 0;
}
#bestpicks h3 {padding: 0;
margin: 0;}
#bestpicks h2 {padding: 0;}

#printonly {display: none;}#maincontainer #wrapper #center li {
	font-weight: normal;
}
#maincontainer #wrapper #center h2 {
	line-height: normal;
	margin-bottom: -10px;
}
#maincontainer #wrapper #center li {
	margin-bottom: 5px;
}
.tinyGreen {
	font-size: small;
	color: #38B24F;
	font-weight: bold;
}
.tinyNavy {font-size: small;
color: #000066;
font-weight: bold;}

.tiny {font-size: small;}

.photothumb {
padding: 0 8px 0 0;
text-align: left;
border: none;}#package #textreview .aqua {
	margin-bottom: 20px;
}
#defblue {color: #339999;
font-size: 100%;
line-height: 1.5em; 
width: 500px;
}
#defblue dt {color: #003300;
}