/* Bath Postal Museum Nav */

ul {margin: 8px 60px 20px 50px; color: #333;}
li {font-size: 12px; line-height: 16px;} 

/* Main Site Navigation */

#navContainer {width: 960px; height: 50px; margin: 0 auto;}

ul#nav	{
	height: 50px; 
	width: 960px;
	position: relative;
	background: url(../images/mainnav.gif) no-repeat top;
	margin: 0;
}
	
ul#nav li	{
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
	}
	
ul#nav li, ul#nav a	{
	height: 50px;
	display: block;
	}

ul#nav li a	{
	text-indent: -9999px; 
	text-decoration: none;
	}

#opt1 {left: 0; width: 138px;}
#opt2 {left: 138px; width: 154px;}
#opt3 {left: 292px; width: 93px;}
#opt4 {left: 385px; width: 172px;}
#opt5 {left: 557px; width: 118px;}
#opt6 {left: 675px; width: 119px;}
#opt7 {left: 794px; width: 166px;}

#opt1 a:hover {background: transparent url(../images/mainnav.gif) 0 -50px no-repeat;}
#opt2 a:hover {background: transparent url(../images/mainnav.gif) -138px -50px no-repeat;}
#opt3 a:hover {background: transparent url(../images/mainnav.gif) -292px -50px no-repeat;}
#opt4 a:hover {background: transparent url(../images/mainnav.gif) -385px -50px no-repeat;}
#opt5 a:hover {background: transparent url(../images/mainnav.gif) -557px -50px no-repeat;}
#opt6 a:hover {background: transparent url(../images/mainnav.gif) -675px -50px no-repeat;}
#opt7 a:hover {background: transparent url(../images/mainnav.gif) -794px -50px no-repeat;}

#opt1 a.current {background: transparent url(../images/mainnav.gif) 0 -100px no-repeat;}
#opt2 a.current {background: transparent url(../images/mainnav.gif) -138px -100px no-repeat;}
#opt3 a.current {background: transparent url(../images/mainnav.gif) -292px -100px no-repeat;}
#opt4 a.current {background: transparent url(../images/mainnav.gif) -385px -100px no-repeat;}
#opt5 a.current {background: transparent url(../images/mainnav.gif) -557px -100px no-repeat;}
#opt6 a.current {background: transparent url(../images/mainnav.gif) -675px -100px no-repeat;}
#opt7 a.current {background: transparent url(../images/mainnav.gif) -794px -50px no-repeat;}

/* Top Nav */

ul#headNav {
	width: 250px;
	height: 28px;
	margin: 0;
	float: left;
}
ul#headNav li {margin: 0; display: block; float: left; list-style-type: none; line-height: 28px; border-right: 1px solid #51433e; font-size: 12px;}
ul#headNav li a {color: #fff; padding: 0 8px; }
ul#headNav li.end {border-right: 0;}

/* Section Menu Left */

ul.sectionNav {margin: 0 20px 0 20px;}
ul.sectionNav li {font-size: 12px; line-height: 16px; margin-left: 20px;} 
ul.sectionNav li.home {list-style-type: none; padding-bottom: 7px; margin: 0 0 7px 0; border-bottom: 1px dotted #999999;}
ul.sectionNav li a.current {color: #333; font-weight: bold;}

/* Sub Section Menu Left */

ul.subsectionNav {margin: 6px 20px 6px 20px;}
ul.subsectionNav li {font-size: 12px; line-height: 16px; margin-left: 20px;} 
ul.subsectionNav li a.current {color: #333; font-weight: bold;}

/* Status Bar Nav */

ul.collStatus {background: #e0ddd2; border-top: 1px solid #b5b4b0; margin: 3px 0 0 0; padding: 0 0 0 20px; line-height: 27px; width: 640px; height: 27px; position: relative;}
ul.collStatus li {font-size: 12px; line-height: 27px; margin-right: 30px; display: block; list-style-type: none; float: left;} 
ul.collStatus li strong {color: #660000;}
ul.collStatus li.inactive {color: #666;}

ul.collStatus li#first {position: absolute; left: 10px;}
ul.collStatus li#last {position: absolute; right: 10px; text-align: right; margin: 0;}

/* History Nav */

ul.hisNav {background: #333; border-top: 3px solid #3883A4; margin: 3px 0 0 0; padding: 0; line-height: 27px; width: 660px; height: 27px; position: relative;}
ul.hisNav li {font-size: 12px; line-height: 27px; margin-left: 20px; display: block; list-style-type: none; float: left; } 
ul.hisNav li a {font-family: Tahoma, "Trebuchet MS", Verdana, Arial, Helvetica; color: #fff; padding: 4px 20px 7px 20px; text-decoration: none;}
ul.hisNav li a:hover {background: #555;}
ul.hisNav li a.current {background: #ECEAE3; color: #333;}
ul.hisNav li strong {color: #660000;}
ul.hisNav li.inactive {color: #666;}






/* History */

#timeContainer {width: 660px; height: 85px; margin: 0 auto;}

ul#timenav	{
	height: 85px; 
	width: 660px;
	position: relative;
	background: url(../images/timeline_nav_bg.gif) no-repeat top;
	margin: 0;
	border-top: 5px solid #333;
}
	
ul#timenav li	{
text-indent: -9999px;
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
	}
	
ul#timenav li, ul#timenav a	{
	height: 68px;
	display: block;
	}

ul#timenav li a	{
	text-indent: -9999px; 
	text-decoration: none;
	}

#time1 {left: 10px; width: 62px;}
#time2 {left: 72px; width: 97px;}
#time3 {left: 169px; width: 93px;}
#time4 {left: 262px; width: 64px;}
#time5 {left: 326px; width: 64px;}
#time6 {left: 390px; width: 64px;}
#time7 {left: 454px; width: 64px;}
#time8 {left: 518px; width: 64px;}
#time9 {left: 582px; width: 64px;}

#time1 a:hover {background: transparent url(../images/timeline_nav_bg.gif) -10px -85px no-repeat;}
#time2 a:hover {background: transparent url(../images/timeline_nav_bg.gif) -72px -85px no-repeat;}
#time3 a:hover {background: transparent url(../images/timeline_nav_bg.gif) -169px -85px no-repeat;}
#time4 a:hover {background: transparent url(../images/timeline_nav_bg.gif) -262px -85px no-repeat;}
#time5 a:hover {background: transparent url(../images/timeline_nav_bg.gif) -326px -85px no-repeat;}
#time6 a:hover {background: transparent url(../images/timeline_nav_bg.gif) -390px -85px no-repeat;}
#time7 a:hover {background: transparent url(../images/timeline_nav_bg.gif) -454px -85px no-repeat;}
#time8 a:hover {background: transparent url(../images/timeline_nav_bg.gif) -518px -85px no-repeat;}
#time9 a:hover {background: transparent url(../images/timeline_nav_bg.gif) -582px -85px no-repeat;}

#time1 a.current {background: transparent url(../images/timeline_nav_bg.gif) -10px -170px no-repeat;}
#time2 a.current {background: transparent url(../images/timeline_nav_bg.gif) -72px -170px no-repeat;}
#time3 a.current {background: transparent url(../images/timeline_nav_bg.gif) -169px -170px no-repeat;}
#time4 a.current {background: transparent url(../images/timeline_nav_bg.gif) -262px -170px no-repeat;}
#time5 a.current {background: transparent url(../images/timeline_nav_bg.gif) -326px -170px no-repeat;}
#time6 a.current {background: transparent url(../images/timeline_nav_bg.gif) -390px -170px no-repeat;}
#time7 a.current {background: transparent url(../images/timeline_nav_bg.gif) -454px -170px no-repeat;}
#time8 a.current {background: transparent url(../images/timeline_nav_bg.gif) -518px -170px no-repeat;}
#time9 a.current {background: transparent url(../images/timeline_nav_bg.gif) -582px -170px no-repeat;}