/* 
	myLOC stylesheet - Creating the United States Interactives
	Specific content styles for HTML interactives
	June 23, 2009
*/

/* main menu */
div#sitetitle, div#sitetitle_bar {
	background: url(/exhibits/creating-the-united-states/interactives/images/interactives-sitetitle.jpg) repeat-x scroll left top transparent;
    height: 34px !important;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 750px;	
}
div#sitetitle ul {
	margin: 0;
	padding: 0;
}
div#sitetitle ul li.home {
	margin: 0 0 0 20px;
	padding: 0;
	width: 52px;
	height: 32px;
	display: block;
	list-style:none;
	background: url(/exhibits/creating-the-united-states/interactives/images/title-home.gif) top left no-repeat !IMPORTANT;
	float: left;
}
div#sitetitle ul li.index {
	margin: 0 20px 0 0;
	padding: 0;
	width: 52px;
	height: 32px;
	display: block;
	list-style:none;
	background: url(/exhibits/creating-the-united-states/interactives/images/title-index.gif) top left no-repeat !IMPORTANT;
	float: right;
}
div#sitetitle ul li.index_on {
	margin: 0 20px 0 0;
	padding: 0;
	width: 52px;
	height: 32px;
	display: block;
	list-style:none;
	background: url(/exhibits/creating-the-united-states/interactives/images/title-index_on.gif) top left no-repeat !IMPORTANT;
	float: right;
}
div#sitetitle ul li a {
	display: block;
	width: 52px;
	height: 32px;
	border: 0;
}
/* Menu */
div#mainmenu {
	background: url(/exhibits/creating-the-united-states/interactives/images/menu.gif) top left repeat-x;
	text-align: left;
	padding: 0;
	margin: 0;
	height: 34px !important;
	width: 750px;
}
div#mainmenu img {
	margin: 0 !important;
	padding: 0 !important;
}
div#mainmenu ul {
	margin: 0;
	padding: 0;
	position: relative;
}
div#mainmenu ul li {
	list-style:none;
	margin:0;
	padding:0;
	float: left;
	display: block;
	position: absolute;
}
/* Declaration Menu */
div#mainmenu ul#declaration li#overview {
	width: 76px;
	background: none;
	height: 34px;
	left: 8px;
	top: 0;
}
div#mainmenu ul#declaration li#divider {
	width: 5px;
	background: none;
	height: 34px;
	left: 85px;
	top: 0;
}
div#mainmenu ul#declaration li#theme1 {
	width: 138px;
	height: 34px;
	left: 90px;
	top: 0;
	background: none;
}
div#mainmenu ul#declaration li#theme2 {
	width: 164px;
	height: 34px;
	left: 230px;
	top: 0;
	background: none;
}
div#mainmenu ul#declaration li#theme3 {
	width: 166px;
	height: 34px;
	left: 397px;
	background: none;
	top: 0;
}
div#mainmenu ul#declaration li#theme4 {
	width: 108px;
	height: 34px;
	left: 566px;
	top: 0;
	background: none;
}
div#mainmenu ul#declaration li#theme5 {
	width: 63px;
	height: 34px;
	left: 677px;
	top: 0;
	background: none;
}
div#mainmenu ul#declaration li#overview a {
	display: block;
	height: 34px;
	border: 0;
	width: 76px;
}
div#mainmenu ul#declaration li#theme1 a {
	display: block;
	height: 34px;
	border: 0;
	width: 138px;
}
div#mainmenu ul#declaration li#theme2 a {
	display: block;
	height: 34px;
	border: 0;
	width: 164px;
}
div#mainmenu ul#declaration li#theme3 a {
	display: block;
	height: 34px;
	border: 0;
	width: 166px;
}
div#mainmenu ul#declaration li#theme4 a {
	display: block;
	height: 34px;
	border: 0;
	width: 108px;
}
div#mainmenu ul#declaration li#theme5 a {
	display: block;
	height: 34px;
	border: 0;
	width: 63px;
}
/* Constitution Menu */
div#mainmenu ul#constitution li#overview {
	width: 76px;
	background: none;
	height: 34px;
	left: 73px;
	top: 0;
}
div#mainmenu ul#constitution li#divider {
	width: 5px;
	background: none;
	height: 34px;
	left: 151px;
	top: 0;
}
div#mainmenu ul#constitution li#theme1 {
	width: 107px;
	height: 24px;
	left: 157px;
	top: 6px;
	background: none;
}
div#mainmenu ul#constitution li#theme2 {
	width: 91px;
	height: 24px;
	left: 270px;
	top: 6px;
	background: none;
}
div#mainmenu ul#constitution li#theme3 {
	width: 104px;
	height: 24px;
	left: 367px;
	background: none;
	top: 6px;
}
div#mainmenu ul#constitution li#theme4 {
	width: 119px;
	height: 24px;
	left: 476px;
	top: 6px;
	background: none;
}
div#mainmenu ul#constitution li#theme5 {
	width: 79px;
	height: 24px;
	left: 598px;
	top: 6px;
	background: none;
}
div#mainmenu ul#constitution li#overview a {
	display: block;
	height: 34px;
	border: 0;
	width: 76px;
}
div#mainmenu ul#constitution li#theme1 a {
	display: block;
	height: 24px;
	border: 0;
	width: 107px;
}
div#mainmenu ul#constitution li#theme2 a {
	display: block;
	height: 24px;
	border: 0;
	width: 91px;
}
div#mainmenu ul#constitution li#theme3 a {
	display: block;
	height: 24px;
	border: 0;
	width: 104px;
}
div#mainmenu ul#constitution li#theme4 a {
	display: block;
	height: 24px;
	border: 0;
	width: 119px;
}
div#mainmenu ul#constitution li#theme5 a {
	display: block;
	height: 24px;
	border: 0;
	width: 79px;
}

/* Bill of Rights Menu */
div#mainmenu ul#billofrights li#overview {
	width: 76px;
	background: none;
	height: 34px;
	left: 8px;
	top: 0;
}
div#mainmenu ul#billofrights li#divider {
	width: 5px;
	background: none;
	height: 34px;
	left: 84px;
	top: 0;
}
div#mainmenu ul#billofrights li#theme1 {
	width: 147px;
	height: 24px;
	left: 91px;
	top: 6px;
	background: none;
}
div#mainmenu ul#billofrights li#theme2 {
	width: 143px;
	height: 24px;
	left: 243px;
	top: 6px;
	background: none;
}
div#mainmenu ul#billofrights li#theme3 {
	width: 141px;
	height: 24px;
	left: 391px;
	background: none;
	top: 6px;
}
div#mainmenu ul#billofrights li#theme4 {
	width: 104px;
	height: 24px;
	left: 537px;
	top: 6px;
	background: none;
}
div#mainmenu ul#billofrights li#theme5 {
	width: 95px;
	height: 24px;
	left: 646px;
	top: 6px;
	background: none;
}
div#mainmenu ul#billofrights li#overview a {
	display: block;
	height: 34px;
	border: 0;
	width: 76px;
}
div#mainmenu ul#billofrights li#theme1 a {
	display: block;
	height: 24px;
	border: 0;
	width: 147px;
}
div#mainmenu ul#billofrights li#theme2 a {
	display: block;
	height: 24px;
	border: 0;
	width: 143px;
}
div#mainmenu ul#billofrights li#theme3 a {
	display: block;
	height: 24px;
	border: 0;
	width: 141px;
}
div#mainmenu ul#billofrights li#theme4 a {
	display: block;
	height: 24px;
	border: 0;
	width: 104px;
}
div#mainmenu ul#billofrights li#theme5 a {
	display: block;
	height: 24px;
	border: 0;
	width: 95px;
}
/* Homepages */

/* Declaration */
div#declaration_home {
	background: url(/exhibits/creating-the-united-states/interactives/declaration-of-independence/images/declaration_bghome.gif) top left no-repeat;
	height:455px;
}
div#declaration {
	background: url(/exhibits/creating-the-united-states/interactives/declaration-of-independence/images/declaration_bg.gif) top left no-repeat;
	height:455px;
}
/* Constitution */
div#constitution_home {
	background: url(/exhibits/creating-the-united-states/interactives/constitution/images/constitution_bghome.gif) top left no-repeat;
	height:455px;
}
div#constitution {
	background: url(/exhibits/creating-the-united-states/interactives/constitution/images/constitution_bg.gif) top left no-repeat;
	height:455px;
}
/* Bill of Rights */
div#billofrights_home {
	background: url(/exhibits/creating-the-united-states/interactives/bill-of-rights/images/billofrights_bghome.gif) top left no-repeat;
	height:455px;
}
div#billofrights {
	background: url(/exhibits/creating-the-united-states/interactives/bill-of-rights/images/billofrights_bg.gif) top left no-repeat;
	height:455px;
}

div#declaration div#overviewContent {
	padding-top: 96px;
	width: 750px;
	height: 205px;
}
div#constitution div#overviewContent {
	padding-top: 114px;
	width: 750px;
	height: 205px;
}
div#billofrights div#overviewContent {
	padding-top: 131px;
	width: 750px;
	height: 205px;
}
div#overviewContent div#overviewText {
	padding: 10px 0 0 20px;
	width: 310px;
	height: 141px;
	margin: 0;
	line-height:1.3;
}
div#constitution div#overviewContent div#overviewText {
	width:320px;
	font-size: 90%;
}
div#billofrights div#overviewContent {
	padding-top: 145px;	
}
div#billofrights div#overviewContent div#overviewText {
	width: 440px;
	font-size: 90%;
	padding-top: 5px;
}
div#overviewContent div#overviewText p {
	margin: 0;
	padding: 0;
}
div#overviewContent div#overviewPages {
	float: right;
	width:380px;
	padding: 5px 15px 0 0;
	line-height:1.3;
}
div#overviewContent div#overviewPages table {
	width: 380px;
	height: 172px;
	text-align: center;
	padding: 0;
	margin: 10px 0px 0 0;
}
div#overviewContent div#overviewPages p {
	margin: 0;
	padding: 0;
	font-size: 90%;
}
div#constitution div#overviewContent div#overviewPages table {
	margin: 0px 0 0 0;
}
div#billofrights div#overviewContent div#overviewPages {
	width: 260px;
	padding-top: 0;
}
div#billofrights div#overviewContent div#overviewPages table {
	height: 150px;
	margin: 0;
	width: 260px;
}
div#overviewContent div#overviewPages table td {
	margin: 0;
	padding: 0;
}
div#overviewContent div#overviewPages table th {
	font-size: 80%;
	text-transform:uppercase;
}

/* Document Index */
div#documentIndex {
	background: url(/exhibits/creating-the-united-states/interactives/images/index_bg.jpg) top left repeat-x #000000;
	margin: 0;
	padding: 20px 0;
	text-align: center;
	width:750px;
}
div#documentIndex h2 {
	color: #ebebeb;
	font-size: 100%;
	font-weight: bold;
	margin: 0;
	padding: 0 0 10px 0;
}
div#documentIndex div.documentDisplay {
	padding: 10px;
	width: 730px;
	margin: 0 auto;
	text-align:right;
	clear: right;
}
div#documentIndex div.documentDisplay div.documentInfoBorder {
	border: 1px solid #9d9d9d;
	width: 600px;
	float: right;
	margin: 0;
	color: #494949;
}
div#documentIndex div.documentDisplay div.documentImages {
	width:115px;
	padding-right:10px;
}
div#documentIndex div.documentDisplay div.documentImages a img {
	margin-top: 10px;
}
div#documentIndex div.documentDisplay div.images img {
	border: 0;
}
div#documentIndex div.documentDisplay div.documentInfoBorder div.documentInfo {
	margin: 4px;
	padding: 12px 18px;
	background: url(/exhibits/creating-the-united-states/interactives/images/docInfo_bg.jpg) top left repeat-x #bfbfbf;
	text-align: left;
}
div#documentIndex div.documentDisplay div.documentInfoBorder div.documentInfo h3 {
	margin: 0;
	padding: 0;
}
div#documentIndex div.documentDisplay div.documentInfoBorder div.documentInfo p {
	margin: 0;
	padding: 10px 0 0 0;
}

/* Enlargement Pages */
div#enlargement {
	background: url(/exhibits/creating-the-united-states/interactives/images/index_bg.jpg) top left repeat-x #000000;
	margin: 0;
	padding: 0;
	text-align: center;
	width:750px;
}
div#enlargement h2 {
	color: #ebebeb;
	font-size: 100%;
	font-weight: bold;
	margin: 0;
	clear: right;
	padding: 10px 0 10px 0;
}
div#enlargement div#pageNavigation {
	margin: 0;
	padding: 0;
	float: right;
	height: 23px;
	width:224px;
}
div#enlargement div#pageNavigation ul {
	margin: 0;
	padding: 0;
}
div#enlargement div#pageNavigation ul li {
	background: none;
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	width: 56px;
}
div#enlargement div#pageNavigation ul li a {
	display: block;
	width: 56px;
}
div#enlargement p.image {
	margin: 0;
	padding: 0 0 20px 0;
}
div#enlargement div#buttonNavigation {
	width: 450px;
	height: 24px;
	padding-bottom: 20px;
	margin: 0 auto;
}
div#enlargement div#antecedentNavigation {
	text-align:left;
	padding: 5px 0 10px 10px;
	margin: 0;
}
div#enlargement div#antecedentNavigation a {
	color: #fff;
	font-size: 90%;
}

/* Transcription Pages */
div#transcription, div#transcriptionAntecedent {
	background: url(/exhibits/creating-the-united-states/interactives/images/index_bg.jpg) top left repeat-x #000000;
	margin: 0;
	padding: 0;
	text-align: center;
	width:750px;
}
div#transcription div#pageNavigation {
	margin: 0;
	padding: 0;
	float: right;
	height: 23px;
	width:224px;
}
div#transcription div#pageNavigation ul {
	margin: 0;
	padding: 0;
}
div#transcription div#pageNavigation ul li {
	background: none;
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	width: 56px;
}
div#transcription div#pageNavigation ul li a {
	display: block;
	width: 56px;
}

div#transcription h2, div#transcriptionAntecedent h2 {
	color: #ebebeb;
	font-weight: bold;
	margin: 0;
	padding: 30px 0 10px 0;
}
div#transcription h2 span, div#transcriptionAntecedent h2 span, div#documentIndex h2 span {
	font-weight: normal;
}
div#transcription div#transcriptionText, div#transcriptionAntecedent div#transcriptionText {
	background: #ddd2c0;
	margin: 10px auto;
	width: 550px;
}
div#transcription div#transcriptionText p, div#transcriptionAntecedent div#transcriptionText p {
	text-align:left;
	padding: 10px 10px 20px 10px;
}
div#transcription div#transcriptionText h3 {
	text-align: center !important;
	padding: 0px 0 0px 0;
	margin: 0;
	font-weight: normal;
	font-size: 80%;
}
div#transcription div#transcriptionNavigation, div#transcriptionAntecedent div#transcriptionNavigation {
	margin: 0 auto;
	padding: 10px;
}
div#transcriptionAntecedent div#antecedentNavigation {
	text-align:left;
	padding: 5px 0 10px 10px;
	margin: 0;
}
div#transcriptionAntecedent div#antecedentNavigation a {
	color: #fff;
	font-size: 70%;
}
div#transcriptionAntecedent div#transcriptionText {
	width: 700px;
}

/* All Themes Page */
div#allThemes {
	background: url(/exhibits/creating-the-united-states/interactives/images/index_bg.jpg) top left repeat-x #000000;
	margin: 0;
	padding: 30px 0 0 0;
	text-align: center;
	width:750px;
}
div#allThemes h2 {
	color: #ebebeb;
	font-size: 100%;
	font-weight: bold;
	margin: 0;
	padding: 10px 0;
}
div#allThemes h2 span {
	font-weight: normal;
}
div#allThemes div#leftThemes, div#allThemes div#rightThemes {
	width: 150px;
	float: left;
	text-align: right;
	margin: 0 auto;
	padding: 0;
	font-size: 90%;
	color: #FFF;
}
div#allThemes div#leftThemes p {
	font-size: 100%;
	background: url(/exhibits/creating-the-united-states/interactives/images/dots.gif) center right repeat-y;
	margin: 0 5px 0 0;
	padding: 0 30px 0 0;
}
div#allThemes div#rightThemes p {
	background: url(/exhibits/creating-the-united-states/interactives/images/dots.gif) center left repeat-y;
	font-size: 100%;
	margin: 0 0 0 5px;
	padding: 0 0 0 30px;
}
div#allThemes div#leftThemes p a, div#allThemes div#rightThemes p a {
	color: #fff;
}
div#allThemes div#rightThemes {
	text-align: left;
}
div#allThemes div#imageTheme {
	width: 450px;
	float: left;
	text-align: center;
	margin: 0 auto;
	padding: 0;
}
div#allThemes div#imageTheme img {
	border: 0;
	margin: 0;
	padding: 0;
}
div#allThemes div#allThemesNavigation {
	clear: left;
	margin: 0 auto;
	padding: 10px;
}
/* Declaration-specific classes */
div#allThemes div#leftThemes p.pursuit {
	margin-top: 182px;
	height: 90px;
}
div#allThemes div#leftThemes p.abuses {
	margin-top: 154px;
	height: 102px;
}
div#allThemes div#rightThemes p.consent {
	margin-top: 47px;
	height: 64px;
}
div#allThemes div#rightThemes p.equal {
	margin-top: 181px;
	height: 37px;
}
div#allThemes div#leftThemes p.slavery {
	margin-top: 392px;
	height: 84px;
}
/* Constitution-specific classes */
div#allThemes div#leftThemes p.wethepeople {
	margin-top: 19px;
	height: 41px;
}
div#allThemes div#leftThemes p.tax {
	margin-top: 107px;
	height: 34px;
}
div#allThemes div#leftThemes p.tax2 {
	margin-top: 219px;
	height: 34px;
}
div#allThemes div#leftThemes p.tax3 {
	margin-top: 241px;
	height: 79px;
}
div#allThemes div#leftThemes p.executive {
	margin-top: 94px;
	height: 69px;
}
div#allThemes div#rightThemes p.represent {
	margin-top: 107px;
	height: 94px;
}
div#allThemes div#rightThemes p.represent2 {
	margin-top: 81px;
	height: 17px;
}
div#allThemes div#rightThemes p.war2 {
	margin-top: 219px;
	height: 191px;
}
div#allThemes div#rightThemes p.war3 {
	margin-top: 397px;
	height: 45px;
}

/* Bill of Rights-specific classes */
div#allThemes div#leftThemes p.religion {
	margin-top: 222px;
	height: 12px;
}
div#allThemes div#leftThemes p.beararms {
	margin-top: 10px;
	height: 13px;
}
div#allThemes div#leftThemes p.trialbyjury {
	margin-top: 77px;
	height: 55px;
}
div#allThemes div#rightThemes p.speech {
	margin-top: 222px;
	height: 22px;
}
div#allThemes div#rightThemes p.dueprocess {
	margin-top: 64px;
	height: 26px;
}

/* Introduction for Theme Pages */
div#introduction{
	background:#f1f1f1;
	text-align: left;
	padding: 10px 30px;
	margin-bottom: 20px;
}

/* Footer */
div#footer {
	border-top: 2px solid #000;
	clear: both;
}