html {margin: 0; padding: 0;}

body{
	margin: 0;
	padding: 0;
	background-image: url(bodybg.gif);
	background-repeat: repeat-x;
	font-family: Verdana, sans-serif;
	color: #4C4C60;
}

body#home {
	text-align: center;
	background-color: #666666;
	background-image: none;
}

body.tkr {background-color: #CFE292;}
body.ath {background-color: #ADC5E7;}

a img {border: none;}

div#canvas {
	position: relative;
	width: 700px;
	height: 495px;
	margin: 23px auto;
	padding: 0;
	background-color: #FFFFFF;
	background-image: url(homebg.gif);
	background-repeat: repeat-x;
}

h1 {
	position: absolute;
	margin: 0;
	padding: 0;
	font-family: JohannSparklingITC, cursive;
	color: #FFFFFF;
	font-size: 30px;
	font-weight: normal;
	background-repeat: no-repeat;
	width: 398px;
	height: 71px;
	top: 57px;
	left: 327px;
}

body#home h1 {
	width: 368px;
	height: 20px;
	left: 299px;
	top: 83px;
	background-image: url(hometitle.gif);
	text-indent: -999em;
}

body#aboutbook h1 {background-image: url(title_about_the_book.gif); text-indent: -999em;}
body#aboutauthor h1 {background-image: url(title_about_the_author.gif); text-indent: -999em;}
body#discussions h1 {background-image: url(title_book_discussions.gif); text-indent: -999em;}
body#questions h1 {background-image: url(title_discussion_questions.gif); text-indent: -999em;}
body#events h1 {background-image: url(title_special_events.gif); text-indent: -999em;}
body#more h1 {background-image: url(title_further_reading.gif); text-indent: -999em;}
body#participate h1 {background-image: url(title_how_to_participate.gif); text-indent: -999em;}
body#reviews h1 {background-image: url(title_reader_reviews.gif); text-indent: -999em;}
body#aboutotsp h1 {background-image: url(title_on_the_same_page.gif); text-indent: -999em;}
body#feedback h1 {background-image: url(title_feedback.gif); text-indent: -999em;}
body#sponsors h1 {background-image: url(title_sponsors.gif); text-indent: -999em;}

body#home img#logo {
	position: absolute;
	top: 25px;
	left: 62px;
}

body#home p {
	margin: 0;
	padding: 0;
}

body#home p#intro {
	font-size: 12px;
	line-height: 20px;
	position: absolute;
	width: 276px;
	text-align: left;
	left: 63px;
	top: 189px;
}

body#home p.book {
	font-size: 9px;
	position: absolute;
	top: 161px;
	text-align: center;
	text-transform: uppercase;
}

body#home p.book img {border: 1px solid #FFFFFF; display: block; margin-bottom: 8px;}
body#home p.book a:link, body#home p.book a:visited {color: #FFFFFF;}

body#home p#kiterunner {left: 410px; width: 102px;}
body#home p#amonghidden {left: 537px; width: 107px;}

body#home h2 {
	position: absolute;
	width: 345px;
	height: 71px;
	top: 293px;
	left:33px;
	background-image: url(readingproject.gif);
	background-repeat: no-repeat;
	text-indent: -999em;
	margin: 0;
	padding: 0;
}

div#content {
	position: absolute;
	width: 270px;
	left: 284px;
	top: 168px;
	font-size: 12px;
	line-height: 20px;
	height: 440px;
	padding-bottom: 40px;
}

body > div#content {height: auto; min-height: 480px;}

body#events.tkr div#content, 
body#more.tkr div#content, 
body#aboutotsp.tkr div#content, 
body#feedback.tkr div#content, 
body#sponsors.tkr div#content, 
body#questions.tkr div#content, 
body#participate.tkr div#content {width: 440px;}

body#more.ath div#content,
body#participate.ath div#content,
body#questions.ath div#content,
body#aboutauthor.ath div#content,
body#aboutbook.ath div#content {width: 440px;}

body.tkr div#content div#context {width: 128px; height: 214px; float: right; margin-left: 30px; margin-bottom: 80px;}
body.ath div#content div#context {width: 128px; height: 190px; float: right; margin-left: 30px; margin-bottom: 80px;}

div#context img {border: 2px solid #FFFFFF;}

div#content h2 {
	margin: 0 0 13px 0;
	padding: 0;
	font-family: "FuturaT-Light", Futura, sans-serif;
	font-weight: 100;
	font-size: 18px;
	letter-spacing: 3px;
	text-transform: uppercase;
}

body.tkr#aboutbook h2 {
	width: 182px;
	height: 15px;
	background-image: url(h2_the_kite_runner.gif);
	background-repeat: no-repeat;
	text-indent: -999em;
}

div#content p {margin: 0 0 1em 0; padding: 0;}

div#content dl {line-height: normal;}
div#content dt {margin: 0; padding: 0;}
div#content dd {margin: 0 0 1em 0; padding: 0; font-size: 11px;}

div#content ul {margin: 1em 0; padding: 0 0 0 20px;}
div#content ul li {margin: 0; padding: 0;}

div#content ol {margin: 1em 0; padding: 0 0 0 30px;}
div#content ol li {margin: 0 0 1em 0; padding: 0;}

div#content label {font-size: 10px; line-height: normal;}

div#content div.section {margin-bottom: 3em;}

div#content a:link, div#content a:visited {text-decoration: none; font-weight: bold; color: #649982;}
div#content a:hover {text-decoration: underline; font-weight: bold; color: #4AB385;}

div#side {
	position: absolute;
	width: 128px;
	left: 596px;
	top: 165px;
}

div#side img#bookcover {
	display: block;
	border: 2px solid #FFFFFF;
	margin-top: 3px;
	margin-bottom: 18px;
}

div#side a:link, div#side a:visited {text-decoration: none; font-weight: bold; color: #649982;}
div#side a:hover {text-decoration: underline; font-weight: bold; color: #4AB385;}

div#side p {
	font-size: 11px;
	line-height: 18px;
	margin: 0 0 1em 0;
	padding: 0;
}

div#side h2 {font-size: 13px; margin: 0 auto; padding: 0; text-align: center;}
div#side form {margin-top: 10px;}
div#side form div {margin-bottom: 4px;}
div#side form div.field {text-align: right;}
div#side form div.action {text-align: center;}
div#side label {font-size: 10px;}
div#side input {font-size: 10px;}
div#side textarea {font-size: 10px; width: 124px;}
div#side blockquote {margin: 0 2px; padding: 0; font-style: italic;}

div#footer/* hide from some old browsers */ {position: absolute; left: 0; bottom: 0; width: 440px; font-size: 10px;}
div#footer a:link, div#footer a:visited {text-decoration: none; font-weight: normal; color: #4C4C60;}
div#footer a:hover {text-decoration: underline; font-weight: normal; color: #4AB385;}

div#navigation {
	position: absolute;
	width: 214px;
	background-color: #FFFFFF;
	top: 0;
	left: 35px;
	padding-bottom: 116px;
	background-image: url(navbg.gif);
	background-position: bottom;
	background-repeat: repeat-x;
}

div#navigation ul {
	margin: 25px;
	padding: 0;
	list-style-type: none;
}

div#navigation li {
	font-size: 11px;
	text-transform: uppercase;
	margin: 0;
	padding: 10px 3px;
}

div#navigation li#navhome {padding: 0 0 40px 0;}

li#navhome a {
	display: block;
	width: 160px;
	height: 86px;
	background-image: url(otsplogo.gif);
	background-repeat: no-repeat;
	text-indent: -999em;
}

div#navigation li a:link, div#navigation li a:visited {text-decoration: none; color: #649982;}
div#navigation li a:hover {text-decoration: none; color: #4AB385;}

body#aboutotsp li#navotsp a:visited,
body#feedback li#navfeedback a:visited,
body#sponsors li#navsponsors a:visited,
body#aboutbook li#navbook a:visited,
body#aboutauthor li#navauthor a:visited, 
body#discussions li#navdiscussions a:visited, 
body#questions li#navquestions a:visited, 
body#events li#navevents a:visited, 
body#more li#navmore a:visited, 
body#participate li#navparticipate a:visited, 
body#reviews li#navreviews a:visited {color: #4C4C60;}