/* body */

body {
margin: 0;
padding: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: #001C24;
text-align: center;
}

#pagesize {
position: relative;
text-align: justify;
width: 885px;
top: 20px;
margin-right: auto;
margin-left: auto;
}


/* header */

#header {
height: 139px;
}


/* Side image*/

#sideimage {
position: absolute;
top: 50px;
left: 15;
}

#mainimage ul {
list-style: none;
margin: 1px 0px 0px 20px;
padding: 0;
border: none;
}


/*Menu bar*/

#menu {
width: 885px;
height: 50px;
background-repeat: no-repeat;
background-color: #006600;
border: 7px double #003300;
}

#menubox {
height: 0px;
width: 465px;
padding: 15px 0px 0px 410px;
background-color: transparent;
}


/* image borders */

.imgborder1 {
border: 7px double #003300;
}

img {
border: none;
}

.covers {
float: left;
padding-right: 10px;
}


/* content boxes */

#content {
padding: 5px 15px 0px 400px;
height: 295px;
width: 475px;
background-color: transparent;
overflow: auto;
}

#contentlist {
padding: 5px 15px 0px 460px;
height: 295px;
width: 415px;
background-color: transparent;
overflow: auto;
}

#contentimage {
padding: 5px 15px 0px 400px;
height: 295px;
width: 475px;
background-color: transparent;
text-align: center;
overflow: auto;
}


/* text */

#content p {
font-size: 0.8em;
line-height: 1.2em;
color: #FFEA95;
}

#contentlist p {
font-size: 0.8em;
line-height: 1.2em;
color: #FFEA95;
}

#contentimage p {
font-size: 0.8em;
line-height: 1.2em;
color: #FFEA95;
}

p.center {
text-align: center;
}

li {
font-family: verdana, arial, helvetica, sans-serif;
color: #FFFFFF;
font-size: 0.8em;
line-height: 1.2;
text-align: justify;
}

h1 {
font-family: verdana, arial, helvetica, sans-serif;
color: #FFFF99;
font-size: 0.9em;
line-height: 1.2;
text-align: center;
text-decoration: underline;
}

h2 {
font-family: verdana, arial, helvetica, sans-serif;
color: #FFFF99;
font-size: 0.9em;
line-height: 1.2;
text-align: center;
text-decoration: underline;
padding-left: 90px;
}

#title {
text-align: center;
color: #FFFFFF;
font-size: 0.8em;
}


/* Footer */

#footer {
margin-right: auto;
margin-left: auto;
width: 885px;
margin-top: 21px;
}

#footer p {
font-family: verdana, arial, helvetica, sans-serif;
color: #339999;
font-size: 9px;
}


/* links */

a.menu:link, a.menu:visited, a.menu:active { 
color: #FFFF99; 
font-family: verdana, arial, helvetica, sans-serif; 
font-size: 0.8em; 
text-decoration: none; 
} 

a.menu:hover { 
color: #33FFCC; 
font-family: verdana, arial, helvetica, sans-serif; 
font-size: 0.8em; 
text-decoration: none;
}

a:link, a:visited, a:active { 
color: #CCFFCC; 
font-family: verdana, arial, helvetica, sans-serif;  
font-size: 0.9em;
text-decoration: none; 
} 

a:hover { 
color: #FFFF66; 
font-family: verdana, arial, helvetica, sans-serif; 
font-size: 0.9em;
text-decoration: none;
}

a.foot:link, a.foot:visited, a.foot:active { 
color: #339999; 
font-family: verdana, arial, helvetica, sans-serif;  
font-size: 1.2em;
text-decoration: none; 
} 

a.foot:hover { 
color: #FFFF66; 
font-family: verdana, arial, helvetica, sans-serif; 
font-size: 1.2em;
text-decoration: none;
}


/* scrollbar */

.jScrollPaneContainer {
position: relative;
overflow: hidden;
z-index: 1;
}

.jScrollPaneTrack {
position: absolute;
cursor: pointer;
right: 0;
top: 5px;
height: 100%;
background: #003300;
}

.jScrollPaneDrag {
position: absolute;
background: #005900; 
cursor: pointer;
overflow: hidden;
}

/*COPYRIGHT 1990: JULIE RUFFELL. OFFICIAL WEBSITE.
DESIGN/LAYOUT/GRAPHICS/CONTENT BY JULIE RUFFELL

All work/images/content of this site (unless otherwise noted) is the SOLE COPYRIGHT 
PROPERITY OF JULIE RUFFELL - THE CREATOR.

DO NOT COPY, REPRODUCE, STEAL, CLAIM CREDIT OR COPYRIGHT TO ANY 
WORKS ON THIS SITE WITHOUT THE WRITTEN AND SIGNED PERMISSION OF 
JULIE RUFFELL*/