@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;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/* green: #75a642 */

/* remember to define focus styles! */
:focus {

}
body {
	line-height: 1;
	color: #000;
	background: url('images/stripe.gif') repeat;
	/*background:#DFDFDF;*/
	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: "" "";
	font-style:italic;
}

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-V1_03.png') no-repeat;*/
	float:left;
	height:191px;
	padding:10px 10px 0 20px;
	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_black6.gif') left top no-repeat;
	}
	
	#strap_container #centenary_logo span{
		display:block;
		width:167px;
		height:67px;
		background:url('images/RCAHMS_Cent_Logo_blue6.gif') left top no-repeat;
		text-indent:-9000px;
	}
	
	#strap_container #centenary_logo a:hover{
		background-image:none;
	}

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

	#mainNav ul{	
		list-style-type:none;
		float:left;		
		margin-top:0px;
		padding:5px 0;
		margin-left:-10px;
	}
	
	#mainNav li{
		float:left;
		display:inline;	
		margin:0 11px;
	}
		#mainNav li a, #mainNav li a:visited{	
			display:inline;
			height:1.3em;
			line-height:1.3em;		
			text-decoration:none;
			color:#75a642;		
			text-align:left;
			padding-left:15px;	
			float:left;			
			font-weight:bold;
			font-size:12px;
			font-family:Helvetica, Arial, sans-serif;
		}
		

		#mainNav li a:hover, #mainNav li a:visited:hover{	
			color:#000;
			text-decoration:underline;		
			background:url('images/nav_x.gif') 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') left no-repeat;
			display:block;	
		}


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

#main, #main_pub, #main_event, #main_top10 {
	position:absolute;
	margin-top:191px;
	width:960px;
	background:transparent url('images/TP-Exhibition-website-main-v1_06.png') repeat-y;
}
#resources {position:relative;}
#main {	height:453px;}
#main_pub {height:773px;}
#main_event {height:1403px; line-height:1.35em;}
#main_top10 {height:1853px;}

#main_slide{
	width:910px;
	margin:auto;
	margin-left:20px;
}

#main_slide .intro_txt{
	padding:10px;
	font-size:1.3em;
	margin:15px 0;
	line-height:1.3em;
}
#main_slide .intro_txt p { padding:5px 12px 5px 9px;}


/*------------PUBLICATION & EVENTS & TOP10--------------*/
#publication, #acknowledgements, #resources {
	background:#fff; 
	border:2px solid #999;
	padding:15px;
	margin:10px 25px 10px 20px;;
}

#publication h1, #acknowledgements h1, #resources h1 {font-size:2.5em; color:#75a642;}
#publication h2{font-size:1.8em; color:#75a642; margin:10px 0;}
#publication p, #acknowledgements p {margin:10px 0;}

#publication img {border:1px solid #ccc; margin:15px;}

#publication blockquote {padding:15px; color:#666;}

#publication ul {list-style:disc; padding-left:25px;}
.date {color: #75a642; font-weight:bold;}

.flythrough a img {padding:1px; border:2px solid #ccc;}
.flythrough a:hover img {border:2px solid #999;}
.top10box {float:left; margin:10px; border:1px solid #ccc; padding:10px; width:385px; position:relative;}
	.top10 img {
	background:url(images/image_frame.jpg) center;
	border:1px solid #EBEBEB;
	padding:4px;
	}
.top10 h2 {font-size:1.8em; color:#75a642; margin-bottom:10px;}	
.download {font-weight:bold;}

/* ---------------- SKETCHBOOKS-----------*/

.L {position:absolute; bottom:140px;left:10px;}
.R {position:absolute; bottom:140px;right:15px;}

a#home1, a#home2, a#home3, a#home4 {
    width: 200px; height: 200px;
    margin: 0; padding: 0; display: block; 
	border:2px solid #ccc;
    }
a#home1 {background:url(images/home_links.jpg) 0 0;}
a#home1:hover {background:url(images/home_links.jpg) 0 -200px;border:2px solid #999;}		
a#home2 {background:url(images/home_links.jpg) 600px 0;}
a#home2:hover {background:url(images/home_links.jpg) 600px -200px;;border:2px solid #999;}	
a#home3 {background:url(images/home_links.jpg) 400px 0;}
a#home3:hover {background:url(images/home_links.jpg) 400px -200px;border:2px solid #999;}	
a#home4 {background:url(images/home_links.jpg) 200px 0;}
a#home4:hover {background:url(images/home_links.jpg) 200px -200px;border:2px solid #999;}	

#home_links p {margin:10px 0;}

#home_links { background:#fff; border:2px solid #999; padding:5px 0 5px 15px;}

#subnav { font-size:1.5em; padding-bottom:5px; font-weight:bold; text-align:right; }
#slider1 {  height:410px;}
.wrapper p a img, #home_links p a img, .top10 a img{border:2px solid #fff;}
.wrapper p a:hover img, #home_links p a:hover img, .top10 a:hover img {border:2px solid #999;}
.wrapper h3 img {margin-bottom:-2px; margin-right:7px;}
.wrapper h3 {
	color:#75a642;
	font-size:1.3em;
	margin-bottom:10px;
	margin-left:5px;
	font-weight:bold;
}
 .wrapper p {margin:10px 5px 0 5px; height:320px; padding:5px 5px 0 5px; border:1px solid #ccc; }
 .wrapper p img, #home_links p img{
	margin:5px;
	padding:4px;
	background:url(images/image_frame.jpg) center;
	border:1px solid #EBEBEB;
	}


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: 5px 0;
			position: relative;
			width: 100%;
		}

		/* These 2 lines specify style applied while slider is loading */
		.csw {width: 100%; height: 410px; background: #fff; overflow: inherit;}
		.loading {margin: 0px 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: auto;
			width: 910px; /* Also specified in  .stripViewer .panelContainer .panel  below */
			height: 410px;
			clear: both;
			background: #fff;
		}
		
		.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: 910px; /* Also specified in  .stripViewer  above */
		}
		
		.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
			padding: 10px 40px;
		}
		
		.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
			display:none;
		}


		.stripNavL, .stripNavR { /* The left and right arrows */
			position: absolute;
			top: 205px;
			text-indent: -9000em;
			z-index:81;
		}
		
		.stripNavL a, .stripNavR a {
			display: block;
			height: 40px;
			width: 40px;
		}
		
		.stripNavL {
			left: 0;
		}
		
		.stripNavR {
			right: 0;
		}
		
		.stripNavL {
			background: url("images/left_arrow4.jpg") no-repeat center;
		}
		
		.stripNavR {
			background: url("images/right_arrow4.jpg") no-repeat center;
		}





/* ------------ FANCY BOX ------------------*/

.caption {
	padding-left:8px;
	position:absolute;
	bottom:10px;
	display:inline;
}
a.caption img {background:none; padding:0; margin:0;}

div#fancy_overlay {
	position:absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	background-color: #333;
}

div#fancy_loading {
	position: absolute;
	height: 40px;
	width: 40px;
	cursor: pointer;
	display: none;
	overflow: hidden;
	background: transparent;
	z-index: 100;
}

div#fancy_loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background: transparent url(js/fancybox/fancy_progress.png) no-repeat;
}

div#fancy_close {
	position: absolute;
	top: -12px;
	right: -12px;
	height: 30px;
	width: 30px;
	background: transparent url(js/fancybox/fancy_closebox.png) ;
	cursor: pointer;
	z-index: 100;
	display: none;
}

div#fancy_content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 0; 
	margin: 0;
	z-index: 96;
}

#fancy_frame {
	position: relative;
	width: 100%;
	height: 100%;
	display: none;
}

img#fancy_img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border:0; 
	padding: 0; 
	margin: 0;
	z-index: 92;
}

div#fancy_title {
	position: absolute;
	bottom: -28px;
	left: 0;
	width: 99.7%;
	z-index: 100;
	display: none;
	background:#fff;
	border:1px solid #ccc;
}

div#fancy_title table {
	margin: 0;
}

div#fancy_title div {
	color: #000;
	font: 12px Arial;
	padding: 6px;
	margin-top:0px;
	background:#FDFDFD;
}

td#fancy_title_left {
	/*height: 32px;
	width: 15px;
	background: transparent url(js/fancybox/fancy_title_left.png) repeat-x;*/
}

td#fancy_title_main {
	/*height: 32px;
	background: transparent url(js/fancybox/fancy_title_main.png) repeat-x;*/
}

td#fancy_title_right {
	/*height: 32px;
	width: 15px;
	background: transparent url(js/fancybox/fancy_title_right.png) repeat-x;*/
}

div#fancy_outer {
	position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    padding: 18px 18px 58px 18px;
    margin: 0;
    overflow: hidden;
    background: transparent;
    display: none;
}

div#fancy_inner {
	position: relative;
	width:100%;
	height:100%;
	border: 1px solid #444;
	background: #FFF;
}

a#fancy_left, a#fancy_right {
	position: absolute; 
	bottom: 10px; 
	height: 100%; 
	width: 35%; 
	cursor: pointer;
	background-image: url(data:image/gif;base64,AAAA);
	z-index: 100; 
}

a#fancy_left {
	left: 0px; 
}

a#fancy_right {
	right: 0px; 
}

a#fancy_left:hover {
	background: transparent url(images/left_arrow5.jpg) no-repeat 0% 100%;
}

a#fancy_right:hover {
	background: transparent url(images/right_arrow5.jpg) no-repeat 100% 100%;
}

#fancy_bigIframe, #fancy_freeIframe {
	position:absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
}

div#fancy_bg {
	display: none;
}
	
div.fancy_bg {
	position: absolute;
	display: block;
	z-index: 70;
}

div.fancy_bg_n {
	top: -18px;
	width: 100%;
	height: 18px;
	background: transparent url(js/fancybox/fancy_shadow_n.png) repeat-x;
}

div.fancy_bg_ne {
	top: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
	background: transparent url(js/fancybox/fancy_shadow_ne.png) no-repeat;
}

div.fancy_bg_e {
	right: -13px;
	height: 100%;
	width: 13px;
	background: transparent url(js/fancybox/fancy_shadow_e.png) repeat-y;
}

div.fancy_bg_se {
	bottom: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
	background: transparent url(js/fancybox/fancy_shadow_se.png) no-repeat;
}

div.fancy_bg_s {
	bottom: -18px;
	width: 100%;
	height: 18px;
	background: transparent url(js/fancybox/fancy_shadow_s.png) repeat-x;
}

div.fancy_bg_sw {
	bottom: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
	background: transparent url(js/fancybox/fancy_shadow_sw.png) no-repeat;
}

div.fancy_bg_w {
	left: -13px;
	height: 100%;
	width: 13px;
	background: transparent url(js/fancybox/fancy_shadow_w.png) repeat-y;
}

div.fancy_bg_nw {
	top: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
	background: transparent url(js/fancybox/fancy_shadow_nw.png) no-repeat;
}

/*-----------TIMELINE------------------*/
#timeline {background:#fff; border:2px solid #999; margin-top:50px; padding:5px; width:906px;}
#timeline_links{
    width: 890px; height: 258px;
    background:url(images/timeline4.jpg);
    margin: 20px auto; padding: 0;
    position: relative;}
#timeline_links li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0;}
#timeline_links li, #timeline_links a {
    height: 258px; display: block;}

#time1 {left: 0; width: 186px;}
#time2 {left: 186px; width: 174px;}
#time3 {left: 359px; width: 128px;}
#time4 {left: 488px; width: 97px;}
#time5 {left: 587px; width: 75px;}
#time6 {left: 663px; width: 62px;}
#time7 {left: 726px; width: 50px;}
#time8 {left: 777px; width: 44px;}
#time9 {left: 821px; width: 37px;}
#time10 {left: 858px; width: 32px;}

#time1 a:hover {
    background: transparent url(images/timeline4.jpg)
    0 -258px no-repeat;}
#time2 a:hover {
    background: transparent url(images/timeline4.jpg)
    -186px -258px no-repeat;}
#time3 a:hover {
    background: transparent url(images/timeline4.jpg)
    -359px -258px no-repeat;}
#time4 a:hover {
    background: transparent url(images/timeline4.jpg)
    -488px -258px no-repeat;}
#time5 a:hover {
    background: transparent url(images/timeline4.jpg)
    -587px -258px no-repeat;}
#time6 a:hover {
    background: transparent url(images/timeline4.jpg)
    -663px -258px no-repeat;}
#time7 a:hover {
    background: transparent url(images/timeline4.jpg)
    -726px -258px no-repeat;}
#time8 a:hover {
    background: transparent url(images/timeline4.jpg)
    -777px -258px no-repeat;}
#time9 a:hover {
    background: transparent url(images/timeline4.jpg)
    -821px -258px no-repeat;}
#time10 a:hover {
    background: transparent url(images/timeline4.jpg)
    -858px -258px no-repeat;}	
	
/* ------------- FOOTER -------------------*/

#footer, #footer_pub, #footer_event, #footer_top10 {
	clear:both;
	position:absolute;
	height:200px;
	width:960px;
}

#footer {margin-top: 644px;}
#footer_pub {margin-top: 964px;}
#footer_event {margin-top: 1594px;}
#footer_top10 {margin-top: 2044px;}


#footer_nav {
	position:absolute;
	margin-top:28px;
	margin-left:25px;
	z-index:90;
	width:930px;
}
#footer_nav ul{ margin-left:-10px;}
#footer_nav li {
	list-style:none;
	float:left;
	padding:5px 28px 10px 10px;
}

#footer a {
	font-weight:bold;
}

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

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

#RCAHMSProject {
	margin-left:0px;

}

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

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

#footer_logos img { padding:5px;}

#footer_logos a:hover img{background:#fff;}

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

.fleft {float:left;}
.fright {float:right;}
.clear {
	clear:both;

}
.black_link a{font-weight:normal; color:#666;}