body {
background-color: #333333;
font-size: 11px;
font-family: Arial;
color:#000000;
padding:0px;
margin:0px;
}


/* ----------container for centering the layout-------------- */
#container {
width: 1090px;
margin-bottom: 10px;
margin-left: 130px;
margin-right: auto;
}

/* ----------banner-------------- */
#banner {
background-color: #333333;
background: url('layout/Loopy_storybook-01_01.png') no-repeat;
width: 1000px; /* width of top image */ 
height: 129px;
text-align: right;
padding: 0px;
margin: 0px;
}

#banner img {padding:0px 0px;} 

/* -----------------main content--------------------- */
#content {
background-color: #cccccc;
background: url('layout/Loopy_storybook-01_04.png') no-repeat; 
padding: 0px;
margin-left: 286px;
margin-right: 0px;
}
div#content { 
width: 798px;
height:442px;
overflow: auto;
}

p, pre{
padding: 0px, 10px;
margin-left:500px;
}

/* ------ general content styling ------ */
h1 {    /* top and bottom caps */
font-size: 11px;
text-transform: uppercase;
background-color: #808080;
background: url('layout/Loopy_storybook-01_02.png') no-repeat;
height: 37px;
border-top:0px;
border-bottom:0px;
margin:0px }
}

h2 {    /* main content headlines */
padding-left: 0px;
margin-top: 30px;
margin-left: 100px;
margin-right: 200px; 
margin-bottom: 10px;
border: 0px solid #000000;
background-color: #EBE92D;
font-weight: bold;
font-size: 1.2em;
color: #000000;
letter-spacing: 2px;
}

h2.toptitle {      /* 1st main content headline */
margin-top: 0; /* removing top margin on main title to align with banner */
}

h3 {    /* =smaller main content headlines */
font-weight: bold;
font-size: 1.2em;
letter-spacing: 2px;
text-align: center;
text-transform: uppercase;
padding-left: 0px;
margin-top: 30px;
margin-left: 100px;
margin-right: 200px; 
margin-bottom: 10px;
color: #B71C1C;
text-align: center;
}

h4 {    /* smaller main content headlines */
margin-top: 30px;
margin-left: 100px;
margin-right: 200px; 
margin-bottom: 10px;
font-weight: bold;
font-size: 1.1em;
letter-spacing: 2px;
text-align: left;
padding-left: 10px;
color: #000000;
}

p {      /* main content text */
padding-left:105px; padding-right:200px; padding-top:5px; padding-bottom:5px ;
margin: 0;
line-height: 170%;
font-size: 1.2em;
}

#maincontent ul {      /* =main content lists */
list-style-image: url('sparkle.gif');
margin: 0;
line-height: 170%; padding-left:70px; padding-right:70px; padding-top:5px; padding-bottom:5px
}

img { 
border: 0px none; 
}

.credit { 
font-size: 75%; 
color: #7436BA;
}


/*--------------link styling---------------*/ 
a:link { 
text-decoration: none; 
color: #C1272D; 
} 

a:visited { 
text-decoration: none; 
color: #C1272D; 
} 

a:hover, a:active { 
text-decoration: none; 
color: #A8242D; 
border-bottom: 0px; 
} 

.image a:link, .image a:visited, .image a:hover, .image a:active { 
border: 0px none; 
}


/* --------------navigation------------- */
#left {
float: left;
width: 282px;
margin: 0px;
padding: 0px;
}


/* -----------footer--------------------------- */
#footer {
clear: both;
margin-right: 130px;
padding: 0px;
text-align: right; }