/*
+-------------------------------------------------------------------------+
Title:		PACW250 Styles
Version:	1.0
Copyright:	2009 - Smith Brothers Agency
Updated:	2/2/2011 - gjh
+-------------------------------------------------------------------------+
*/


/* reset ----------------------------------------------------------------- */
/* ----------------------------------------------------------------------- */

html, body, div, span, 
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;}

address, caption, cite, code, dfn, th, var { 
	font-style:normal; 
	font-weight:normal;} 
	
caption, th {text-align:left;}

table {
	border-collapse: collapse;
	border-spacing: 0;}

ul {list-style: none;}

blockquote, q {quotes: none;}

/* Additional */
form label {cursor: pointer;}
fieldset {border: none;}
abbr, acronymn {text-decoration: none; border:0;}

.clear {clear: both;}

.left {float: left;}

.right {float: right;}

.border.right {margin: 0 0 10px 10px;}

.border.left {margin: 0 10px 10px 0;}

#skip, 
.hide, 
hr, 
#logo-print {display: none;}

.footnote {font-size: 10px; font-style:italic; color: #4d4d4f;}

/* page styles */

body {
	background: #ffffff url(../images/shared/bg.jpg) 0 0;}
	

#civilwar {
	width: 958px;
	margin: 0 auto;
	position: relative;
	padding: 0 33px 20px; }	
	
/* header, login and search */

#brand {
	width: 172px;
	height: 105px;
	background: url(../images/shared/logo-np.gif) 0 0 no-repeat;
	text-indent: -8000px;
	position: absolute;
	top: 17px;
	left: 61px;
	overflow: hidden;
	z-index: 67;}
	
	#brand a {
		display: block;
		width: 172px;
		height: 105px;
		cursor: pointer;}
	
	#login {
		font-family: Verdana, Arial, Helvetica, Sans-Serif;
		font-size: 11px;
		color: #ffffff;
		position: absolute;
		top:18px;
		left:370px;
		z-index: 100;}
		#login a {text-transform: uppercase; color: #ffffff; text-decoration: none;}
			#login a:hover {text-decoration: underline;}
#login .inputs {margin-top: -4px;}
#login input {font-size: 10px; width: 60px;}
#login input.auto {width: auto;}
	
	#search {
		width: 210px;
		height: 20px;
		position: absolute;
		top: 13px;
		right: 81px;
		z-index: 100;}
		
		#search label {display: block; text-indent: -8000px; height:0; width:0; overflow: hidden;}	
		.searchbox {
			width: 155px;
			padding: 2px 5px 0; 
			height: 16px;
			border: 1px solid #969696;
			float: left;}
			
		.searchbut {
			height: 17px;
			width: 34px;
			margin-top: 2px;
			padding-top: 17px;
			overflow: hidden;
			border: 0;
			outline: 0;
			background: url(../images/shared/go.png) 0 0 no-repeat;
			float: right;
			cursor: pointer;
			position: relative;}
			
	
/* navigation */
#navigation {
	width: 294px;
	float: left;}
	
#nav-main {
	width: 294px;
	padding: 0 0 60px;
	background: url(../images/shared/bg-nav-b.gif) bottom left no-repeat;}
	
	#nav-main ul {
		padding: 168px 0 0;
		width: 294px;
		background: url(../images/shared/bg-nav.gif) 0 0 repeat-y;}
		
		#nav-main h3 {cursor: pointer;}
		
		#nav-main li {padding: 0; margin: 0 0 0 18px;}	
		
		#nh-und,
		#nh-war,
		#nh-peo,
		#nh-now {
			display: block;
			height: 40px;
			width: 239px;
			background-repeat: no-repeat;
			background-image: url(../images/shared/nav-main.gif);
			text-indent: -8000px;
			overflow: hidden;}
			
			#nh-und {background-position: 0 0;}
				#nh-und:hover,
				#nh-und.selected {background-position: -239px 0;}
			#nh-war {background-position: 0 -40px;}
				#nh-war:hover,
				#nh-war.selected {background-position: -239px -40px;}
			#nh-peo {background-position: 0 -80px;}
				#nh-peo:hover,
				#nh-peo.selected {background-position: -239px -80px;}
			#nh-now {background-position: 0 -120px;}
				#nh-now:hover,
				#nh-now.selected {background-position: -239px -120px;}
			
		#nav-main ul ul {
			width: 227px;
			padding: 0 0 0 0;
			margin: 0 0 0 14px;
			background: url(../images/shared/n-line.gif) 0 0 no-repeat;}
			
			#nav-main ul ul li {
				padding: 0 0 1px; 
				margin:0;
				font-family: Georgia, serif;
				font-size: 14px;
				color: #ffffff;
				background: url(../images/shared/n-line.gif) bottom left no-repeat;}
				
				#nav-main ul ul a {
				display: block;
				width: 217px;
				padding: 5px 0 3px 10px;
				color: #ffffff; 
				text-decoration: none;}
				
					#nav-main ul ul a:hover,
					#nav-main ul ul a.on {
						background: #131f33;
						color: #ffde73;}										
#nav-tert {
	width: 265px;}
	
	#nav-tert a {
		height: 31px;
		display: block;
		background-image: url(../images/shared/nav-sub2.gif);
		background-repeat: no-repeat;
		text-indent: -8000px;
		margin: 0 0 0 13px;
		overflow: hidden;}
	
	#nt-join {background-position: 0 10px;}
		#nt-join:hover, #nt-join.on {background-position: -265px 10px;}
	#nt-shar {background-position: 0 -21px;}
		#nt-shar:hover, #nt-shar.on {background-position: -265px -21px;}
	#nt-shop {background-position: 0 -53px;}
		#nt-shop:hover, #nt-shop.on {background-position: -265px -53px;}
	#nt-plan {background-position: 0 -87px;}
		#nt-plan:hover, #nt-plan.on {background-position: -265px -87px;}
	#nt-abou {background-position: 0 -118px;}
		#nt-abou:hover, #nt-abou.on {background-position: -265px -118px;}
	#nt-supp {background-position: 0 -149px; height: 35px !important;}
		#nt-supp:hover, #nt-supp.on {background-position: -265px -149px;}
	
	/*#nav-tert a#nt-fb, #nav-tert a#nt-tw, #nav-tert a#nt-newsletter  {
		display: inline-block;
		float: left;
		width: 30px;
		background-position: -3px -165px;}
		
		#nav-tert a#nt-tw  {
		margin: 0;
		background-position: -36px -185px;}*/
		
		#nav-tert a#nt-newsletter {
		width: 265px;
		margin: 0;
		background-position: 14px -184px;}
		#nav-tert a#nt-newsletter:hover, #nav-tert a#nt-newsletter.on {background-position: -253px -185px; width: 265px;}
	
#n-social {
	top: -4px;
	position: relative;
	width: 265px;
	height: 43px;
	background: url(../images/shared/bg-social.png) no-repeat 6px;
}

#n-social li a {
	position: absolute;
	width: 25px;
	height: 25px;
	top: 13px;
	overflow: hidden;
	text-indent: -123456px;
}

#n-social li a#nt-fb {
	background: url(../images/shared/i-fb.gif) no-repeat;
	left: 110px;
}

#n-social li a#nt-tw {
	background: url(../images/shared/i-tw.gif) no-repeat;	
	left: 150px;
}

#n-social li a#nt-flickr {
	background: url(../images/shared/i-flckr.gif) no-repeat;	
	left: 190px;
}

#n-social li a#nt-ytube {
	background: url(../images/shared/i-yt.gif) no-repeat;	
	left: 235px;
}

/* content styles */
#content {
	width: 653px;  /*this width is different for sub-pages */
	float: right;}
	
/* front page */
#flash-replace {
	width: 653px;
	height: 698px;
	/* background:url(../images/shared/flash-temp.jpg) 0 0 no-repeat; */ }	

/* image styles */
	
	.the-war #content-main .menulist img, img.border {
	border: 3px solid #ffffff;
	margin-bottom: 12px;
	}
	
	
/* scroll boxes */	
#scroll-visit,
#scroll-mm,
#scroll-highlight {
	width: 192px;
	height: 23px;
	text-indent: -8000px;
	background-position: 0 0;
	background-repeat: no-repeat;
	overflow: hidden;
	margin: 0 0 0 27px;}
	
#scroll-ctcw {
	width: 202px;
	height: 22px;
	text-indent: -8000px;
	background-position: 0 0;
	background-repeat: no-repeat;
	overflow: hidden;
	margin: 0 0 0 27px;}
	
	#scroll-ctcw {background: url(../images/shared/ban-ctcw.gif) 0 0 no-repeat;}
	
	#scroll-visit {background: url(../images/shared/ban-vp.gif) 0 0 no-repeat;}
	#scroll-mm {background: url(../images/shared/ban-mm.jpg) 0 0 no-repeat;}
	#scroll-highlight {background: url(../images/shared/ban-hl.gif) 0 0 no-repeat;}
	

.scroll li {
	width: 188px;
	height: 200px;
	padding: 0 0 0 11px;
	margin:0; }
	
	.scroll li img {
		display: block;
		padding:0;
		margin: 5px 0 5px;
		border: 3px solid #ebecde;}

.scroll li .scrollmore img {
		display: block;
		padding:0;
		margin: 0;
		border: 0px solid #ebecde;}
	
	.scroll li h3 {
		margin: 10px 10px 0 0;
		padding: 0 0 0;
		height: 28px;
		color: #7b3c0a;
		font-size: 12px;
		font-weight: bold;
		font-family: Georgia, "Times New Roman", Times, serif;}

.scroll li h4, #content-main ul.destinations li h4 {
		margin: 4px 10px 4px 0;
		display: block;
		padding: 0 0 0;
		color: #45576f;
		height: 25px;
		font: bold 11px/13px Georgia, "Times New Roman", Times, serif;
		text-transform: none;}
	
	.scroll li p {
		margin: 0 10px 10px 0;
		padding:0;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #575757;
		height: 95px;}
		
			#content .scroll li p.scrollmore a, #content .destinations li p.scrollmore a {
				color:#c70c0c; 
				text-decoration: none; 
				font-weight: bold;
				font-size:9px; 
				text-transform: uppercase;
				font-family: Georgia, "Times New Roman", Times, serif;
				border: none;
}
				
				/*#content .scroll li p.scrollmore a:after, #content .destinations li p.scrollmore a:after {content:" >";}*/
				
			#content  .scroll li p.scrollmore a:hover, #content  li p.scrollmore a:hover {color: #000000;}
	
	
/* site gutter - under nav */
#gutter-site {
	width:269px;
	clear: left;
	float: left;}
	
	.gutter-box {
		position: relative;
		width: 269px;
		background: url(../images/shared/bg-subnav.jpg) 0 0;
		/* padding: 50px 6px 30px 13px; */
		/* padding: 50px 6px 0 13px; */
		padding: 50px 0 0 0;
		margin: 20px 0;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #575757;}
		
	.gutter-box a {color: #aa3203; text-decoration: underline;}
		.box-content {}
		
	.gutter-box h3 {
		width: 269px;
		height: 32px;
		position: absolute;
		top: 9px;
		left: 0;
		text-indent: -8000px;
		background-repeat: no-repeat;
		overflow: hidden;
		background: url(../images/shared/gut-h-buts.jpg);}
		
		#subpage .gutter-box h3 {cursor: pointer;}
		
		.experience-box h3 {background-position: 0 0;}		
			#subpage .experience-box h3 {background-position: -269px 0; }
			#subpage .experience-box h3.selected,
			#subpage .experience-box h3.selected:hover {background-position: -538px 0;}
			.experience-box .box-content {height: 120px;}
						
			
		.event-box h3 {background-position: 0 -32px;}		
			#subpage .event-box h3 {background-position: -269px -32px;}
			#subpage .event-box h3.selected,
			#subpage .event-box h3.selected:hover {background-position: -538px -32px;}	
		
		.resources-box h3 {background-position: 0 -64px;}			
			#subpage .resources-box h3 {background-position: -269px -64px;}
			#subpage .resources-box h3.selected,
			#subpage .resources-box h3.selected:hover {background-position: -538px -64px;}
			.resources-box .box-content {height: 160px;}			
		
		.museum-box h3 {background-position: 0 -96px;}			
			#subpage .museum-box h3 {background-position: -269px -96px;}
			#subpage .museum-box h3.selected,
			#subpage .museum-box h3.selected:hover {background-position: -538px -96px;}
			
		
		
		.gutter-box p {margin-bottom: .3em;}
		.gutter-box h4 {
			font-weight: bold;
			color: #6b3307;
			margin-bottom: .5em;}
		
		.box-content h4,
				.box-content p {margin: 0 6px 0 13px;}
			
			.gutter-box p.gutter-box-link {
				margin:0; 
				padding:0; 
				height: 34px;
				clear: both;}
				
			.gutter-box-link a {
				text-indent: -8000px;
				overflow: hidden;
				display: block;
				width: 269px;
				height: 57px;
				overflow: hidden;
				clear: both;
				margin: 0;
				padding:0;
				background-position: 0 10px;
				background-repeat: no-repeat;}
		
				.link-learn {background-image: url(../images/shared/g-b-lea.jpg);}
				.link-more {background-image: url(../images/shared/g-b-rea.jpg);}
				.link-map {background-image: url(../images/shared/g-b-lau.jpg);}
				.link-event {background-image: url(../images/shared/g-b-ope.jpg);}				
				
				
				#mobile-p {
					background: url(../images/thumbs/roadshow.jpg) top right no-repeat;
					min-height: 85px;
					padding-right: 90px;}
	
	.event-box .url {font-weight: bold;}
	
	.experience-box ul {
		width: 90px;
		border-left: 1px solid #787878;
		font-size: 10px;
		padding: 0 10px 0 11px;
		float: right;}


	.resources-box ul {
		font-size: 12px;
		padding: 0 10px 0 11px;
		float: left;
		width: 245px;}
		
		.experience-box li,
		.resources-box li {
			margin-bottom: .4em;
			padding-left:10px;
			background: url(../images/shared/b-a.gif) 0 4px no-repeat; }
		
		#resources-intro {
			width: 140px;
			float: left;}
		
		.museum-box img {
			float: right;
			position: relative;
			margin: -15px 7px 5px 10px;}
			
		.photo-box img{
		border: 3px solid #fff;
		margin: 11px;
		padding: 0px;
}
			
			
/* -- Sub page Content and Styles ------------------------------------ */

#subpage #content {width: 647px;}

#content, #full-content {
	color: #000000;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;}
		
	#content a {color: #485c7b;}
		#content a:hover {text-decoration: none;}

#breadcrumb {
	font-family: Arial, Helvetica, sans-serif;
	color: #485c7b;
	margin: 0;
	padding:0 0 10px;}
	
	#breadcrumb a {color: #6a6a6a;}
		#breadcrumb a:hover {text-decoration: none;}	
	
	#content-main-head {min-height: 50px; margin-top:-10px;}
	#content-main-head h1 {
		color: #6a6a6a;
		font-size: 27px;
		font-weight: normal;
		font-family: Geneva, Arial, Helvetica, sans-serif;}
	
	
	
/* content heads ------------------------------------------------------------ */
/* -------------------------------------------------------------------------- */

#content-head {
	width: 641px;
	height: 155px;
	position: relative;}
	
	.understand #content-head,
	.the-war #content-head,
	.thenandnow #content-head {background: url(../images/shared/bg-ban-understand.gif) 0 0 no-repeat; z-index: 10;}
	
	
	
	/*
	#content-head h2 {
		position: absolute;
		top: 81px;
		right: 45px;
		height: 43px;
		width: 370px;
		text-indent: -8000px;
		overflow: hidden;
		z-index: 100;
		background-position: top right;
		background-repeat: no-repeat;}
		
		#h-expert	{background: url(../images/ban-text/ex-bio.png);}
		#h-share 	{background: url(../images/ban-text/share.png);}
		#h-reg 		{background: url(../images/ban-text/reg.png);}
	*/
	
	#content-head h2 {
		position: absolute;
		top: 69px;
		right: 50px;
		width: 100%;
		color: #f5f4e7;
		font-size: 27px;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-weight: normal;
		text-align: right;}


#content-main {
	width: 392px;
	padding: 10px 5px 20px 0;
	min-height: 650px;
	float: left;
	background: url(../images/shared/lines.gif) 0 0 repeat-x;
	clear: both;}
	
	#one-column #content-main {width: 640px;}
	
	.rs {padding-right: 15px;}

	
#content-gutter {
	width: 238px;
	float: right;}
	
	#content.road-show #content-gutter {width: 250px !important; _width: 240px !important;}


/* specific content styles */
#content-main p, #full-content p {margin-bottom: 1.5em;}
#content-main .schedule  {margin-bottom: 30px;}
#content-main .schedule h4 {margin: 2em 0 .2em;}
#content-main .schedule p {margin-bottom: 1em;}

#content-main h2 {
	font-size: 18px;
	color: #131F33;
	font-weight: normal;
	margin-bottom: .5em;}
	
	#content-main h2 a,
	#content-main h2 a:visited {font-style: normal; text-decoration: none; color: #0F73B6;}
	/* #content-main h2 a:after {content:" >";} */
	#content-main h2 a:hover {text-decoration: underline;}
	
#content-main h3 {
	font-size: 14px;
	color: #485c7b;
	font-weight: normal;
	margin-bottom: .5em;}
	
	#content-main h3 a,
	#content-main h3 a:visited {font-style: normal; text-decoration: none; color: #0F73B6;}
	/* #content-main h3 a:after {content:" >";} */
	#content-main h3 a:hover {text-decoration: underline;}
	
#content-main h4 {
	font-size: 11px;
	color: #131F33;
	margin-bottom: .5em;
	text-transform: uppercase;
	font-weight: bold;}
	
#content-main h5 {
	font-size: 11px;
	color: #131F33;
	margin: -8px 0 .5em;
	font-weight: normal;
	font-style: italic;}
	
#content-main a {
	color: #0f73b6;
	font-style: normal;}
	#content-main a:hover {text-decoration: none;}
	#content-main a:visited {color: #808285;}

#content-main dl {margin-bottom: 1.5em;}

	#content-main dl dt, td.event-title {font-weight: bold;}
	
	#content-main .stats dt,
	#content-main .stats dd {}
	#content-main .stats dt {float: left; clear: left; padding-right: 15px;}

#content-main ul {margin-bottom: 1.5em;}
	
	#content-main ul li {
		padding: 0 0 0 10px;
		margin: 0 0 1em 20px;
		background: url(../images/shared/bul-b.gif) 0 4px no-repeat;}
	
	#content-main ul ul {margin-top: 10px;}
	
#content-main blockquote {
	margin: 1em 20px;
	font-size: 16px;
	color: #485c7b;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;}	
	
p.source {
	font-style: italic;
	font-size: 11px;}

div.gutter-box p.source {
	font-style: italic;
	font-size: 11px;
	padding-top: 5px;}
	
	
	/* specific content styles */
	
	/* Make Text Small */
	.small { 
		font-size: 10px !important; }
	
	/* List to hold menu lists */
	#content-main ul.menulist li {
		margin-left:0;
		background: none;
		padding-left:0;
		padding-top: 10px;
		background: url(../images/shared/lines.gif) 0 0 repeat-x;}
		
		#content-main ul.menulist li.first {padding-top:0; background: none;}
		#content-main ul.menulist li.last {border: none;}
		
	/* List for Historical Figures */
	
		#content-main ul.historicallist li {
		border: none;
		margin-left: 0;
		padding-left: 0;
		background: url(../images/shared/lines.gif) 0 0 repeat-x;
		padding-top: 10px;}

		#content-main ul.historicallist li.first {
		background: none;
		padding-top: 0;}
		
		#content-main ul.historicallist ul li {
		padding: 0 0 0 10px;
		margin: 0 0 1em 20px;
		background: url(../images/shared/bul-b.gif) 0 4px no-repeat;}
		
		#content-main ul.historicallist li img {
		float: right;
		border: 3px solid #ffffff;
		margin: 0 0 0 10px;}


/* Basics page styles ---------------------------------------------------------- */
/* -------------------------------------------------------------------------- */

.stats-table {
	margin-bottom: 10px;
}

.stats-table th {
border-bottom: 1px solid #787878;
padding: 5px 0 8px 5px;
font-weight: bold;}


.stats-table td {
	border-bottom: 1px solid #dcdcdc;
	padding: 3px 0 5px 5px;
	width: 100px;}	
	

/* Events form styles ---------------------------------------------------------- */
/* -------------------------------------------------------------------------- */

table#sort-events{
	background: url(../images/shared/lines.gif) 0 0 repeat-x;
	margin-bottom: 10px;
}
table#sort-events tr th {
	font-size: 12px;
	color: #485c7b;
	font-weight: bold;
	background: url(../images/shared/lines.gif) repeat-x 0 bottom;
	padding-top: 5px;
	padding-bottom: 5px;
}

#current-events table.current-events tr th {
	font-size: 12px;
	color: #485c7b;
	font-weight: bold;
	background: url(../images/shared/lines.gif) repeat-x 0 bottom;
	padding-top: 5px;
	padding-bottom: 5px;
}

#current-events table.current-events tr th a {
	text-decoration: none;
	color: #485c7b;
	font-weight: bold;}
	#current-events table.current-events tr th a:hover {
	text-decoration: underline;}

.events-results dt{
	padding: 10px 0 5px 10px;
	font: bold 12px Verdana, "Lucida Grande", Lucida, sans-serif;
}

.events-results dd{
	padding: 0 0 10px 10px;
	font: normal 11px Verdana, "Lucida Grande", Lucida, sans-serif;
}

#content-main .events-results dd p{
	padding: 5px 0 10px;
	font: normal 11px Verdana, "Lucida Grande", Lucida, sans-serif;
	margin-bottom: 0;
}

.events-results dd span{
	display: block;
	padding-bottom: 2px;
	padding-top: 2px;
}


.events-results dt.odd, .events-results dd.odd, table.current-events tr.odd, table#event-details {
	background: rgba(210,192,145,0.35);
}

.events-results.detail dt, .events-results.detail dd{
	padding-left: 0;
}


table.current-events img.sort{
	padding-left: 3px;
} 

table.current-events td{
	padding-bottom: 5px;
	padding-top: 5px;
	height: 15px;
	padding-left: 5px;
}

table#event-details td {
	padding: 5px;
}

#content #content-main #event-submit input.date {
	width: 118px;
	vertical-align: top;
}

#content #content-main #event-submit fieldset.date p {
	width: 165px;
	float: left;
	margin-right: 10px;
}

#content #content-main #event-submit fieldset.date p img {
	padding-top: 3px;
}

#event-submit label {
	padding-top: 10px;
}

#event-submit input.medium, #event-submit select.medium {
	width: 227px;
}

#event-submit input.small {
	width: 117px;
}

#event-submit input.auto {
	width: auto;
}

#event-submit input.checkbox {
	width: auto;
}
#event-submit .checkbox input{
	width: auto;
}

#event-submit fieldset.checkbox-group label {
	font-weight: normal;
	font-style: normal;
	color: #000;
}

#event-submit fieldset.checkbox-group  {
	padding-bottom: 10px;
}




	

/* edu page styles ---------------------------------------------------------- */
/* -------------------------------------------------------------------------- */

#edutable th {
border-bottom: 1px solid #787878;
padding: 5px 0 8px 5px;
font-weight: bold;}


#edutable td {
	border-bottom: 1px solid #dcdcdc;
	padding: 3px 0 5px 5px;}
	
	

/* edu gutter navigation */

.gutter-edu-box {
	width: 229px;
	position: relative;
	background: url(../images/shared/bg-subnav.jpg) 0 0;
	padding: 0;
	margin: 0 0 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #575757;}
	
	.gutter-edu-box h3 {
		width: 229px;
		height: 37px;
		text-indent: -123456px;
		background-image: url(../images/shared/nav-edu.jpg);
		background-repeat: no-repeat;}
		
	.gutter-edu-box ul {margin: 5px 0 0; padding-bottom: 10px;}
	.gutter-edu-box li {padding: 0 0 .4em 9px; margin-left: 10px; background: url(../images/shared/bul-sn.gif) 0 4px no-repeat;}
		#content .gutter-edu-box li a {text-decoration: none;}
			#content .gutter-edu-box li a:hover {text-decoration: underline;}		
		


	#edu-pol {background-position: 0 0;}
		#edu-pol:hover,
		#edu-pol.selected {background-position: -229px 0;}
	
	#edu-soc {background-position: 0 -42px;}
		#edu-soc:hover,
		#edu-soc.selected {background-position: -229px -42px;}
	
	#edu-tra {background-position: 0 -83px;}
		#edu-tra:hover,
		#edu-tra.selected {background-position: -229px -83px;}
	
	#edu-wom {background-position: 0 -124px;}
		#edu-wom:hover,
		#edu-wom.selected {background-position: -229px -124px;}
	
	#edu-com {background-position: 0 -165px;}
		#edu-com:hover,
		#edu-com.selected {background-position: -229px -165px;}
	
	#edu-bel {background-position: 0 -329px;}
		#edu-bel:hover,
		#edu-bel.selected {background-position: -229px -329px;}
	
	#edu-mil {background-position: 0 -206px;}
		#edu-mil:hover,
		#edu-mil.selected {background-position: -229px -206px;}
	
	#edu-imm {background-position: 0 -247px;}
		#edu-imm:hover,
		#edu-imm.selected {background-position: -229px -247px;}
	
	#edu-eth {background-position: 0 -288px;}
		#edu-eth:hover,
		#edu-eth.selected {background-position: -229px -288px;}


/* shop our store ----------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
	
/* products */
#content-main ul.products li {list-style: none; background: none; margin: 0; padding: 0; float: left;}
	#content-main ul.products li.first,
	#content-main ul.products li.second {margin: 0 30px 0 0;}		
	#content-main ul.products li.third {margin: 0 0 0 24px;}	


.shopbox-outer, .shopbox {
	width: 663px;
	height: 468px;}

	.shopbox-outer { position: relative; }
		
	.shopbox {
		background: url(../images/box-shopstore.png) no-repeat;
		position: absolute;
		left: -18px;}
		
	.shopbox a {
	color: #4b6488 !important;
}

ul#featured-store {
	position: relative;
	margin: 0;
	padding: 0;
	top: 90px;
	left: 30px;
}
		
ul#featured-store li {
	margin: 0;
	padding: 0;
	overflow: hidden;
	list-style-type: none;
	background: none;
	float: left;}
	
ul#featured-store li a {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	font-size: 1%;
	float: left;
	cursor: pointer;
	cursor: hand;}

	ul#featured-store li#shop-150shirt a {
		background: url(../images/products/shop-150shirt.png) no-repeat;
		width: 132px; height: 150px; margin: 0 20px 0 0; _margin: 0 10px 0 0;}
		
	ul#featured-store li#shop-playcards a {
		background: url(../images/products/shop-playcards.png) no-repeat;
		width: 146px; height: 156px; margin: 0 20px 0 0; _margin: 0 10px 0 0;}
		
	ul#featured-store li#shop-coin a {
		background: url(../images/products/shop-coin.png) no-repeat;
		width: 127px; height: 149px; margin: 0 20px 0 0; _margin: 0 10px 0 0;}
		
	ul#featured-store li#shop-puzzledrum a {
		background: url(../images/products/shop-puzzledrum.png) no-repeat;
		width: 131px; height: 153px;}
	
.shop-para {
	clear: both;
	position: relative;
	top: 110px;
	*top: 90px;
	_top: 105px;
	left: 30px;
	width: 600px;
}

#start-shopping {
	position: absolute;
	top: 380px;
	right: 20px;
	width: 204px;
	height: 61px;
	border: 0;
	background:  url(../images/products/btn-startshopping.png) 0 0 no-repeat;
	overflow: hidden;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */}
	
	#start-shopping:hover {background-position: 0 -61px;}
	

/* form styles -------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */

#content label {
	font-size: 11px;
	font-weight: bold;
	display: block;
	color: #485c7b;
	margin: 0 0 .4em;}
	
	#content input {
		border: 1px solid #b0b1b5;
		padding: 3px 2px;
		width: 320px;}
	
	#content textarea {
		border: 1px solid #b0b1b5;
		padding: 4px;
		width: 320px;
		font-size: 11px;
		font-family: Verdana, Arial, Helvetica, sans-serif;}
		
	#submit {
		border:0;
		padding: 3px 6px;
		background: #43546b;
		color: #ffffff;}
		#submit:hover {background: #303c4d;}
		
		
	/* Registration Form */
	#content #regform-name p {float:left; width: 169px;}
	#content #regform-name input {width: 155px;}
	
	.city-state-zip p {float: left;margin-right: 10px;}	
	
	#content #reg-city input {width: 150px;}
	#content #reg-zip input {width: 80px;}	
	#content #regform-userinfo input,
	#content #regform-password input {width: 155px;}
	
	#content #regform-password p {width: 169px; float: left;}
	
	/* Search for Event Form */

#content #content-main #event-search {
	padding: 0px;
	margin-bottom: 50px;
}

#content-main #event-search, #event-search {
	padding: 10px;
}
	
	#content div.content-gutter-box input, #content div.content-gutter-box select, #content #event-search select {
	width: 190px;
	margin-top: 3px;
}

#event-search fieldset.date input {
	width: 117px;
	margin-top: 3px;
}



#content #event-search input#submit {
	width: auto;
	display: block;
	margin-top: 10px;
	padding: 0 0px 0px;
}

fieldset.date {
	padding-top: 10px;
	height: 50px;
}

#content-gutter fieldset.date {
	padding-top: 10px;
	height: 106px;
}

#content #content-main #event-search input.date {
	width: 118px;
	vertical-align: top;
}

#content #content-main #event-search fieldset.date p {
	width: 165px;
	float: left;
	margin-right: 10px;
}

#content #content-main #event-search fieldset.date p img {
	padding-top: 3px;
}
		

/* menus -------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */

/* tabbed menu - top of menu pages */
#people-base-menu li {
	float: left;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	color: #ffffff;}
	
	#people-base-menu a {
		display: block;
		color: #ffffff;
		text-decoration: none;
		padding: 3px 5px;
		margin-right: 1px;}


/* story menu - bottom of story pages */
#content-main .read-menu {font-size:11px;}
.read-menu h4 {
	font-weight: bold;
	font-size:12px;
	margin-bottom: .4em;}
	
	#content-main .read-menu li {margin-bottom: .5em;}
	#content-main .read-menu ul a {font-style: normal;}


/* narrative block */
.narrative,
.foot {
	font-size: 10px;
	color: #6a6a6a;
	padding: 10px 0;
	margin: 15px 0 0;
	background: url(../images/shared/lines.gif) 0 0 repeat-x; }
	

/* Menu pages --------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */	

.base-item {
	width: 372px;
	min-height: 90px;
	padding: 15px 15px 10px 10px;
	background: url(../images/shared/lines.gif) bottom  repeat-x;
	clear: both;}
	
	.base-item h3 {
		color: #6b3307;
		font-size: 12px;
		margin: 0 0 5px;}
	.base-item h3,
	.base-content {
		width: 280px;
		float: right;}
	
	.base-item img {
		float: left;
		border: 3px solid #ffffff;
		width: 76px;}
	
	#content-main .base-item a {color: #993203; text-decoration: underline;}
		#content-main .base-item a:hover {color: #993203; text-decoration: none;}
		
		#content-main .base-item a:before {content: "> ";}
	
	#content-main .base-item p {margin-bottom: .2em;}
	
/* Comment Pages ------------------------------------------------------------ */
/* -------------------------------------------------------------------------- */

#comments {
	background: url(../images/shared/lines.gif) 0 0 repeat-x;}
	
	.comment-container {
		background: url(../images/shared/lines.gif) bottom left repeat-x;
		padding: 10px 0 1px;
		font-size: 11px;
		color: #707070;}
		
	#content-main p.comment-meta {color: #4d4d4f; margin-bottom: .5em;}
		#content-main p.comment-meta strong {font-size: 13px; color: #6b3307; font-weight: normal;}

	#content-main #comment-form {
		color: #4d4d4f;
		padding: 15px 0;}
		
	#content-main #comment-form h3,
	#content-main #comment-form label {
		font-size: 14px;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-weight: normal;}
		
/* gutter boxes ------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */

div.content-gutter-related {
	width: 225px;
	background: url(../images/shared/lines.gif) 0 0 repeat-x;
	padding-top: 10px;
	margin-bottom: 10px;}
	
	#content.road-show .content-gutter-related {
	width: 250px !important; _width:240px !important; padding-top: 1px;}
	
	.content-gutter-related.roadshow {
	padding-left: 10px ;
}
	
	div.content-gutter-related.top {background: none;}
	
div.content-gutter-related.interactive-solider {
	width: 225px;
	background: none;
	padding-top: 0;
	margin-bottom: 10px;}

div.content-gutter-related.interactive-solider a { 
	display: block;
	padding-top: 10px; }

div.content-gutter-related.historical-figures {
	width: 225px;
	background: none;
	margin-bottom: 10px;
	padding-top: 0;
}
	
	
	div.content-gutter-related h4 {
		color: #485c7b;
		font-size: 17px;
		font-weight: normal;
		margin-bottom: 0.5em;}
		
		
		#content div.content-gutter-related a, #content div.content-gutter-related li {
			font-family: Georgia, "Times New Roman", Times, serif;
			font-size: 13px;
			color: #6a6a6a;
			text-decoration: none;}
			
			#content div.content-gutter-related a:hover {text-decoration: underline;}
	
	div.content-gutter-related ul {
		background: url(../images/shared/lines.gif) bottom left repeat-x;
		padding-bottom: 15px}
		
		div.content-gutter-related ul#rs-sidebar-sched {background: none;}
		
		div.content-gutter-related.small ul {background: none;}
	
	div.content-gutter-related li {		
		padding-left:12px;
		background: url(../images/shared/bul-2.gif) 0 5px no-repeat;
		margin-bottom: .3em;}
	
	#content div.content-gutter-related.small li {		
		padding-left:12px;
		background: url(../images/shared/bul-2.gif) 0 5px no-repeat;
		margin-bottom: .3em;
		font-size: 11px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #000000;}
		
		
	#content div.content-gutter-related.small a {		
		font-size: 11px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #000000;
		text-decoration: underline;}
	

div.content-gutter-box {
	width: 238px;
	background-image: url(../images/shared/bg-subnav.jpg);
	background-position: 0 0;
	position: relative;
	margin-bottom: 10px;}

div.content-gutter-box.events {
	width: 238px;
	background-image: url(../images/shared/bg-subnav.jpg);
	background-position: 0 0;
	position: relative;
	margin-bottom: 10px;}
		
		div.headline {background-position: 0 24px; background-repeat: repeat-y;}
	
	.content-gutter-box a {color:#485c7b;}
		.content-gutter-box a:hover {text-decoration: none;}
	
	/* dl for the bios */
	#bio {
		width: 222px;
		padding: 10px 8px 10px;}
		
		#bio img {border: 6px solid #ffffff; margin-bottom: 5px;}
		#bio dd.fn {
			font-size: 12px;
			color: #6b3307;
			font-weight: bold;}
	
	
	/* list styles in the content gutter */
	.content-gutter-box ul.menu  {padding: 15px;}
		.content-gutter-box ul.menu li {margin-bottom: .5em;}
	
	
	/* when the box has content OTHER then a menu */
	.content-gutter-content {padding:15px;}	
	
			
	/* content gutter box banners */
	.content-gutter-box h4 {
		height: 24px;
		width: 238px;
		text-indent: -8000px;
		background-position: 0 0;
		background-repeat: no-repeat;
		border-bottom: 1px dotted #57656e;}
	
	.content-gutter-box h5 {
		font-size: 16px;
		font-family: Georgia, "Times New Roman", Times, serif;
		color: #6a6a6a;
		font-weight: normal;}
	
	.content-gutter-box p {margin-bottom: .7em;}
	
	.content-gutter-box li {padding: 0 0 .7em 9px; background: url(../images/shared/bul-sn.gif) 0 4px no-repeat;}		
		
		#gb-resource {background-image: url(../images/banners/randg.jpg);}
		#gb-benefits {background-image: url(../images/banners/benefits.jpg);}
		#gb-submit {background-image: url(../images/banners/submit-event.jpg);}
		#gb-search {background-image: url(../images/banners/search-event.jpg);}
		
		#gb-aa-res {background-image: url(../images/banners/aa-resref.jpg);}
			#gb-aa-res-b {background-image: url(../images/banners/aa-resref-b.jpg);}
			
		#gb-aa-loc {background-image: url(../images/banners/aa-loc.jpg);}
		#gb-aa-places {background-image: url(../images/banners/aa-places.jpg);}
		
		#gb-biblio {background-image: url(../images/banners/aa-biblio-b.jpg);}
		#gb-primary {background-image: url(../images/banners/primary.jpg);}
		#gb-second {background-image: url(../images/banners/secondary.jpg);}
		
		#gb-aa-pressc {background-image: url(../images/banners/aa-pressc-b.jpg);}		
		#gb-aa-pressk {background-image: url(../images/banners/aa-pressk-b.jpg);}
		
		
		
	/* map */
	/* To be replaced with flash */
	.gutter-map-sm {
		margin: 10px 8px;
		height: 190px;}
	
	/* Photo */
	.content-gutter-photo {
		width: 231px;
		background: #ffffff;
		padding: 8px 0 5px 7px;
		margin:15px 0;
		font-size:9px;
		color: #74756e;}
		
		.content-gutter-photo dd {padding: 2px 0;}

	/* Tab Boxes in Gutter */
	.content-gutter-tabs {
		width: 238px;
		position: relative;
		margin-bottom: 10px;}
		
		.tabs-menu li {
			float: left;
			font-family: Georgia, "Times New Roman", Times, serif;
			font-size: 11px;
			color: #ffffff;}
	
		.tabs-menu li a {
			display: block;
			color: #ffffff;
			text-decoration: none;
			padding: 3px 5px;
			margin-right: 1px;}
		
		.content-gutter-tabs div {
			width: 208px;
			background-image: url(../images/shared/bg-subnav.jpg);
			background-position: 0 0;
			position: relative;
			clear: both;
			padding: 10px 15px;}
			
			.content-gutter-tabs li {margin-bottom: .3em;}
	
	/* gutter slider */
	.content-gutter-slider li {
		width: 217px;
		height: 48px;
		background: #ffffff;
		margin: 0 0 3px 0;
		padding: 4px;
		font-size: 9px;
		color: #4d4d4f;
		position: relative;}
		
		.content-gutter-slider li img {
			border: 2px solid #d6d3be;
			width: 65px;
			float: left;}
		
		.content-gutter-slider h4 {
			width: 144px;
			float: right;
			color: #6b3307;
			font-size: 10px;}
		
		.content-gutter-slider p {
			width: 144px;
			float: right;}
		
		a.g-more {
			display: block;
			width: 39px;
			height: 12px;
			background: url(../images/shared/more.gif) 0 0 no-repeat;
			text-indent: -8000px;
			position: absolute;
			bottom:0;
			right:0;}
		
			
/* footer */
#footer {
	clear: both;
	padding: 50px 30px 0;
	width: 594px;
	height: 72px;
	background: url(../images/shared/footer.gif) -20px 0 no-repeat;
	float: right; 
	font-size: 11px;
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	line-height: 2em;
	position: relative;}
	
	#footer a {color: #ffffff;}
		#footer a:hover {text-decoration: none;}



/* Specific containers for Flash Elements */
#timeline-contain {
	width: 660px;
	height: 400px;}






/* ---------------------------------------------- */
/* Changing colours in the THROUGH PEOPLE Section */
/* ---------------------------------------------- */

/* headers */
.people.africanamerican #content-head {background: url(../images/shared/bg-ban-people-aa.gif) 0 0 no-repeat; z-index: 10;}
.people.children #content-head {background: url(../images/shared/bg-ban-people-chi.gif) 0 0 no-repeat; z-index: 10;}
.people.immigrants #content-head {background: url(../images/shared/bg-ban-people-imm.gif) 0 0 no-repeat; z-index: 10;}
.people.politicians #content-head {background: url(../images/shared/bg-ban-people-pol.gif) 0 0 no-repeat; z-index: 10;}
.people.soldiers #content-head {background: url(../images/shared/bg-ban-people-sol.gif) 0 0 no-repeat; z-index: 10;}
.people.women #content-head {background: url(../images/shared/bg-ban-people-wom.gif) 0 0 no-repeat; z-index: 10;}
.people.civilians #content-head {background: url(../images/shared/bg-ban-people-civ.gif) 0 0 no-repeat; z-index: 10;}



/* breadcrumbs */
.people.africanamerican #breadcrumb {color:#506c31;}
.people.children #breadcrumb {color:#438697;}
.people.immigrants #breadcrumb {color:#cb880b;}
.people.politicians #breadcrumb {color:#526e75;}
.people.soldiers #breadcrumb {color:#b8590f;}
.people.women #breadcrumb {color:#993720;}
.people.civilians #breadcrumb {color:#7d693d;}

/* content head */
.people.africanamerican #content-head h2 {color: #506c31;}
.people.children #content-head h2 {color: #438697;}
.people.immigrants #content-head h2 {color: #cb880b;}
.people.politicians #content-head h2 {color: #526e75;}
.people.soldiers #content-head h2 {color: #b8590f;}
.people.women #content-head h2 {color: #993720;}
.people.civilians #content-head h2 {color: #7d693d;}

/* horizontal menus */

.people.africanamerican #people-base-menu a {background: #87986d;}
	.people.africanamerican #people-base-menu a:hover,
	.people.africanamerican #people-base-menu a.on {background: #506c31;}
	
.people.children #people-base-menu a {background: #72a4b1;}
	.people.children #people-base-menu a:hover,
	.people.children #people-base-menu a.on {background: #438697;}
	
.people.immigrants #people-base-menu a {background: #d8a648;}
	.people.immigrants #people-base-menu a:hover,
	.people.immigrants #people-base-menu a.on {background: #cb880b;}
	
.people.politicians #people-base-menu a {background: #7d9298;}
	.people.politicians #people-base-menu a:hover,
	.people.politicians #people-base-menu a.on {background: #526e75;}
	
.people.soldiers #people-base-menu a {background: #ca834b;}
	.people.soldiers #people-base-menu a:hover,
	.people.soldiers #people-base-menu a.on {background: #b8590f;}
	
.people.women #people-base-menu a {background: #b36958;}
	.people.women #people-base-menu a:hover,
	.people.women #people-base-menu a.on {background: #993720;}
	
.people.civilians #people-base-menu a {background: #9e8f6e;}
	.people.civilians #people-base-menu a:hover,
	.people.civilians #people-base-menu a.on {background: #7d693d;}


/* gutter tabs */
#content.people.africanamerican .tabs-menu li a {color: #f7f4e2; background: #87986d;}
#content.people.africanamerican .tabs-menu li a:hover,
	#content.people.africanamerican .tabs-menu li a.selected {color: #ffffff; background: #506c31;}
	
#content.people.children .tabs-menu li a {color: #f7f4e2; background: #72a4b1;}
#content.people.children .tabs-menu li a:hover,
	#content.people.children .tabs-menu li a.selected {color: #ffffff; background: #438697;}
	
#content.people.immigrants .tabs-menu li a {color: #f7f4e2; background: #d8a648;}
#content.people.immigrants .tabs-menu li a:hover,
	#content.people.immigrants .tabs-menu li a.selected {color: #ffffff; background: #cb880b;}
	
#content.people.politicians .tabs-menu li a {color: #f7f4e2; background: #7d9298;}
#content.people.politicians .tabs-menu li a:hover,
	#content.people.politicians .tabs-menu li a.selected {color: #ffffff; background: #526e75;}
	
#content.people.soldiers .tabs-menu li a {color: #f7f4e2; background: #ca834b;}
#content.people.soldiers .tabs-menu li a:hover,
	#content.people.soldiers .tabs-menu li a.selected {color: #ffffff; background: #b8590f;}
	
#content.people.women .tabs-menu li a {color: #f7f4e2; background: #b36958;}
#content.people.women .tabs-menu li a:hover,
	#content.people.women .tabs-menu li a.selected {color: #ffffff; background: #993720;}
	
#content.people.civilians .tabs-menu li a {color: #f7f4e2; background: #9e8f6e;}
#content.people.civilians .tabs-menu li a:hover,
	#content.people.civilians .tabs-menu li a.selected {color: #ffffff; background: #7d693d;}

/* Story menus */
.people.africanamerican .read-menu h4,
.people.africanamerican #content-main .read-menu ul a {color: #506c31;}

.people.children .read-menu h4,
.people.children #content-main .read-menu ul a {color: #438697;}

.people.immigrants .read-menu h4,
.people.immigrants #content-main .read-menu ul a {color: #cb880b;}

.people.politicians .read-menu h4,
.people.politicians #content-main .read-menu ul a {color: #526e75;}

.people.soldiers .read-menu h4,
.people.soldiers #content-main .read-menu ul a {color: #b8590f;}

.people.women .read-menu h4,
.people.women #content-main .read-menu ul a {color: #993720;}

.people.civilians .read-menu h4,
.people.civilians #content-main .read-menu ul a {color: #7d693d;}

/* main content styles */
.people.africanamerican #content-main h2 {font-size: 14px; color: #506c31;	font-weight: bold;	margin-bottom: .3em;}
.people.children #content-main h2 {font-size: 14px; color: #506c31;	font-weight: bold;	margin-bottom: .3em;}
.people.immigrants #content-main h2 {font-size: 14px; color: #506c31;	font-weight: bold;	margin-bottom: .3em;}
.people.politicians #content-main h2 {font-size: 14px; color: #506c31;	font-weight: bold;	margin-bottom: .3em;}
.people.soldiers #content-main h2 {font-size: 14px; color: #506c31;	font-weight: bold;	margin-bottom: .3em;}
.people.women #content-main h2 {font-size: 14px; color: #506c31;	font-weight: bold;	margin-bottom: .3em;}
.people.civilians #content-main h2 {font-size: 14px; color: #506c31;	font-weight: bold;	margin-bottom: .3em;}


/* gutter boxes */
#content.people.africanamerican .content-gutter-content a,
#content.people.africanamerican .content-gutter-tabs a {color:#506c31;}

#content.people.children .content-gutter-content a,
#content.people.children .content-gutter-tabs a {color:#438697;}

#content.people.immigrants .content-gutter-content a,
#content.people.immigrants .content-gutter-tabs a {color:#cb880b;}

#content.people.politicians .content-gutter-content a,
#content.people.politicians .content-gutter-tabs a {color:#526e75;}

#content.people.soldiers .content-gutter-content a,
#content.people.soldiers .content-gutter-tabs a {color:#b8590f;}

#content.people.women .content-gutter-content a,
#content.people.women .content-gutter-tabs a {color:#993720;}

#content.people.civilians .content-gutter-content a,
#content.people.civilians .content-gutter-tabs a {color:#7d693d;}

#content .content-gutter-related a.on, #content .content-gutter-related li.on {
	color: #475b7a;}

/* gutter box headers */
#content.people.africanamerican #gb-aa-loc {background-image: url(../images/banners/aa-loc.jpg);}
#content.people.africanamerican #gb-aa-places {background-image: url(../images/banners/aa-places.jpg);}
#content.people.africanamerican #gb-aa-res {background-image: url(../images/banners/aa-resref.jpg);}

#content.people.children #gb-aa-loc {background-image: url(../images/banners/aa-loc-chi.jpg);}
#content.people.children #gb-aa-places {background-image: url(../images/banners/aa-places-chi.jpg);}
#content.people.children #gb-aa-res {background-image: url(../images/banners/aa-resref-chi.jpg);}

#content.people.immigrants #gb-aa-loc {background-image: url(../images/banners/aa-loc-imm.jpg);}
#content.people.immigrants #gb-aa-places {background-image: url(../images/banners/aa-places-imm.jpg);}
#content.people.immigrants #gb-aa-res {background-image: url(../images/banners/aa-resref-imm.jpg);}

#content.people.politicians #gb-aa-loc {background-image: url(../images/banners/aa-loc-pol.jpg);}
#content.people.politicians #gb-aa-places {background-image: url(../images/banners/aa-places-pol.jpg);}
#content.people.politicians #gb-aa-res {background-image: url(../images/banners/aa-resref-pol.jpg);}

#content.people.soldiers #gb-aa-loc {background-image: url(../images/banners/aa-loc-sol.jpg);}
#content.people.soldiers #gb-aa-places {background-image: url(../images/banners/aa-places-sol.jpg);}
#content.people.soldiers #gb-aa-res {background-image: url(../images/banners/aa-resref-sol.jpg);}

#content.people.women #gb-aa-loc {background-image: url(../images/banners/aa-loc-wom.jpg);}
#content.people.women #gb-aa-places {background-image: url(../images/banners/aa-places-wom.jpg);}
#content.people.women #gb-aa-res {background-image: url(../images/banners/aa-resref-wom.jpg);}

#content.people.civilians #gb-aa-loc {background-image: url(../images/banners/aa-loc-civ.jpg);}
#content.people.civilians #gb-aa-places {background-image: url(../images/banners/aa-places-civ.jpg);}
#content.people.civilians #gb-aa-res {background-image: url(../images/banners/aa-resref-civ.jpg);}



/* comment form */
#content.people.africanamerican #comment-form label {color:#506c31;}
#content.people.children #comment-form label {color:#438697;}
#content.people.immigrants #comment-form label {color:#cb880b;}
#content.people.politicians #comment-form label {color:#526e75;}
#content.people.soldiers #comment-form label {color:#b8590f}
#content.people.women #comment-form label {color:#993720;}
#content.people.civilians #comment-form label {color:#7d693d;}

/* Hisorical Organizations Submissions */
div#content-main img#organization-img { 
	padding-bottom: 15px; }
	
div#society-visit { 
	margin-top: 10px; 
	padding: 7px 5px 9px 20px;
	color: #f7f4e5; 
	line-height: 16px; 
	background: #43546b url(../images/misc/resources-arrow.gif) no-repeat left top; }

div#society-visit a {
	color: #f7f4e5 !important;
	text-decoration: underline !important; 
	font: bold 11px Verdana, "Lucida Grande", Lucida, sans-serif !important; }
	
#content .society-submit-form label {
	font-size: 11px;
	font-weight: bold;
	display: block;
	color: #485c7b;
	margin: 0 0 .4em; 
	width: 165px;
	float: left; 
	text-align: right; 
	padding: 5px 10px 0 0; }

#content .society-submit-form.step-2 label,
#content .society-submit-form.step-3 label {
	font-size: 11px;
	font-weight: bold;
	display: block;
	color: #485c7b;
	margin: 0 0 .4em; 
	width: 365px;
	float: left; 
	text-align: left; 
	padding: 5px 10px 0 0; }
	
#content .society-submit-form  input {
		border: 1px solid #b0b1b5;
		padding: 3px 2px;
		width: 200px; }

#content .society-submit-form.step-3  input#profile-img {
		border: none;
		padding: 3px 2px;
		width: 375px; }
		
#content .society-submit-form textarea { 
	width: 370px; 
	height: 55px; }
	
#content .society-submit-form input.remaining { 
	width: 50px;
	background-color: transparent;
	border: none; 
	font-style: italic;
	text-align: left; 
	padding-left: 0; }
		



/* destinations styles & carousel styles */


#content-main ul.destinations{
	overflow: hidden;
	background: none;
	margin-left: 0;
}

#content-main ul.destinations li{
	width: 188px;
	float: left;
	padding: 0 0 0 11px;
	background: none;
	margin-left: 0;
}

#civilwar .scrollbox .destinations li h3 {
		margin: 10px 10px 0 0;
		padding: 0 0 0;
		height: 35px;
		color: #7b3c0a;
		font-size: 12px;
		font-weight: bold;
		font-family: Georgia, "Times New Roman", Times, serif;}
		
.destinations li img {
		display: block;
		padding:0;
		margin: 5px 0 5px;
		border: 3px solid #ebecde;}

.destinations li p.scrollmore img {border: 0px solid;}
		
.destinations li p {
		margin: 0 10px 10px 0;
		padding:0;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #575757;}


/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {position: relative;margin: 0 ;}
.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;}
.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}
    
.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 177px;
    height: 270px;}
    
    
    /* vertical scrolls in the gutter */
    .content-gutter-slider .jcarousel-list li,
	.content-gutter-slider .jcarousel-item {
    	list-style: none;
    	/* We set the width/height explicitly. No width/height causes infinite loops. */
    	width: 217px;
    	height: 48px;}
    
    .content-gutter-slider .jcarousel-container-vertical {
    	background: url(../images/shared/bg-subnav.jpg) 0 0 no-repeat;}
    
    

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;}
.jcarousel-prev {
    z-index: 3;
    display: none;}
    
/* skin */
.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 624px;
    padding-left: 27px;
	margin: 0 0 35px 0;}


.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 238px;
    height: 236px;
    padding: 26px 0;}

	
.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  597px;
    height: 300px;
	background: url(../images/shared/scroll-bg.jpg) 0 0 repeat-y;}

.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  238px;
    height: 236px;}

	
.jcarousel-skin-tango .jcarousel-item{
    width: 188px;
    height: 305px;}
   
    
    .content-gutter-slider .jcarousel-skin-tango .jcarousel-item {
   		width: 217px;
    	height: 48px;
    	margin-left: 5px;}
    
    
.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;}
    
/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 0;
    right: 0;
    width: 27px;
    height: 300px;
    cursor: pointer;
    background: transparent url(../images/shared/scroll-b-bg.jpg) no-repeat 0 -300px;}

	.jcarousel-skin-tango .jcarousel-next-horizontal:hover {background-position: -27px -300px;}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -54px -97px;}	
	

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 0;
    left: 0;
    width: 27px;
    height: 300px;
    cursor: pointer;
    background: transparent url(../images/shared/scroll-b-bg.jpg) no-repeat 0 0;}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {background-position: -27px 0;}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -54px 0px;}
    
    
/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 238px;
    height: 26px;
    cursor: pointer;
    background: transparent url(../images/shared/gutter-scroll-bg.jpg) no-repeat -238px -26px;}

.jcarousel-skin-tango .jcarousel-next-vertical:hover {background-position: -476px -26px;}

.jcarousel-skin-tango .jcarousel-next-vertical:active {background-position: -238px -26px;}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -26px;}
    

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: 0;
    left: 0;
    width: 238px;
    height: 26px;
    cursor: pointer;
    background: transparent url(../images/shared/gutter-scroll-bg.jpg) no-repeat -238px 0;}

.jcarousel-skin-tango .jcarousel-prev-vertical:hover {background-position: -476px 0;}

.jcarousel-skin-tango .jcarousel-prev-vertical:active {background-position: -238px 0;}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 0;}
    
    
/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.
Copyright 2006 � 2008 Mark Wubben, <http://novemberborn.net/>
See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.
This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  /* Example:
  .sIFR-active h1 {
    font-family: Verdana;
    visibility: hidden;
  }
  */
}






/* jqModal base Styling courtesy of;
  Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
  the Window's z-index value will be set to 3000 by default (in jqModal.js). You
  can change this value by either;
    a) supplying one via CSS
    b) passing the "zIndex" parameter. E.g.  (window).jqm({zIndex: 500}); */
  
.jqmWindow {
    display: none;    
    position: fixed;
    top: 17%;
    margin-left: -300px;
    background-color: #EEE;
    color: #333;
    border: 1px solid black;}
	
	#modal-map {
		width: 946px;
		height: 515px;
		left: 36%;}
		
	#modal-art {
		width: 868px;
		height: 515px;
		left: 40%;}

.jqmOverlay { background-color: #000; }


/* there are ie6 styles in the ie6 stylesheet */



/* new section! road show! yay! */
#road-show-head {
	width: 654px;
	height: 370px;
	position: relative;
	background: url(../images/roadshow/roadshow8-2011.png) 0 0 no-repeat;}
	
.road-show strong {color: #696969;}

#road-show-head h2 {height: 0px; width:0px; text-indent: -123456px;}

.road-show #content-main-head {border-bottom: 1px dotted #000000;}

.road-show #content-main {
	background: none;
	border-right: 1px dotted #000000;
	margin-top: 15px;
	width: 391px;}
	
	.road-show #content-main.full {border: none;}
	
.learn-rs,
#content div.content-gutter-related .learn-rs a{
	font-size: 13px;
	color: #ac2126;
	font-family: Arial, Helvetica, sans-serif;
	clear: both;}
	
	#content-main .learn-rs a,
	#content div.content-gutter-related .learn-rs a {color: #ac2126; text-decoration: underline;}
		#content-main .learn-rs a:hover,
		#content div.content-gutter-related .learn-rs a:hover {color: #ac2126; text-decoration: none;}

.rs-head {
	color: #9a1606; 
	font-size:22px; 
	text-transform: uppercase; 
	border-top: 1px dotted #000000; 
	margin: 20px 10px 10px 0;}
	
#content-main  #scrapbook-group-sm ul,
#scrap-results ul {
	list-style-type: none;
	padding:0; margin:0;}
	
	#content-main  #scrapbook-group-sm li {
		width: 130px;
		height: 220px;
		float: left;
		padding:0;
		margin:0;
		background: none;}
	
	#content-main  #scrap-results li {
		width: 210px;
		height: 300px;
		float: left;
		padding:0;
		margin:0;
		background: none;}


.road-show div.content-gutter-related h5 {color: #ac2126; margin-bottom: 8px;}
.road-show div.content-gutter-related p {margin-bottom: 1em;}

.cw-stories-sm {margin: 0 0 12px;}
	.cw-stories-sm dt {margin: 0 0 5px;}
	.cw-stories-sm dd.story-title {font-weight: bold; color: #696969; }
	
	
#scrapbook-form {
	width: 182px;
	background: #a51f22;
	padding-top: 4px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	position: absolute;
	top:365px;
	right:40px;}
	
	.sb-form {
		width: 162px;
		margin: 0 auto;
		padding-bottom: 12px;}
	
	#content .sb-form input,
	#content .sb-form select {width: 158px;}
	#content .sb-form p {margin: 0 0 5px;}
	#content .sb-form label {color: #ffffff;}
	
	#content .sb-form.hide {display: none;}
	
	#scrapbook-form h3 {
		width: 181px;
		height: 29px;
		background:url(../images/roadshow/b-find.gif) 0 0 no-repeat;
		text-indent: -123456px;
		cursor: pointer; }
		
		#scrapbook-form.story h3 {background:url(../images/roadshow/b-find-story.gif) 0 0 no-repeat;}
		
	#results-header {height: 30px; font-weight: bold; color: #696969; font-size: 12px;}
	#results-header a {color:#696969}
		#results-header a:hover {color:#000000}
	#sb-count {width: 40%; float: left;}
	#sb-pages {width: 40%; float: right; text-align: right;}
	
#story-results dl {
	width: 210px;
	float: left;
	height: 270px;}
	
	#story-results dl dt {margin-bottom: 7px;}
	#story-results dl dt a {
		display: block;
		width: 187px;
		height: 200px;
		border: 4px solid #ffffff;
		-webkit-box-shadow: 4px 4px 7px rgba(0,0,0,0.5);
		-moz-box-shadow: 4px 4px 10px rgba(0,0,0,0.5);
		box-shadow: 4px 4px 10px rgba(0,0,0,0.5);}
		
		#story-results dl dt a:hover {border: 4px solid #9f1e21;}
		
	#story-results dl dd {text-align: center;}
	#story-results dl dd.st-title {text-transform: uppercase; color:#696969; font-weight: bold; padding-bottom: 6px;}
	
#scrapbook-form input#submit {
		display: block;
		width: 84px;
		height: 33px;
		background: url(../images/roadshow/submit.gif) 0 0 no-repeat;
		border: 0;
		margin: 10px 0 0;
		text-indent: -123456px;
		cursor: pointer;}
		
		
/* more roadshow */
.roadshow #full-header {
	background: url(../images/roadshow/rd-top.gif) 0 0 no-repeat;}
.roadshow #content-head {width: 100%;}
.roadshow #content-head h2 {top: 30px;}
	
.roadshow #brand {left:80px; top: 10px;}
.roadshow #full-content {position: relative;}

#scrap-status {
	width: 538px;
	height: 35px;
	text-indent: -123456px;
	/* background-image: url(../images/roadshow/status.png);
	background-repeat: no-repeat; */
	background: none;
	}
	
	/* 
	#scrap-status.a {background-position: 0 0;}
	#scrap-status.b {background-position: 0 -40px;}
	#scrap-status.c {background-position: 0 -80px;}
	#scrap-status.d {background-position: 0 -120px;}
	#scrap-status.e {background-position: 0 -160px;}
	#scrap-status.f {background-position: 0 -200px;}
	#scrap-status.g {background-position: 0 -240px;}
	
	*/

#scrapbook-login {
	font-size: 1.3em;
	background: url(../images/roadshow/scrap-fpo2.png) 0 0 no-repeat;
	padding-left: 300px;
	min-height: 400px;}
	
	#scrapbook-login h2 {
		width: 467px;
		height: 107px;
		text-indent: -123456px;
		background: url(../images/roadshow/thanks.gif) 0 0 no-repeat;}
	
	#scrapbook-login-form p {
		width: 200px;
		float: left;}
		
		#scrapbook-login-form p.clear {width: 500px;}
		
	#scrapbook-login-form label {
		display: block;
		height: 18px;
		background-image: url(../images/roadshow/form-label.gif);
		background-repeat: no-repeat;
		text-indent: -123456px;}
		
		#scrapbook-login-form .loginemail label {width: 41px; background-position: 0 0;}
		#scrapbook-login-form .loginname label {width: 76px; background-position: -54px 0;}
		
		#scrapbook-login-form a#form-forgot {
			display: block;
			width: 124px;
			height: 25px;
			background: url(../images/roadshow/form-submit.gif) 0 0 no-repeat;
			border: 0;
			float: left;
			text-indent: -123456px;}
			
		#scrapbook-login-form input#form-submit {
			display: block;
			width: 63px;
			height: 25px;
			background: url(../images/roadshow/form-submit.gif) -134px 0 no-repeat;
			border: 0;
			float: left;
			text-indent: -999em; overflow: hidden; text-align: left; direction: ltr;
			margin-left: 15px;
			cursor: pointer;}
			
			a.view-scrap {
				display: block;
				width: 164px;
				height: 50px;
				background: url(../images/roadshow/but-scrap.png) 0 0 no-repeat;
				text-indent: -123456px;}
			
			a.view-story {
				display: block;
				width: 142px;
				height: 50px;
				background: url(../images/roadshow/but-stories.png) 0 0 no-repeat;
				text-indent: -123456px;}

	
	
	#scrapbook-start h2 {
		width: 100%;
		height: 38px;
		text-indent: -123456px;
		background: url(../images/roadshow/started.gif) 0 0 no-repeat;
		border-bottom: 1px dotted #61748f;}
		
		
	#scrapbook-start {}
	
	#scrap-nav {
		width: 136px;
		height: 25px;
		background: url(../images/roadshow/scrap-nav.gif) 0 0 no-repeat;
		position: absolute;
		top:45px;
		right:0;}
		
		#scrap-nav li {width: 63px; height: 25px;}
		#scrap-nav a {display: block; width: 63px; height: 25px; text-indent: -123456px;}
		#scrap-logout {float: left;}
		#scrap-next {float:right;}
		
	#scrapbook-start .body {
		margin: 20px 0 0;
		padding-right: 600px;
		min-height: 400px;
		background: url(../images/roadshow/steps.png) 375px 0 no-repeat;}
		
	#scrap-flash-contain {
		width: 930px;
		height: 690px;
		margin: 10px auto;}
		
		
#scrap-image {
	width: 420px;
	height: 486px;
	padding-bottom: 45px;
	float: right;}
	
#scrap-thanks {
	width: 415px;
	float: left;
	font-size: 1.1em;}
	
	#scrap-thanks h2,
	.ir {
		display: block; 
		text-indent: -999em; 
		overflow: hidden; 
		background-repeat: no-repeat; 
		text-align: left; 
		direction: ltr;}
		
		#scrap-ty {
			height: 64px;
			width: 378px;
			background-image: url(../images/roadshow/thanks-a.gif);}
		
		#scrap-yp {
			height: 32px;
			width: 149px;
			background-image: url(../images/roadshow/thanks-b.gif);
			margin-top: 20px;}
			
			
#scrap-meta ul {
	width: 225px;
	height: 59px;
	background: url(../images/roadshow/buttons.gif) 0 -39px no-repeat;
	position: relative;}
	
	#scrap-meta ul a,
	#profile-edit a {display: block; height:24px; width: 100%; text-indent: -123456px;}
	#scrap-meta li,
	#profile-edit li {
		height: 24px;
		position: absolute;}
		
		#scr-share {width: 173px;	top:0;		left:0;}			
		#scr-twitt {width: 23px;	top:0;		left:176px;}
		#scr-faceb {width: 23px;	top:0;		right:0;}
		#scr-viewy {width: 225px;	bottom:0;	left:0;}
	

#full-content .profile p {margin-bottom: .5em;}
#full-content .profile a {color: #97612d;}
	#full-content .profile a:hover {text-decoration: none;}
	
#profile-edit {
	width: 184px;
	height: 26px;
	background: url(../images/roadshow/buttons.gif) 0 -101px no-repeat;
	position: relative;}
	
	#sc-save {width: 54px;	top:0;	left:0;}
	#sc-edit {width: 53px;	top:0;	left:61px;}
	#sc-canc {width: 61px;	top:0;	left:122px;}


	
span.sched {
	background: url(../images/roadshow/bg-sched-head.jpg) no-repeat;	
	width: 250px; height: 38px; display: block;}
	
	span.sched p span.sched-yr {font-size: 24px;}
	
	span.sched p {
	font-family: Georgia, Times, Serif;
	font-size: 18px; color: #fff; text-transform: uppercase;
	position: relative; top: 4px; left: 35px; width: 200px;}
	
ul#rs-sidebar-sched {}

ul#rs-sidebar-sched li {list-style: none; background: none; padding: 5px 10px; margin: 0; z-index: 888; position: relative;}
	ul#rs-sidebar-sched li.odd {background: url(../images/roadshow/bg-sched-grad.png) repeat-x;}
	ul#rs-sidebar-sched li.even {border-top: 1px dotted #000000; border-bottom: 1px dotted #000000;}
	ul#rs-sidebar-sched li p {margin: 0; font-family: Arial, Sans-serif; font-size: 11px; color: #444; z-index: 999;}
	ul#rs-sidebar-sched li p strong {color: #696969 !important;}
	
	a.but-view2011 {
	background: url(../images/roadshow/but-view2011sched.png) no-repeat;
	width: 158px; height: 37px; margin: 2px 0 0 7px;}