/* to center entire site */

.wrapper {
text-align: center;
}

/* used in main table to define background colour of site. */

.page-bg {
background: url(/rock/091/021018-misc01.gif);
}

/* links in text */

.intro {
background: none;
}

.main-content-half a, .main-content-full a, .text-full a {
color: black;
background-color: transparent;
text-decoration: underline;
}

.main-content-half a:link, .main-content-full a:link, .text-full a:link {
color: black;
background-color: transparent;
text-decoration: underline;
}

.main-content-half a:visited, .main-content-full a:visited, .text-full a:visited {
color: #990000;
background-color: transparent;
text-decoration: underline;
}

/* links at the bottom of the page */

.nav-text {
text-align: center;
text-decoration: none;
color: #ffcc00;
font-size: 0.8em;
width: 100%;
background: url(/rock/091/021018-misc01.gif);
}

.nav-text a:link {
text-align: center;
text-decoration: none;
color: #ffffff;
background: url(/rock/091/021018-misc01.gif);
}

.nav-text a:visited  {
text-align: center;
text-decoration: none;
color: #cccc99;
background: url(/rock/091/021018-misc01.gif);
}

.nav-text a:hover {
text-align: center;
text-decoration: underline;
color: #ffcc00;
background: url(/rock/091/021018-misc01.gif);
}

/* entire site */

.container {
width: 770px;
margin:0 auto; 
text-align: left;
}

/* 5 mian options */

.main-nav {
width: 770px;
}

.main-nav a {
background-color: transparent;
}


/* all of this is for the sub-navigation menu */

.sub-menu {
width: 770px;
background: url(/rock/091/021018-smb01.gif) repeat-y;
text-align: center;
padding-top: 2px;
}

ul {
background: none;
}

ul.navigation li {
display: inline;
background: none;
color: #990000;
font-weight: bold;
font-size: .85em;
margin-bottom: 5px;
padding-right: 15px;
padding-top: 10px;
}

ul.navigation {
background: none;
padding: 0px;
margin: 0px;
}

ul.navigation a:link  {
text-align: center;
text-decoration: none;
color: #000000;
background: none;
}

ul.navigation a:visited  {
text-align: center;
text-decoration: none;
color: #666666;
background: none;
}

ul.navigation a:hover {
text-align: center;
text-decoration: none;
color: #990000;
background: none;
}

/* used to center sub-navigation */

.container2 {
width: 88%;
margin:0 auto; 
text-align: center;
}

/* full background for the actual content */

.box {
width: 770px;
background: url(/rock/091/021018-misc02.gif) repeat-y;
margin: 0px;
padding: 0px;
}

/* dividing the screen for content - either it's full or it's half */

.main-content {
width: 770px;
float: left;
background: url(/rock/091/021018-misc02.gif) repeat-y;
padding-left: 15px;
padding-top: 10px;
}

.main-content-half {
width: 454px;
float: left;
background: url(/rock/091/021018-misc02.gif) repeat-y;
padding-left: 15px;
padding-top: 10px;
}

/* headers*/

h2 {
background: none;
color: #990000;
}

h3 {
background: none;
font-size: 1.00em;
font-weight: bold;
color: #006699;
}

h3.clear {
clear: both;
}

h4 {
background: none;
font-size: 1.00em;
font-weight: bold;
color: #000000;
}

h3.dig {
background: none;
font-size: 1.10em;
font-weight: bold;
color: #006699;
padding-top: 10px;
}

h3.newsworthy {
background: none;
font-size: 1.10em;
font-weight: bold;
color: #006699;
margin-left: 12px;
}

/* text-full is for full width text, text-half if for half, used with the quote stuff, text-space is for wrapping */

.text-full {
background: none;
width: 740px;
font-size: .85em;
}

.text-half {
background: none;
font-size: .85em;
}

.text-space {
background: none;
font-size: .85em;
padding-right: 25px;
margin-top: 0px;
}

/* both quote and digging deeper */

.both {
float: right;
width: 286px;
padding-top: 5px;
margin-bottom: 0px;
}

/* Quote stuff */

.quote {
background: url(/rock/091/021018-misc07.gif) repeat-y;
width: 286px;
padding-bottom: 0px;
}

.quote-content-title {
background: none;
width: 205px;
margin-left: 45px;
font-size: .80em;
font-weight: bold;
line-height: 18px;
}

.quote-content {
background: none;
width: 205px;
margin-left: 45px;
font-size: .80em;
line-height: 18px;
}

.quote-signature {
text-align:right;
background: none;
width: 205px;
margin-left: 45px;
font-size: .70em;
line-height: 18px;
}

/* Digging Deeper smaller box stuff */

.dig {
background: url(/rock/091/021018-misc11.gif) repeat-y;
width: 235px;
margin-left: 27px;
}

.dig-content-title {
background: none;
width: 205px;
text-align: center;
margin-left: 10px;
font-size: 1.20em;
font-weight: bold;
}

.dig-content-image {
background: none;
width: 200px;
margin-left: 17px;
margin-bottom: 15px;

}

/* for images on the left  */
.dig2 {
background: none;
width: 235px;
margin-left: 27px;
}

/* used to float v3 and v4 images to the left */

.left-image{
background: none;
float: left;
margin-right: 10px;
padding-bottom: 5px;
}


/* used to indent the job seeking text on page 1200-x.html*/

.seeking{
float: left;
width: 380px;
margin-left: 30px;
padding-bottom: 20px;

}

/* lists*/

ul{
list-style: square;
}

ol{
background: none;
}


/* wide digging deeper box */

.center-dig{
padding-left: 80px;
}


.wide-dig {
clear: both;
width: 575px;
float: left;
margin-top: 15px;
margin-left: 10px;
background: url(/rock/091/021018-misc19.gif) repeat-y;
}

.wide-dig-text {
width: 475px;
margin-left: 35px;
font-weight: bold;
background-color: transparent;
}

.dig-text {
width: 200px;
margin-left: 15px;
font-weight: bold;
background-color: transparent;
}



/* titles centered on digging deeper page*/

.digging-deeper {
width:100%;
text-align: center;
}

/* Rocks display*/

.rocksections {
width: 95%;
clear:both;
}

.floatright {
float: right;
width: 250px;
padding-left: 15px;
padding-bottom:25px;
clear: both;
}

.rocktext{
float: left;
width: 400px;
margin-top: 0px;
margin-left: 25px;
}

/* Newsworthy Nuggets*/

.nugget{
width: 250px;
float: left;
background: url(/rock/091/021018-misc22.gif) repeat-y;
margin-left: 50px;
clear: both;
margin-bottom: 10px;
}

.nugget-text{
width: 250px;
margin-left: 15px;
text-align: left;
}

.nugget-text2{
margin-left: 15px;
text-align: left;
}


/* Floating images in text with captions*/

.thumbnails-large {
float: left;
width: 350px;
margin: 10px;
text-align: center;
}

.thumbnails-med {
float: left;
width: 225px;
margin: 10px;
text-align: center;
}

.thumbnails-half {
float: left;
width: 420px;
padding: 15px;
text-align: center;
}

.thumbnails-half2 {
float: left;
width: 440px;
padding-left: 5px;
padding-bottom: 5px;
margin-right: 5px;
text-align: center;
}

.thumbnails-half3 {
float: left;
width: 400px;
padding: 0px;
text-align: center;
}


.thumbnails-small {
float: left;
width: 100px;
padding-top: 0px;
margin-right: 10px;
text-align: center;
}

.thumbnails-v1 {
float: left;
width: 110px;
padding-top: 0px;
margin-left: 10px;
margin-right: 10px;
text-align: center;
border: 1px solid #006699;
}

.thumbnails-v2 {
float: left;
width: 150px;
padding-top: 0px;
margin-right: 10px;
text-align: center;
}

.thumbnails-beige {
float: left;
width: 150px;
margin-right: 10px;
text-align: center;
}

.all {
float: left;
width: 730px;
padding-top: 0px;
}

.all-half {
float: left;
width: 370px;
padding-top: 0px;
}

.full-width {
width: 350px;
margin: 10px;
text-align: center;
}

.thumbnails-row {
float: left;
width: 225px;
padding-top: 0px;
margin-left: 10px;
margin-right: 10px;
text-align: center;
}

.thumbnails-row2 {
float: left;
width: 120px;
padding-top: 0px;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 30px;
text-align: center;
}

.list {
float: right;
padding-top: 40px;
padding-right: 40px;
}

/* full caption, small, under main left image */

.caption-left {
float: left;
width: 330px;
}

/* on top of photocredits thumbnails */

.caption {
background: none;
margin-top: 0px;
text-align: center;
font-size: .70em;
}

.caption-rock {
background: none;
margin-top: 5px;
text-align: center;
font-size: .70em;
}

.caption a, .caption a:link, .caption a:visited {
font-size: 1.00em;
background-color: transparent;
text-decoration: underline;
color: #999933;
}

.graphic {
width: 100%;
background: none;
text-align: center;
}

/* beige box that appears on page 1200 */

.beige-box {
float: left;
padding-top: 10px;
padding-bottom: 10px;
width: 380px;
background-color: #cc9933;
}

a.black-link, a:link.black-link, a:visited.black-link {
font-size: 1.00em;
background-color: transparent;
text-decoration: underline;
color: #000000;
}

/* bottom buttons - Previous and Next */

.btb {
float: left;
padding-top: 10px;
padding-left: 10px;
padding-bottom: 10px;
width: 400px;
clear: both;
}

.map {
background: none;
float: left;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 10px;
border: 2px black solid;
}

.map2 {
background: none;
float: left;
margin-right: 10px;
margin-bottom: 20px;
border: 2px black solid;
}

hr {
width: 90%;

}

.black-border {
border: 1px solid #000;
}

.ed-image {
float: left;
margin-right: 15px;
margin-bottom: 10px;
}

.tableofcontents {
float: right;
background: none;
margin-right: 40px;
}

.quote-content a, .quote-content a:link, .quote-content a:visited {
background-color: transparent;
}

.source {
width: 700px;
}

.comment {
margin-left: 130px;
}