@charset "UTF-8";
/* CSS Document */

body
{
background-color:#d3d4d4;
background-image:url(images/gradient_bg.jpg);
background-repeat:repeat-x;
}

#container
{
width: 955px;
margin:auto;
background-image:url(images/blue_bg.jpg);
background-repeat:repeat-y;
}

#video_container
{
width: 955px;
margin: auto;
}

#default_header
{
background-image:url(images/defaultheader_bg.jpg);
background-repeat:no-repeat;
height:420px;
}

#header
{
background-image:url(images/header_bg.jpg);
background-repeat:no-repeat;
height:420px;
}

h1
{
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
text-align:center;
padding-top:10px;
}

h2
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
font-weight:bold;
padding-top:240px;
margin-left:100px;
}

h3
{
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
margin-top:245px;
margin-left:50px;
font-weight:bold;
}

h4
{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
}

h5
{
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#FF0000;
}

h6
{
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#FFFFFF;
text-align:center;
background-color:#FF0000;
}

#header_nav1
{
float:left;
width:144px;

}

#header_nav2
{
float:left;
width:144px;
}

#header_nav1_spacer
{
width:144px;
height:143px;
}

#header_nav2_spacer
{
width:144px;
height:93px;
}

#header_spacer
{
float:left;
width:50px;
height:300px;
}


ul#nav{
	list-style:none;
	margin:0;
	padding:0;
}

#nav li,#nav li a {
	height:26px;
	width:144px;
	position:relative;
	display:block;
 line-height:26px;
}
/* mac hide \*/
#nav li,#nav li a {	overflow:hidden;}
/* end hide*/
#nav a{font-size:1em}
li em {
	position:absolute;
	left:0;top:0;
	display:block;
	height:26px;
	width:144px;
}

li#home em {	background: url(images/home.jpg) no-repeat 0 0;}
li#books em {	background: url(images/books.jpg) no-repeat 0 0;}
li#author em {	background: url(images/author.jpg) no-repeat 0 0;}
li#characters em {	background: url(images/characters.jpg) no-repeat 0 0;}
li#classroom em {	background: url(images/classroom.jpg) no-repeat 0 0;}
li#competitions em {	background: url(images/competitions.jpg) no-repeat 0 0;}
li#reviews em {	background: url(images/reviews.jpg) no-repeat 0 0;}
li#fun em {	background: url(images/fun.jpg) no-repeat 0 0;}
li#media em {	background: url(images/media.jpg) no-repeat 0 0;}
li#events em {	background: url(images/events.jpg) no-repeat 0 0;}
li#gallery em {	background: url(images/gallery.jpg) no-repeat 0 0;}
li#awards em {	background: url(images/awards.jpg) no-repeat 0 0;}
li#links em {	background: url(images/links.jpg) no-repeat 0 0;}
li#signup em {	background: url(images/signup.jpg) no-repeat 0 0;}
ul#nav li a:hover{visibility:visible}/* needed for ie to work*/
ul#nav li a:hover em{background-position:0 -26px}

ul#nav2{
	list-style:none;
	margin:0;
	padding:0;
}

#nav2 li,#nav2 li a {
	height:33px;
	width:144px;
	position:relative;
	display:block;
 line-height:33px;
}
/* mac hide \*/
#nav2 li,#nav2 li a {	overflow:hidden;}
/* end hide*/
#nav2 a{font-size:1em}
li em {
	position:absolute;
	left:0;top:0;
	display:block;
	height:33px;
	width:144px;
}

li#tipping em {	background: url(images/tipping.jpg) no-repeat 0 0;}
ul#nav2 li a:hover{visibility:visible}/* needed for ie to work*/
ul#nav2 li a:hover em{background-position:0 -33px}

.tipping_gif
{
float:right;
padding-top:121px;
}

#content
{
background-image:url(images/content_bg.jpg);
background-repeat:no-repeat;
margin:0;
padding:0;
}

#content p
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

.firstcontent
{
margin:0 150px 10px 120px;
padding:0 20px 10px 20px;
background-color:#FFFFFF;
}

.firstcontent_li
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding-bottom:5px;
}

.textboxbottom1
{
width:688px;
margin:-12px 0 0 120px;
}

.second_content
{
margin:0 120px 10px 100px;
padding:0 20px 10px 20px;
height:400px;
}

.second_content2
{
margin:0 130px 10px 110px;
padding:0 10px 5px 10px;
height:250px;
}

.second_content3
{
margin:0 120px 10px 100px;
padding:0 20px 10px 20px;
height:300px;
}

.second_content6
{
margin:0 120px 10px 100px;
padding:0 20px 10px 20px;
height:330px;
}

.second_content4
{
margin:0 120px 10px 100px;
padding:0 20px 10px 20px;
height:200px;
}

.second_content5
{
margin:0 120px 10px 100px;
padding:0 20px 10px 20px;
height:1300px;
}

.leftcontent
{
width:230px;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
background-color:#FFFFFF;
text-align:center;
padding:10px 15px 20px 15px;

}

.rightcontent
{
width:350px;
float:right;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
background-color:#FFFFFF;
padding:10px 15px 20px 15px;

}

.textboxtop1
{
margin:0 0 -5px 98px;
padding:0 20px 0 20px;
}

.textboxbottom4
{
width:380px;
height:50px;
float:right;
}

#footer
{

background-image:url(images/footer_bg.jpg);
background-repeat:no-repeat;
height:395px;
}

ul#footerlist
{
margin-top:-35px;
margin-bottom:-5px;
font-family:Arial, Helvetica, sans-serif;
text-align:center;
font-size:9px;
text-decoration:none;
list-style-type:none;
}

#footerlist li
{
color:#000000;
display: inline;
}

#footerlist li a 
{
color:#000000;
text-decoration: none;
}


a.standardlink
{
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
}

a.standardlink:link 
{	
color: #0066CC;	
text-decoration: none;
}

a.standardlink:visited 
{	
color: #0066CC;	
text-decoration: none;
}

a.standardlink:hover 
{
color: #990000;
text-decoration: underline;
}

a.standardlink:active 
{	
color: #0066CC;	
text-decoration: none;
}

.floatright
{
float: right;
margin: 20px 10px 10px 10px;
padding: 2px;
}

.floatright2
{
float: right;
margin: 30px 10px 10px 10px;
padding: 2px;
}

#default_spacer
{
height:100px;
}

.style2
{
height:450px;
}

.style3
{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
text-decoration:underline;
text-align:center;
margin-right:100px;
color:#FFFFFF;
}

.style4
{
height:800px;
}

.style5
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
