@charset "utf-8";
/* CSS Document */

#content {
	background-image:url(../images/bkgrd.gif);
}

/* Kids Page */

#kids_projects {
	margin:10px 70px 10px 90px;
	list-style:none;
	padding:0;
}

#kids_projects li {
	float:left;
	margin:5px 10px 5px 0px;
}

#kids_projects li.tell {
	width:241px;
	height:126px;
	padding:45px 10px 10px 10px;
	font-size:12px;
	background-color:#fcf;
	background-image:url(../images/wedge.gif);
	background-position:right bottom;
	background-repeat:no-repeat;

}

/* Projects Page */

#projects_left {
	float:left;
	width:297px;
}

#projects_left div {
	width:267px;
	text-align:left;
	padding:15px;
	background-image:url(../images/wedge.gif);
	background-position:right bottom;
	background-repeat:no-repeat;
	font-size:12px;
	margin-bottom:16px;
}

#projects {
	background-color:#ccf;
	padding:16px;
	margin:0 0 0 313px;
	font-size:12px;
}


#table_head {
	position:relative;
	background-color:#FFF;
	border:2px #ccc ridge;
	margin-bottom:16px;
	padding:5px;
}

#projects table {
	border-collapse:collapse;
}

#projects table td {
	background-color:#FFF;
	padding:8px;
	border:2px #ccc ridge;
	border-collapse:collapse;
}

#projects table td.c1 {
	font-size:0;
	line-height:0;
}

#projects table td.c1 img {border:2px #309 solid;}

#projects table td.c1 img:hover {border:2px #f90 solid;}

#projects table td.c2 {
	width:200px;
	font-family:Verdana, Geneva, sans-serif;
}

#projects table td.c2 a:link, #projects table td.c2 a:visited {text-decoration:underline; color:#309;}

#projects table td.c2 a:hover {color:#f90;}

#projects table td.c3 {
	background-color:#ccf;
	border:none;
}

#projects table td.c4 {
	width:300px;
	text-align:left;
	padding:8px 16px;
}

#more_projects {
	margin-top:8px;
	background-color:#ccf;
	padding:8px;
}

#more_projects table {
	width:962px;
	border-collapse:collapse;
}

#more_projects th {
	border:2px #ccc ridge;
	border-collapse:collapse;
	color:#FFF;
	letter-spacing:1px;
	padding:8px;
}

#more_projects td {
	background-color:#FFF;
	border:2px #ccc ridge;
	border-collapse:collapse;
	width:317px;
	padding:6px;
}
#more_projects td a:link, #more_projects td a:visited {color:#309; text-decoration:underline;}

#more_projects td a:hover {color:#f90;}

/* Books Page */

#books_left {
	float:left;
	background-color:#6cf;
	padding:0 0 0 10px;
}

#books_stripe1 {
	background-color:#ccf;
	background-image:url(../images/curve.gif);
	background-position:right top;
	background-repeat:no-repeat;
	width:230px;
	padding-bottom:30px;
	text-align:left;
}

#books_stripe2 {
	position:relative;
	background-color:#309;
	width:107px;
	padding:14px 0 14px 0;
}

#books_stripe2 ul {
	list-style:none;
	padding:0;
	margin:0;
}

#books_stripe2 ul li {
	position:relative;
	width:184px;
	height:75px;
	text-align:left;
	padding:2px 0 2px 16px;
	margin:16px 0;
}

#books_stripe2 ul li.current {
	background-color:#6cf;
	border-top:2px yellow solid;
	border-bottom:2px yellow solid;
	text-align:left;
	padding:2px 0 2px 16px;
	margin:14px 0;
}

#books_stripe2 ul li img.arrow {
	position:absolute;
	top:-1px;
	right:-21px;
}

.book_title {
	position:absolute;
	left:120px;
	top:13px;
	font-size:11px;
	font-weight:bold;
	line-height:1;
}

#books {
	width:698px !important;
	width:695px;
	padding:10px 20px;
	margin-left:240px;
	background-color:#FFF;
}

#books h1 {
	font-size:21px;
	width:692px !important;
	width:689px;
	border:3px dotted #f60;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin-bottom:18px;
	margin-top:7px;
}

#book_image {
	float:left;
	margin:0 25px 0 10px;
}

#books p {
	text-align:left;
	font-size:12px;
}

#side_list {
	padding:10px;
	float:right;
	border:2px #f60 ridge;
}

#side_list ul {
	text-align:left;
	list-style:url(../images/g_arrow.gif);
	padding-left:14px;
	margin:4px 0 0 0;
}

#side_list ul li {
	margin-bottom:4px;
}

/* Articles */

#main {
	width:862px;
	margin:10px 58px;
}

#main ul {
	text-align:left;
	list-style:none;
	margin: 15px 15px 0 0;
	padding:0;
	float:left;
}

#main ul li {
	 border:3px ridge #ccf;
	 margin-bottom:15px;
	 background-color:#FFF;
	 width:410px;
}

#main ul li h2 {
	text-align:center;
	background-color:#ccf;
	margin:0 0 4px 0;
	padding:2px;
}

#main ul li span {
	font-style:italic;
	color:#609;
	padding:10px;
}

#main ul li p {
	font-size:12px;
	margin:5px 0;
	padding:0 10px;
}

#columns li.h2 {
	
}

#main ul#columns {
	margin:15px 0 0 15px;
	float:right;
}

#main ul#columns li {
	width:410px;
}

#main ul#columns li h2 {
	background-color:#9fc;
}

/* Meet Nancy */

#tenthings {
	float:left;
	width:280px;
	padding:20px 30px 20px 30px;
	margin:0;
	background-color:#dff;
	background-image:url(../images/wedge.gif);
	background-position:right bottom;
	background-repeat:no-repeat;
}

#tenthings h1 p {
	text-align:center;
	margin:0;
	padding:0;
	color:#009900;
	font-size:18px;
}

#tenthings ol {
	margin:0;
	padding:0;
	list-style-position:inside;
}

#tenthings ol li, #tenthings p {
	margin-bottom:12px;
	text-align:justify;
	font-size:12px;
	font-weight:bold;
	color:#099;
	line-height:normal;
}

#bio {
	text-align:left;
	width:588px;
	padding:30px 30px 20px 20px;
	float:right;
	font-size:13px;
	font-family:"Times New Roman", Times, serif;
	letter-spacing:0px;
	line-height:1.3;
	background-color:#FFF;
}

#biopic {
	float:right;
	padding:0 0 4px 6px;
}

#theway {
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border:2px #306 ridge;
	padding:8px;
	margin:30px 0;
}

/* Contact */

#contact {
	list-style:none;
	padding:35px 0 10px 0;
	width:640px;
	margin:0 auto;
	font-size:12px;
}

#contact li {
	float:left;
	padding:30px 20px;
	margin:10px;
	width:260px;
	height:115px;
	background-image:url(../images/wedge.gif);
	background-repeat:no-repeat;
	background-position:right bottom;
}

#copyright {
	margin:0;
	padding:15px 0;
}

#content #copyright a {font-weight:normal; color:#309;}

#copyright a:hover {text-decoration:underline;}
