/* CSS Document */
body {
	background-color: #003300;
	margin: 0px;
}
#wrapper {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}
#sideads {
	float: left;
	width: 120px;
	height: 600px;
	margin-left: 0px;
	background-color: #CCCB00;
}
#header {
}
#content {
	background-image: url(images/content_body.jpg);
	background-repeat: repeat-y;
	width: 1000px;
}
#nav {
	height: 44px;
	background-image: url(images/nav_bg.jpg);
	background-repeat: no-repeat;
	width: 1000px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	}
	/* begin image replacement stuff for nav links */

ul#primary-nav {
	padding-left: 75px;
	margin: 0;
	height: 42px;

}

ul#primary-nav li
{
	list-style-type: none;
	display: block;
	height: 38px;
	margin-top: 3px;
}

/*ul#primary-nav,*/
ul#primary-nav li
{
	/* “!important” shouldn’t be necessary here but IE5.0 acts goofily without it. */
height: 38px!important;
	overflow: hidden;
	margin-right: 20px;
	width: 100px;
	float: left;
/* */

}



/* This ensures that the rollover containers, h2 and a, fill the
li boxes */
ul#primary-nav li,
ul#primary-nav li a
{
	display: block;
	margin-right: 25px;
	height: 38px;

}



/* This hides the text via the Phark text-hiding method:
http://www.mezzoblue.com/tests/revised-image-replacement/#phark2 */
ul#primary-nav li span
{
	display:block;
	text-indent: -5000px;
	height: 38px;

}

/* ================= Primary Nav: home ================ */

/* The “home” link */


ul#primary-nav li#nav-home
{
	height: 38px;

}

ul#primary-nav li#nav-home a, ul#primary-nav li#nav-fun a, ul#primary-nav li#nav-previews a, ul#primary-nav li#nav-homework a, ul#primary-nav li#nav-about a, ul#primary-nav li#nav-contact a, ul#primary-nav li#nav-archives a
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #CCCA05;
	text-decoration: none;


}
ul#primary-nav li#nav-home a:hover, ul#primary-nav li#nav-fun a:hover, ul#primary-nav li#nav-previews a:hover, ul#primary-nav li#nav-homework a:hover, ul#primary-nav li#nav-about a:hover, ul#primary-nav li#nav-contact a:hover, ul#primary-nav li#nav-archives a:hover
{
	color: #FFFF33;


}
ul#primary-nav li#nav-home a:hover
{
	text-decoration: none;
	background-repeat: no-repeat;

}
ul#primary-nav li#nav-home a
{
	background: url(images/navbuttons/home.png) no-repeat 0 0px;
	text-decoration: none;
	margin: 0px;
	padding: 0px;

}

/* The “Alice” link, on state */
ul#primary-nav li#nav-home a:hover
{
	background-image: url(images/navbuttons/home.png);
	background-position: -100px top;
	text-decoration: none;
	background-repeat: no-repeat;

}

ul#primary-nav li#nav-fun
{

}

ul#primary-nav li#nav-fun a
{
	background: url(images/navbuttons/fun.png) no-repeat 0 0px;
	text-decoration: none;
	margin: 0px;
	padding: 0px;

}

/* The “Alice” link, on state */
ul#primary-nav li#nav-fun a:hover
{
	background-image: url(images/navbuttons/fun.png);
	background-position: -100px top;
	text-decoration: none;
	background-repeat: no-repeat;

}


ul#primary-nav li#nav-previews
{

}

ul#primary-nav li#nav-previews a
{
	background: url(images/navbuttons/previews.png) no-repeat 0 0px;
	text-decoration: none;
	margin: 0px;
	padding: 0px;

}

/* The “Alice” link, on state */
ul#primary-nav li#nav-previews a:hover
{
	background-image: url(images/navbuttons/previews.png);
	background-position: -100px top;
	text-decoration: none;
	background-repeat: no-repeat;

}

ul#primary-nav li#nav-homework
{

}

ul#primary-nav li#nav-homework a
{
	background: url(images/navbuttons/homework.png) no-repeat 0 top;
	text-decoration: none;
	margin: 0px;
	padding: 0px;

}

/* The “Alice” link, on state */
ul#primary-nav li#nav-homework a:hover
{
	background-image: url(images/navbuttons/homework.png);
	background-position: -100px top;
	text-decoration: none;
	background-repeat: no-repeat;

}

ul#primary-nav li#nav-about
{

}

ul#primary-nav li#nav-about a
{
	background: url(images/navbuttons/about.png) no-repeat 0 top;
	text-decoration: none;
	margin: 0px;
	padding: 0px;

}

/* The “Alice” link, on state */
ul#primary-nav li#nav-about a:hover
{
	background-image: url(images/navbuttons/about.png);
	background-position: -100px top;
	text-decoration: none;
	background-repeat: no-repeat;

}
ul#primary-nav li#nav-archives
{

}

ul#primary-nav li#nav-archives a
{
	background: url(images/navbuttons/archives.png) no-repeat 0 top;
	text-decoration: none;
	margin: 0px;
	padding: 0px;

}

/* The “Alice” link, on state */
ul#primary-nav li#nav-archives a:hover
{
	background-image: url(images/navbuttons/archives.png);
	background-position: -100px top;
	text-decoration: none;
	background-repeat: no-repeat;

}

ul#primary-nav li#nav-contact
{

}

ul#primary-nav li#nav-contact a
{
	background: url(images/navbuttons/contact.png) no-repeat 0 top;
	text-decoration: none;
	margin: 0px;
	padding: 0px;

}

/* The “Alice” link, on state */
ul#primary-nav li#nav-contact a:hover
{
	background-image: url(images/navbuttons/contact.png);
	background-position: -100px top;
	text-decoration: none;
	background-repeat: no-repeat;

}

#ribbon {
	background-image: url(images/ribbon.jpg);
	background-repeat: no-repeat;
	width: 170px;
	float: left;
	height: 692px;
}
#bookHome {
	background-repeat: no-repeat;
	width: 810px;
	padding: 0px;
	background-image: url(images/index_bg.jpg);
	height: 581px;
	float: left;
}
#contentwrapper {
	width: 965px;
	margin-left: 35px;
	margin-right: 0px;
}
#contentwrapper h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #003300;
	margin-left: 25px;
}
#contentwrapper p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #003300;
	margin-left: 25px;
	margin-right: 25px;
	font-weight: bold;
}
#contentwrapper a {
	text-decoration: none;
	font-weight: bold;
	color: #993300;
}
#contentwrapper a:hover {
	color: #FF9900;
}
#main {
	padding: 0px;
	width: 810px;
	height: 581px;
	float: left;
}
#leftBookHome {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 480px;
}
#videohome {
	margin-top: 75px;
	margin-left: 80px;
}
#rightBookHome {
	padding-top: 50px;
	float: left;
	width: 400px;
}
#topRight {
}
#topRight h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}
#topRight a, #bottomRight a {
}
#topRight a:hover, #bottomRight a:hover {
}
#bottomRight {
}
#bottomRight h2 {
}
/* fun with billy page-specific css */

#bookFun {
	background-image: url(images/book_fun.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	width: 810px;
	height: 579px;
	float: left;
}
#leftBookFun {
	width: 550px;
	float: left;
}
#videofun {
	margin-top: 100px;
	margin-left: 125px;
}
#rightBookFun {
	float: right;
	padding-top: 50px;
	padding-left: 40px;
	width: 500px;
}
#topRightFun {
	width: 500px;
	margin-top: 80px;
}
#midRightFun {
}
#bottomRightFun {
}

/* homework helpers page */

#bookHomework {
	background-image: url(images/book_homework.jpg);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	width: 810px;
	height: 702px;
	float: left;
}
#leftBookHomework {
	width: 350px;
	float: left;
}
#billysnight {
	margin-top: 50px;
	margin-left: 55px;
	background-position: left top;
	height: 244px;
}
#email {
	padding-left: 0px;
	margin: 0 0 25;
	height: 50px;
	float: left;
	clear: both;
	width: 300px;

}

#email li
{
	list-style-type: none;
	display: block;
	height: 25px;
}

/*#email,*/
#email li
{
	/* “!important” shouldn’t be necessary here but IE5.0 acts goofily without it. */
height: 25px!important;
	overflow: hidden;
	/*margin-right: 20px;*/
	width: 300px;
	float: right;
/* */

}



/* This ensures that the rollover containers, h2 and a, fill the
li boxes */
#email li,
#email li a
{
	display: block;
	/*margin-right: 25px;*/
	height: 25px;

}



/* This hides the text via the Phark text-hiding method:
http://www.mezzoblue.com/tests/revised-image-replacement/#phark2 */
#email li span
{
	display:block;
	text-indent: -5000px;
	height: 25px;

}


#email li
{

}

#email li a
{
	background: url(images/email.jpg) no-repeat 0 top;
	text-decoration: none;
	margin: 0px;
	padding: 0px;

}

/* The “Alice” link, on state */
#email li a:hover
{
	background-image: url(images/email.jpg);
	background-position: -300px top;
	text-decoration: none;
	background-repeat: no-repeat;

}
#promovideo {
	margin-top: 50px;
	margin-left: 55px;
	height: 206px;
}
#rightBookHomework {
	float: left;
	padding-top: 15px;
	padding-left: 0px;
	width: 390px;
	margin-right: 0px;
}
#bookreport {
	margin-top: 125px;
	margin-left: 100px;
}
#clickhere {
	margin-top: 50px;
	margin-left: 120px;
}
ul#click {
	padding: 0px;
	list-style-type: none;
	width: 270px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 110px;
}
#click a:link, #click a:visited {
	background-image: url(images/clickhere.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-decoration: none;
	display: block;
	margin: 0px;
	padding: 0px;
	width: 270px;
}
#click a:hover {
	background-image: url(images/clickhere.jpg);
	background-repeat: no-repeat;
	background-position: 0px -58px;
}
#click span {
	display:block;
	height:58px;
	text-indent: -5000px;
}

#footer {
}
#footer p {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	padding-left: 50px;
}
#footer a {
}
#footer a:hover {
}
#ads2 {
	width: 1000px;
}
#firstAd {
	float: left;
	margin-right: 133px;
}
#secondAd {
	float: left;
	margin-right: 133px;
}
#thirdAd {
	float: left;
	margin-right: 133px;
}
#fourthAd {
}
#bottom {
	clear: both;
}



/* archives page */
ul.archives {
	margin-left: 50px;
	font-family: Arial, Helvetica, sans-serif;
	color: #013300;
}
ul.archives li {
	list-style-type: none;
	line-height: 20px;
}
ul.archives li a {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #003300;
}

ul.archives li a:hover {
	color: #FF0000;
}
#contentwrapper h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #003300;
	margin-left: 25px;
}
#abouttext, #contacttext, #archivetext {
	float: left;
	width: 810px;
}
#abouttext h1, #contacttext h1, #archivetext h1 {
	margin-top: 25px;

}
#archivevideo {
	margin-right: auto;
	margin-left: auto;
	margin-top: 50px;
	width: 350px;
}
#archivevideo p {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
#archivevideo a {
	color: #FFFFFF;
	text-decoration: none;
}
#archivevideo a:hover {
	color: #FFFF00;
}
.spacer {
	width: 998px;
	clear: both;
}