html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1.2em;
background-color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:80%;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}

/* remember to define focus styles! */
:focus {
outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}

/*img, div, a, span, h2 { behavior: url(iepngfix.htc) } IE6 PNG FIX */

.center{
width:420px;
margin:0 auto;
}

.acenter{
text-align:center;}

.hide{
display:none;
}

#wrapper{
width:960px;
height:620px;
margin:0 auto;
padding-top:10px;
background:url(images/site_bg.gif) no-repeat top left;
position:relative;
}

#wrapper h1{
margin: 0px 170px;
width:349px;
height:59px;
display:block;
text-indent:-9999px;
background:url(images/logo.png) no-repeat top left;
}

ul#menu{
width:289px;
height:404px;
position:absolute;
display:block;
left: 616px;
padding-top:65px;
padding-left:27px;
top: 6px;
background:url(images/menubg.png) no-repeat top left;
}

#menu li{
width:235px;
text-indent:-9999px
}

#menu li a{
display:block;
width:235px;
height:50px;
border-bottom:solid 1px #ccc;
}

.aright{
float:right;
}

.home{
border-top:solid 1px #ccc;
background:url(images/menu_home.jpg) no-repeat;
}

.story{
background:url(images/menu_story.jpg) no-repeat;
}

.trailer{
background:url(images/menu_trailer.jpg) no-repeat;
}

.activities{
background:url(images/menu_activities.jpg) no-repeat;
}

.notes{
background:url(images/menu_notes.jpg) no-repeat;
}

/* ROLLOVERS */
.home:hover{
background:url(images/menu_home_r.jpg) no-repeat;
}

.story:hover{
background:url(images/menu_story_r.jpg) no-repeat;
}

.trailer:hover{
background:url(images/menu_trailer_r.jpg) no-repeat;
}

.activities:hover{
background:url(images/menu_activities_r.jpg) no-repeat;
}

.notes:hover{
background:url(images/menu_notes_r.jpg) no-repeat;
}


#mainmenu .last{
border-bottom:none;
}


#characters{
width:460px;
height:504px;
position:absolute;
left: 104px;
top: 104px;
background:url(images/characters.png) no-repeat top left;
}

#main{
width:565px;
height:543px;
position:absolute;
left: 22px;
top: 76px;
background:url(images/mainbg.png) no-repeat top left;
overflow:hidden;
}

.padding{
padding:30px;
padding-right:20px;
}

#story h2{
text-indent:-9999px;
width:354px;
height:26px;
background:url(images/header_story.gif) no-repeat top left;
margin-bottom:10px;
}

#trailer h2{
text-indent:-9999px;
width:354px;
height:26px;
background:url(images/header_trailer.gif) no-repeat top left;
margin-bottom:10px;
}

#notes h2{
text-indent:-9999px;
width:354px;
height:26px;
background:url(images/header_notes.gif) no-repeat top left;
margin-bottom:10px;
}

#activities h2{
text-indent:-9999px;
width:354px;
height:26px;
background:url(images/header_activities.gif) no-repeat top left;
margin-bottom:10px;
}

#activity2 h2{
text-indent:-9999px;
width:354px;
height:26px;
background:url(images/header_activity3.gif) no-repeat top left;
margin-bottom:10px;
}


#scroll{
height:200px;
overflow:auto;
}

#activity2 #scroll{
margin-top:10px;
}

#main ul{
margin-left:30px;
list-style:circle inside;
}

#main img{
margin:0px auto;
border:solid 4px #003255;
}

a:link{
color:#003255;
text-decoration:underline;
}
a:hover,a:active{
color:#00aee6;
text-decoration:none;
}

#rosette{
	position:absolute;
	z-index:0;
	left: 834px;
	top: 11px;
}
#rosette img{
border:none;
}

#activities #main img{
border:none;
}

.pics {  
    height:  245px;  
    width:   500px;  
    padding: 0;  
    margin:  0;  
	
} 
 
.pics img {  
    padding: 0px;   
    width:  500px; 
    height: 245px; 
    top:  0; 
    left: 0 
} 

small{
font-size:70%;
}

.clear {

clear: both;
}

p.next_page {

float: right;
padding: 20px 70px 0 0;
	
}

p.previous_page {

float: left;
padding: 20px 0 0 55px;
	
}