@charset "utf-8";
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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/* green: #75a642 */

/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: #000;
	background: #fff url('images/bg-repeat.jpg');
	font:74% helvetica, arial, sans-serif;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

em { font-size:0.95em;}
strong {font-weight:bold;}
a { color:#75a642; text-decoration:none;}
a:hover, a:focus, a:active {color:#000; text-decoration:underline;}

#wrap {
	width:960px;
	margin:20px auto;
}

.style1, .red {color:#990000;}
.green {color: #006600;}


/* ------------HEADER -------------------*/

#header {position:relative;}

#strap_container {
	/*background:transparent url('images/TP-Exhibition-website-main-V4_03.png') no-repeat;*/
	float:left;
	height:176px;
	padding:10px 10px 0 10px;
	position:absolute;
	z-index:20;
}

#strap_container #centenary_logo{
		padding:0;
		float:right;
		display:inline;		
		width:167px;
		height:67px;
		margin-right:15px;
	}
	
	#strap_container #centenary_logo img{
		display:none;
		height:0%;
	}
	
	#strap_container #centenary_logo a{
		display:block;
		width:167px;
		height:67px;
		text-indent:-9000px;
		background:url('images/RCAHMS_Cent_Logo_black3.gif') left top no-repeat;
	}
	
	#strap_container #centenary_logo span{
		display:block;
		width:167px;
		height:67px;
		background:url('images/RCAHMS_cent_logo.png') left top no-repeat;
		text-indent:-9000px;
	}
	
	#strap_container #centenary_logo a:hover{
		background-image:none;
	}

/* ------------------------- Navigation ------------------------------------- */
#mainNav{
	margin-top:18px;
	clear:left;
	float:left;
 	font-family: verdana, arial, sans-serif;
	width:920px;
}

#creative {
	position:absolute;
	top: 108px;
	left:802px;
	font-weight:bold;
	width:150px;
}

#creative a {
	text-decoration:none;
	color:#75a642;
	font-size:1.3em;
}

#creative a:hover, #p0 #creative a{
	text-decoration:underline;
	color:#000;
}

	#mainNav ul{	
		list-style-type:none;
		float:left;		
		margin-top:0px;
	}
	
	#mainNav li{
		float:left;
		display:inline;	
		margin-left:23px;
	}
		#mainNav li a, #mainNav li a:visited{
			font-size:0.85em;		
			display:inline;
			height:1.3em;
			line-height:1.3em;		
			text-decoration:none;
			color:#75a642;
			font-weight:bold;			
			text-align:left;
			padding-left:15px;	
			float:left;			
		}
		

		#mainNav li a:hover, #mainNav li a:visited:hover{	
			color:#000;
			text-decoration:underline;		
			background:url('images/nav_x.gif') bottom left no-repeat;
			display:block;
		}
		
		#p1 #mainNav li#m1 a, 
		#p2 #mainNav li#m2 a, 
		#p3 #mainNav li#m3 a,
		#p4 #mainNav li#m4 a,
		#p5 #mainNav li#m5 a,  
		#p6 #mainNav li#m6 a,
		#p7 #mainNav li#m7 a,
		#p8 #mainNav li#m8 a, 
		#p9 #mainNav li#m9 a,
		#p10 #mainNav li#m10 a 
		#p11 #mainNav li#m11 a {
			color:#000;
			text-decoration:underline;		
			background:url('images/nav_x.gif') bottom left no-repeat;
			display:block;	
		}


/* ------------------- MAIN ---------------------------*/

#main_top {
	position:absolute;
	margin-top:191px;
	width:960px;
	height:82px;
	background:url('images/TP-Exhibition-website-main-V4_05G.png') no-repeat;
}

#main_top h2{
	color:#fff;
	font-size:1.8em;
	font-weight:bold;
	text-transform:capitalize;
	margin: 23px 0 0 80px;
	}
#main_top h2 a {color:#fff;}
#main {
	position:absolute;
	margin-top:273px;
	width:960px;
	background:transparent url('images/TP-Exhibition-website-main-V4_06.png') repeat-y;
}

#main #main_right{
	position:relative;
	width:400px;
	float:right;
	margin-right:30px;
	display:inline;
}

#main #main_left{
	position:relative;
	width:480px;
	float:left;
	margin-left:20px;
	display:inline;
	height:714px
}

#homeL {
	border:2px solid #999999;
	background:#fff;
	padding:20px 10px;
	width:460px;
	margin:20px 0 0px 0;
}

#progL {
	border:2px solid #999999;
	background:#80aa4f;;
	padding:10px 10px;
	width:460px;
	margin:5px 0 0px 0;
}

#homeR {
	border:2px solid #999999;
	background:#fff;
	padding:14px 10px;
	width:375px;
	margin:20px 0 50px 0;
}

#homeR h2 {
	color:#75A642;
	font-size:1.6em;
	margin-bottom:15px;
}

#progL h2 {
	color:#fff;
	font-size:1.6em;
	margin-bottom:5px;
}

#homeR p{
	margin-bottom:15px;
	line-height:1.3em;
}

#homeR iframe{ border:1px solid #ccc; width:373px; height:385px;}

 #progL p {
	line-height:1.3em;
	font-size:12px;
	color:#fff;
}

#progL td {/*border:1px solid #75a642;*/ padding:3.5px;}
#progL th {text-align:center; color:#fff; font-weight:bold; font-size:1.2em; border-bottom:1px solid #fff;}
#progL .brdleft {border-left:1px solid #fff; padding-left:10px;}
#progL a {color:#000;}

/* ---------------- SKETCHBOOKS-----------*/
		
/*#slider1 {
	background:url(images/background-off-white.gif) repeat;
}*/

#slider1 { background:#F8F8EF; height:610px;}

.wrapper h3 {
	color:#75a642;
	font-size:1.5em;
	margin-bottom:10px;
}
 .wrapper p {margin-bottom:10px; }
 .wrapper img {margin:5px 0;}

p.intro { 
	border-bottom: 1px solid #ccc; 
	margin-bottom: 20px; 
	padding: 20px 0 30px 0; 
	text-align: center; 
	width: 100%; 
}

noscript p, noscript ol { 
	color: #a00; 
	font-size: 13px; 	
	line-height: 1.4em; 
	text-align: left; 
	background:#CCCCCC;
}

noscript a { color: #a00; text-decoration: underline; }

noscript ol { margin-left: 25px; }


.stripViewer .panelContainer .panel ul {
	text-align: left;
	margin: 0 15px 0 30px;
}

.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
	margin: 20px 0;
	/*position: relative;
	width: 100%;*/
}

/* These 2 lines specify style applied while slider is loading */
.csw {
	width: 100%; 
	height: 760px; 
	background: #fff; 
	overflow: scroll;
}

.csw .loading {
	margin: 200px 0 300px 0; 
	text-align: center;
}

.stripViewer { /* This is the viewing window */
	position: relative;
	overflow: hidden; 
	border: 2px solid #999; /* this is the border. should have the same value for the links */
	margin: 0;
	width: 400px; /* Also specified in  .stripViewer .panelContainer .panel  below */
	height: 610px;
	clear: both;
	background: #fff;
	z-index:40;
}

.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
	position: relative;
	left: 0; top: 0;
	width: 100%;
	list-style-type: none;
	/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
}

.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
	float:left;
	height: 100%;
	position: relative;
	width: 400px; /* Also specified in  .stripViewer  above */
	z-index:30;
}

.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
	padding: 10px;
}

.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
	position:relative;
	z-index:99;
}

.stripNav ul { /* The auto-generated set of links */
	list-style: none;
}

.stripNav ul li {
	float: left;
	margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
}

.stripNav a { /* The nav links */
	font-size: 14px;
	font-weight: normal;
	text-align: center;
	line-height: 32px;
	background: #fff;
	color: #000;
	text-decoration: none;
	display: block;
	padding: 0 10px;
	border:2px solid #999;
	margin-bottom:-2px;
}

.stripNav li.tab1 a { background: #ccc }
.stripNav li.tab2 a { background: #ccc }
.stripNav li.tab3 a { background: #ccc }
.stripNav li.tab4 a { background: #ccc }
.stripNav li.tab5 a { background: #ccc }
.stripNav li.tab6 a { background: #ccc }
.stripNav li.tab7 a { background: #ccc }
.stripNav li.tab8 a { background: #ccc }
.stripNav li.tab9 a { background: #ccc }
.stripNav li.tab10 a { background: #ccc }
.stripNav li.tab11 a { background: #ccc }

.stripNav li a:hover {
	background: #999;
}

.stripNav li a.current {
	background: #fff;
	color: #000;
	font-weight:bold;
	text-decoration:underline;
	border-bottom: 2px solid #F8F8EF;
	background:#F8F8EF;
}

.stripNavL, .stripNavR { /* The left and right arrows */
	position: absolute;
	top: 620px;
	text-indent: -9000em;
	z-index:50;
}

.stripNavL {right:350px;}

.stripNavR {left:350px;}
.stripNavR a { margin-left:50px;}

.stripNavL a, .stripNavR a {
	display: block;
	position:relative;
	height: 40px;
	width: 40px;
	margin-left:10px;
	z-index:70;
}
.stripNavR a { margin-right:-100px;}

.stripNavL {
	left: 0;
}

.stripNavR {
	right: 0;
}

.stripNavL {
	background: url("images/arrow-left3.gif") no-repeat center;
	
}

.stripNavR {
	background: url("images/arrow-right3.gif") no-repeat center;
	width:50px;
}

#slider1 .wrapper img {border:1px solid #ccc; }
#slider1 .fleft {float:left; margin-right:5px;}
#slider1 .fright {float:right; margin-left:5px;}

/* ------------------- IMAGE GALLERY ----------------------------------------- */


#main_left .slider-wrap	{ 
	width: 480px; 
	position: absolute;
}
#main_left #slider2{height:570px;}

#main_left .stripViewer .panelContainer

#main_left .panel ul { 
	text-align: left; 
	margin: 0 15px 0 30px; 
}

#main_left .stripViewer{ 
	position: relative; 
	overflow: hidden; 
	width: 480px; 
	height: 565px; 
}

#main_left .stripViewer .panelContainer{ 
	position: relative; 
	left: 0; 
	top: 0; 
}

#main_left .stripViewer .panelContainer .panel{ 
	float: left; 
	height: 100%; 
	position: relative; 
	width: 480px; 
}

#main_left .stripNavL, #main_left .stripNavR, #main_left .stripNav { 
	display: none; 
}

#main_left .nav-thumb { 
	border: 1px solid black; 
	margin-right: 5px; 
}

#thumbs {margin:5px 0 0 3px;}

/*#main_left #movers-row{ 
	margin: -46px 0 0 62px; 
}*/

#main_left #movers-row div{ 
	width: 79px; 
	margin:5px 0;
	float: left; 
}

#main_left #movers-row div a.cross-link { 
	float: right; 
}

#main_left .photo-meta-data	{ 
	background: url(images/transpBlack.png); 
	padding: 10px; height: 30px;
	margin-top: 0px; 
	position: relative; 
	z-index: 99; 
	color: white;
}	

#main_left embed {display:block;}

#main_left .photo-meta-data span{ 
	font-size: 13px; 
}

/*#main_left .cross-link{ 
	display: block; 
	width: 62px; 
	margin-top: -16px;
	position: relative; 
	padding-top: 17px; 
	z-index: 99; 
}*/

/*#main_left .active-thumb{ 
	background: transparent url(images/icon-uparrowsmallwhite.png) top center no-repeat; 
}*/

#pdf {margin:10px 0;}
#pdf a {text-decoration:none; color:#75a642;}
#pdf a:hover {color:#000; text-decoration:underline;}
#pdf img {margin:0 5px -3px 5px;}


.youtube { height:495px; width:460px; }
.youtube object { margin:80px 0 0 20px;}

/* ------------- FOOTER -------------------*/

#footer {
	clear:both;
	position:absolute;
	margin-top: 987px;
	height:100px;
	width:960px;
}

#footer_nav {
	position:absolute;
	margin-top:38px;
	margin-left:10px;
	z-index:99;
	width:930px
}

#footer_nav li {
	list-style:none;
	float:left;
	padding:5px 18px 10px 10px;
}

#footer a {
	font-weight:bold;
}

#footer a:hover{
	color:#000;
	text-decoration:underline;
}

#RCAHMSProject {
	margin-left:10px;

}

#RCAHMSProject a{ color:#666666; font-weight:normal;}

#footer_logos {
	float:right; 
	margin-top:-37px;
	margin-right:-5px;
	background:#fff;
	padding:5px 5px 2px 5px;
	position:relative;
	z-index:9999;
}

#footer_logos img {
	border:1px solid #ccc;
}

.copyright {margin-left:10px;font-size:.75em; color:#333;}

.floatLeft {float:left;}
.clear {clear:both;}
.black_link a{font-weight:normal; color:#666;}