/*skeletal*/
/* 2nd level */
div#mozillacolorcorrect {background-color: #d8e1f1; width: 774px; margin: 0 auto;}
div#container {background-color: #d8e1f1; width: 774px;}
div#textbox {float: right; width: 596px; background-color: #CCD3E3; background-image: url(/exhibitions/dioramas/common/images/nav_shadow.gif); background-repeat: repeat-y; padding-bottom: 10px;}
div#nav {width: 178px; background-color: #2f4066; float: left;}

div#textbox p {padding: 0 10px 10px 10px ; font: 70% Verdana; color: #334169; margin: 0;}
div#textbox p.large {font: bold 110% Georgia; color: #636f8b; letter-spacing: 1; margin: 5px 0 0 0;}
div#textbox li {padding: 0 10px 10px 10px ; font: 11px Verdana; color: #334169; margin: 0;}

div#subnav1 {width: 130px; background-color: #C2D1E8; margin: 0 22px 5px 22px; border: 1px solid #bfc9dd;}
div#subnav1 li {font: bold 11px Georgia; color: #455775; list-style: none outside; margin: 0 0 5px 5px;}
div#subnav {width: 178px; background-color: #d8e1f1; float: left;}
div#subnav2 {width: 130px; background-color: #d8e1f1; margin: 0 22px; border: 1px solid #bfc9dd; text-align: left;}
div#subnav2 li {font: bold 11px Georgia; color: #455775; list-style: none outside; margin: 0 0 5px 5px;}

div.imageright, img.imageright {padding: 0px 30px 10px 10px; float: right;}


div#subnav a:link {font: bold 11px Georgia; text-decoration : none; color: #455775; font-weight: bold;}
div#subnav a:visited {font: bold 11px Georgia; text-decoration : none; color: #455775; font-weight: bold;}
div#subnav a:hover {font: bold 11px Georgia; text-decoration : none; color: #d23f00; font-weight: bold;  width: 120px;}
div#subnav a:active {font: bold 11px Georgia; text-decoration : none; font-weight: bold; }

div#diorama {text-align: center; margin: 20px;}

.imgrightborder {float: right; border: 1px solid black; margin-right: 10px;}
div.audio {margin-right: 10px;}


/*aduiobox box*/
div#audiobox {background-color: #d8e1f1; width: 500px; margin: 10px 0 10px 20px; border: solid 1px black;}
div#audiobox p {font: 70% Verdana; color: #334169; margin: 0; padding: 5px 10px 10px 10px;}
div#audiobox h4 {font: bold 110% Georgia; color: #636f8b; letter-spacing: 1; margin: 0;}
div#audiobox a.boxtitle {font: bold 19px Georgia; padding-left: 10px; text-decoration: none;}
div#audiobox a.play {font: bold 70% Georgia; padding-left: 40px; text-decoration: underline; font-style: italic; }
div#audiobox a.bandwidth {display: block; text-decoration: underline; font-style: italic; font-size: 90%; padding: 5px;}
div#audiobox hr {height: 1px; margin: 0; padding: 0;}

div#audiobox p a img.boximage {padding: 0; margin: 0 10px 10px 10px; float: right; border: solid 1px black;}



/*featurebox*/
div#featurebox {background-color: #98a4ba; width: 500px; margin: 10px 0 10px 20px; border-bottom: solid 2px #d03f00; padding: 3px;}
div#featurebox p {font: bold 70% Verdana; color: #334169; margin: 0; padding: 5px 10px 10px 10px;}
div#featurebox p.large {font: bold 110% Georgia; color: #e4ebf1; letter-spacing: 1; margin: 5px 0 0 0;}
div#featurebox h4 {font: bold 110% Georgia; color: #636f8b; letter-spacing: 1; margin: 0;}
div#featurebox a.boxtitle {font: bold 110% Georgia; padding-left: 10px; text-decoration: none;}
div#featurebox a.play {font: bold 70% Georgia; padding-left: 10px; text-decoration: underline;}
div#featurebox a.bandwidth {display: block; text-decoration: underline; font-style: italic; font-size: 90%; padding: 5px;}
div#featurebox hr {height: 1px; margin: 0; padding: 0;}

div#featurebox p a img.boximage {padding: 0; margin: 0 10px 10px 10px; float: right; border: solid 1px black;}


div#featurebox a:link.audiolink {font: bold 90% Georgia; text-decoration : none; color: #455775; font-weight: bold; margin: 0; padding: 0;}
div#featurebox a:visited.audiolink {font: bold 90% Georgia; text-decoration : none; color: #455775; font-weight: bold; margin: 0; padding: 0;}
div#featurebox a:hover.audiolink {font: bold 90% Georgia; text-decoration : none; color: #d23f00; font-weight: bold;  width: 120px; margin: 0; padding: 0;}
div#featurebox a:active.audiolink {font: bold 90% Georgia; text-decoration : none; font-weight: bold; margin: 0; padding: 0;}


/*gallery box*/
div#gallerybox {background-color: #d8e1f1; width: 190px; border: solid 1px black; margin: 10px 15px 10px 10px; padding-bottom: 20px; float: right; text-align: center;}
div#gallerybox h4 {margin: 0; padding: 10px 10px 5px 10px;}
div#gallerybox img {display: block; border: solid 1px black; margin-bottom: 10px;}

/*popup*/
div#popup {background-color: #CCD3E3; text-align: center; padding-bottom: 60px;}
div#popup img {border: solid 1px black; margin: 5px;}
div#popup h2 {font: bold 19px Georgia; color: #636f8b; padding: 10px 0 10px 0; margin: 0; background-color: #d8e1f1; border-bottom: solid 1px black;}
div#popup h4 {margin: 0 0 10px 0; padding: 0; font-size: 90%;}
div#popup div.imagecenter img {margin: 10px 0 0 0; padding: 0;}
div#popup div.imagecenter h5 {background-color: #d8e1f1; color: #636f8b; padding: 5px 0 5px 0; margin: 0;}
div#popup div.imageright h5 {background-color: #d8e1f1; color: #636f8b; padding: 5px; margin: 0;}
div#popup p { font: 11px Verdana; color: #334169; text-align: left; padding: 10px 20px 10px 20px; margin: 0;}
div#popup a.close {font: 11px Verdana;}
div#popup div#popapp {text-align: center;}	
div#popup p.mountnav {font-size: 75%; display: block; text-align: center; padding-bottom: 30px;}

/*popup featurebox*/
div#popup div.featureboxpop {background-color: #ccc; width: 400px; border: solid 1px black; text-align: left; margin-bottom: 10px;}
div#popup div.featureboxpop h4.boxheader {font-style: none; margin: 0; padding: 10px 10px 5px 10px;}
div#popup div.featureboxpop a.boxtitle {padding-left: 10px; text-decoration: none;}
div#popup div.featureboxpop a.play {padding-left: 10px; text-decoration: underline; font-style: italic; font-size: 90%;}
div#popup div.featureboxpop a.bandwidth {display: block; text-decoration: underline; font-style: italic; font-size: 90%; padding: 5px;}
div#popup div.featureboxpop hr {height: 1px; margin: 0; padding: 0;}
div#popup div.featureboxpop p {margin: 0; padding: 5px 10px 10px 10px;}
div#popup div.featureboxpop p a img.boximage {padding: 0; margin: 0 10px 10px 10px; float: right; border: solid 1px black;}


/*VIDEO STYLES*/

div.videoright {float: right; background-color: #ADB8CA; margin: 10px; width:225px; border-bottom: 2px solid #D03F00;}
div.video {float: left; background-color: #ADB8CA; margin: 10px; width: 225px; height:225px; border-bottom: 2px solid #D03F00;}

div.virtualtour {float: right; background-color: #ADB8CA; margin: 10px; border-bottom: 2px solid #D03F00;}

/*AUDIO TOUR STYLES*/


div.audio {float: left; background-color: #ADB8CA; margin: 10px; width: 250px; height:280px; border-bottom: 2px solid #D03F00;}
div.audio img {padding:12px;}

/*GALLERY STYLES*/
div#gallery {margin-top: 10px; text-align: center;}

div#gallery a:link {font: bold 11px Georgia; text-decoration : none; color: #455775; font-weight: bold;}
div#gallery a:visited {font: bold 11px Georgia; text-decoration : none; color: #455775; font-weight: bold;}
div#gallery a:hover {font: bold 11px Georgia; text-decoration : none; color: #d23f00; font-weight: bold;  width: 120px;}
div#gallery a:active {font: bold 11px Georgia; text-decoration : none; font-weight: bold; }

div#gallerylist { margin: 0; padding: 0;}
div#gallerylist li {margin: 0; padding: 0; list-style : square; font: 11px Verdana; color: #334169;}

div#gallerylist li a:link {font: bold 11px Georgia; text-decoration : none; color: #455775; font-weight: bold;}
div#gallerylist li a:visited {font: bold 11px Georgia; text-decoration : none; color: #455775; font-weight: bold;}
div#gallerylist li a:hover {font: bold 11px Georgia; text-decoration : none; color: #d23f00; font-weight: bold;  width: 120px;}
div#gallerylist li a:active {font: bold 11px Georgia; text-decoration : none; font-weight: bold; }


/*ARTISTS PAGE STYLES*/
div.artist {padding: 10px;}
div.artist img {float: left; margin-right: 10px; }

div#artistslist { margin: 0; padding: 0 0px 0 10px; }
div#artistslist ul {margin: 0 9px 0 0; padding: 0; background-color: #ADB8CA; list-style: square inside;}
div#artistslist li {margin: 0 0 0 2px; padding: 0; list-style: square inside; font: bold 11px Verdana; color: #334169; }
div#artistslist ul.right {margin: 0 100px 0 0px; padding: 0; background-color: #ADB8CA; list-style: square inside; float: right;}

div#artistslist li a:link {font: bold 11px Georgia; text-decoration : none; color: #455775; font-weight: bold;}
div#artistslist li a:visited {font: bold 11px Georgia; text-decoration : none; color: #455775; font-weight: bold;}
div#artistslist li a:hover {font: bold 11px Georgia; text-decoration : none; color: #d23f00; font-weight: bold;  width: 120px;}
div#artistslist li a:active {font: bold 11px Georgia; text-decoration : none; font-weight: bold; }


/*OLD STYLES*/

div#banner {background-color: #000;}
div#main {background-color: #fff; width: 549px; float: left;  border-right: solid 1px black; padding-top: 10px;}
div#navmain {background-color: #ccc;  width: 224px; float: right; padding-top: 10px;}

/*images*/
div.imageleft, img.imageleft {padding: 10px 10px 10px 30px; float: left;}

div.imageleft img, div.imageright img {border: solid 1px black;}
div.imageleft h5, div.imageright h5 {background-color: black; color: white; margin: 0; padding: 5px; font-size: 80%;}
div.imageleft h5 a:link {color: white;}
div.imageleft h5 a:visited {color: white;}
div.imageleft h5 a:hover {color: gold;}
div.imageleft h5 a:active {color: white;}
p a img.imageright {border: solid 1px black; padding: 0; margin: 10px;}
p a img.imageleft {border: solid 1px black; padding: 0; margin: 10px;}

/*body text*/
div#main p {margin-left: 20px; margin-right: 20px;}
div#main h1 {margin: 0; padding: 10px;}
div#main h3 {clear: both; margin-left: 20px; margin-right: 20px; margin-bottom: 0;}
div#main h4 {clear: both; margin-left: 20px; margin-right: 20px; margin-bottom: 0;}



/*nav*/
div#nav h3 {padding: 5px 5px 0 5px; margin: 0;}
ul.sublist {margin: 0; padding: 0 0 0 25px;}
ul.sublist li {padding-top: 5px; font-size: 90%;}
ul.mainlist {list-style: none outside; padding: 0 0 20px 10px; margin: 0;}
ul.mainlistupper {list-style: none outside; padding: 0 0 0 10px; margin: 0;}
ul.mainlist li, ul.mainlistupper li {padding-top: 20px;}
ul.mainlistupper li.selected {font-weight: bold;}
ul.mainlist li.top {font-weight: bold; padding-top: 10px; font-size: 110%;}
ul.mainlist li a, ul.mainlistupper li a {text-decoration: underline;}

/*navmain*/
div#navmain a {padding: 20px;}

/*virtual tour applet*/
div#applet {margin: 10px 0 10px 100px;}

/*link handling pseudo-classes*/
a:link {text-decoration : underline; color: #006; font-weight: bold;}
a:visited {text-decoration : underline; color: #006; font-weight: bold;}
a:hover {text-decoration : underline; color: #69f; font-weight: bold;}
a:active {text-decoration : underline; font-weight: bold;}