*{
	margin:0;
	padding:0;
}
html{	
	background:#F1F1F1 url(../img/bg-body.gif) repeat-y 50% 0;
	*background:#F1F1F1;
	*overflow-x: hidden;
}
body{
	*background:#F1F1F1 url(../img/bg-body.gif) repeat-y 50% 0;
	color:#111;
	font:62.5%/140% Arial, Helvetica, sans-serif;
	height:100%;
}
a,a:focus,a:visited{	
	color:#F20017;
	text-decoration:none;
}
a:hover,a:focus{
	color:#F20017;
	outline:none;/*kills dotted focus outline*/
	_outline:expression(this.hideFocus=true);
	text-decoration:underline !important;
}
a img{
	border:none;
}
ul{
	list-style-type:none;
}
a.ext{
	background:url(../img/a_ext.gif) no-repeat 100% 3px;
	padding:0 12px 0 0;
}
input,textarea,select,h1,h2,h3,h4,h5,h6{
	font-size:1em;
	font-family:Arial, Helvetica, sans-serif;
	color:#636465;
}
#wrapper{
	margin:0 auto;
	width:962px;
}

/*header*/
#header{
	height:86px;
	background:#F20017;
}
#header #york-castle-museum-logo a{
	background:url(../img/york-logo.gif) no-repeat 0 0;
	display:block;
	float:left;
	height:33px;
	text-indent:-999em;
	width:98px;
	margin:11px 0 0 64px;
}

/*navigation section*/
#navigation{
	float:right;
	margin:3px 35px 0 0;
}
#navigation li{
	display:block;
	float:left;
}
#navigation li a{
	background:url(../img/bg-menu-yellow.gif) no-repeat 0 0;
	display:block;
	width:75px;
	height:79px;
	text-indent:-999em;
}
#navigation li.on h2 a{
	display:block;
	width:75px !important;
	height:79px;
	m/argin:-12px 0 0 0;
}
#navigation li a{
	background-repeat:no-repeat !important;
}
/*default*/
#navigation li a.home{background-position:-10px -10px;}
#navigation li a.the-exhibition{background-position:-85px -10px;}
#navigation li a.visiting{background-position:-160px -10px;}
#navigation li a.your-sixties{background-position:-235px -10px;}
#navigation li a.your-photos{background-position:-310px -10px;}
#navigation li a.sixties-quiz{background-position:-385px -10px;}

/*hover*/
#navigation li a.home:hover{background-position:-10px -114px;}
#navigation li a.the-exhibition:hover{background-position:-85px -114px;}
#navigation li a.visiting:hover{background-position:-160px -114px;}
#navigation li a.your-sixties:hover{background-position:-235px -114px;}
#navigation li a.your-photos:hover{background-position:-310px -114px;}
#navigation li a.sixties-quiz:hover{background-position:-385px -114px;}

/*li.on*/
#navigation li.on h2 a.home{background-position:-10px -114px !important;}
#navigation li.on h2 a.the-exhibition{background-position:-85px -114px !important;}
#navigation li.on h2 a.visiting{background-position:-160px -114px !important;}
#navigation li.on h2 a.your-sixties{background-position:-235px -114px !important;}
#navigation li.on h2 a.your-photos{background-position:-310px -114px !important;}
#navigation li.on h2 a.sixties-quiz{background-position:-385px -114px !important;}

/*colours*/
.blue #header{background:#1E74B1;}
.pink #header{background:#F54991;}
.yellow #header{background:#FFC20F;}
.red #header{background:#F20017;}
.green #header{background:#7FC41C;}
.orange #header{background:#FF6908;}

.blue #header #york-castle-museum-logo a{background-position:0 0;}
.pink #header #york-castle-museum-logo a{background-position:0 -33px;}
.yellow #header #york-castle-museum-logo a{background-position:0 -66px;}
.red #header #york-castle-museum-logo a{background-position:0 -99px}
.green #header #york-castle-museum-logo a{background-position:0 -132px;}
.orange #header #york-castle-museum-logo a{background-position:0 -166px;}

.blue #navigation li a{background-image:url(../img/bg-menu-blue.gif) !important;}
.pink #navigation li a{background-image:url(../img/bg-menu-pink.gif) !important;}
.yellow #navigation li a{background-image:url(../img/bg-menu-yellow.gif) !important;}
.red #navigation li a{background-image:url(../img/bg-menu-red.gif) !important;}
.green #navigation li a{background-image:url(../img/bg-menu-green.gif) !important;}
.orange #navigation li a{background-image:url(../img/bg-menu-orange.gif) !important;}

.blue #mid-col h3,.blue #mid-col p a{color:#1E74B1 !important;}
.pink #mid-col h3,.pink #mid-col p a{color:#F54991 !important;}
.yellow #mid-col h3 {color:#FFC20F !important;}
.yellow #mid-col h4 {color:#FFC20F !important;}
.yellow #mid-col p a{color:#fc9b01 !important;}
.red #mid-col h3,.red #mid-col p a{color:#F20017 !important;}
.green #mid-col h3,.green #mid-col p a{color:#7FC41C !important;}
.orange #mid-col h3,.orange #mid-col p a{color:#FF6908 !important;}
.orange #mid-col h4 {color:#FF6908 !important;}

.blue a.ext{background-position:100% 3px;}
.pink a.ext{background-position:100% -17px;}
.yellow a.ext{background-position:100% -37px;}
.red a.ext{background-position:100% -57px;}
.green a.ext{background-position:100% -77px;}
.orange a.ext{background-position:100% -97px;}
/*
*/

/*columns*/
div#left-col{
	width:265px;
	float:left;
	height:645px;
	min-height:645px;
	height:auto !important;
	background-repeat:no-repeat;
	background-position:100% 101px;
	position:absolute;
	top:86px;
}
div#left-col h2#logo-sixties{
	margin:42px 0 0 63px;
	height:59px;
	width:202px;
	background:url(../img/logo-sixties.gif) no-repeat 0 0;
	text-indent:-999em;
}
div#left-col ul{
	margin: 30px 0 0 0;
}
div#left-col ul ul{
	margin:0 !important;
}
div#left-col ul li{
	padding:0 0 0 62px;
	line-height:1.3em;
}
div#left-col ul ul li{
	padding:0 0 0 61px;
	margin:0 0 0 -62px;
}
div#left-col ul li a{
	color:#fff;
	line-height:1.8em;
	font-size:1.2em;
	font-weight:bold;
}
div#left-col ul li.current{
	background:url(../img/bg-subnav-current.gif) no-repeat 0 7px;
}
div#left-col ul li.current li{
	background:none;
}
div#left-col ul li.current a{
	color:#000;
}
div#left-col ul li.current li a{
	color:#fff;
}
div#mid-col{
	width:474px;
	padding:0 0 25px 25px;
	font-size:1.2em;
	line-height:1.4em;
	margin:0 0 0 265px;
}
div#mid-col h2{
	display:block;
	height:41px;
	padding:67px 0 13px 0;
	background-repeat:no-repeat;
	background-position:0 67px;
}
div#mid-col h3{
	font-size:1.9em;
	color:#F20017;
	margin:1em 0 0.3em 0;
}
div#mid-col h4{
	font-size:1.4em;
	margin:1em 0 0.3em 0;
	color:#231F20;
}
div#mid-col p{
}
div#mid-col ul,
div#mid-col ol{
	margin:0.6em 0 0.6em 2em;
}
div#mid-col ul{
	list-style-type:disc;
}
div#mid-col li{
	line-height:1.4em;
	margin:0.4em 0;
}
div#right-col{
	width:198px !important;
	float:right;
	margin:0 0 0 0;
	height:645px;
}
div#right-col div#sidebar{
	margin:0px 0 0 11px;
}
#sidebar #gallery-banner{
	text-indent:-999em;
	height:591px;
	background:url(../img/banner-submit.gif) no-repeat 0 0;
	margin:90px 0 0 0;
}
h3.tag-cloud{
	margin:67px 0 1.5em 0;
	height:40px;
	display:block;
	background:url(../uploads/bg-title-tags.gif) no-repeat 0 0;
	text-indent:-999em;
}
#cloud{
	margin:0 !important;
	padding:0 !important;
	width:170px !important;
}
#cloud li{
	display:block;
	float:left;
}
#cloud li a{
	display:block;
	font-size:1em;
	float:left;
	padding:3px;
	line-height:20px;
/*
*/
}
#cloud li.var0 a{
	color:#5e8fb1;
	font-size:1em;
}
#cloud li.var1 a{
	color:#5e8fb1;
	font-size:1em;
}
#cloud li.var2 a{
	color:#568cb1;
	font-size:1.1em;
}
#cloud li.var3 a{
	color:#4f89b1;
	font-size:1.2em;
}
#cloud li.var4 a{
	color:#4886b1;
	font-size:1.3em;
}
#cloud li.var5 a{
	color:#4183b1;
	font-size:1.4em;
}
#cloud li.var6 a{
	color:#3a80b1;
	font-size:1.5em;
}
#cloud li.var7 a{
	color:#337db1;
	font-size:1.6em;
}
#cloud li.var8 a{
	color:#2c7ab0;
	font-size:1.7em;
}
#cloud li.var9 a{
	color:#2578b1;
	font-size:1.8em;
}
#cloud li.var10 a{
	color:#1E75B1;
	font-size:1.9em;
}
/*footer*/
div#footer{
	border:25px solid #fff;
	border-width:25px 0;
	font-size:1.1em;
	clear:both !important;
	padding:20px 10px 20px 14px;
	background:url(../img/bg-footer.gif) repeat-x 0 0;
	height:50px;
}
div#footer ul#footer-links li a.ymt{
	display:block;
	float:left;
	width:137px;
	height:43px;
	background:url(../img/logo-ymt.gif) no-repeat 0 0;
	text-indent:-999em;
	margin:0 0 0 29px;
}
div#footer ul.sitemap{
	float:left;
	display:block;
	width:125px;
	_width:110px;
	font-weight:bold;
}
div#footer ul.sitemap a{
	line-height:1.5em;
	color:#58595B;
}
div#footer ul#sm1{
	margin-left:225px;
}
#index #footer{
	border-top:none;
	margin-top:-5px;
	background:url(../img/bg-footer.gif) repeat-x 0 0px;
}
/*List & Multiple Images
#content img{
	border:1px solid #B9C3CD !important;
	padding:1px;
	border-width:1px !important;

}
#content img.left{
	float:left;
	margin:1em 1em 1em 0 !important;
}
#content img.right{
	float:right;
	margin:1em 0 1em 1em !important;
}
#content a:hover img{
	border:1px solid #5E94C0 !important;
	padding:1px;
}
#content .main,
#content .images{
	float:right;
}
#content .main{
	clear:right;
	*margin:8px 0 0 0;
}
#content .images ul{
	list-style-type:none;
	margin:0;
	padding:0;
}
#content .images ul li{
	display:block;
	float:left;
	margin:0 0 4px 8px;
}*/
/*gallery*/
#gallery,
#sixties-gallery{
	position:relative;
	margin:0 0 0 0;
	height:550px;
	background:#E3EBDB url(../img/bg-gallery.gif) no-repeat 0 100%;
}
#sixties-gallery{
	background:#DEEDF7 url(../img/bg-sixties-gallery.gif) no-repeat 0 100%;
}
#gallery ul,
#sixties-gallery ul{
	list-style-type:none !important;
	margin:0 13px 13px 13px !important;
}
#gallery ul li,
#sixties-gallery ul li{
	float:left;
}
#gallery .imgbg,
#sixties-gallery .imgbg{
}
#gallery .imgbg .image,
#sixties-gallery .imgbg .image{
	display:block;
	width:108px;
	height:108px;
	background-color:#fff;
	background-repeat:no-repeat;
	background-position:50% 50%;
	text-indent:-999em;
	float:left;
}
#gallery .imgbg a,
#sixties-gallery .imgbg a{
	cursor:hand;
	display:block;
	width:108px;
	height:108px;
	margin:2px;
}
#gallery .paging,
#sixties-gallery .paging{
	margin:0 !important;
	margin:0;
	padding:0.5em 14px;
	height:1.5em;
}
#gallery .paging li,
#sixties-gallery .paging li{
	font-size:0.9em;
	font-weight:bold;
	display:block;
	float:left;
	margin:0;
	padding:0;
	line-height:1.5em;
}
#gallery .paging .title,
#sixties-gallery .paging .title{
	padding:0 0.2em 0 0;
	color:#555;
}
#gallery .paging a,
#sixties-gallery .paging a{
	padding:0 0.4em;
	display:block;
	color:#F54A91;
}
#sixties-gallery .paging a{
	color:#1E74B1;
}
#gallery .paging li.selected a,
#sixties-gallery li.selected a{
	color:#000;
}
ul.links{
	margin:-20px 0 -5px 334px !important;
	list-style-type:none !important;
}
ul.links li.back{
}
ul.links li.back a{
	background:#F54991;
	width:130px;
	height:25px;
	display:block;
	color:#fff;
	line-height:25px;
	padding:0 0 0 10px;
	background:#F54991 url(../img/bg-gallery-link.gif) no-repeat 114px -28px;
}
ul#sixties-gallery-links li.back a{
	background:#1E74B1 url(../img/bg-sixties-gallery-link.gif) no-repeat 114px -28px;
}
ul.links li.slideshow a{
	background:#F54991;
	width:130px;
	height:25px;
	display:block;
	color:#fff;
	line-height:25px;
	padding:0 0 0 10px;
	background:#F54991 url(../img/bg-gallery-link.gif) no-repeat 114px 3px;
}
ul#sixties-gallery-links li.slideshow a{
	background:#1E74B1 url(../img/bg-sixties-gallery-link.gif) no-repeat 114px 3px;
}
#gallery p,
#sixties-gallery p{
	text-align:center;
	margin:0 auto;
	font-size:0.9em;
	color:#555;
	font-weight:bold;
}
#gallery p img,
#sixties-gallery p img{
	margin-top:20px;
}
div#large{
	height:400px;
	width:500px;
	position:absolute;
	top:0;
	text-align:center;
	display:none;
}
div#large img{
	margin:20px;

}
/*stories*/
#stories,
#comments{
	margin:1em 0 1em 0;
	padding:1em 0 2em 0;
	border:1px solid #918F8F;
	border-width:1px 0;
}
#stories ul.stories,
#comments ul.stories{
	list-style-type:none;
	margin:0;
	padding:0;
}
#stories ul.stories li,
#comments ul.stories li{
	padding:18px 18px 30px 34px;
}
#stories ul.stories li.on{
	background:#DEEDF7;
	border-bottom:1px solid #B5DFFB;
}
#comments ul.stories li.on{
	background:#FDDBE9;
	border-bottom:1px solid #F54991;
}
#stories ul.stories li h4,
#comments ul.stories li h4{
	font-weight:normal;
	margin:0;
	line-height:1.2em;
	font-size:1.2em;
	color:#1D74B0;
}
#comments ul.stories li h4{
	color:#F54991;
}
#stories ul.stories li a{
	float:right;
	color:#1D74B0;
	font-weight:bold;
}
#comments ul.stories li p{
	text-align:right;
	font-weight:bold;
	color:#F54991;
}
#stories .paging,
#comments .paging{
	list-style-type:none;
	margin:-2px 0 0 0;
	padding:0;
	text-align:right;
	float:right;
	font-weight:bold;
	color:#555555;
}
#stories .paging li,
#comments .paging li{
	display:block;
	float:left;
	line-height:1em;
}
#stories .paging a,
#comments .paging a{
	padding:0 0.4em;
	display:block;
	color:#1D74B0;
}
#stories .paging li.selected a,
#comments .paging li.selected a{
	color:#000;
}
.storylinks{
	list-style-type:none !important;
	margin:0 !important;
	padding:0 !important;	
}
.storylinks a{
	color:#1D74B0;
	font-weight:bold;
}
.storylinks li.author{
	float:right;
}
#story{
	margin:1em 0 1em 0;
	padding:0em 0 0em 0;
	border:1px solid #918F8F;
	border-width:1px 0;
}
#story h3{
	margin:1em 0 !important;
}
#story div.image{
	text-align:center;
	background:#DEEDF7 url(../img/story-img-bg.gif) no-repeat 100% 0;
	margin:0 0 1em 0;
	padding:2em 0;
}
/*webform*/
#ge_form,
#story_form{
	margin:2em 0;
}
#ge_form div,
#story_form div{
	*zoom:1;
}
#ge_form label,
#story_form label{
	display:block;
	width:10em;
	float:left;
	clear:left;
}
#ge_form div label {
	display: block;
	padding: 3px 0;
	margin: 0 0 5px 0;
}
#ge_form div.msg,
#story_form div.msg{
	clear:left;
	padding: 5px 0 0 0;
}
#ge_form div.msg p,
#story_form div.msg p{
	margin:10px 0 0 0;
}
#ge_form input,
#ge_form textarea,
#ge_form select,
#story_form input,
#story_form textarea,
#story_form select{
	display:block;
	width:15em;
	float:left;
	margin:1px 0;
}
#ge_form textarea,
#story_form textarea{
	width:25em;
	height:6.2em;
}
#ge_form input#submit,
#story_form input#submit{
	color: black;
	display:block;
	clear:left;
	width:auto;
	margin:1em 0 0 10em;
}

#story_form{
	background:#DEEDF7;
}
#story_form label{
	margin:0.5em 0 0.5em 2em;
}
#story_form input{
	margin:0.5em 0 0.5em 0;
	color:#222;
}
#story_form textarea{
	clear:left;
	display:block;
	margin:0.5em 0 1em 2em;
	width:420px;
	height:15em;
	line-height:1.4em;
	padding:2px;
	color:#222;
}
#story_form h3{
	clear:left;
	line-height:1.5em;
	background:#fff;
	font-size:1.5em !important;
	padding:1em 0 0 0;
}
#story_form div.msg p{
	margin:0 0 0 2em;
	font-weight:bold;
}
#story_form .f{
	width:300px;
}
#story_form input#submit{
	margin:0 0 1em 2em;
}
div.msg_err{
	background:#FFEEEE;
	font-weight:bold;
	margin:1em 0 0 0;
	padding:1em;
	border:1px solid #DDBBBB;
}
div p.thanks{	
	margin:1em 0 0 0;
	padding:1em !important;
	background:#F1F1F1;
	border:1px solid #E1E1E1;
}
div.msg_err ul li{
	font-weight:normal;
	color:#700;
}
div.checkbox input{
	float:left;
	width:auto !important;
}

 div p#story_form-thanks{
	margin:1em 0 0 0;
	padding:1em !important;
	background:#DEEDF7 !important;
	border:1px solid #B5DFFB !important;
}

/*IE6*/	
div#mid-col{
	_margin:-645px 0 0 265px;
}
div#left-col{
	_height:600px !important;
}
/*None flash */ 
#alt-flash {
	background: url(../img/sixties_header.gif) no-repeat left top;
	width: 962px;
	height:570px;
}
#alt-title {
	display:block;
	width: 133px;
	height: 133px;
	text-indent: -999em;
}
#alt-flash ul li {
	margin:0;
	padding:0;
	display:block;
	float:left;
}
/*#alt-flash ul li#alt-welcome {
	background: url(../img/alt-welcome.gif) no-repeat left top;
	display:block;
	width: 183px;
	height:106px;
}
#alt-flash ul li#alt-exhibit {
	background: url(../img/alt-exhibit.gif) no-repeat left top;
	width: 183px;
	height:106px;
}
#alt-flash ul li#alt-visit {
	background: url(../img/alt-visit.gif) no-repeat left top;
	width: 163px;
	height:106px;
}
#alt-flash ul li#alt-sixties {
	background: url(../img/alt-sixties.gif) no-repeat left top;
	width: 141px;
	height:106px;
}
#alt-flash ul li#alt-photos {
	background: url(../img/alt-photos.gif) no-repeat left top;
	width: 123px;
	height:106px;
}
#alt-flash ul li#alt-quiz {
	background: url(../img/alt-quiz.gif) no-repeat left top;
	width: 98px;
	height:106px;
}*/
#alt-flash ul li#alt-welcome a {
	background: url(../img/alt-welcome.gif) no-repeat left top;
	display: block;
	width: 183px;
	height:106px;
	text-indent: -999em;
}
#alt-flash ul li#alt-welcome a:hover {
	background: url(../img/alt-welcome.gif) no-repeat left bottom !important;
}
#alt-flash ul li#alt-exhibit a {
	background: url(../img/alt-exhibit.gif) no-repeat left top;
	display:block;
	width: 183px;
	height:106px;
	text-indent: -999em;
}
#alt-flash ul li#alt-exhibit a:hover {
	background: url(../img/alt-exhibit.gif) no-repeat left bottom !important;
}
#alt-flash ul li#alt-visit a {
	background: url(../img/alt-visit.gif) no-repeat left top;
	display:block;
	width: 163px;
	height:106px;
	text-indent: -999em;
}
#alt-flash ul li#alt-visit a:hover {
	background: url(../img/alt-visit.gif) no-repeat left bottom !important;
}
#alt-flash ul li#alt-sixties a {
	background: url(../img/alt-sixties.gif) no-repeat left top;
	display:block;
	width: 141px;
	height:106px;
	text-indent: -999em;
}
#alt-flash ul li#alt-sixties a:hover {
	background: url(../img/alt-sixties.gif) no-repeat left bottom !important;
}
#alt-flash ul li#alt-photos a {
	background: url(../img/alt-photos.gif) no-repeat left top;
	display:block;
	width: 123px;
	height:106px;
	text-indent: -999em;
}
#alt-flash ul li#alt-photos a:hover {
	background: url(../img/alt-photos.gif) no-repeat left bottom !important;
}
#alt-flash ul li#alt-quiz a {
	background: url(../img/alt-quiz.gif) no-repeat left top;
	display:block;
	width: 98px;
	height:106px;
	text-indent: -999em;
}
#alt-flash ul li#alt-quiz a:hover {
	background: url(../img/alt-quiz.gif) no-repeat left bottom !important;
}
#alt-menu {
	background: url(../img/bg_bottomimg.jpg) no-repeat left top;
	width: 900px;
	height:247px;
	padding: 190px 0 0 62px;
}