body {}

/* skeletal styles */
div#mozillacolorcorrect {background-color: #3E5C44; width: 774px; margin: 0 auto;}
div#container {background-color: #3E5C44; width: 774px; height: 100%;}
div#leftcolumn {float: left; width: 171px; border: solid 0px black;}
div#leftcolumntoplevel {float: left; width: 171px; border: solid 0px black; padding: 1px 0 0 0;}
div#rightcolumn {float: right; width: 576px; border: solid 0px red;}

div#banner {width: 774px; height: 120px; padding: 0; margin: 0; border: 0; float: left; background-color: #3E5C43;}




div#titles {width: 583px; height: 141px; padding: 0; margin: 0;}
div#titletoplevel {width: 576px; height: 25px; padding: 0; margin-bottom: 3px; margin: 0 0 10px 0;}
div#titletoplevel img {padding: 1px 0 0 0; margin: 0; float: left;}


div#mozillacolorcorrect div#container div#nav a, div#mozillacolorcorrect div#container div#unav a {display: inline; margin: 0; padding: 0; border: 0;}
div#mozillacolorcorrect div#container div#nav ul.subnav {margin: 0 0 0 0; padding: 0 0 0 20px; border-left: solid 1px #ac5620; border-right: solid 1px #ac5620; background-color: #efec6b; list-style: outside;}
div#mozillacolorcorrect div#container div#nav ul.subnav li {padding: 5px 0 0 0;}
div#mozillacolorcorrect div#container div#nav ul.subnav li.last {padding: 5px 0 10px 0;}
div#mozillacolorcorrect div#container div#nav ul.subnav li a {text-decoration: none; font-size: 80%;}

/* inner content styles */
/*div#mozillacolorcorrect div#container div#content {float: right; width: 533px; height: 100%; border: solid 0px black; vertical-align: top; padding: 0 30px 20px 20px;}*/
div#mozillacolorcorrect div#container div#content {float: left; height: 100%; width: 556px; border: solid 0px black; vertical-align: top; margin: 0 10px 10px 0; padding: 0 10px 10px 0;}
div#mozillacolorcorrect div#container div#content h1 {color: #b2be95; margin: 0 0 25px 0; padding: 0; font-size: 125%;}
div#mozillacolorcorrect div#container div#content h2 {color: #b2be95; margin: 0 0 5px 0; padding: 0; font-size: 115%;}
div#mozillacolorcorrect div#container div#content h3 {color: #b2be95; margin: 0 0 5px 0; padding: 0; font-size: 105%;}
div#mozillacolorcorrect div#container div#content h4 {color: #b2be95; margin: 0 0 5px 0; padding: 0; font-size: 100%;}
div#mozillacolorcorrect div#container div#content h5 {color: #b2be95; margin: 0 0 5px 0; padding: 0; font-size: 95%;}
div#mozillacolorcorrect div#container div#content h6 {color: #b2be95; margin: 0 0 5px 0; padding: 0;}
div#mozillacolorcorrect div#container div#content p {color: #b2be95; margin-left: 2px;}
div#mozillacolorcorrect div#container div#content ul {list-style: disc outside; padding: 0; margin: 0 0 10px 20px;}
div#mozillacolorcorrect div#container div#content ul ul {list-style-type: none; padding: 0; margin: 2px 0 10px 20px;}
div#mozillacolorcorrect div#container div#content li {color: #b2be95; padding: 0 0 5px 5px; font-size: 100%; font-weight: normal;} 
div#mozillacolorcorrect div#container div#content li.leftpad5 {color: #b2be95; padding: 0 0 5px 20px; font-size: 100%; font-weight: normal; list-style: none;} 
div#mozillacolorcorrect div#container div#content p sup.tm {font-size: 55%;} 

#next {float: right;}
#back {float: right;}

/* field guide styles */
div#mozillacolorcorrect div#container div#content div.fieldguide {border: solid 1px #006; padding: 10px; margin: 10px 10px 20px 10px; font-size: 95%;}
div#mozillacolorcorrect div#container div#content div.fieldguide h5 {margin: 5px 0 10px 10px; font-style: italic;}

/* anchor pseudo-classes */
a:link {color: #87998A;}
a:visited {color: #87998A;}
a:hover {color: #FFFFFF;}
a:active {color: #FFFFFF;}

/* inline images */
a img {border: 0;}
div#mozillacolorcorrect div#container div#content div.imageleft {float: left; padding: 10px 10px 5px 0px;}
div#mozillacolorcorrect div#container div#content div.imageright {float: right; padding: 10px 10px 5px 10px;}
div#mozillacolorcorrect div#container div#content div.imageleft img, div#mozillacolorcorrect div#container div#content div.imageright img {margin: 0; border: solid 1px #1e3b2d;}
div#mozillacolorcorrect div#container div#content div.imageleft h5, div#mozillacolorcorrect div#container div#content div.imageright h5 {font-weight: bold; font-size: 75%; margin: 5px 0 2px 5px;}
div#mozillacolorcorrect div#container div#content div.imageleft h6, div#mozillacolorcorrect div#container div#content div.imageright h6  {font-size: 65%; font-weight: normal; font-style: italic; margin: 0 0 0 5px;}
div#mozillacolorcorrect div#container div#content div.imageright img.shop {border: solid 1px #000;}
div#mozillacolorcorrect div#container div#content div.imageleft h5.vidbut, div#mozillacolorcorrect div#container div#content div.imageright h5.vidbut {font-weight: bold; font-size: 75%; margin: 5px 0 2px 5px; border: solid 1px black; padding: 2px; text-align: left; background-color: #b2be95; color: #1e3b2d;}
div#mozillacolorcorrect div#container div#content div.imageleft h5.vidbut a:link, div#mozillacolorcorrect div#container div#content div.imageright h5.vidbut a:link {color: #1e3b2d; text-decoration: none;}
div#mozillacolorcorrect div#container div#content div.imageleft h5.vidbut a:visited, div#mozillacolorcorrect div#container div#content div.imageright h5.vidbut a:visited {color: #1e3b2d; text-decoration: none;}
div#mozillacolorcorrect div#container div#content div.imageleft h5.vidbut a:hover, div#mozillacolorcorrect div#container div#content div.imageright h5.vidbut a:hover {color: #f9f9cd; text-decoration: underline;}
div#mozillacolorcorrect div#container div#content div.imageleft h5.vidbut a:active, div#mozillacolorcorrect div#container div#content div.imageright h5.vidbut a:active {color: #f9f9cd; text-decoration: underline;}


div#mozillacolorcorrect div#container div#content div.imageleft a:link img, div#mozillacolorcorrect div#container div#content div.imageright a:link img {border: 1px solid #1e3b2d;}
div#mozillacolorcorrect div#container div#content div.imageleft a:visited img, div#mozillacolorcorrect div#container div#content div.imageright a:visited img {border: 1px solid #1e3b2d;}
div#mozillacolorcorrect div#container div#content div.imageleft a:hover img, div#mozillacolorcorrect div#container div#content div.imageright a:hover img {border: 1px solid #b2be95;}
div#mozillacolorcorrect div#container div#content div.imageleft a:active img, div#mozillacolorcorrect div#container div#content div.imageright a:active img {border: 1px solid #1e3b2d;}


/* TEXT NAV STYLES */
div#mozillacolorcorrect div#container div#content div#textnav {font-size: 85%; margin: 10px 0 0 0; clear: both; border: solid 0px black;}
div#mozillacolorcorrect div#container div#content div#textnav img.textnavleft {padding: 10px 150px 10px 10px; border: solid 0px black;}
div#mozillacolorcorrect div#container div#content div#textnav img.textnavright {padding: 10px 10px 10px 150px; border: solid 0px black;}

/* GALLERY STYLES */

/* thumbnail strip */
#thumbrow {border: solid 0px #000; margin: 0;}
#thumbrow img {margin: 5px 5px 10px 5px;}

#thumbrow a:link img.gallerythumb {border: 1px solid #87998A;}
#thumbrow a:visited img.gallerythumb {border: 1px solid #87998A;}
#thumbrow a:hover img.gallerythumb {border: 1px solid #FFFFFF;}
#thumbrow a:active img.gallerythumb {border: 1px solid #FFFFFF;}
#thumbrow img.gallerythumbon {border: 1px solid #29402E;}

/* large image and caption */
div#imagecap {border: solid 0px #000;}
div#imagecap div#caption {font: normal 100% verdana, arial, sans-serif; margin: 10px 5px; border: solid 0px #000;}
div#mozillacolorcorrect div#container div#content div#caption {}
div#imagecap img#largeimage {border: solid 1px #6e9787; margin: 5px;}

/* caption text elements */
div#imagecap div#caption h3, div#imagecap div#caption h4,  div#imagecap div#caption h5,  div#imagecap div#caption h6 {color: ##b2be95; margin: 0;}
div#imagecap div#caption h3 {font-size: 110%;}
div#imagecap div#caption h4 {font-size: 90%;}
div#mozillacolorcorrect div#container div#content div#imagecap div#caption h5 {font-size: 80%; padding-left: 5px;}
div#mozillacolorcorrect div#container div#content div#imagecap div#caption h6 {font-size: 70%; font-weight: normal; padding-left: 5px;}

/* utility page styles */
div#utitle {width: 583px; height: 103px;}
div#utitle img {}
div.infotitle {display: block; height: 30px; vertical-align: top; margin: 5px 0 10px 0;}
img#sponsorlogo {margin: 15px;}

/* interview page styles */
div#mozillacolorcorrect div#container div#content div.slot {display: block; width: 500px; border: solid 0px black; margin: 0; clear: left;}
div#mozillacolorcorrect div#container div#content div.slot img.paleontologist {border: solid 1px black; margin: 5px 10px 5px 10px; float: left;}
div#mozillacolorcorrect div#container div#content div.slot img.interviewbut {padding: 0 5px 5px 12px; float: left; clear: left; font-size: 70%;}
div#mozillacolorcorrect div#container div#content div.slot h6.getreal {padding: 0 5px 5px 26px; margin: 0; float: left; clear: left; font-size: 70%;}
div#mozillacolorcorrect div#container div#content div.slot h4 {margin: 0 0 5px 15px; padding-top: 5px;}
div#mozillacolorcorrect div#container div#content div.slot p {margin: 0 10px 0 0; padding: 0 0 0 152px;}
div#mozillacolorcorrect div#container div#content div.slot p.small {font-size: 80%; margin: 5px; margin-left: 15px;}
div#mozillacolorcorrect div#container div#content img.divider {padding: 15px 5px 15px 10px;}

/* programs page styles */
div#mozillacolorcorrect div#container div#content div#programs h2 {margin: 5px 0 10px 0; padding: 5px 0 5px 0; border-top: solid 1px #6e9787; border-bottom: solid 1px #6e9787;}\
div#mozillacolorcorrect div#container div#content div#programs div.image {float: right;}
div#mozillacolorcorrect div#container div#content div#programs div.image img {border: solid 1px #6e9787; margin: 2px;}
div#mozillacolorcorrect div#container div#content div#programs div.image h5 {font-size: 80%; font-weight: bold; margin: 5px 0 2px 5px;}
div#mozillacolorcorrect div#container div#content div#programs div.image h6 {font-size: 75%; font-weight: normal; font-style: italic; margin: 0 0 0 5px;}
div#mozillacolorcorrect div#container div#content div#programs div.entry {margin: 0 0 35px 0;}
div#mozillacolorcorrect div#container div#content div#programs div.entry ul {list-style: none outside; margin: 0; padding: 0;}
div#mozillacolorcorrect div#container div#content div#programs div.entry ul li {padding: 0 0 1px 15px; margin: 0;}
div#mozillacolorcorrect div#container div#content div#programs div.entry span.soldout {color: red;}