@import "navigation.css";
@import "colors.css";
/*-----------------different body classses for different coloured bg--------------------------------------*/
body {
				padding:20px 0 20px 0;
				font-size:62.5%;
				font-family:Tahoma, Helvetica, sans-serif;
}
.homebg {
				background:  url(../images/homebg.gif) #4c2d5c;
}
.funbg {
				background:  url(../images/funbg.gif) #80396a;
}
.expertbg {
				background:  url(../images/expertbg.gif) #abbf38;
}
.experimentsbg {
				background:  url(../images/experimentsbg.gif) #ca6228;
}
.newsbg {
				background:  url(../images/newsbg.gif) #7ec6d8;
}

.news-turq-bg {
				background:  url(../images/experiments-news-bg.gif) #7ec6d8;
}


.experiments-adventures-bg {
				background:  url(../images/experiments-adventure-bg.gif) #c91c3c;
}

.experiments-content {background:  url(../images/content-bg.gif) #dc58bc;
}


h3 {
				font-size:1.2em;
}
img {
				border:0;
}
textarea {
				width:480px;
				height:200px;
				border:0px solid;
				font-family:tahoma;
				font-size:0.9em;
				color:#31163f;
				padding:30px 10px 10px 10px;
				border:3px solid #b3c707;
				margin-top:30px;
}

a:focus, a:active {
				outline:none;
}


/*--------------------------------- page elements ------------------------------------------------------ */

.wrapper {
				font-size:1.2em;
				width:890px;
				margin:0 auto;
				position:relative;
}
.contentWrapper {
				background:#31163f;
				float:left;
}
.rightColumn {
				float:left;
				min-height:200px;
				padding-left:5px;
				padding-right:10px;
				width:265px;
}
.rightColumnHeader {
				padding-top:15px;
				background:url(../images/rightColumnHeader.gif) no-repeat bottom left;
				height:5px;
				width:255px;
}
.rightColumnContent {
				background:#fff;
				padding:10px 0 0 0;
				width:235px;
				float:left;
}
.rightColumnFooter {
				background:url(../images/rightColumnFooter.gif) no-repeat;
				height:21px;
				width:255px;
}
.leftColumn {
				float:left;
				min-height:200px;
				width:538px;
				padding-left:18px;
				padding-right:5px;
}
.leftColumnHeader {
				background:url(../images/leftColumnHeader.gif) no-repeat;
				height:20px;
				width:538px;
}
.leftColumnContent {
				background:#fff;
				padding:10px;
				width:516px;
				float:left;
}
.funstuffContentbg {
				background:url(../images/funstuffbg.gif) no-repeat #fff bottom right;
}
.leftColumnContent p {
				color:#4a1d61;
}
.leftColumnContent a {
				color:#c96125;
				text-decoration:underline;
}
.leftColumnContent a:hover {
				color:#c86125;
}
.leftColumnFooter {
				background:url(../images/leftColumnFooter.gif) no-repeat;
				height:21px;
				width:540px;
}
.footer {
				clear:both;
				width:821px;
				padding:20px 10px 10px 10px;
				font-size:0.9em;
				float:left;
				background:#31163f;
				line-height:11px;
}
.downloads {
				width:243px;
				/*min-height 'hack' ie6*/
				min-height:100px;
				height:auto !important;
				height:100px;
				/*---------------------*/
				float:left;
				background:url(../images/downloadsrobot.gif) #7ec7d9 no-repeat bottom right;
}
.downloads p {
				width:120px;
				padding:20px 5px 5px 5px;
				margin:0;
				font-size:0.9em;
				line-height:21px;
}
.downloads a {
				color:#4c2d5c;
				text-decoration: none;
}
.downloadsh3 {
				width:218px;
				height:30px;
				background:url(../images/downloadsh3.gif) no-repeat;
				display:block;
				text-indent:-9999px;
				margin:0;
				padding:0;
}
.downloads img {
				vertical-align:middle;
				padding-left:5px;
				border:0;
}
.downloadfooter {
				background:url(../images/downloadfooter.gif) no-repeat bottom center;
				height:10px;
				width:209px;
				display:block;
}
.madfact {
				width:233px;
				/*min-height 'hack' ie6*/
				min-height:100px;
				height:auto !important;
				height:100px;
				/*---------------------*/
				float:right;
				background:url(../images/madfactbg.gif) #f0ecd4 no-repeat top right;
}
.madfact p {
				width:170px;
				padding:20px 5px 5px 10px;
				margin:0;
				font-size:0.9em;
				line-height:15px;
				color:#e9951f;
}
.madfact a {
				color:#4c2d5c;
				text-decoration: none;
}
.madfacth3 {
				width:218px;
				height:34px;
				background:url(../images/madfacth3.gif) no-repeat;
				display:block;
				text-indent:-9999px;
				margin:0;
}
.madfact img {
				vertical-align:middle;
				padding-left:5px;
				border:0;
}
.madfactfooter {
				background:url(../images/madfactfooter.gif) no-repeat bottom center;
				height:10px;
				width:217px;
				display:block;
}
.rightItem {
				padding:5px;
				margin-bottom:10px;
				color:#82529a;
				;
}
.rightItem img {
				margin-right:5px;
}
.rightItem p.desc {
				font-weight:bold;
}
.rightItem a:hover {
				color:#e9951f;
				text-decoration:none;
}
.rightItem a {
				text-decoration:none;
}
.leftItem {
				padding:5px;
				margin-bottom:10px;
				color:#82529a;
}
a h3.expItem {
				color:#fff;
}
.leftItem img {
				margin-right:5px;
}
.leftItem p.desc {
				font-weight:bold;
				margin-left:80px;
				margin-top:0;
				width:380px;
}
.leftItem p.moredesc {
				font-weight:normal;
				margin-left:80px;
				margin-top:0;
				width:380px;
}
.leftItem a:hover {
				color:#e9951f;
				text-decoration:none;
}
.leftItem a {
				text-decoration:none;
}
a:link {
				color:#613a76;
}
/*-----------------different header classses for different header img--------------------------------------*/

.header {
				width:890px;
				height:241px;
}
.home {
				background:url(../images/homeheader.png) no-repeat;
}
.fun {
				background:url(../images/funheader.png) no-repeat;
}
.expert {
				background:url(../images/expertheader.png) no-repeat;
}
.experimentsheader {
				background:url(../images/experimentheaderpng.png) no-repeat;
}

.experiments-adventure-header {
				background:url(../images/experiment-adv-headers.png) no-repeat;
}


.news-bytes {
				background:url(../images/news-bytes.png) no-repeat;
}



/*----------------- Search box ----------------------------------------------------------------------------*/

.search {
				position:absolute;
				z-index:20;
				top:14px;
				left:21px;
				height:25px;
				width:220px;
				margin:0;
				padding-top:2px;
				padding-left:5px;
				color:#fff;
}
.searchtitle {
				background:url(../images/searchtext.gif) no-repeat;
				width:84px;
				height:18px;
				display:block;
				float:left;
				margin-top:2px;
				text-indent:-9999px;
}
input.searchbox {
				border:0px solid;
				height:16px;
				width:100px;
				float:left;
				margin-left:10px;
				font-size:1em;
				color:#bdbdbd;
				padding-left:2px;
				padding-right:2px;
				margin-top:2px;
				display:inline;
}
.seachButton{
                float:left;
}
h1.logo {
				position:relative;
				top:65px;
				left:10px;
				background:url(../images/sciencemad.gif) no-repeat top left;
				text-indent:-9999px;
				display:block;
				height:136px;
				width:365px;
				padding:0px;
				margin:0;
}
/*----------------------------------------- footer and footer logos -------------------------------- */

.rssfeed {
				background:url(../images/rss.gif) no-repeat;
				height:15px;
				width:15px;
				float:left;
				display:block;
				text-indent:-9999px;
}
ul.pipe-list {
				margin: 0;
				padding: 0;/*white-space: nowrap;*/
}
.pipe-list li {
				margin: 0;
				padding: 2px 0;
				list-style-type: none;
				height:10px;
}
.pipe-list li, .pipe-list a {
				float: left;
}
.pipe-list a.feed {
				margin-left: 8px;
				padding-left: 19px;
				background: url(../images/rss.png) no-repeat 0 50%;
}
.pipe-list a {
				padding: 0 8px;
				border-right: 1px solid #E5E2B1;
				color: #E5E2B1;
				text-decoration: none;
}
.pipe-list a:hover {
				color: #FF5400;
}
.footer .pipe-list a {
				border-right: 1px solid #a385b2;
				color: #a385b2;
}
.footer .pipe-list a:hover {
				color: #7f3869;
}
.pipe-list a.last {
				border-right: 0 none;
}
.footerLogos {
				height:55px;
				width:420px;
				float:right;
				color:#fff;
}
.footerLogos a.haltonLogo {
				height:55px;
				width:57px;
				background:url(../images/haltonlogo.gif) no-repeat;
				display:block;
				text-indent:-9999px;
				float:left;
}
a.haltonLogo:hover {
				background-position:0 -55px;
}
a.merseyLogo {
				height:55px;
				width:89px;
				background:url(../images/merseyLogo.gif) no-repeat;
				display:block;
				text-indent:-9999px;
				float:left;
}
a.merseyLogo:hover {
				background-position:0 -55px;
}
a.businessTourismLogo {
				height:55px;
				width:89px;
				background:url(../images/runcornlogo.gif) no-repeat;
				display:block;
				text-indent:-9999px;
				float:left;
}
a.businessTourismLogo:hover {
				background-position:0 -55px;
}


a.halton2Logo {
				height:55px;
				width:55px;
				background:url(../images/haltonlogo2.gif) no-repeat;
				display:block;
				text-indent:-9999px;
				float:left;
}
a.halton2Logo:hover {
				background-position:0 -55px;
}
a.ecoLogo {
				height:55px;
				width:60px;
				background:url(../images/ecologo.gif) no-repeat;
				display:block;
				text-indent:-9999px;
				float:left;
}
a.ecoLogo:hover {
				background-position:0 -55px;
}
a.scienceandtechLogo {
				height:55px;
				width:133px;
				background:url(../images/scienceandtechLogo.gif) no-repeat;
				display:block;
				text-indent:-9999px;
				float:left;
}
a.scienceandtechLogo:hover {
				background-position:0 -55px;
}
/*------------------- misc elements ---------------------------------------------------*/
.clearer {
				clear:both;
}
.height {
				height:40px;
}
.more {
				height:38px;
				width:50px;
				text-indent:-9999px;
				display:block;
				background:url(../images/moregreen.gif) no-repeat;
}

.more-purple {
				height:38px;
				width:50px;
				text-indent:-9999px;
				display:block;
				margin-top:1px;
				background:url(../images/morepurple.gif) no-repeat;
}

.more-turq {
				height:38px;
				width:50px;
				text-indent:-9999px;
				display:block;
				margin-top:1px;
				background:url(../images/more-turq.gif) no-repeat;
}


.purplebg {
				background:url(../images/morepurple.gif) no-repeat;
				width:100px;
}
.orangebg {
				background:url(../images/moreorange.gif) no-repeat;
}
.left {
				float:left;
}
.right {
				float:right;
}
/*-----------------------------------------------------------------------------*/
.welcome {
				background:url(../images/welcome.gif) no-repeat;
				display:block;
				margin-left:55px;
				padding:5px;
				height:69px;
				width:233px;
				text-indent:-9999px;
}
.robot {
				padding:10px;
				clear:both;
}
.whatsonh3 {
				background:url(../images/whatsonh3.gif) no-repeat;
				height:37px;
				width:126px;
				text-indent:-9999px;
				margin:0;
				padding:0;
				display:block;
}
.newsh3 {
				background:url(../images/newsh3.gif) no-repeat;
				height:33px;
				width:81px;
				text-indent:-9999px;
				margin:0;
				padding:0;
				display:block;
}
.experimentsh3 {
				background:url(../images/experimentsh3.gif) no-repeat;
				height:29px;
				width:169px;
				text-indent:-9999px;
				margin:0;
				padding:0;
				display:block;
}
/*---------------funstuff*/

h3.funstufflink {
				background:url(../images/funstuffh3.gif) no-repeat;
				min-height:5px;
				width:280px;
				color:#fff;
				margin:0 0 10px 0;
				padding:5px 5px 5px 10px;
}
p.funstufflink {
				width:390px;
				padding-left:10px;
				margin-bottom:30px;
}

p.adventuresdesc {
				padding-left:10px;
				margin-bottom:30px;
}


.goTo {
				height:24px;
				width:55px;
				text-indent:-9999px;
				display:block;
				background:url(../images/goTo.gif) no-repeat;
}
.question {
				border:0px solid;
				text-indent:-9999px;
				height:33px;
				width:127px;
				position:absolute;
				top: 424px;
				left: 41px;
}
h3.questionheader {
				background:url(../images/questionheader.gif) no-repeat;
				min-height:5px;
				width:272px;
				color:#fff;
				margin:0 0 10px 0;
				padding:5px 35px 10px 10px;
				font-size:1.3em;
}
.expertanswer {
				width:450px;
				padding:10px;
}
.intro {
				font-size:1.2em;
}

.expitem {
				background:url(../images/expitem.gif) no-repeat;
				display:block;
				padding:10px;
				color:white;
				margin:0;
				width:325px;
}
.expitem h3 a {
				color:white;
}
/*------------------------------- expert Topic -------------------------------------*/

.expertTopic {
				background:url(../images/exporttopic.png) no-repeat;
				position:relative;
				padding-bottom:5px;
}
.expertTopic h3 {
				text-indent:-9999px;
				padding:0;
				margin:0;
				height:60px;
}
.expertTopic p {
				width:100px;
				margin:0;
				padding:0 0 0 40px;
				line-height:1.3em;
}
.expertTopicfooter {
				background:url(../images/folderfooter.gif) no-repeat;
				height:20px;
				width:250px;
}
.expertTopic img {
				position:absolute;
				top:60px;
				right:-10px;
				align:right;
}
.expertTopic a {
				font-size:0.9em;
				padding-left:12px;
				background:url(../images/topiclink.gif) no-repeat;
}
.expertTopic a:hover {
				color:#bd581c;
}
.thisWeek {
				color:#4c2d5c;
				text-transform:uppercase;
				font-weight:bold;
}
.topic {
				color:#b94a40;
				text-transform:uppercase;
				font-weight:bold;
}

/*Adventures*/

h2.adventures {color:#c91c3c;}

h3.adventureslink {
				background:url(../images/adventuresh3.gif) no-repeat;
				min-height:5px;
				width:211px;
				color:#fff;
				margin:0 0 10px 0;
				padding:5px 5px 5px 10px;
}
p.adventureslink {
				width:390px;
				padding-left:10px;
				margin-bottom:30px;
}


/*news*/


h3.newslink {
				background:url(../images/newh2.gif) no-repeat;
				min-height:5px;
				width:210px;
				color:#fff;
				margin:0 0 10px 0;
				padding:5px 5px 5px 10px;
}
p.newslink {
				width:390px;
				padding-left:10px;
				margin-bottom:30px;
}