/* === THIS CSS IS THE SITE CSS AND CONTAINS SITE SPECIFIC STYLES ONLY === */

/* version 1.4.1 

=GENERAL - General formatting styles for the body
=HEADER - Header styles, including the common nav and breadcrumbs
=FOOTER - Footer styles, including top of page and notices
=MENU - Left and sidebar menus
=FORMS - Any styles particular to forms (buttons, input boxes)
=UTILITIES - Classes that were created for general use so users don't have to create it, and for consistency
=UNIQUE TO SITE - Styles specific to a site
*/

/* ---------------------------------------------------------------- 
 	=GENERAL
------------------------------------------------------------------- */ 	
/* Colour for the body background (not the content area) -- this must be a Web-smart colour */
/* For Web-smart colours, visit: http://cloford.com/resources/websmart1.htm */
body {
	background-color: #bbb;
}

/* Colour for the border around the three-column layout -- this must be a light colour so it doesn't
	conflict visually with the line under the h1, which is usually darker */
#contentWrapper {
	border-color: #bbb;
}

/* Font colours for the headings */
h1 {
	color: #633;
	border-bottom-color: #633;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
	
h2 {
	color: #555;
}	

h3 {
	color: #633;
}	
	
h4 {
	color: #555;
}	

h5 {
	color: #633;
}	

h6 {
	color: #555;
}

/* Horizontal rule colour */
hr {
	color: #bbb;  /* This sets the colour for IE browsers */
	background-color: #bbb;  /* This sets the colour for other browsers */
}
	
/* First level of list items in the content area */
#main ul li {
	list-style: square;
}

/* Second level of list items in the content area */
#main ul ul li {
	list-style: disc;
}

/* Font colour for the hyperlinks in the content area */
#main a {
	color: #633;
}

/* Font colour for the visited hyperlinks in the content area */
#main a:visited {
	color: #666; /* This should be a different colour than the hyperlinks, set above */
}

/* Font colour for the hyperlinks in the content area, on mouse hover */
#main a:hover {
	color: #069;
}

/* Border colour for the tables */
td {
	border-color: #ccc;
}

/* Background and border colours for the table header */		
th {
	background-color: #bbb;
	border-color: #ccc;
}

/* Table caption text colour */		
table caption {
	color: #666;
}

/* ---- Top of page arrow on pages ----	 */
#container #main p.arrow_up {
	background-image: url(/images/arrows/tphp.gif); /* path to arrow image */
}

#container #main p.arrow_up a {	 
	color: #633; /* colour of the link */
}

#container #main p.arrow_up a:hover {	 
	color: #069; /* colour of the link on hover */
}

/* ---------------------------------------------------------------- 
 	=HEADER
------------------------------------------------------------------- */
#header #masthead {
	/*** If you want an image in the header, you'd use the background declaration below for the right-hand portion 
	of the image, instead of background-color ***/
	background: #633 url(/images/header/header_right.jpg) right top no-repeat; 
	/* background-color: #633; */
}

#masthead p#site_title {
	/*** If you want an image in the header, you'd use the background declaration below for the left-hand portion 
	of the image ***/
	background: url(/images/header/header_left.jpg) left top no-repeat; 
}

/* Font colour for the breadcrumb (navigation path) hyperlinks */
#breadCrumbs a {		
	color: #633;	
}

/* Font colour for the breadcrumb (navigation path) hyperlinks, on mouse hover */ 
#breadCrumbs a:hover {
	color: #444;
}


/* --- Skiplinks that appear at the top of the page on tab --- */

/* (Using a descendant selector here is not possible because IE6 will not properly give
focus to links when they are tabbed through backwards) */
a#skipContent:focus, a#skipContent:active, a#skipMenu:focus, a#skipMenu:active,
a#skipInstitutional:focus, a#skipInstitutional:active {
	border: 2px solid #ccc; /* border width, style and colour */
	background-color: #ffc; /* background colour */
}

/* Skiplink hyperlinks colour */
#skiplink a {
	color: #633;
}

/* Skiplink visited hyperlinks colour.  This should be different than the colour above */
#skiplink a:visited {
	color: #444;
}

/* Skiplink hyperlinks colour, on mouse hover */
#skiplink a:hover {
	color: #c00;
}

/* ---------------------------------------------------------------- 
 	=FOOTER
------------------------------------------------------------------- */	
/* Colour of the footer strip -- this must be a Web-smart colour */
#footer {
	border-top-color: #555;
}

/* Font colour for the date modified */
#mod {
	color: #633;
}

/* Font colour for the Important Notices and Top of Page hyperlinks */
#notices a, #top a, #topOfPage a {
	color: #633;
}

/* Font colour for the Important Notices and Top of Page hyperlinks, on hover */
#notices a:hover, #top a:hover, #topOfPage a:hover {
	color: #069;
}		
	
/* ---------------------------------------------------------------- 
 	=MENU
------------------------------------------------------------------- */	
/*** LEFT-NAVIGATION MENU ***/

/* Text colour for the headings */
#nav h2, #nav form h2 label {
	color: #fff;	
}

/* Background colour for the headings and spacers */	
#nav h2, #nav .spacer {
	background-color: #555;
}		

/* Font colour for the first level of links */
#nav a {
	color: #424542;
}

/* This sets the style of the active menu item link (it can be text bolding, colour, underlining) */
#nav a.navActive {
	font-weight: bold;
}

/* Top border colour, style and background colour for the first level of links */
#nav ul li {
	border-top-color: #ada67b;
	border-top-style: dashed;
	background-color: #ece6d9;
}

/* Font colour for the second level of links */
#nav ul ul a {
	color: #424542;	
}

/* If you do not wish the menu to expand and contract, delete the following style */
#nav ul ul {
	display:none;
}	

/* Background colour for the second level of links */
#nav ul ul, #nav ul ul a, #nav ul ul li {
	background-color: #f6f4e8;
}

/* Colour for the bullets in the second menu level */
#nav ul ul li {
    color: #666;
		 margin: 0;
 text-indent: -16px;
 padding: 3px 0 3px 20px; 

}

/* Border style and colour for paragraphs in the left-nav */
#nav p, #nav form p {
	border: 1px solid #ccc;
	background-color: #fff;
}

/* Colour for the "What is this" link in the Style Switcher box */
#nav .switcherLink {
	color: #444;
}


/*** SIDEBAR AND SUPPLEMENTAL CONTENT ***/

/* Text colour for the headings */
#sidebar h2, #suppContent h2, #sidebar #frm h2, #sidebar #frm h2 label, #suppContent #frm h2 label {
	color: #fff;	
}

/* Background colour for the headings and spacers */
#sidebar h2, #sidebar .spacer, #suppContent h2, #suppContent .spacer, 
#sidebar #frm h2, #sidebar #frm h2 label, #suppContent #frm h2 label {
	background-color: #555;
}

/* Background, text and border colours and style for simple boxes in the sidebar and suppl. content */
#sidebar p, #suppContent p {	
	background-color: #fff;
	color: #424542;
	border-color: #d0cfcd; 	
	border-width: 1px;
	border-style: solid;
	border-top: 0;		
}

/* Font colour for the hyperlinks */
#sidebar a, #suppContent a, #main #suppContent ul li a:hover, 
#sidebar #slideshow li a, #sidebar #slideshow li a:hover {
	color: #424542;
}

/* Font colour for the visited hyperlinks */
#sidebar a:visited, #suppContent a:visited, #sidebar #slideshow li a:visited {
	color: #424542;
}

/* Colour of bullets & non-linked text, and box border colour and style for the sidebar and suppl. content */
#sidebar ul, #suppContent ul {
	color: #424542;
	border-color: #d0cfcd;
	border-width: 1px;
	border-style: solid;	
}

/* Background colour for the list items */
#sidebar ul, #sidebar ul ul, #sidebar ul ul li, #sidebar ul ul a, 
#suppContent ul, #suppContent ul ul, #suppContent ul ul li, #suppContent ul ul a {
	 background-color: #ece6d9; 
}

/* First level list item top border colour and style */
#sidebar ul li, #suppContent ul li {
	border-top-color: #ada67b;
	border-top-width: 1px;
	border-top-style: dashed;	
}


/*------ Slideshow ------*/

/* Background colour for the slideshow and list of links */
#sidebar #slideshow, #sidebar #slideshow li {  
    background-color: #fff;
}

/* Border colours around the slideshow list of links */
#sidebar #slideshow {
	border-right-color: #ccc;
	border-left-color: #ccc;
	border-bottom-color: #ccc;
}


#sidebar #slideinterface img, #sidebar #slidecontainer img {
   	border: 0;   
   	padding: 0;
}

/* Colour of the dividing lines between list of links items */
#sidebar #slideshow li {
	border-top-color: #e1dcc9;
}

/* Border colour at the left and right of the slideshow buttons */
#sidebar #slideinterface {
	border-right-color: #ccc;
	border-left-color: #ccc;
}


/* ---------------------------------------------------------------- 
 	=FORMS
------------------------------------------------------------------- */ 		
/* Label text colour in forms */
label {
	color: #444;	
}

/* Text colour for the legend in a fieldset */
legend {
	color: #633;
}

/* Background, text and border colours for buttons */
.submit-button, .homeSubmit {
	background-color: #eee;
	color: #555;
	border-color: #777;
}

/* Border colour for the input boxes */
.input-box{
	border-color: #aaa;
}

/* Textarea width and height */
textarea.input-box {
	width: 95%;
	height: 6em;
}

/* --- Advanced Search styles ---- */
/* Background colour for the headings (labels) */
#QForm fieldset table th {
	background-color: #e8e8e8;
}

#QForm fieldset {
	color: #777;
}

#QForm fieldset legend {
	color: #777;
}

#QForm p label {
	color: #777;
}


/* ---------------------------------------------------------------- 
 	=UTILITIES
------------------------------------------------------------------- */ 
/* Border colour and style for excerpts from a document, book, etc. */
.excerpt {
	border-style: solid;
	border-color: #ccc;
}
/* Normal text (non-italic) for excerpts from a document, book, etc. */
.excerptNormalText {
	font-style:normal
	}


/* Style for chapter or page navigation */
.chapterNav, .pageNav {
	text-align: center;
	font-weight: bold;
}


/* ---- Images, photos and icons ---- */

/* Photo with border around it (for biographies, etc).  This can have a text caption under the picture.  Set the border colours below. */
.photoFrame, .photoFrameAlt {
	border-top-color: #633;
	border-right-color: #633;
	border-bottom-color: #633;
	border-left-color: #633;	
}


/* ---- Boxes and notices ----	 */

.labelBox, #sidebar .labelBox {
	background-color: #f5f5f5; /* lighter gray */
	color: #000;
	border: 1px solid #ddd;	
}

.alternateLabelBox, #sidebar .alternateLabelBox {
	background-color: #fff; /* white */
	color: #111;
	border: 1px solid #ccc;
	}
	
.noticeBox, #sidebar .noticeBox {
	background-color: #eee; /* light gray */
	color: #000;
	border: 1px solid #bbb;	
}

.importantBox, #sidebar .importantBox {
	background-color: #c00; /* red */
	color: #fff;
	border: 0;	
	font-weight: bold;
}

/* Hyperlink colour and decoration for important boxes */
#main .importantBox a, #main .importantBox a:visited, #main .importantBox a:hover, 
#sidebar .importantBox a, #sidebar .importantBox a:visited, #sidebar .importantBox a:hover {
	color: #fff;
	text-decoration: underline;
}

.docFormats {
	color: #000;
	border: 0;	
}

.note, #sidebar .note {
	background-color: #eee; /* light gray */
	color: #000;
}

/* ---------------------------------------------------------------- 
 	=UNIQUE TO SITE
------------------------------------------------------------------- */
.lineageMain {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 250px;
}

.colorsMain {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 250px;
}

.footnotesBox {
	background-color: #eee; /* light gray */
	color: #000;
	font-size: 0.8em;
}

.inlineFootnotes {
	color: #000;
	font-size: 0.8em;
	font-weight: bold;
}

.newsHighlight, .caution, .cautionText {
	color: #c00;
	font-weight: bold;
}

/* ---------------------------------------------------------------- 
 	=Victoria Cross Booklet styles
------------------------------------------------------------------- */
.vcCover, .vcCoverAlt {
	border: 1px solid #666;
	padding: 0;
}

.vcCover {
	float: left;
	margin-right: 5px;
}

.vcCoverAlt {
	float: right;
	margin-left: 5px;
}

.vcCitation {
	background-color: #FBF7F7; /* light gray */
	color: #000;
	z-index: 0;
	border-top: 1px solid #663333;
	border-bottom: 2px solid #663333;
	padding: 0 15px 0 15px;  

}

.vcParaIntroText {
	color: #633;
	font-weight:bold;
	text-transform:uppercase;
}

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


.flagFolding {
	text-align: center;
	font-size: 0.8em;
}

.selectedCat {
	font-weight: bold;
}

#tableSearchResults th {
	height: 2em;
}

#tableSearchResults th a, #tableSearchResults th a:visited {
	color: #000;
}

.rlTitle {
	width: 65%;
}

.rlDate {
	width: 20%;
	text-align: center;
}

.rlNumber {
	width: 15%;
	text-align: center;
}

.srlTitle {
	width: 55%;
}

.srlAuthor {
	width: 20%;
}

.srlType {
	width: 15%; 
}

.srlNumber {
 	width: 10%;
 	text-align: center;
}

.unitSelect {
	width: 99%;
}

img.shIcon {
	vertical-align: middle;
	padding-left: 2px;
	margin-right: 2px;
	float: none;
}

/* Fallen Canadian text over image on right menu */
.FallenCanadian{
	position:relative;
	width: 195px;
	height: 90px;
	padding: 0;
	background:url(/images/fallen-disparus.jpg) no-repeat;
	background-color:#000000;
} 

#sidebar .FallenCanadian p a, #sidebar .FallenCanadian p a:visited, #sidebar .FallenCanadian p a:hover {
	text-decoration: none;
	color: #fff;
} 

#sidebar .FallenCanadian p {
	background-color: transparent;
	padding: 0;
	border: 0;
	font: bold 1.1em Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
} 

.FallenCanadianText {
	position: absolute;
	text-align: center;
	width: 195px;
	left: 0px;
	bottom: -15px;
}

/* End of Fallen Canadian text over image */

/* Gateway image on right menu */

.Gateway{
	position: relative;
	width: 195px;
	height: 110px;
	padding: 0;
	background: url(/dhh-dhp/images/sidebar/cmhg-phmc.jpg) no-repeat;
	margin-bottom: 20px;
} 

#sidebar .Gateway p a, #sidebar .Gateway p a:visited, #sidebar .Gateway p a:hover {
	text-decoration: none;
	color: #fff;
} 

#sidebar .Gateway p {
	background-color: #0e4099;
	padding: 0;
	border: 0;
	font: bold 1.1em Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
} 

.GatewayText {
	position: absolute;
	text-align: center;
	width: 195px;
	left: 0px;
	bottom: -18px;
}

/* End of Gateway image */

/* CF Artist Program image on right menu */

.artProgram {
	position: relative;
	width: 195px;
	height: 195px;
	padding: 0;
	background: #26231e url(/dhh-dhp/images/sidebar/cfap-pafc.jpg) center no-repeat;
	margin-top: -15px;
	margin-bottom: 18px;
} 

#sidebar .artProgram p a, #sidebar .artProgram p a:visited, #sidebar .artProgram p a:hover {
	text-decoration: none;
	color: #fff;
} 

#sidebar .artProgram p {
	background-color: #26231e;
	padding: 0;
	border: 0;
	font: bold 1.1em Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
} 

.artProgramText {
	position: absolute;
	text-align: center;
	width: 195px;
	left: 0px;
	bottom: -20px;
}

/* End of CF Artist Program image */

/* NICMM image on right menu */

.milMemorials{
	position: relative;
	width: 195px;
	height: 145px;
	padding: 0;
	background: url(/dhh-dhp/images/sidebar/nicmm-inmmc.jpg) no-repeat;
	margin-bottom: 18px;
} 

#sidebar .milMemorials p a, #sidebar .milMemorials p a:visited, #sidebar .milMemorials p a:hover {
	text-decoration: none;
	color: #fff;
} 

#sidebar .milMemorials p {
	background-color: #26231e;
	padding: 0;
	border: 0;
	font: bold 1.1em Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
} 

.milMemorialsText {
	position: absolute;
	text-align: center;
	width: 195px;
	left: 0px;
	bottom: -25px;
}

/* End of NICMM image */

/* Origins of Christmas Dinner image on right menu */

.ocd-odpn{
	position: relative;
	width: 195px;
	height: 240px;
	padding: 0;
	background: url(/dhh-dhp/images/sidebar/ocd-odpn.jpg) no-repeat;
	margin-bottom: 20px;
} 

#sidebar .ocd-odpn p a, #sidebar .ocd-odpn p a:visited, #sidebar .ocd-odpn p a:hover {
	text-decoration: none;
	color: #fff;
} 

#sidebar .ocd-odpn p {
	background-color: #0E4099;
	padding: 0;
	border: 0;
	font: bold 1.1em Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
} 

.ocd-odpnText {
	position: absolute;
	text-align: center;
	width: 195px;
	left: 0px;
	bottom: -18px;
}

/* End of Origins of Christmas Dinner image */

/* Rememberance Day image on right menu */

.rd-js{
	position: relative;
	width: 195px;
	height: 110px;
	padding: 0;
	background: url(/dhh-dhp/images/sidebar/rd-js.jpg) no-repeat;
	margin-bottom: 20px;
} 

#sidebar .rd-js p a, #sidebar .rd-js p a:visited, #sidebar .rd-js p a:hover {
	text-decoration: none;
	color: #fff;
} 

#sidebar .rd-js p {
	background-color: #000000;
	padding: 0;
	border: 0;
	font: bold 1.1em Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
} 

.rd-jsText {
	position: absolute;
	text-align: center;
	width: 195px;
	left: 0px;
	bottom: -40px;
}

/* End of Rememberance Day image */


/* BEGIN Women's Orders of Dress and Pilot Project Gallery */

div.wodGal, div.ppGal {
	width: 95%;
	background-color: #fff;
	border: 0;
	padding: 5px;
	margin-left: auto;
	margin-right: auto;
}
	
div.wodGalRow, div.ppGalRow {
  	clear: both;
  	padding-top: 5px;
}

div.wodGalRow span.wodGalColOne , div.wodGalRow span.wodGalColTwo, div.wodGalRow span.wodGalColThree, div.wodGalRow span.wodGalColFour, 
div.ppGalRow span.ppGalColOne , div.ppGalRow span.ppGalColTwo, div.ppGalRow span.ppGalColThree, div.ppGalRow span.ppGalColFour {
  	width: 24%;
  	text-align: center;
  	font-size: 0.8em;
  	font-weight: bold;
}

div.wodGalRow span.wodGalColOne, div.ppGalRow span.ppGalColOne {
  	float: left;
}

div.wodGalRow span.wodGalColTwo, div.ppGalRow span.ppGalColTwo, 
div.wodGalRow span.wodGalColThree, div.ppGalRow span.ppGalColThree {
  	float: left;
  	margin-left: 5px;
} 

div.wodGalRow span.wodGalColFour, div.ppGalRow span.ppGalColFour {
  	float: right;
  	margin-left: 5px;
} 

div.wodGal img {
	height: 200px;
}

.ppPicName {
	text-align: center;
	font-style: italic;
	font-weight: bold;
	margin-bottom: 0;
}

/* END Women's Orders of Dress and Pilot Project Gallery */

/* BEGIN List of Municipalities */

div.muniList {
	width: 95%;
	background-color: #fff;
	border: 0;
	padding: 5px;
	margin-left: auto;
	margin-right: auto;
}

div.muniListRow {
  	clear: both;
  	padding-top: 5px;
}
	
div.muniListRow span.muniListColOne, 
div.muniListRow span.muniListColTwo, 
div.muniListRow span.muniListColThree {
  	width: 31%;
  	text-align: left;
}

div.muniListRow span.muniListColOne, 
div.muniListRow span.muniListColTwo, 
div.muniListRow span.muniListColThree {
  	float: left;
}

div.muniListRow span.muniListColTwo, 
div.muniListRow span.muniListColThree {
  	margin-left: 5px;
} 

.altRow {
	background-color: #eee;
}

.regRow {
	background-color: #fff;
}

/* END List of Municipalities */

/* BEGIN Badges thumbnail Gallery */

div.badgesGal {
	width: 95%;
	background-color: #fff;
	border: 0;
	padding: 5px;
	margin-top: -17px;
	margin-left: auto;
	margin-right: auto;
}
div.badgesGalCenter {
	width: 95%;
	background-color: #fff;
	border: 0;
	padding: 5px;
	margin-top: -17px;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
}
	
div.badgesGalRow {
  	clear: both;
  	padding-top: 12px;
}

div.badgesGalRow span.badgesGalColOne, div.badgesGalRow span.badgesGalColTwo, div.badgesGalRow span.badgesGalColThree, 
div.badgesGalRow span.badgesGalColFour, div.badgesGalRow span.badgesGalColFive {
  	width: 19%;
  	text-align: center;
  	font-size: 0.8em;
  	font-weight: normal;
}

div.badgesGalRow span.badgesGalColOne {
  	float: left;
}

div.badgesGalRow span.badgesGalColTwo, div.badgesGalRow span.badgesGalColThree, div.badgesGalRow span.badgesGalColFour {
  	float: left;
  	margin-left: 5px;
} 

div.badgesGalRow span.badgesGalColFive {
  	float: right;
  	margin-left: 5px;
} 

div.badgesGal img {
	width: 100px;
	height: 125px;
	border: 1px solid #ccc;
}

/* END Badges thumbnail Gallery */

div.auditions{
float:right;
}

.burgandyText {
	color: #633;
}

.noteworthy {
	color:#FF0000; /* red text for notice boxes */
	font-weight:bold;
}

.noteworthyAlt {
	color:#009966; /* green text for notice boxes */
	font-weight:bold;
}

/*------ Testing Slideshow ------*/
#slideshow {

	border-color: #cccccc;
	border-right-width: 1px;
	border-left-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-bottom-style: solid;
	height: 258px;
	width: 258px;
	
}


#slidecontainer {
	width: 195px;
	left: 5px;
	float: right;
	margin: 0 0 20px 0;
    padding: 0;
	clear:both
    
}

#slidecontainer img {
   	border: 0;   
	height: 258px;
	width: 258px;
}

#slideinterface {
	background-image: url(/images/sshw-mdiap/deco.gif);
	width: 210px;
	margin-top: 0;
	margin-bottom: 0;
	border-color: #cccccc;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
		
}

#slideinterface img {
   	border: 0;   
   	padding: 0;	
}


/*------ Artists Object titles ------*/

.artistObjTitles h2
{
	font: bold 1.5em Verdana, Arial, Helvetica, sans-serif;
	color: #555;
	text-align: right;
}

.artistObjTitles p
{
	text-align: right;
}


/* ----- SlideShow Two Columns within the page content area ---- */

.left_column_65 {
	float: left;
	width: 70%;
	position: relative;
}

.right_column_35 {
	float: right;
	width: 30%;
	position: relative;
}

.left_column_75 ul, .right_column_25 ul {
	margin-left: 16px;
}

.left_column_75 ol, .right_column_25 ol {
	margin-left: 28px;
}

/* Aboriginal Book quotations */

.imageFrame {
	font-size: 0.8em;
	text-align: center;
	background-color: #fff;
	padding: 5px;
	border-top-width: 1px;
	border-top-style: solid;
	border-right-width: 2px ;
	border-right-style: solid;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-left-width: 1px;
	border-left-style: solid;
	float: right;
	margin: 0 0 5px 5px;
	border-top-color: #633;
	border-right-color: #633;
	border-bottom-color: #633;
	border-left-color: #633;	
}

.imageFrameAlt {
	font-size: 0.8em;
	text-align: center;
	background-color: #fff;
	padding: 5px;
	border-top-width: 1px;
	border-top-style: solid;
	border-right-width: 2px ;
	border-right-style: solid;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-left-width: 1px;
	border-left-style: solid;
	float: left;
	margin: 0 0 5px 5px;
	border-top-color: #633;
	border-right-color: #633;
	border-bottom-color: #633;
	border-left-color: #633;	
}

.imageFrameFull {
	font-size: 0.8em;
	text-align: center;
	background-color: #fff;
	padding: 5px;
	border-top-width: 1px;
	border-top-style: solid;
	border-right-width: 2px ;
	border-right-style: solid;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-left-width: 1px;
	border-left-style: solid;
	margin: 0 0 5px 5px;
	border-top-color: #633;
	border-right-color: #633;
	border-bottom-color: #633;
	border-left-color: #633;	
}



.citation {
	background-color: #f5f5f5; /* light gray */
	color: #633;
	z-index: 0;
	border-top: 1px solid #663333;
	border-bottom: 2px solid #663333;
	padding: 0 15px 0 15px;
	margin-left: 40px;
	margin-right: 40px;
	font-style:italic;
	font-weight:bold;

}

.citationAuthor {
	text-align:right;
	font-style: normal;
	font-size: .9em;
	}
	
.intro {
	font-size: 1.2em;
	}


.imageFrameNB {
	font-size: 0.8em;
	text-align: center;
	padding: 1px;
	float: right;
	margin: 5px 5px 3px 3px;
}

.imageFrameAltNB {
	font-size: 0.8em;
	text-align: center;
	padding: 1px;
	float: left;
	margin: 5px 0 10px 5px;

}

.imageFrameSideNB {
	font-size: 0.8em;
	text-align: left;
	background-color: #fff;
	margin: 5px;
	background-color: #fff;
	padding: 5px;
}

.imageFrameSideImageNB {
	float:left;
	padding-right: 10px;
	
}

.imageMainNB {

	border-top-width: 1px;
	border-top-style: solid;
	border-right-width: 2px ;
	border-right-style: solid;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-left-width: 1px;
	border-left-style: solid;
	border-top-color: #633;
	border-right-color: #633;
	border-bottom-color: #633;
	border-left-color: #633;
	display:inline-block;
}

.imageMainNBText {
	font-size: 0.8em;
	text-align: center;
	padding-left: 5px;
	padding-right: 5px;
	}
	
/* end Aboriginal Book */


/* BEGIN Colours thumbnail Gallery */

div.cfGal {
	width: 95%;
	background-color: #fff;
	border: 0;
	padding: 5px;
	margin-top: -17px;
	margin-left: auto;
	margin-right: auto;
}
div.cfGalCenter {
	width: 95%;
	background-color: #fff;
	border: 0;
	padding: 5px;
	margin-top: -17px;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
}
	
div.cfGalRow {
  	clear: both;
  	padding-top: 12px;
}

div.cfGalRow span.cfGalColOne, div.cfGalRow span.cfGalColTwo, div.cfGalRow span.cfGalColThree {
  	width: 31%;
  	text-align: center;
  	font-size: 0.8em;
  	font-weight: normal;
}

div.cfGalRow span.cfGalColOne {
  	float: left;
}

div.cfGalRow span.cfGalColTwo {
  	float: left;
  	margin-left: 5px;
} 

div.cfGalRow span.cfGalColThree {
  	float: left;
  	margin-left: 5px;
} 

div.cfGal img {
	width: 180px;
	height: 89px;
	border: 1px solid #ccc;
}

/* END Camp Flags thumbnail Gallery */

/* BEGIN Colours thumbnail Gallery */

div.colGal {
	width: 95%;
	background-color: #fff;
	border: 0;
	padding: 5px;
	margin-top: -17px;
	margin-left: auto;
	margin-right: auto;
}
div.colGalCenter {
	width: 95%;
	background-color: #fff;
	border: 0;
	padding: 5px;
	margin-top: -17px;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
}
	
div.colGalRow {
  	clear: both;
  	padding-top: 12px;
}

div.colGalRow span.colGalColOne, div.colGalRow span.colGalColTwo, div.colGalRow span.colGalColThree {
  	width: 31%;
  	text-align: center;
  	font-size: 0.8em;
  	font-weight: normal;
}

div.colGalRow span.colGalColOne {
  	float: left;
}

div.colGalRow span.colGalColTwo {
  	float: left;
  	margin-left: 5px;
} 

div.colGalRow span.colGalColThree {
  	float: left;
  	margin-left: 5px;
} 

div.colGal img {
	width: 180px;
	height: 160px;
	border: 1px solid #ccc;
}

/* END Colors Badges thumbnail Gallery */


/* BEGIN Infantry Badges thumbnail Gallery */

div.infGal {
	width: 95%;
	background-color: #fff;
	border: 0;
	padding: 5px;
	margin-top: -17px;
	margin-left: auto;
	margin-right: auto;
}
div.infGalCenter {
	width: 95%;
	background-color: #fff;
	border: 0;
	padding: 5px;
	margin-top: -17px;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
}
	
div.infGalRow {
  	clear: both;
  	padding-top: 12px;
}

div.infGalRow span.infGalColOne, div.infGalRow span.infGalColTwo, div.infGalRow span.infGalColThree, div.infGalRow span.infGalColFour, div.infGalRow span.infGalColFive {
  	width: 19%;
  	text-align: center;
  	font-size: 0.8em;
  	font-weight: normal;
}

div.infGalRow span.infGalColOne {
  	float: left;
}

div.infGalRow span.infGalColTwo, div.infGalRow span.infGalColThree, div.infGalRow span.infGalColFour {
  	float: left;
  	margin-left: 5px;
} 

div.infGalRow span.infGalColFive {
  	float: right;
  	margin-left: 5px;
} 

div.infGal img {
	width: 100px;
	height: 151px;
	border: 1px solid #ccc;
}

.pageNav {
	background-color:#FFFEF2
	}
	
/* Frame for Publication - Featured */

.pubFrame {
	font-size: 0.8em;
	text-align: center;
	background-color: #fff;
	padding: 5px;
	border-top-width: 1px;
	border-top-style: solid;
	border-right-width: 2px ;
	border-right-style: solid;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-left-width: 1px;
	border-left-style: solid;
	width: 130px;
	height: 250px;
	border-color:#633;
	float: left;
	margin: 0 2px 2px 0;
}


/* start Archive solution */

#cn-cols {
margin-left: -10px;
background-color:#FFFFFF;
width:770px;
padding-right: 10px; 
}

#cn-left-col-inner{
/*margin-left: 10px; /*-------this line has to be unremed when uploading to PROD------*/
 padding-left: -10px;
float:left;
}

#container2{
	width: 760px;
	margin: 0 auto;
    padding: 0 10px;    
	background-color:#fff;
	}

#container2:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/*end for ARCHIVED pages */
	

/* right align para */
.tpRight{
		text-align: right;
			}