/**
 * Navigator Multimedia Inc Standard CSS.
 * @author Chris Satterthwaite <chris@navigatormm.com>
 * @version 1.0
 * @copyright Copyright (c) 2007, Navigator Multimedia Inc
**/

/***** Body Formatting *****/
body { background-color:#D8C3A9;}
#wrapper{ width:805px; margin:0px auto; background-image:url(../images/interface/wrapper-bg.gif); background-repeat:repeat-y;}
#splash-wrapper{ width:847px; margin:0px auto; background:none;}
	
/*****Flash Image Formatting *****/	
#flashimage {width:354px;}
#splashimage {width:493px;}
	
/***** Header Formatting *****/	
#header {height:79px; position:relative;}
#newsletter{
	position: absolute;
	width: 143px;
	height: 79px;
	top:0px;
	right:0px;
}
/***** Main Navigation Formatting *****/	
#main-navagation {
	width:805px;
	height:26px;
	display:block;
	background:url(../images/interface/navbar.gif) no-repeat;/*comment this line if using text only Navigation*/
	position:relative;
	}
	
#main-navagation li {
	margin:0px;
	padding:0px;
	list-style:none;
	/*float:left; uncomment this if using text only Navigation*/
	position: absolute;/*comment this line if using text only Navigation*/
	top:0px;/*Remove this line if using text only Navigation*/
	}
	
#main-navagation li span {display:none;}/*comment this line if useing text only Navigation*/	
#main-navagation li a {height:26px; display:block;}/*remove height and display block if using text only navigation*/

/*comment this block of code if using text only Navigation*/
#home {left:0px;  width:90px;}
#history {left:90px; width:80px;}
#info {left:172px; width:110px;}
#index {left:285px;width:97px;}
#collections {left:384px; width:102px;}
#tour {left:487px; width:78px;}
#events {left:565px; width:140px;}
#contact {left:705px; width:100px;}

 
#home a:hover, .homeon {background:transparent url(../images/interface/navbar.gif) -0px  -26px no-repeat;}
#history a:hover, .historyon {background:transparent url(../images/interface/navbar.gif) -90px -26px no-repeat;}
#info a:hover, .infoon {background:transparent url(../images/interface/navbar.gif) -172px -26px no-repeat;}
#index a:hover, .indexon {background:transparent url(../images/interface/navbar.gif) -285px -26px no-repeat;}
#collections a:hover, .collectionson {background:transparent url(../images/interface/navbar.gif) -384px -26px no-repeat;}
#tour a:hover, .touron {background:transparent url(../images/interface/navbar.gif) -487px -26px no-repeat;}
#events a:hover, .eventson {background:transparent url(../images/interface/navbar.gif) -565px -26px no-repeat;}
#contact a:hover, .contacton {background:transparent url(../images/interface/navbar.gif) -705px -26px no-repeat;}

/*-------------------------------------------------------*/

/***** Vertical Dropdown Formatting *****/
#main-navagation li ul { list-style: none;}
#main-navagation li ul li {float:none;}/* Stops the drop down menu li text from floating left */
#main-navagation ul li {position:relative;}/*Makes the drop down menu postion 0,0 on the parent li instead of the browser window If text Nav remove UL*/

#main-navagation li ul {
	display:none;
	background-color:#ffffff;/* Trick IE into using hover */
	position:absolute;
	left:12px;
	top:24px;
	}

#main-navagation li ul li{
	width:100px;/*Changes the width of drop down*/
	height:10px;
	padding:5px;/*Fixes White Space in IE*/
	border-bottom: 1px solid #000000;
	background-color:#cbb79e;
	}

#main-navagation li ul li:hover{
	color:#820024; 
	background-color:#ffffff;
	}

#main-navagation li ul li a { 
	color:#000000; 
	font-size:0.8em;
	font-weight:bold;
	text-decoration:none;
	display:block;
	}

#main-navagation li ul li a:hover { 
	color:#820024;
	background-image:none;
	}

#main-navagation li:hover ul, #main-navagation li.over ul { display: block; }
#main-navagation li:hover ul, li.over ul { display: block; }

/***** Splash Page Navigation Formatting *****/	
#splash-navagation {
	width:805px;
	height:26px;
	display:block;
	background:url(../images/interface/navbar-sp.gif) no-repeat;/*comment this line if using text only Navigation*/
	position:relative;
	}
	
#splash-navagation li {
	margin:0px;
	padding:0px;
	list-style:none;
	/*float:left; uncomment this if using text only Navigation*/
	position: absolute;/*comment this line if using text only Navigation*/
	top:1px;/*Remove this line if using text only Navigation*/
	}
	
#splash-navagation li span {display:none;}/*comment this line if useing text only Navigation*/	
#splash-navagation li a {height:26px; display:block;}/*remove height and display block if using text only navigation*/

/*comment this block of code if using text only Navigation*/
#sphome {left:0px;width:80px;}
#sphistory {left:81px;width:95px;}
#spinfo {left:177px;width:98px;}
#spindex {left:275px; width:110px;}
#spcollections {left:388px;width:74px;}
#sptour {	left:463px;	width:116px;}
#spevents {left:579px;width:126px;}
#spcontact {left:705px; width:100px;}

 
#sphome a:hover, .sphomeon {background:transparent url(../images/interface/navbar-sp.gif) -0px  -26px no-repeat;}
#sphistory a:hover, .sphistoryon {background:transparent url(../images/interface/navbar-sp.gif) -81px -26px no-repeat;}
#spinfo a:hover, .spinfoon {background:transparent url(../images/interface/navbar-sp.gif) -177px -26px no-repeat;}
#spindex a:hover, .spindexon {background:transparent url(../images/interface/navbar-sp.gif) -275px -26px no-repeat;}
#spcollections a:hover, .spcollectionson {background:transparent url(../images/interface/navbar-sp.gif) -388px -26px no-repeat;}
#sptour a:hover, .sptouron {background:transparent url(../images/interface/navbar-sp.gif) -463px -26px no-repeat;}
#spevents a:hover, .speventson {background:transparent url(../images/interface/navbar-sp.gif) -579px -26px no-repeat;}
#spcontact a:hover, .spcontacton {background:transparent url(../images/interface/navbar-sp.gif) -705px -26px no-repeat;}

/*-------------------------------------------------------*/

/***** Vertical Dropdown Formatting *****/
#splash-navagation li ul { list-style: none;}
#splash-navagation li ul li {float:none;}/* Stops the drop down menu li text from floating left */
#splash-navagation ul li {position:relative;}/*Makes the drop down menu postion 0,0 on the parent li instead of the browser window If text Nav remove UL*/

#splash-navagation li ul {
	display:none;
	background-color:#ffffff;/* Trick IE into using hover */
	position:absolute;
	left:0px;
	top:26px;
	}

#splash-navagation li ul li{
	width:160px;/*Changes the width of drop down*/
	height:10px;
	padding:5px;/*Fixes White Space in IE*/
	border-bottom: 1px solid #000000;
	background-color:#FF9900;
	}

#splash-navagation li ul li:hover{
	color:#820024; 
	background-color:#ffffff;
	}

#splash-navagation li ul li a { 
	color:#000000; 
	font-size:0.8em;
	font-weight:bold;
	text-decoration:none;
	display:block;
	}

#splash-navagation li ul li a:hover { 
	color:#820024;
	background-image:none;
	}

#splash-navagation li:hover ul, #splash-navagation li.over ul { display: block; }
#splash-navagation li:hover ul, li.over ul { display: block; }

/***** Content Formatting *****/	
#content-wrapper {
	padding: 25px 25px 80px 25px;
	background-image:url(../images/interface/content-wrapper-bg.gif);
	background-repeat:no-repeat;
	min-height:224px;
	height:auto !important;
	height:224px;
	}
	
#splash-content-wrapper {
	background:none;
	}

#col1 {
	width:366px;
	min-height:400px;
	height:auto !important;
	height:400px;
	}
	
#col2 {width:388px;}

/***** General Page Formatting *****/
#content-wrapper h1 { color:#000000; padding:5px 0px 5px 0px;}
#content-wrapper h2 { color:#000000; padding:5px 0px 5px 0px;}
#content-wrapper h3 { color:#000000; padding:5px 0px 5px 0px;}
#content-wrapper p  { color:#000000;}
/*#content-wrapper ul { color:#000000; list-style:square; padding:0px 0px 18px 20px;}
#content-wrapper li { padding:0px 0px 10px 0px;}*/
#content-wrapper a  { color:#776b5d; text-decoration:underline;}
#content-wrapper a:hover { color:#000000;}


/***** Col1 Formatting *****/
#col1 h1 { color:#000000; padding:5px 0px 5px 0px;}
#col1 h2 { color:#000000; padding:5px 0px 5px 0px;}
#col1 h3 { color:#000000; padding:5px 0px 5px 0px;}
#col1 p  { color:#000000;}
/*#col1 ul { color:#000000; list-style:square; padding:0px 0px 18px 20px;}
#col1 li { padding:0px 0px 10px 0px;}*/
#col1 a  { color:#776b5d; text-decoration:underline;}
#col1 a:hover { color:#000000;}

.imgborder { border:#776b5d 2px solid;}

/***** Col2 Formatting *****/
#col2 h1 { color:#000000; padding:5px 0px 5px 0px;}
#col2 h2 { color:#000000; padding:5px 0px 5px 0px;}
#col2 h3 { color:#000000; padding:5px 0px 5px 0px;}
#col2 p  { color:#000000;}
/*#col2 ul { color:#000000; list-style:square; padding:0px 0px 18px 20px;}
#col2 li { padding:0px 0px 10px 0px;}*/
#col2 a  { color:#776b5d; text-decoration:underline;}
#col2 a:hover { color:#000000;}

#col2 .pushdown { margin-top:250px;} /* this is for the image on the info.php page */

/***** Photo Gallery Page Formatting *****/
#content-wrapper .gallery { width:560px; margin:0px auto; padding:0px 0px 0px 0px;}
#content-wrapper .gallery img { padding:4px 4px 15px 4px; border:solid 1px #000000; background-color:#FFFFFF;}
#content-wrapper .gallery img:hover {background-color:#820024;}
#content-wrapper .gallery li { text-align:center; margin:15px 5px; padding:0px 0px 0px 0px; list-style:none; float:left;}
#content-wrapper .gallery p { font-size:0.8em; padding:0px 0px 0px 0px;}
#content-wrapper .gallery .divider { width:560px; height:1px; margin:0px 0px; display:block; border-bottom:1px solid #ffffff;}

/***** Side Nav Formatting *****/	
#sub-nav { text-align:right; margin-top:36px;}
#sub-nav li { margin:0px; padding:0px; list-style: none;}	
#sub-nav li a{ color:#FF9900;}
#sub-nav li a:hover{ color:#000000;}

/***** Collections Page Formatting *****/	
#collmenu {
	width:405px;
	height:26px;
	display:block;
	position:relative;
	}
	
#collmenu li {
	margin:0px 30px 0px 0px;
	padding:0px;
	list-style:none;
	float:left;
	}
		
#collmenu li a {text-decoration:none; font-weight:bold;}


/***** Vertical Dropdown Formatting *****/
#collmenu li ul { list-style: none;}
#collmenu li ul li {float:none;}/* Stops the drop down menu li text from floating left */
#collmenu li {position:relative;}/*Makes the drop down menu postion 0,0 on the parent li instead of the browser window If text Nav remove UL*/

#collmenu li ul {
	display:none;
	background-color:#cbb79e;/* Trick IE into using hover */
	position:absolute;
	left:-5px;
	top:17px;
	border:1px #000000 solid;
	}

#collmenu li ul li{
	width:130px;/*Changes the width of drop down*/
	height:15px;
	padding:5px;/*Fixes White Space in IE*/
	background-color:#cbb79e;
	}

#collmenu li ul li:hover{
	color:#820024; 
	}

#collmenu li ul li a { 
	color:#000000; 
	font-size:0.8em;
	font-weight:bold;
	text-decoration:none;
	display:block;
	}

#collmenu li ul li a:hover { 
	color:#ffffff;
	background-image:none;
	}

#collmenu li:hover ul, #collmenu li.over ul { display: block; }
#collmenu li:hover ul, li.over ul { display: block; }

/***********************************************************/

.item {width:755px; margin:25px 0px 0px 0px; padding:0px 0px 0px 0px; border-bottom:2px solid #776b5d;}

.agallery { width:405px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
.agallery img { padding:4px 4px 15px 4px; border:solid 1px #000000; background-color:#FFFFFF; margin:0px 0px 0px 0px;}
.agallery img:hover {background-color:#776b5d;}
.agallery ul {height:190px; /*display:block;*/ margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
.agallery li { text-align:center; margin:15px 5px; padding:0px 0px 0px 0px; list-style:none; float:left;}
.agallery p { font-size:0.9em; margin:0px 0px 5px 0px; padding:0px 0px 0px 0px;}

.iteminfo {width:345px; margin:10px 0px 0px 0px; padding:0px 0px 0px 0px;}


/***** History Page Formatting *****/
#history-intro {width:754px; height:639px; margin:0 auto; background-image:url(../images/interface/parchment-content.jpg); background-repeat:no-repeat;}
#history-intro p {padding:10px 40px 0px 20px; color:#333333;}

/***** History Map Page Formatting *****/
#map-legend a{text-decoration:none;}


/***** History Map Popups *****/
#popup-wrapper {width:655px; margin:0 auto;}
#popup {width:655px; padding:0px 15px 0px 15px;}

#popup .information {width:655px; display:block;}
#popup .information ul {list-style:none;}
#popup .information li {width:97px; display:inline;}

#text {width:280px; padding:0px 15px 0px 0px; text-align:justify;}
#player {width:320px; height:240px; background-color:#877157;}


/***** VR Tour Page Formatting *****/
#vrmap {width:755px; margin:30px 0px 30px 0px;}


/***** Footer Formatting *****/	
#footer {
	width:805px;
	height:200px;
	background-image:url(../images/interface/footer-bg.gif);
	background-repeat:no-repeat;
	position:relative;
	}
	
#footer-nav {
    width:590px;
	font-size:0.8em; 
	position: absolute;
	right: -40px;
	bottom: 170px;
	}
	
#footer-nav li{ margin:0px 12px 0px 0px; float:left;}
#footer-nav a{ color:#820024;}
#footer-nav a:hover { color:#000000;}

#footer-splash-address { width:521px; margin:0px auto; color:#000000; font-size:0.8em; background:none;}
#footer-splash-address  a{ color:#000000;}

#footer-address { 
	width:521px; 
	color:#000000; 
	font-size:0.8em; 
	background:none; 
	position: absolute;
	bottom: 140px;
	right: 25px;
	}
#footer-address  a{ color:#000000;}
	
#random {
	position: absolute;
	padding: 0px;
	margin: 0px;
	width: 200px;
	height: 200px;
    bottom: 80px;
	left: 20px;
	z-index:1;
    }


.year {
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #2D0404;
}


/*LightBox Formatting*/
#jquery-overlay                                        {width:100%; height:500px; position:absolute; top:0; left:0; z-index:90;}
#jquery-lightbox                                       {text-align:center; width:100%; position:absolute; top:0; left:0; line-height:0; z-index:100;}
#jquery-lightbox a img                                 {border:none;}
#lightbox-container-image-box                          {position:relative; background-color:#fff; width:250px; height:250px; margin:0 auto;}
#lightbox-container-image                              {padding:10px;}
#lightbox-loading                                      {position:absolute; top:40%; left:0%; height:25%; width:100%; text-align:center; line-height:0;}
#lightbox-nav                                          {position:absolute; top:0; left:0; height:100%; width:100%; z-index:10;}
#lightbox-container-image-box > #lightbox-nav          {left:0;}
#lightbox-nav a                                        {outline:none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext           {width:49%; height:100%; zoom:1; display:block;}
#lightbox-nav-btnPrev                                  {left:0; float:left;}
#lightbox-nav-btnNext                                  {right:0; float:right;}
#lightbox-container-image-data-box                     {font:10px Verdana, Helvetica, sans-serif; background-color:#fff; margin:0 auto; line-height:1.4em; overflow:auto; width:100%; padding:0 10px 0;}
#lightbox-container-image-data                         {padding:0 10px; color:#666;}
#lightbox-container-image-data #lightbox-image-details {width:70%; float:left; text-align:left;}	
#lightbox-image-details-caption                        {font-weight:bold;}
#lightbox-image-details-currentNumber                  {display:block; clear:left; padding-bottom:1.0em;}			
#lightbox-secNav-btnClose                              {width:66px; float:right; padding-bottom: 0.7em;}