/* style.css for abcspeech.com website */
/* Copyright (C) 2007-2010 Brian Nez <thedude at bri1 dot com> */

* {
	margin: 0;
	padding: 0;
}

body {
	background: url('background.jpg') #987651;
	font-family: Arial, sans-serif;
	color: #272521;
}

/* h1 {
	position: absolute;
	top: 35px;
	left: 90px;
	font-size: 26px;
} */

h1 {
	height: 0;
	width: 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Comic Sans MS", "Comic Sans", Arial, sans-serif;
}

div#header {
	text-align: center;
	font-size: 0px;
}

div#navbox {
	position: absolute;
	top: 375px;
	left: 68px;
	width: 220px;
	height: 367px;
	margin-top: -183px;
	padding: 5px 10px;
	background: url('pencilbg.png');
}

div#nav {
	position: absolute;
	top: 50%;
	height: 222px;
	margin-top: -111px;
}

div#nav a:visited {
	color: #00f;
}

div#nav a:hover {
	color: #000;
}

li.pencil {
	list-style-type: none;
	margin: 3px 0;
}

ul.submenu {
	padding: 5px 3px 5px 25px;
	list-style-type: disc;
}

.menutext {
	font-size: 12px;
	margin-top: 5px;
	margin-left: -10px;
}

div#paper {
	position: absolute;
	left: 340px;
	top: 13px;
	width: 621px;
	height: 649px;
	background: url('paper.png') no-repeat;
}

div#main {
	margin: 88px 55px 0 93px;
	font-size: 20px;
	line-height: 24px;
}

div#ashalogo {
	height: 79px;
	width: 241px;
	background: url('ashalogo.png') no-repeat;
	position: absolute;
	top: 65px;
	left: 75px;
}

div#eraser {
	height: 138px;
	width: 160px;
	/* background: url('eraser.png') no-repeat; */
	position: absolute;
	top: 490px;
	left: 770px;
	z-index: 1;
}

div#eraser a img {
	height: 138px;
	width: 160px;
}

div#sticky {
	width: 222px;
	height: 258px;
	background: url('sticky.gif') no-repeat;
	position: absolute;
	top: 355px;
	left: 370px;
}

div#sticky.posrelative {
	position: relative;
	top: 0;
	left: 0;
}

div#sticky p {
	position: relative;
	top: 50px;
	left: 45px;
}

div#sticky ul {
	position: relative;
	top: 30px;
	left: 65px;
	font-size: 15px;
	line-height: 20px;
}

p {
	padding-bottom: 24px;
}

div#paper div#longbox {
	max-height: 480px;
	overflow: auto;
}

a {
	text-decoration: none;
}

a img {
	border: 0;
}

a:visited {
	color: #00f;
}

a:hover {
	color: #66a;
}

/* Navigation animations */

a#paboutabc {
	display: block;
	width: 220px;
	height: 28px;
	background: url('pencils/aboutabc.gif') 0 0 no-repeat;
}

a#pwherewework {
	background: url('pencils/wherewework.gif') 0 0 no-repeat;
	display: block;
	width: 220px;
	height: 28px;
}

a#pworkwithus {
	display: block;
	width: 220px;
	height: 28px;
	background: url('pencils/workwithus.gif') 0 0 no-repeat;
}

a#pcalendars {
	display: block;
	width: 220px;
	height: 28px;
	background: url('pencils/calendars.gif') 0 0 no-repeat;
}

a#pfamilies {
	display: block;
	width: 220px;
	height: 28px;
	background: url('pencils/families.gif') 0 0 no-repeat;
}

a#peducators {
	display: block;
	width: 220px;
	height: 28px;
	background: url('pencils/educators.gif') 0 0 no-repeat;
}

a#ptherapists {
	display: block;
	width: 220px;
	height: 28px;
	background: url('pencils/therapists.gif') 0 0 no-repeat;
}

a#pcontactus {
	display: block;
	width: 220px;
	height: 28px;
	background: url('pencils/contactus.gif') 0 0 no-repeat;
}

a:hover#paboutabc, a:hover#pwherewework, a:hover#pworkwithus, a:hover#pcalendars, a:hover#pfamilies, a:hover#peducators, a:hover#ptherapists, a:hover#pcontactus { background-position: -220px 0; }

div#termsofuse a {
	position: absolute;
	top: 575px;
	left: 155px;
	font-size: 12px;
	color: #333;
}