/* 
CSS Styles for screen media, Backup Copy
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;
	padding-left: 10px;
}
/*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: bold 1em Helvetica, sans-serif;
	color: #009966;
	padding-left: 10px;
}
h5 {font: normal .9em Helvetica, sans-serif; color: #ffbb44; letter-spacing: -.04em; line-height: .8;}

/*structure*/
#header {width: 100%; height: 157px; margin: 0 10% 0 10%; padding: 0; background: url('images/circlehead.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: 0;
}


#center {
	float: left;
	width: 40%;
	padding-left: 15px;
}

#right{
  float:right;
	width: 25%;
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	padding: 0 10px 0 10px;
	margin: 10px 0 0px 0;
	height: 100%;
}

#left{
	float: left;
	width: 25%;
	margin: 10px 0 0px 0;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	padding: 0 5px 10px 0px;
}

#left img, #right img {margin-bottom: -10px;
padding: 0;}

#center p, #center ul, {
	letter-spacing:0.02em;
	width: 99%;
	font-size:0.9em;
	text-align:left;
	padding:0 3px 0 15px;
	margin: 0 0 0 15px;
}
#center ul {list-style-type: square;
margin-left: 15px;}

#footer {
	clear: both;
	border: 1px solid #cccccc;
	font-size: 75%;
	color: #cccccc;
	padding: 10px 10px 10px 10px;
	width: 100%;
	height: 50px;
background: #fff;
color: #00004d;
}

#footer a:hover {
color: #dd4466;
background-color: inherit;
}
#footer a:visited {
color: #448822;
background-color:inherit; 
}

/*misc*/

.imgposition {float: right;
padding: 3px 0px 0px 6px; margin: 0 10px 0 0;}

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

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

.padding {padding-bottom: 20px;}

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

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

#star {
	position:absolute;
	left:11px;
	top:9px;
	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 #center li {
	font-weight: normal;
}

.tinyGreen {
	font-size: small;
	color: #38B24F;
	font-weight: bold;
	line-height: 1.2em;
}
.tinyNavy {font-size: small;
color: #000066;
font-weight: bold;}

.photothumb {
padding: 0 8px 0 0;
text-align: left;
border: none;}

#package #textreview .aqua {
	margin-bottom: 20px;
}
#defblue {color: #339999;
font-size: 90%;
line-height: 1.5em; 
width: 500px;
}
#defblue dt {color: #003300;
}
#maincontainer #center h1 {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
}
#maincontainer #center .tinyGreen {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
}
#center p img {padding: 0 10px 0 5px;}

#center p img.imgright {padding: 0 0 0 10px;}
#center h3 {
	padding: 1px 0 0px 15px;
}
#maincontainer #right img {
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#rssright {
margin: 0;
padding: 0px 0 20px 100px}

#rssright a img {border: none;}
#archive {border-top: dashed #FF9966 double;}
.regGreen {color: #006633}
.tiny {font-size: .8em;}