@charset "UTF-8";
/* CSS Document */


body {
text-align: center;
margin: 10px 0px;
background-color:#569abd;
}


body,td,th {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	line-height: 20px;
	color: #333;
}
a:link {
	color: #333;
	font-weight: normal;
	text-decoration: underline;
}
a:visited {
	text-decoration: underline;
	color: #333;
}
a:hover {
	text-decoration: underline;
	color: #333;
}
a:active {
	text-decoration: underline;
	color: #333;
}

h1 {font-size: 2.9em;
color: #444;
background: #d5e3ec;
line-height: 1.2em;
margin: 5px 0 20px 0;}

h2 {font-size: 2.9em;
color: #fff;
background: #71a2c3;
padding: 1px 15px;
line-height: 1.2em;
display: inline;}

h3{font-size: 2em;
color: #fff;
background: #71a2c3;
padding: 5px 15px;
line-height: 1em;
display: inline;
}

h4 {font-size: 2.9em;
color: #444;
background: none;
line-height: 1.2em;
margin: 5px 0 20px 0;}

#container {
margin: 0px auto 0px auto;
text-align: left;
background-color:#fff;
padding: 7px;
width: 898px;
} 



#header {
text-align: left;
background-image:url(../img/header.jpg);
width: 898px;
height: 179px;
} 

#navigation {
padding: 27px 0px 0px 0px;
text-align: left;
background-color:#fff;
width: 185px;
height: auto;
float: left;
} 

#nav-list {
padding: 0px;
margin: 0px;
background:#fff;
width: 185px;
height: 380px;

} 

#nav-list ul {list-style: none;
text-align: right;
width: 172px;
padding: 0px;
margin: 0px;}

#nav-list li {font-size: 2.5em;
height: 37px;
padding: 0px;
margin: 0px;}

#nav-list li a{padding: 7px 10px 3px 0px; text-decoration: none; display: block; color: #777;}

#nav-list li a:hover, #nav-list li a:active {color: #fff; background: #71a2c3;}







#leftlink01 {
text-align: left;
width: 184px;
height: auto;
background-image:url(../img/leftbit.gif);
background-repeat: no-repeat;
padding:0px 0px 0px 7px;
} 
#leftlink02 {
text-align: left;
width: 184px;
height: auto;
background-image:url(../img/leftbit.gif);
background-repeat: no-repeat;
padding:0px 0px 0px 7px;
} 
#leftlink03 {
text-align: left;
width: 184px;
height: auto;
background-image:url(../img/nblackboard.jpg);
background-repeat: no-repeat;
padding:0px 0px 0px 7px;
}




#maincontent {
text-align: left;
background-color:#fff;
width: 713px;
height: auto;
float: right;
position:relative;
padding: 0px;
background-image:url(../img/main-back.gif);
} 

#story01 {
	text-align:justify;
background-color:none;
background-image:url(../img/story01-back.gif);
width: 455px;
height: auto;
float: left;
position:relative;
padding: 0px 0px 0px 31px;
} 

#story01end {
text-align:justify;
background-color:none;
width: 455px;
height: auto;
float: left;
position:relative;
padding: 0px 0px 0px 31px;
} 

#dippers01 {
text-align: left;
background-color:none;
background-image:url(../img/dippers01-back.gif);
width: 455px;
height: auto;
float: left;
position:relative;
padding: 0px 0px 0px 31px;
} 

#story01text {
text-align:justify;
background-color:none;
width: autopx;
height: auto;
float: left;
position:relative;
padding: 0px 31px 0px 31px;
} 

#story02 {
text-align: left;
background-color:none;
background-image:url(../img/logo.jpg);
background-repeat:no-repeat;
width: 200px;
height: auto;
float: left;
position:relative;
padding: 0px 0px 0px 20px;
} 

#story02cont {
text-align: right;
background-color:none;
background-repeat:no-repeat;
width: 200px;
height: auto;
float: left;
position:relative;
padding: 0px 0px 0px 20px;
} 

#homestory02 {
text-align: left;
background-color:none;
background-image:url(../img/logo.jpg);
background-repeat:no-repeat;
width: 200px;
height: auto;
float: left;
position:relative;
padding: 0px;
} 
#newstory02 {
text-align: right;
background-color:none;
background-image:url(../img/logo.jpg);
background-repeat:no-repeat;
width: 200px;
height: auto;
float: left;
position:relative;
padding: 0px;
} 

#story03 {
text-align:justify;
background-color:none;
width: 445px;
height: auto;
float: left;
position:relative;
padding: 0px 10px 0px 31px;
} 

#shopping {
text-align:left;
background-color:#none;
background-image:url(../img/hampers.jpg);
background-repeat:no-repeat;
width: 703px;
height: 748px;
float: left;
position:relative;
padding: 0px 10px 0px 0px;
}

#buynow01 {
text-align:left;
background-color:#fff;
width: 75px;
height: 30px;
position:absolute;
top:360px;
left:625px;
}

#buynow02 {
text-align:right;
background-color:#fff;
width: 175px;
height: 30px;
position:absolute;
top:500px;
left:490px;
}

#shopping-intro{
text-align:left;
background-color:none;
width: 500px;
height: 375px;
position:absolute;
top:30px;
left:30px;
}

#christmas{
text-align:right;
background-color:none;
width: 350px;
height: 150px;
position:absolute;
top:410px;
left:340px;
}

#spicy{
text-align:right;
background-color:none;
width: 310px;
height: 150px;
position:absolute;
top:550px;
left:355px;
}

#story04 {
text-align: right;
background-color:none;
width: 211px;
height: auto;
float: left;
position:relative;
} 

#story05 {
text-align:justify;
background-color:none;
width: 445px;
height: auto;
float: left;
position:relative;
padding: 0px 10px 0px 31px;
} 

#story06 {
text-align: left;
background-color:none;
width: 211px;
height: auto;
float: left;
position:relative;
} 



#footer {float: left;
text-align: left;
width: 648px;
height: 40px;
background-image:url(../img/footer-back.gif);
padding: 25px 0px 0px 250px;
background-repeat: no-repeat;
}