/*
*		CSS Document
*	
*		@media:		screen
*		@author:		Max Wheeler, Icelab Pty Ltd
*		@created_on:	2008-01-21.
*
===============================================*/

html {
}

body {
background: #fff url(../img/bg-body.jpg) 0 0 repeat-x;
min-width: 960px;
}

/* Clear fix */
.wrapper:after,
#exhibition #header:after,
#main:after,
#exhib-footer:after,
#debate_form fieldset:after,
body.political_cartoons .cartoon:after,
body.conscription_poster #main ul.poster-thumbs:after
{ 
  content:  "."; 
  display: block;
  height: 0;
  clear: both;
  line-height: 0;
  visibility: hidden;
}


/* General structure
===============================================*/

.wrapper {
margin: 0 auto;
width: 960px;
}

#exhibition {
background: transparent url(../img/bg-header.jpg) top center no-repeat;
}

.col {
float: left;
margin-right: 20px;
width: 220px;
}

.col.half {
width: 100px;
}

.col.plus-half {
width: 340px;
}

.col.double {
width: 460px;
}

.col.end {
margin-right: 0 !important;
}

.col.three-quart {
width: 160px;
}



/* Header
===============================================*/

#exhibition #header {
margin: 0 auto;
width: 960px;
}

	#exhibition #header h1 {
	float: left;
	height: 212px;
	margin: 0 0 20px;
	width: 228px;
	}
		#exhibition #header h1 a {
		background: transparent url(../img/bg-logo.jpg) no-repeat;
		display: block;
		height: 212px;
		line-height: 212px;
		overflow: hidden;
		outline: none;
		text-indent: -999em;
		width: 228px;
		}
			#exhibition #header h1 a:hover {
			background-position: 0 -212px;
			}
		
	#exhibition #header ul {
	float: right;
	height: 180px;
	list-style: none;
	margin: 10px 0 0;
	width: 256px;
	}
		#exhibition #header ul li {
		position: absolute;
		}
			#exhibition #header ul li#nav-exhib { }
			#exhibition #header ul li#nav-about { margin: 39px 0 0 2px;}
			#exhibition #header ul li#nav-conscript { margin: 83px 0 0 25px;}
			#exhibition #header ul li#nav-peace { margin: 122px 0 0 27px;}

			#exhibition #header ul li a {
			display: block;
			}
				#exhibition #header ul li#nav-exhib a {
				background: transparent url(../img/nav-exhib.gif) no-repeat;
				height: 50px;
				line-height: 50px;
				overflow: hidden;
				text-indent: -999em;
				width: 188px;					
				}
						body.exhibition #exhibition #header ul li#nav-exhib a { background-position: 0 -100px; }
						#exhibition #header ul li#nav-exhib a:hover { background-position: 0 -50px; }

					#exhibition #header ul li#nav-about a {
					background: transparent url(../img/nav-about.gif) no-repeat;
					height: 57px;
					line-height: 57px;
					overflow: hidden;
					text-indent: -999em;
					width: 249px;					
					}
							body.about #exhibition #header ul li#nav-about a { background-position: 0 -114px; }
							#exhibition #header ul li#nav-about a:hover { background-position: 0 -57px; }

						#exhibition #header ul li#nav-conscript a {
						background: transparent url(../img/nav-conscript.gif) no-repeat;
						height: 50px;
						line-height: 50px;
						overflow: hidden;
						text-indent: -999em;
						width: 179px;					
						}
								body.conscript #exhibition #header ul li#nav-conscript a { background-position: 0 -100px; }
								#exhibition #header ul li#nav-conscript a:hover { background-position: 0 -50px; }

						#exhibition #header ul li#nav-peace a {
						background: transparent url(../img/nav-peace.gif) no-repeat;
						height: 55px;
						line-height: 55px;
						overflow: hidden;
						text-indent: -999em;
						width: 205px;					
						}
								body.peace #exhibition #header ul li#nav-peace a { background-position: 0 -110px; }
								#exhibition #header ul li#nav-peace a:hover { background-position: 0 -55px; }

#header:hover #nav-highlight {
display: block;
}

#nav-highlight {
display: none;
position: absolute;
margin: 208px 0 0 809px;
}
	#nav-highlight img {
	position: absolute;
	}
		#nav-highlight img#animnav { top: 10px; left: 34px; }
		#nav-highlight img#animarrow { top: 5px; left: 0; }

/* Main
===============================================*/

#main {
background: transparent url(../img/bg-main.gif) bottom center no-repeat;
padding-bottom: 30px;
min-height: 440px;
}

#main h3 {
font-size: 12px;
font-weight: bold;
text-shadow: #fff 0 0 0;
}

p.more {
background: transparent url(../img/bullet-orange-arrow-lg.gif) 0 0.55em no-repeat;
padding-left: 15px;
}



#main a {
border-bottom: 1px #e18701 dotted;
}
	#main a:hover {
	border-bottom: 1px #125AA7 solid;
	}

.col blockquote {
border-bottom: 1px #dce8ed solid;
border-top: 1px #8eacbb solid;
margin: 5px 0 1.8em;
padding: 1.4em 0 0 0;
}
.col.double blockquote {
width: 230px;
float: right;
margin: 5px 0 25px 25px;
}
	.col.double blockquote.left {
	float: left;
	margin: 5px 25px 25px 0;
	}

	.col blockquote p {
	color: #214b60;
	font: normal 16px/1.4 Palatino, Georgia, "Times New Roman", Times, serif;
	text-shadow: #fff 2px 2px 2px;
	}
	div.citation {
	color: #666;
	font-style: normal;
	font-size: 11px;
	margin-bottom: 1.4em;
	clear: both;
	}
	blockquote div.citation {
	text-align: right;
	margin-top: -10px;
	}
			div.citation em {
			display: block;
			font-style: normal;
			font-weight: bold;
			}

#main ul {
list-style: none;
margin-left: 0;
}
	#main ul li {
	background: url(../img/bullet-ul-orange.gif) 0 0.55em no-repeat;
	padding-left: 10px;
	}

/* Footer
===============================================*/
#exhib-footer {
background: #85adc0 url(../img/bg-footer.gif) top repeat-x;
color: #fff;
padding: 15px 0 20px;
}
	#exhib-footer h2#oph-brand {
	height: 113px;
	float: left;
	margin: 15px 10px 20px 0;
	width: 100px;
	}
		#exhib-footer h2#oph-brand a {
		background: transparent url(../img/logo-footer.gif) 0 0 no-repeat ;	
		border: 0;
		display: block;
		height: 113px;
		line-height: 113px;
		overflow: hidden;
		text-indent: -999em;
		width: 100px;
		}
			#exhib-footer h2#oph-brand a:hover {
			background-position: 0 -113px;
			}

	#exhib-footer #footer-nav {
	background: transparent url(../img/bg-footer-nav.jpg) top repeat-x;
	float: left;
	margin-right: 20px;
	width: 460px;
	}
	#exhib-footer .col {
	padding: 15px 0;
	}
		#exhib-footer #footer-nav .col {
		float: left;
		padding: 15px 20px;
		margin: 0;
		width: 190px;
		}
			#exhib-footer #footer-nav .col h2 {
			color: #fff;
			font-size: 12px;
			font-weight: bold;
			margin: 3px 0;
			text-shadow: #5f8ca1 2px 2px 2px;
			}
			#exhib-footer #footer-nav .col ul {
			list-style: none;
			margin: 0;
			padding: 0;
			}
				#exhib-footer #footer-nav .col ul li {
				background: transparent url(../img/bullet-blue-arrow-sm.gif) 0 0.5em no-repeat;
				padding-left: 10px;
				margin-bottom: 8px;
				}
					#exhib-footer a {
					border-bottom: 1px #99c6dc dotted;
					color: #e4f5fd;
					text-shadow: #5f8ca1 2px 2px 1px;
					padding-bottom: 1px;
					}
						#exhib-footer a:hover {
						border-bottom: 1px #fff solid;
						color: #fff;
						}
	#exhib-footer p {
	color: #fff;	
	text-shadow: #5f8ca1 2px 2px 2px;
	}



/* Miscellaneous
===============================================*/

.hr {
border-bottom: 1px #dce8ed dotted;
margin: 0.1em 0 1.2em;
clear: both;
}
	.hr hr {
	display: none;
	}

.img-inline {
border-left: 3px #cc6000 solid;
}
.fl-left {
float: left;
margin: 0.3em 12px 12px 0;
}

.fl-right {
float: right;
margin: 0.3em 0 12px 12px;
}

.spacer {
clear: both;
height: 0;
overflow: hidden;
}



/* Activities
===============================================*/

#main #activities h2 {
font: normal 24px/1.4 Palatino, Georgia, "Times New Roman", Times, serif;
font-style: italic;
text-align: center;
text-shadow: #fff 0 0 0;
padding-bottom: 9px;
text-transform: none;
letter-spacing: 0;
margin: 0;
}

#activities { margin-bottom: 20px; }
.index #activities { margin: 0; padding: 0; }

#activities .activity {
margin-bottom: 5px;
padding: 12px 15px 15px 80px;
}
	body.index #activities .activity {
	padding-left: 110px;
	}	
	
	.activity#conscription_debate {	background: #cc6000 url(../content/img/button-debate-sm.jpg) 3px center no-repeat; }
	.activity#propaganda { background: #6d6055 url(../content/img/button-conscript-sm.jpg) 3px center no-repeat; }
	.activity#deconstruct {	background: #cc6000 url(../content/img/button-cartoon-sm.jpg) 3px center no-repeat; }
		body.index .activity#propaganda { background: #6d6055 url(../content/img/button-activity-conscript.jpg) 3px center no-repeat;	}
		body.index .activity#conscription_debate { background: #cc6000 url(../content/img/button-debate.jpg) 3px center no-repeat; }	
		body.index .activity#deconstruct { background: #cc6000 url(../content/img/button-cartoon.jpg) 3px center no-repeat; }
	
	#activities .activity:hover,
	body.index #activities .activity:hover {
	background-color: #518aa6;
	cursor: pointer;
	}
	
	#activities .activity h3 {
	color: #fff;
	font: bold 16px/1.4 Palatino, Georgia, "Times New Roman", Times, serif;
	text-shadow: #333 0 0 2px;
	}
	#activities .activity p.more {
	background-image: url(../img/bullet-white-arrow-lg.gif);
	color: #fff;
	font: normal 14px/1.4 Palatino, Georgia, "Times New Roman", Times, serif;
	margin: 0;
	}
		#activities .activity p.more a,
		#activities .activity h3 a {
		border: 0;
		color: #fff;
		}
			#activities .activity p.more a:hover,
			#activities .activity h3 a:hover {
			border-bottom: 1px #fff solid;
			}
	#activities .activity p {
	color: #fff;
	}


/* Page Specific:
		.index (home page)
===============================================*/

body.index #main .col #intro {
margin-top: 40px;
}

body.index #main .col.plus-half {
margin-top: 40px;
}

body.index #activities.col {
margin-top: 0 !important;
padding-bottom: 13px;
}

body.index #intro, body.exhibition #intro {
background: #518aa6;
padding: 15px 0 1px;
}
	body.exhibition #intro {
	margin-bottom: 21px;
	padding: 15px 0;
	}
	body.index #intro p,
	body.exhibition #intro p,
	#main #intro li {
	color: #fff;
	font: normal 12px/1.5 "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
	text-shadow: #3a728e 1px 1px 1px;
	padding: 0 15px;
	margin-bottom: 0.8em;
	}
	#main #intro ul {
	margin: 0;
	}
		#main #intro ul li {
		padding-left: 10px;
		font-weight: bold;
		}
	
	#intro ul.date { margin: 0 15px; }
		body.index #intro li,
		body.exhibition #intro li {
		padding: 0;
		margin-left: 14px;
		}
	body.index #intro .date li,
	body.exhibition #intro .date li {
	font-weight: bold;
	}
		body.index #intro p.more {
		margin: 0;
		padding: 0;
		}
			body.index #intro p.more a {
			background: #afdff7 url(../img/bullet-black-arrow-lg.gif) 15px 0.8em no-repeat;
			border: 0;
			color: #111;
			display: block;
			margin-bottom: 0;
			padding: 0.4em 15px 0.3em 30px;
			text-shadow: #ccecfc 2px 2px 2px;
			}
				body.index #intro p.more a:hover {
				background-color: #e2f5ff;	
				}

body.index .col.plus-half blockquote {
clear: both;
}

/* Page Specific:
		.error (Error Messages)
===============================================*/

body.error #error_msg {
background: #ffc;
border: 1px #c00 dashed;
margin-top: 80px;
padding: 15px 0;
}
	body.error #error_msg h2 {
	color: #111;
	font: normal 32px/1 Palatino, Georgia, "Times New Roman", Times, serif;
	margin-left: 20px;
	margin-right: 20px;
	text-shadow: #fff 2px 2px 2px;
	}
	body.error #error_msg p {
	margin-left: 20px;
	margin-right: 20px;
	}

div.error_msg {
background: #ffc;
border: 1px #c00 dashed;
margin: 15px 0;
padding: 15px 15px 5px;
}


/* Page Specific:
		Conscription Debate
===============================================*/

body.conscript_debate h2#cd-header {
background: transparent url(../img/h-conscript-debate.gif) no-repeat;
height: 55px;
line-height: 55px;
overflow: hidden;
text-indent: -999em;
margin: 0 auto;
width: 428px;
}

body.conscript_debate #main {
background: url(../img/conscript-main-bg.jpg) bottom center no-repeat;
}

body.conscript_debate #main .wrapper {
margin-top: 40px;
}

#debate_content {
margin: 0;
width: 500px;
}

#arguments {
background: transparent url(../img/conscript-anchor-bg.gif) no-repeat top center;
width: 500px;
padding: 0;
margin: 0 0 10px;
}

.argument {
background: transparent url(../img/conscript-anchor-bg.gif) no-repeat 1px bottom;
background-position: 1px bottom;
border-bottom: 1px #b8c6cc solid;
padding: 15px;
top: 0;
left: 0;
width: 470px;
height: 390px;
}

	body.conscript_debate #yes_anchors img,
	body.conscript_debate #no_anchors img {
	display: block;
	margin: 0 auto 20px;	
	}
		#main .argument blockquote {
		background: transparent url(../img/cd-speech.gif) bottom left no-repeat;
		border: 0;
		margin: 0 auto;
		padding: 10px 18px 15px 15px;
		width: 399px;
		float: none;
		}
		#main .argument ul {
		list-style: none;
		padding: 0;
		margin-left: 0;
		}
			#main .argument ul li {
			background: 0;
			}

#yes_anchors p {
background: transparent url(../img/t-cd-heard-enough.gif) no-repeat;
height: 85px;
line-height: 85px;
margin: 30px auto;
overflow: hidden;
text-indent: -999em;
width: 131px;
}
#no_anchors p {
background: transparent url(../img/t-cd-cast-your-vote.gif) no-repeat;
height: 70px;
line-height: 70px;
margin: 40px auto;
overflow: hidden;
text-indent: -999em;
width: 140px;
}
	#main #yes_anchors p a,
	#main #no_anchors p a {
	display: block;
	border: 0;
	}

#yes_anchors, #no_anchors { margin-bottom: 240px; }

#yes_anchors ul,
#no_anchors ul {
background: transparent url(../img/conscript-anchor-line-left.gif) right top no-repeat;
list-style: none;
margin: 100px 0 0;
padding: 1px 0 0;
}
	#no_anchors ul {
	background: transparent url(../img/conscript-anchor-line-right.gif) left top no-repeat;
	}
	#yes_anchors ul li,
	#no_anchors ul li {
	background: transparent url(../img/conscript-anchor-line-left.gif) right bottom no-repeat;
	padding: 0 0 1px;
	margin: 0;
	}
		#no_anchors ul li {
		background: transparent url(../img/conscript-anchor-line-right.gif) left bottom no-repeat;
		}
		#main #yes_anchors ul li a,
		#main #no_anchors ul li a {
		background-image: url(../content/img/cd-test-photo.jpg);
		background-repeat: no-repeat;
		background-position: top right;
		border: 0;
		color: #111;
		display: block;
		min-height: 3em;
		}
			#main #yes_anchors ul li a {
			padding: 10px 60px 10px 0;
			text-align: right;
			}
			#main #no_anchors ul li a {
			background-position: top left;
			padding: 10px 0 10px 60px;
			}
				#main #yes_anchors ul li a strong,
				#main #no_anchors ul li a strong {
				display: block;
				font: bold 16px/1.4 Palatino, Georgia, "Times New Roman", Times, serif;
				text-shadow: #fff 0 0 0;
				}
				#main #yes_anchors ul li a:hover,
				#main #no_anchors ul li a:hover {
				background-position: right -80px;
				border: 0;
				color: #214b60;
				}
					#main #no_anchors ul li a:hover {
					background-position: left -80px;
					border: 0; /* Weird explicit double up to accommodate IE6 */
					color: #214b60;
					}
				#main #yes_anchors ul li a.activeSlide,
				#main #no_anchors ul li a.activeSlide {
				background-position: right -160px;
				border: 0;
				color: #ce6a02;
				}
					#main #no_anchors ul li a.activeSlide {
					background-position: left -160px;
					}

#debate_form {
text-align: center;
}
	#main #debate_form h3, #main #debate_results h2 {
	border-bottom: 1px #999 dotted;
	font: normal 14px/1.4 Palatino, Georgia, "Times New Roman", Times, serif;	
	text-transform: uppercase;
	letter-spacing: 0.3em;
	margin: 14px auto;
	width: 300px;
	}
		#main #debate_results h2 { width: auto; text-align: center; }
		body.conscript_results #main #debate_results h2 { margin-top: 50px; }
		#debate_form h3 sup {
		font-size: 0.7em;	
		}
	#debate_form p {
	font: normal 26px/1.4 Palatino, Georgia, "Times New Roman", Times, serif;	
	margin-bottom: 15px;
	text-shadow: #fff 0 0 0;
	}
	#debate_form fieldset {
	border-bottom: 1px #999 dotted;
	display: block;
	margin: 0 auto 10px;
	padding-bottom: 15px;
	width: 200px;
	}
	#debate_form label {
	cursor: pointer;
	font: bold 24px/1.4 Palatino, Georgia, "Times New Roman", Times, serif;	
	text-shadow: #fff 0 0 0;
	}
	#debate_form #submit_btn {
	background: #e87d0d;
	border: 2px #f5bc81 solid;
	color: #fff;
	font: normal 24px/1.4 Palatino, Georgia, "Times New Roman", Times, serif;	
	text-shadow: #65380a 0 0 0;
	padding: 5px 14px;
	}
		#debate_form #submit_btn:hover {
		background: #518aa6;
		border: 2px #25414f solid;
		cursor: pointer;
		text-shadow: #25414f 2px 2px 2px;
		}



/* Specific styles to lay out each argument */
#arg0 { background: transparent; }
	#arg0 p {
	margin-left: 15px;
	margin-right: 15px;
	}
	#arg0 img { margin: 0 25px 15px 15px;}

#arg1 { background-image: url(../content/img/debate/billy-hughes.jpg); }
	#main #arg1 ul { margin: 30px 20px 20px 300px; }
	
#arg2 { background-image: url(../content/img/debate/aust-voices.jpg); }
	#main #arg2 blockquote p { font-size: 24px; line-height: 1.2; margin-bottom: 20px; }
	#main #arg2 ul { margin: 10px 20px 20px 90px; }

#arg3 { background-image: url(../content/img/debate/soldiers-voices.jpg); }
	#main #arg3 blockquote p { font-size: 24px; line-height: 1.3; margin-bottom: 20px; }
	#main #arg3 ul { margin: 20px 20px 20px 70px; }

#arg4 { background-image: url(../content/img/debate/white-aust.jpg); }
	#main #arg4 ul { margin: 10px 20px 20px 20px; }

#arg5 { background-image: url(../content/img/debate/mothers-voices.jpg); }
	#main #arg5 blockquote p { font-size: 24px; line-height: 1.3; margin-bottom: 20px; }
	#main #arg5 ul { margin: 20px 20px 20px 220px; }

#arg6 { background-image: url(../content/img/debate/aust-voices-3.jpg); }
	#main #arg6 blockquote p { font-size: 22px; line-height: 1.3; margin-bottom: 20px; }
	#main #arg6 ul { margin: 15px 20px 20px 120px; }
	
#arg7 { background-image: url(../content/img/debate/bishop.jpg); }
	#main #arg7 blockquote p { font-size: 22px; line-height: 1.3; margin-bottom: 20px; }
	#main #arg7 ul { margin: 40px 20px 20px 40px; }
	
#arg8 { background-image: url(../content/img/debate/aust-voices-4.jpg); }
	#main #arg8 blockquote p { font-size: 22px; line-height: 1.3; margin-bottom: 20px; }
	#main #arg8 ul { margin: 25px 20px 20px 60px; }


/* Page Specific:
		Results
===============================================*/

#debate_results {
margin: 0 auto;
width: 460px;
}
	#debate_results h3 {
	margin-bottom: 0.2em;
	}

#debate_results .total {
color: #666;
text-align: right;
}

.bargraph {
border-top: 1px #444 solid;
color: #fff;
float: left;
font: normal 11px/1.2 "Lucida Grande";
margin: 10px 0;
padding: 10px 10px 14px;
}
	.bargraph em {
	font: normal 22px/1.2 Palatino, Georgia, "Times New Roman", Times, serif;
	display: block;
	margin-bottom: 6px;
	}
	.bargraph.yay { background: #e87d0d; text-shadow: #65380a 0 0 0; }
	.bargraph.nay { background: #518aa6; margin-left: 1px; text-shadow: #25414f 0 0 0; }

#vote_1916 .bargraph,
#vote_1917 .bargraph {
font: normal 11px/1.2 "Lucida Grande";
width: 80px;
}
	#vote_1916 .bargraph em,
	#vote_1917 .bargraph em {
	font: normal 20px/1.2 Palatino, Georgia, "Times New Roman", Times, serif;
	display: block;
	margin-bottom: 10px;
	}

/* Page Specific:
		Political Cartoons
===============================================*/

body.political_cartoons #main h2 {
background: transparent url(../img/h-political-cartoon.gif) no-repeat;
height: 89px;
line-height: 89px;
overflow: hidden;
text-indent: -999em;
margin: 36px 0 0;
width: 421px;
float: left;
}


body.political_cartoons .cartoon {
background: #cc6000;
padding: 0 15px 0 3px;
margin-bottom: 5px;
}

	body.political_cartoons #main .cartoon h3 {
	clear: none;
	color: #fff;
	font: bold 20px/1.3 Palatino, Georgia, "Times New Roman", Times, serif;
	text-shadow: #634e38 2px 2px 2px;
	padding: 12px 0;
	}
	
	body.political_cartoons .cartoon img {
	float: left;
	margin: 0 12px 0 0;
	}
	
body.political_cartoons #main #slides .image img {
border: #b6c1c6 solid 1px;		
}
	
body.political_cartoons #main .col.double ul {
list-style: none;
margin: 0;
overflow: hidden;
}
	body.political_cartoons #main .col.double ul li {
	background: 0;
	float: left;
	height: 206px;
	padding: 0;
	width: 230px;	
	}
		body.political_cartoons #main .col.double ul li a {
		border: 0;
		}
			body.political_cartoons #main .col.double ul li a img {
			border: 3px #deecf3 solid;
			}
				body.political_cartoons #main .col.double ul li a img.right {
				float: right;
				}				
					body.political_cartoons #main .col.double ul li a:hover img {
					border: 3px #E56C01 solid;
					}

#cartoon {
background: transparent url(../img/conscript-anchor-line-left.gif) no-repeat top right;	
margin: 5px 0 0;
padding: 15px 0 15px 15px;
width: 205px;
}

#slides {
float: left;
width: 735px;
}
	#slides .image {
	background: transparent url(../img/bg-poster.jpg) bottom right no-repeat;
	float: left;
	line-height: 0;
	padding: 0 0 21px;
	width: 500px;
	}
		#slides .image img:hover {
		cursor: pointer;
		}
	#slides .description {
	background: transparent url(../img/conscript-anchor-line-right.gif) no-repeat top left;
	float: left;
	margin: 5px 0 0;
	padding: 15px 0 15px 15px;
	width: 205px;	
	}

#cartoon h3 {
font: normal 18px/1.3 Palatino, Georgia, "Times New Roman", Times, serif !important;
text-shadow: #3a728e 0 0 0;
padding: 0 10px 5px 0;
}

#pager { display: none; }

body.political_cartoons #main #pager ul {
margin: 20px 0 0 0;
}

	body.political_cartoons #main #pager ul li {
	background: 0;
	list-style: none;	
	float: left;
	width: 65px;
	color: #111;
	padding: 0;
	text-align: center;
	}
	
		body.political_cartoons #main #pager ul li em#current_slide {
		font-style: normal;
		}
		
		body.political_cartoons #main #pager ul li a {
		padding: 3px 0 0 0;
		display: block;
		height: 20px;
		text-align: left;
		border: 0;
		text-decoration: underline;
		}	
		body.political_cartoons #main #pager ul li a.next {
		padding: 3px 0 0 40px;
		background: transparent url(../img/cartoon_next.gif) no-repeat left -36px;	
		}
			body.political_cartoons #main #pager ul li a.next:hover {
			background-position: left 0;	
			}
		body.political_cartoons #main #pager ul li a#prev {
		background: transparent url(../img/cartoon_prev.gif) right -36px no-repeat;
		}
			body.political_cartoons #main #pager ul li a#prev:hover {
			background-position: right 0;	
			}


body.political_cartoons #main ul.cartoon-nav {
width: 275px;
list-style: none;
float: right;
overflow: hidden;
display: block;
}

body.political_cartoons #main ul.cartoon-nav li {
background: 0;
float: left;
width: 65px;
height: 65px;
margin-left: 3px;
padding: 0;
}
	body.political_cartoons #main ul.cartoon-nav li a {
	border: 0;
	}
		body.political_cartoons #main ul.cartoon-nav li a img {
		margin-left: 3px;
		border: 3px #deecf3 solid;
		}

			body.political_cartoons #main ul.cartoon-nav li a:hover img {
			border: 3px #e56c01 solid;
			}
			body.political_cartoons #main ul.cartoon-nav#c_voluntarism li.voluntarism a img,
			body.political_cartoons #main ul.cartoon-nav#c_liar li.liar a img,
			body.political_cartoons #main ul.cartoon-nav#c_cloud li.cloud a img,
			body.political_cartoons #main ul.cartoon-nav#c_slavemarket li.slavemarket a img { border-color: #518aa6; }
			
p.instruc {
float: right;
margin-left: 200px;
margin-top: 30px;
}

/* Page Specific:
		Propaganda Poster
===============================================*/

body.conscription_poster #main {
background: transparent url(../img/bg-poster-intro.gif) no-repeat center 20px;
min-height: 600px;	
}

body.conscription_poster #main h2 {
background: transparent url(../img/h-propaganda-poster.gif) no-repeat;
height: 97px;
line-height: 97px;
overflow: hidden;
margin: 40px 0 0 150px;
text-indent: -999em;
width: 512px;
}

body.conscription_poster #main #poster-button a {
display:block;	
background: transparent url(../img/poster-button.gif) no-repeat;
width: 460px;
height: 150px;
text-indent: -1000px;
margin-top: 30px;
border: none;
}

	body.conscription_poster #main #poster-button a:hover {
	background-position: 0 -150px;	
	}
	
body.conscription_poster #main ul.poster-thumbs {
margin: 15px 0;
}
	body.conscription_poster #main ul.poster-thumbs li {
	background: none;
	float: left;
	height: 72px;
	padding: 0;
	overflow: hidden;
	margin: 0 1px 1px 0;
	width: 72px;
	}
		body.conscription_poster #main ul.poster-thumbs li a {
		border: 0;
		}
				body.conscription_poster #main ul.poster-thumbs li a:hover img {
				opacity: 0.9;	
				}

body.conscription_poster #main #poster-button .poster-thumbs img.thumbs a {
margin: 0;
}

.make_poster #flashcontent {
width: 960px;
height: 640px;
}
	.make_poster #flashcontent p {
	border-top: 22px #518aa6 solid;
	font: normal 36px/1.4 Palatino, Georgia, "Times New Roman", Times, serif;
	padding: 190px 100px;
	text-shadow: #fff 0 0 0;
	}


/* MP3 Player
===============================================*/
#main a.mp3,
#main a.mp3playing {
background: transparent url(../img/icon-mp3.gif) no-repeat 0 2px;
border: 0;
font: bold 14px/1.4 Palatino, Georgia, "Times New Roman", Times, serif;
padding-left: 15px;
}

#main a.mp3playing {
color: #125AA7;
background-position: 0 -38px;
}


/* Generic Text Styles
===============================================*/
#main p.intro {
color: #0d181d;
font: normal 14px/1.5 "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
text-shadow: #fff 2px 2px 2px;
}

#main p.note {
color: #777;
font-size: 10px;
}

#main h2 {
font: normal 22px/1.4 Palatino, Georgia, "Times New Roman", Times, serif;	
text-transform: uppercase;
letter-spacing: 0.25em;
text-shadow: #fff 0 0 0;
text-align: center;
margin: 35px 0 15px;
}


/* Page Specific:
		Conscription Content
===============================================*/


/* Page Specific:
		Peace Conference
===============================================*/


/* Page Specific:
		Peace Conference
===============================================*/

/* Page Specific:
		The exhibition
===============================================*/

.slideshow {
border-top: 1px #85adc0 solid;
border-bottom: 3px #cc6000 solid;
height: 344px;
width: 458px;
overflow: hidden;
margin: 1em 0 2em;
}
	.slideshow img {
	line-height: 0;
	margin: 0;
	}

.about .slideshow {
height: 258px;
}

.highlights {
border: 1px #dce8ed solid;
background: #e9fdff;
padding: 15px;
width: 188px;
}
.pop-up .holder {
border: 1px #dce8ed solid;
background: #e9fdff;
padding: 15px 15px 10px;
margin-bottom: 1.4em;
}

/* Tooltips
===============================================*/
#tooltip {
background: transparent url(../img/bg-tooltip.png) top center no-repeat;
color: #fafafa;
font-size: 10px;
line-height: 14px;
position: absolute;
z-index: 3000;
padding: 10px 10px 10px 10px;
width: 200px;
}
#tooltip h3, #tooltip div { margin: 0; }
	#tooltip h3 {
	color: #fafafa;
	font: bold 11px/1.5 "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
	padding-bottom: 0;
	}