body {
    font-family: sans-serif;
    margin: 0;
    padding: 0;
    background-image: url(images/stripe.gif);
    background-repeat: repeat-y;
}

/* This section is vertical and  runs down the left side of the screen.  It contains 
    the recycle logo, an image of a core sample, and a yellow bar for consistency 
	with the printed material. */
#sidebar {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 97;
    height: 100%;
}

/* This section is horizontal, begins just to the right of the recycle logo.  It contains
    the rotating images and the logo. */
#logo {
	position: absolute;
    left: 97px;
    width:100%;
    height:81;
    background: black;
}

/* This section is horizontal, begins to the right of the core sample and below the 
    rotating images.  It contains the navigation and the black bar below the navigation.*/
#navigation {
    position: absolute;
    top: 81px;
    left: 97px;
    width: 100%;
    height:34px;
    background-image: url(images/navbg.gif);
}

/* This section is the remainder of the screen and contains all the content for the site,
    including the footer. */
#content {
    position: absolute;
    top: 114px;
    left: 97px;
    margin: 25px;
}

/* This section contains the copyright information. */
#footer {
    font-size: x-small;
    font-weight: bold;
}

/* Miscellaneous code */
a#noline {text-decoration: none;}
.center {text-align: center;}
.bold {font-weight: bold;}
.photocaption {
    float:right; 
	width:320px;
}
.title {font-size: large;}
.italic {font-style: italic;}
.caption {font-size: x-small;}
table.video td {padding: 15px}