/*
-----------------------------------------------------
Museum of Science and Industry (www.mosi.org.uk) CORPORATE style sheet
author:   magneticNorth -> hello@magneticn.co.uk
version:  2007.03
----------------------------------------------------- */

.content-sub h1 a{ margin:5px 0 40px 18px; display:block; width:226px; height:138px; background:url(mosi_logo.jpg) no-repeat 0 100%; }
.main-nav-1 a.mnta, .sec-nav-1 a.snta{ background:url(mnt_active.gif) no-repeat; color:#25A6DA; }
.main-nav-1 a.mnma,  .sec-nav-2 a.snma{ background:url(mnm_active.gif) no-repeat 0 50%; color:#25A6DA; }
.main-nav-1 a.mnba, .main-nav-3 a.snba{ background:url(mnb_active.gif) no-repeat; color:#25A6DA; background-position:18px 50%; }

#submit, .submit{ background:transparent url(search_mglass.gif) no-repeat scroll 0%; }

#footer,
#footer a,
#c-s-p-l p,
#c-s-p-r p{ color:#636A74; }
#footer p{ color:#666; }
#signupEmail{ color:#76768D; }

.tl li, .tl li a, .main-nav-1 a, .sec-nav-1 a{ color:#636A74; }
.tl li a.tla, #container .fl li a.fla{ background-color:#25A6DA; color:#fff; }

/* Arrows */

a.link{ color:#FFF; background:url(link_arrow.gif) no-repeat 100% 0 #636A74; }
a.more{ color:#FFF; background:url(link_arrow.gif) no-repeat 100% 0 #71BF44; }
a.link:hover, a.more:hover{ background-image:url(link_arrow_o.gif); text-decoration:none; }

.content h2{ color:#FFF; }
.content h3{ color:#25A6DA; font-weight:bold; }
.content p a, .content dl a{ color:#333; }
.content p a:hover, .content dl a:hover{ color:#333; }

/* ---------------- HOME SPECIFIC -----------------------------*/

/* Home template */

.homesub h3{ color:#28A7DA; }
.homesub div.blockheaders { color:#646c74; }
.homesub div.blockheaders h3{ background-color:#25A6DA; color:#FFFFFF;padding:1px 4px; display:block; float:left; font-weight:bold; margin-bottom:5px; }
.homesub h4 a{ background-color:#E2F3FA; color:#636A74; }
.homesub h4 a:hover{ background-color:#CEDDE4; }
.homesub .message{ border:1px solid #E2F3FA; color:#28A7DA; }
#home-left h3 a, #home-right h3 a{ background-color:#25A6DA; color:#FFF; }
#home-left p, #home-right p{ color:#333; }
#social-logos { margin-top:3px; }
#social-logos li { display:block; float:left; margin-top:8px; }
#logo-twitter, #logo-facebook, #logo-youtube { width:81px; clear:left; }

/*------------------ THEME PAGE specific ----------------------*/

.theme h4 a{ background:#28A7DA; color:#fff; }
p#intro{ color:#333; }
.theme h3{ background-color:#25A6DA; color:#fff; }
div.themewrap h4 {background:#2362B0;color:#FFFFFF;}

/*------------------ DETAIL PAGE specific ----------------------*/

.detail h2{ background-color:#25A6DA; }
#title{ background-color:#28A7DA; color:#FFF; }

/*------------------ SITEMAP specific ----------------------*/

#titlewrap2 h3{ background-color:#28A7DA; color:#fff; }
#sitemap ul {  margin-bottom:20px; }
#sitemap ul li a{ color:#fff; font-weight:700; text-decoration:none; background: #25A6DA; }
#sitemap ul li a:hover{ }
#sitemap ul ul{  margin:0 0 0 10px; }
#sitemap ul ul li a{ background-color:#636A74; font-weight:400; line-height:18px; }
#sitemap ul ul ul li a{ background-color:#EFF0F1; color:#000000; }

/*------------------ SUB-THEME specific ----------------------*/

#detail-right h3#relatedtitle, #detail-right h5{ background-color:#28A7DA; color:#FFF; }

/*------------------ DETAIL specific ----------------------*/

.copy h4{ color:#25A6DA; }
.copy h4 a{ color:#25A6DA; text-decoration:underline; }
.copy h4 a:hover{ text-decoration:none; }
.copy ul a{ color:#333; }

/* ------------- Find it in MoSi at - numbers -------------*/

#container .main_building{ background-image:url(1.gif); }
#container .warehouse{ background-image:url(2.gif); }
#container .power_hall{ background-image:url(4.gif); }
#container .station_building{ background-image:url(3.gif); }
#container .air_space{ background-image:url(5.gif);  }
#container .map_link a{ background:url(map.gif) no-repeat; }
#container .map_link a:hover{  background:url(map_o.gif) no-repeat;}

/*-------------- Suitable for - icons -----------------*/
.eventinfo-ages div.eventinfo-ages-allages { background-image:url(everyone.gif); }
.eventinfo-ages div.eventinfo-ages-under4s { background-image:url(under4.gif); }
.eventinfo-ages div.eventinfo-ages-under5s { background-image:url(under5.gif); }
.eventinfo-ages div.eventinfo-ages-516 { background-image:url(5-16.gif); }
.eventinfo-ages div.eventinfo-ages-16 { background-image:url(16plus.gif); }
.eventinfo-ages div.eventinfo-ages-over18s { background-image:url(over_18.gif); }
.eventinfo-ages div.eventinfo-ages-under18s { background-image:url(under18.gif); }
.eventinfo-ages div.eventinfo-ages-families { background-image:url(families.gif); }

/* ------------- Download icons -------------*/
.locationslist a span{ background-color:#636a74; color:#fff; }
.downloadlinks li a{ color:#515661; }
.downloadlinks a span{ background-color:#636a74; }

/* ------------- Doc icon file types -------------*/
li.download_doc a,
li.download_pdf a{ background:url(doc.gif) no-repeat 0 50%; }
li.download_doc a:hover,
li.download_pdf a:hover{ background:url(doc_o.gif) no-repeat 0 50%; }

/* ------------- Audio icon file types (add extensions for more) -------------*/
li.download_mp3 a{ background:url(audio.gif) no-repeat 0 50%; }
li.download_mp3 a:hover{ background:url(audio_o.gif) no-repeat 0 50%; }

/* ------------- Video icon file types (add extensions for more) -------------*/
li.download_wmv a{ background:url(video.gif) no-repeat 0 50%; }
li.download_wmv a:hover{ background:url(video_o.gif) no-repeat 0 50%; }

/* ------------- Audio icon file types (add extensions for more) -------------*/
li.download_zip a{ background:url(zip.gif) no-repeat 0 50%; }
li.download_zip a:hover{ background:url(zip_o.gif) no-repeat 0 50%; }

#facilities dt{ font-weight:700; }
#facilities span { display:block; height:auto !important; height:42px; min-height:42px; }
#facilities span { margin-bottom:16px; }
#facilities span dt, #facilities span dd{ margin-left:50px; }
#facilities span dd{ line-height:125%; }
#baby-changing{ background:url(baby_change.gif) no-repeat; }
#children{ background:url(children.gif) no-repeat; }
#clothes{ background:url(clothes.gif) no-repeat; }
#lockers{ background:url(lockers.gif) no-repeat; }
#picnics{ background:url(picnic.gif) no-repeat; }
#photography{ background:url(camera.gif) no-repeat; }
#telephones{ background:url(telephones.gif) no-repeat; }
#toilets{ background:url(toilets.gif) no-repeat; }

#banner a{background:url(/images/arrows/green.gif) no-repeat top right;}

.forwardInactive{ background:#f6f6f6; padding:3px 3px 2px 3px; float:left; color:#999; }
.backInactive{ background:#f6f6f6; padding:3px 3px 2px 3px; float:left; color:#999; }