/* GREEN:	#949b50 */
/* ORANGE:  #d75d2d */
/* CYAN:	#3fb2df */


/* zero "problem causers" for all elements */
* {
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
}

html, body {
	width: 100%;
	height: auto;
	font-family: "Times New Roman", serif;
	font-size: 10px;
}


/********
added "section" ids for formatting major subgroups of pages
8 May  NR
********/
#Home {
}

#Research {
}

#Programs {
}

#Services {
}

#BooksMovies {
}

#Kids {
}

#Teens {
}

#AboutUs {
}

#ContactUs {
}

#center {
	position: relative;
	margin: 0 auto;
	width: 800px;
	margin-top: 20px;
}

#shell {
	float: left;
	width: 800px;
	height: auto;
	min-height: 700px;
}

.clear {
	clear: both; 
}

#header {
	float: left;
	width: 775px;
	height: auto;
	margin-right: 15px;
	background-color: #949B50;
}

.kids #header {
	height: 420px;
	background: #00AEEF;
}

.teens #header {
	height: 431px;
	background: #F69051;
}

#logo {
	float: left;
	width: 330px;
	padding: 15px 15px 15px 11px;
}

#logo1book2villages {
	z-index: 99;
	position: absolute;
	top: 76px;
	left: 674px;
}

#logoStudio60093 {
	z-index: 99;
	position: absolute;
	top: 76px;
	left: 674px;
}

.topnav {
	float: left;
	width: 96px;
	margin: 0;
	padding: 0;
}

#nav_container {	
	display: inline;
	float: left;
	width: 762px;
	margin-left: 13px;
}

.nav {
	float: left;
	width: 94px;
	height: 25px;
	padding: 0;
	cursor: pointer;
}

.subnav {
	z-index: 100;
	display: none;
	position: relative;
	top: 2px;
	left: 0;
	width: 100px;
	height: auto;
	padding: 4px 0;
	font-family: Arial, sans-serif;
	font-size: 10px;
	line-height: 13.125px;
	background: transparent url('../images/nav_bg.gif') bottom center;
}

.trans {
	opacity: 0.8;
	-moz-opacity: 0.8;
	filter: alpha(opacity=80);
}

/* giving links some breathing room */
.subnav p {
	margin: 0 4px; 
}
.subnav a:link, 
.subnav a:visited {
	padding-top: 2px;
	padding-bottom: 2px;
	text-decoration: none;
	color: #000;
}
.subnav a:hover {
	text-decoration: underline;
}

#bookbg {
	/*z-index: 150;
	position: relative;*/
	float: left;
	width: 583px;
	height: 255px;
	text-align: right;
}

#kids-home #bookbg {
	width: 600px;
}

#teens-home #bookbg {
	width: 500px;
	margin-top: 30px;
}

/* =/ search box /= */
#bookbg #searchdiv {
	z-index: 98;
	position: absolute;
	top: 340px;
	left: 320px;
	width: 200px;
	height: 55px;
	text-align: left;
	color: #FFF;
	font-size: 15px;
	line-height: 1.9;
	font-family: "Times New Roman", Times, serif;
	background: transparent;
	overflow: hidden;
}

#searchbx {
	width: 141px;
	height: 15px;
	color: #333;
	background: #FFF url(../images/searchbx_shadow.gif) no-repeat top left;
	border: 1px solid #777;
}
#searchtype {
	width: 114px;
	margin-bottom: 2px;
	margin-left: 47px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	border: 1px solid #EEE;
}
#searchtype option:hover,
#searchtype option:focus {
	background: #F36F21;
}
#submit {
	width: 27px;
	height: 21px;
	color: #333;
	border: 1px solid #EEE;
}
/* =/ END search box /= */

#blogcontainer {
	float: left;
	/*margin-left: 10px;*/
	margin-right: 15px;
	padding: 0;
	background: #FFF url('../images/book_bg_white.gif') top left no-repeat;
}

#hours,
#homehours {
	float: left;
	width: 165px;
	margin-top: 10px;
	padding: 10px;
	font-size: 11px;
	line-height: 14px;
}
#homehours {
	margin-top: 123px; 
}

#hours h4, #homehours h4, #bloghours h4,
#hours h4 a, #homehours h4 a, #bloghours h4 a {
	font-family: arial, helvetica, "sans serif";
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
	color: #FFF;
}

.kids #hours,
.teens #hours {
	float: right;
	width: 155px;
	margin-top: 100px;
	margin-right: 0;
}

#teens-home #hours {
	display: inline;
	margin: 110px 0pt 0pt 85px;
}

#teens-home #ts {
	position: absolute;
	top: 390px;
	left: 485px;
	font-size: 36px;
	font-weight: normal;
	font-family: arial, helvetica, "sans serif";
	letter-spacing: 4px;
	color: #FFF;
}

#sidenav {
	float: left;
	width: 145px;
	padding: 15px 10px 10px 10px;
	line-height: 14px;
}
#sidenav a:link,
#sidenav a:visited {
	display: block;
	padding: 7px 7px 7px 15px;
	font-family: Arial, Sans-Serif;
	font-size: 11px;
	color: #FFF;
	text-decoration: none;
}
#sidenav .active,
#sidenav a:hover {
	background-color: #D49852;
}

#calendar {
	position: absolute;
	top: 320px;
	left: 0;
	width: 250px;
	height: auto;
	min-height: 165px;
}
#calendar_container {
	float: left;
	width: 250px;
	height: auto;
}

.calendar_month {
	float: left;
	width: 250px;
	height: auto;
	background: url('../images/calendar/row_bg.png') top left no-repeat;
}

.cal_title {
	float: left;
	width: 250px;
	height: 15px;
	padding-top: 15px;
	padding-left: 5px;
	background: url('../images/calendar/row_top.png') top left no-repeat;
}

.cal_weekdays {
	display: inline;
	float: left;
	width: 205px;
	margin-left: 13px;
}

.cal_row {
	float: left;
	width: 224px;
	height: 18px;
	padding-left: 15px;
	background: url('../images/calendar/row_grey.gif') left center no-repeat;
}
#calrow1 {
	margin-top: 3px; 
}
#calrow2 {
	margin-top: 6px; 
}
#calrow3 {
	margin-top: 5px; 
}
#calrow4 {
	margin-top: 5px; 
}
#calrow5 {
	margin-top: 6px; 
}
#calrow6 {
	margin-top: 5px; 
}

.cal_day {
	float: left;
	width: 20px;
	height: 15px;
	margin-right: 7px;
	padding: 1px;
}

.cal_day img {
	margin-top: 1px;
}

.curr_day {
	background: #F8981D;
}

.cal_footer {
	float: left;
	width: 250px;
	height: 40px;
	padding-top: 10px;
	padding-left: 5px;
	background: url('../images/calendar/row_bottom.png') top left no-repeat;
}

.cal_footer .calendar_previous {
	float: left;
}

.cal_footer .calendar_next {
	float: right;
	padding-right: 35px;
}

.calendar_content {
	float: left;
	width: 240px;
	padding: 5px;
	font-family: Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	line-height: 13px;
}

.calendar_content h4 {
	margin-bottom: 10px;
	color: #F15E08;
	font-size: 12px;
	font-weight: bold;
}

.calendar_content p {
	padding: 3px 0;
}

.calendar_content ul {
	padding-left: 20px;
}

.subcal #calendar {
	position: static;
	float: left;
	width: 185px;
	margin-left: -10px;
}

.subcal #calendar_container {
	width: 185px;
}

.subcal .calendar_month {
	width: 185px;
	background: url('../images/calendar/row_bg.png') top right no-repeat;
}

.subcal .cal_title {
	width: 180px;
	background: url('../images/calendar/row_top.png') top right no-repeat;
}

.subcal .cal_weekdays {
	width: 170px;
	margin-left: 5px;
}

.subcal .cal_row {
	width: 165px;
	padding-left: 5px;
	background: url('../images/calendar/small_row_grey.gif') left center no-repeat;
}

.subcal .cal_day {
	width: 15px;
	margin-right: 6px;
}

.subcal .cal_day a {
	margin-left: -2px;
}

.subcal .cal_footer {
	width: 180px;
	background: url('../images/calendar/row_bottom.png') top right no-repeat;
}

.subcal .cal_footer .calendar_next {
	padding-right: 15px;
}

.subcal .calendar_content {
	width: 175px;
	color: #000;
}

#subleftcontent {
	float: left;
	width: 175px;
	margin-top: 10px;
	padding-left: 10px;
	padding-right: 5px;
	line-height: 16px;
	font-size: 12px;
	font-family: Times, Serif;
	color: #3FB2DF;
}

#blogleftcontent {
	float: left;
	width: 158px;
	margin-top: 92px;
	padding-left: 15px;
	padding-right: 10px;
	line-height: 14px;
	font-size: 11px;
	font-family: Times, serif;
	color: #222;
}
#blogarchives {
	margin-top: 10px;
	padding-top: 9px;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 9px;
	border-top: 1px dotted #999;
}
#blogarchives ul {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-family: Times, serif;
	text-transform: none;
}
#blogarchives ul li {
	list-style-image: url('../images/blog/arrow.gif');
	list-style-position: inside;
	cursor: pointer;
}
#blogarchives .noarrow {
	list-style-image: none;
}
#blogarchives ul.month {
	padding-left: 10px; 
}
#blogarchives ul.article {
	padding-left: 19px; 
}
#blogarchives ul.article a:link,
#blogarchives ul.article a:visited {
	color: #3FB2DF; 
}
#blogarchives ul.article a:hover {
	text-decoration: none; 
}

#maincontent {
	position: absolute;
	top: 416px;
	left: 250px;
	width: 313px;
	padding: 15px 10px;
	font-size: 13px;
	line-height: 18px;
}

#maincontent a:link {
	color: #d75d2d;
}

#maincontent a:active {
	color: #949b50;
}

#maincontent a:visited {
	color: #949b50;
}

#maincontent h1 {
	font-family: 'Arial', sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #d75d2d;
}

#maincontent h2 {
	font-family: 'Arial', sans-serif;
	font-size: 17px;
	font-weight: bold;
	color: #959B50;
	
}

#maincontent h3 {
	font-family: 'Arial', sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #959B50;
}

#submaincontent {
	float: left;
	width: 375px;
	margin-top: 10px;
	padding: 0 10px 10px 10px;
	font-size: 13px;
	font-family: Times, Serif;
	color: #222;
	line-height: 18px;
}


#submaincontent a:link {
	color: #d75d2d;
}

#submaincontent a:active {
	color: #949b50;
}

#submaincontent a:visited {
	color: #949b50;
}

#submaincontent h1 {
	font-family: 'Arial', sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #d75d2d;
}

#submaincontent h2 {
	font-family: 'Arial', sans-serif;
	font-size: 17px;
	font-weight: bold;
	color: #959B50;
	
}

#submaincontent h3 {
	font-family: 'Arial', sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #959B50;
}

#blogmaincontent {
	float: left;
	width: 350px;
	margin-top: 55px;
	padding: 25px;
	line-height: 16px;
	font-size: 12px;
}
#blogmaincontent .article {
	float: left;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #999;
}

.article .date {
	padding-top: 15px;
	padding-bottom: 3px;
	font-size: 9px;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #444;
}
.article .title {
	font-size: 13px;
	font-family: Times, serif;
}
.article p, .article ul, .article li, .article ol {
	line-height: 14px;
	font-size: 11px;
}

.article .link {
	float: left;
	width: 100px;
}
.article .add {
	float: left;
	width: 150px;
	text-align: center;
}
.article .email {
	float: left;
	width: 100px;
	text-align: right;
}

.article .comments {
	float: left;
	width: 100%;
	padding-top: 3px;
	text-transform: uppercase;
	color: #777;
	font-size: 9px;
	font-family: Arial, Helvetica, sans-serif;
}

.article a:link,
.article a:visited {
	color: #777; 
}
.article a:hover {
	color: #444; 
}

#blogmaincontent #comments {
	float: left;
	width: 350px;
	border-top: 2px solid #999;
}
#blogmaincontent #comments div {
	float: left;
	width: 330px;
	padding: 10px;
	font-size: 10px;
	border-top: 1px dotted #CCC;
}
#blogmaincontent #comments div.on {
	background-color: #EEE; 
}
#blogmaincontent #comments div span.commentName {
	color: #777;
}

#blogmaincontent #commentForm {
	float: left;
	width: 330px;
	margin-top: 5px;
	padding: 10px;
	font-size: 10px;
	background-color: #EEE;
	border-top: 1px dotted #999;
}

#bloghours {
	float: left;
	width: 172px;
	padding: 120px 10px 10px 10px;
	line-height: 13px;
	font-size: 10px;
	background-color: #949B50;
}

#rightcontent {
	position: absolute;
	top: 655px;
	left: 595px;
	width: 185px;
	padding: 0;
	font-size: 11px;
	line-height: 15px;
}

#subrightcontent {
	float: left;
	width: 175px;
	margin-top: 25px;
	padding-left: 5px;
	padding-right: 10px;
	line-height: 14px;
	font-size: 11px;
	font-family: Times, Serif;
	color: #D49852;
}

#kids-home #submaincontent {
	z-index: 50;
	position: absolute;
	top: 530px;
	left: 10px;
}

#teens-home #submaincontent {
	z-index: 50;
	position: absolute;
	top: 435px;
	left: 180px;
	width: 270px;
}

#teens-home #submaincontent h3 {
	margin-top: 10px;
	font-family: arial, helvetica, "sans serif";
	font-size: 20px;
	font-weight: normal;
	line-height: 14px;
	letter-spacing: 2px;
	color: #E0581F;
}

#teens-home #submaincontent h3 span {
	font-size: 14px;
	letter-spacing: 1px;
}

#teens-home #submaincontent div {
	margin-top: 5px;
}

#teens-home #submaincontent div a {
	text-decoration: none;
	font-family: arial, helvetica, "sans serif";
	font-size: 11px;
	color: #000;
}

.kids #submaincontent,
.teens #submaincontent {
	z-index: 50;
	position: absolute;
	top: 90px;
	left: 200px;
}

.kids #subrightcontent {
    z-index:60;
	position: absolute;
	top: 430px;
	left: 600px;
}

.teens #submaincontent strong {
	font-weight: bold;
	font-family: arial, helvetica, "sans serif";
	font-size: 16px;
	color: #F90;
}

.teens #submaincontent a {
	color: #F90;
}

#features {
	position: absolute;
	top: 418px;
	left: 583px;
	width: 195px;
	height: 178px;
	padding: 32px 12px 24px 3px;
	font-size: 11px;
	line-height: 15px;
	background: url('../images/features.gif') top left no-repeat;
}

#features #fprev,
#features #fnext {
	position: absolute;
	top: 8px;
	left: 32px;
	width: 25px;
	height: 12px;
}

#features #fnext {
	left: 145px;
}

#slim-features {
	float: left;
	width: 160px;
	height: 178px;
	margin-top: 10px;
	padding: 0 12px 15px 3px;
	font-size: 11px;
	line-height: 15px;
	background: url('../images/features_slim.gif') top left no-repeat;
}

#slim-features #fprev,
#slim-features #fnext {
	display: inline;
	float: left;
	width: 25px;
	height: 10px;
	margin: 6px 0 15px 10px;
}

#slim-features #fnext {
	margin-left: 90px;
}

table#booklist {
    border: 0px;
}

table#booklist td {
    vertical-align: top;
}

.green {
	color: #727B1B;
	line-height: 15px;
}
.blue {
	color: #3FB2DF;
}
.error {
	float: left;
	padding: 3px;
	font-weight: bold;
	color: #A00;
	border: 1px dotted #A00;
}
.success {
	float: left;
	padding: 3px;
	font-weight: bold;
	color: #14AA00;
	border: 1px dotted #14AA00;
}
.cal_title,
.cal_footer {
	behavior: url(iepngfix.htc) 
}

input,
select,
textarea {
	padding: 2px;
	font-size: 10px;
	border: 1px solid #CCC;
}