/*GENERAL COLOUR CODES*/
/*
yellow BG: #F8EDB5
Pink Magenta: #b80062
Red: #e82b2b
Grey: #3c3c3c
Off white: #fdfcef

*/
/*////////////////////*/

/*GENERIC /////////////*/
/*/////////////////////*/
body {text-align:center;font-family: Arial, Helvetica, sans-serif;}
html {background-color: #F8EDB5; background-image:url(/images/framework/BackgroundtopGradient.png);background-position:top;background-repeat:repeat-x;}
#MainSite {width:775px;margin:0 auto; text-align:left;}
#MainContents {width:577px;float:left;min-height:400px;background-image:url(/images/framework/ContentsBG.png);background-repeat:repeat-y;}
#MainContentsBase {width:577px;float:left;height:26px;background-image:url(/images/framework/BottomCurve.png);}
#Footer {width:577px;float:left;height:26px;margin:20px 0px 0px 0px;text-align:center;}
#MainBody {float:left;width:575px;margin:10px 0px 0px 15px;}

input {border:1px solid black;border-bottom:2px solid black; border-right:2px solid black;font-size:.8em;padding:2px;color: #3c3c3c;}

.ImagePadding {margin: 10px 23px 0px 23px;}
.TextPadding {margin: 10px 63px 0px 63px;}
.HeaderPadding {margin: 10px 53px 0px 25px;}
.ContentPadding {float:left;margin: 10px 30px 0px 25px;}

.HomeSubjects {width:500px;float:left;}

.ContentPadding Table {border:0px solid white;margin:5px 0px 5px 0px;}
.ContentPadding Table tr{border:0px solid white;}
.ContentPadding Table tr td{border:0px solid white;}
.ContentPadding Table tr td p{border:none;}

.ContentPadding ul {list-style-type: disc;margin:10px;list-style-position:outside;}
.ContentPadding ul li{list-style-type: disc;}

.ReadMore {display:block;background-image:url(/images/framework/ReadMore.gif);background-repeat:no-repeat;background-position:0px 3px;padding-left:10px;margin:2px 0px 0px 0px;}
.ReadMoreLarge {display:block;background-image:url(/images/framework/ReadMore.gif);background-repeat:no-repeat;background-position:0px 4px;padding-left:10px;margin:3px 0px 0px 10px;}
.H1Margin {margin:20px;}
/*BUTTONS/ /////////////*/
/*/////////////////////*/
#SearchButton {width:78px;height:25px;background-image:url(/images/buttons/searchsite.png);background-repeat:no-repeat;background-position:0px 0px;float:right;}
#SearchButton:hover{background-position:0px -25px;}

.MidButtons {width:166px;height:37px;float:left;margin:10px 10px 0px 0px;background-position:0px 0px;}
.MidButtons:hover{background-position:0px -37px;}
.StartQuiz {float:left;width:78px;height:27px;background-image:url(/images/buttons/StartQuiz_Button.gif); background-position:0px 0px;margin:20px 0px 0px 60px;}
.StartQuiz:hover {background-position:0px -27px;}

.ReturnButton {background-image:url(/images/buttons/return_button.gif);bacgrkound-postion:0px 0px;width:70px;height:27px;margin:10px 0px 0px 410px;}
.ReturnButton:hover{background-position:0px -27px;}

#SendECard{width:176px;height:50px;background-image:url(/images/buttons/sendECard_Button.gif); background-position:0px 0px;margin:0px;}
#SendECard:hover{background-position:0px -50px;}
#NewsEvents{width:173px;height:36px;background-image:url(/images/buttons/newsEvents_Button.gif); background-position:0px 0px;margin:5px 0px 0px 0px;}
#NewsEvents:hover{background-position:0px -36px;}
#MuseumMap{width:183px;height:47px;background-image:url(/images/buttons/museummap_button.gif);background-position:0px 0px;margin:5px 0px 0px 0px;}
#MuseumMap:hover{background-position:0px -47px;}

.SendECard {float:left;width:53px;height:27px;background-image:url(/images/buttons/send_Button.gif); background-position:0px 0px;margin:5px 0px 0px 160px;}
.SendECard:hover{background-position:0px -27px;}
/*FONTS/ //////////////*/
/*/////////////////////*/
.SmallestText {color: #3c3c3c; font-size:.70em;}

.SmallerText {color: #3c3c3c; font-size:.75em;}
.SmallerText a{color: #e82b2b; text-decoration:none;}
.SmallerText a:hover{color: #e82b2b; text-decoration:underline;}

.StandardText {color: #3c3c3c; font-size:.75em;}
.StandardText a{color: #e82b2b; text-decoration:none;}
.StandardText a:hover{color: #e82b2b; text-decoration:underline;}

.LargerText {color: #3c3c3c; font-size:.8em;}
.LargerText a{color: #e82b2b; text-decoration:none;}
.LargerText a:hover{color: #e82b2b; text-decoration:underline;}

.SmallRedText {color: #e82b2b; font-size:.7em;}
.SmallRedText a{color: #e82b2b; text-decoration:none;}
.SmallRedText a:hover{color: #e82b2b; text-decoration:underline;}

h1 {color: #b80062; font-size:1.4em;}
h2 {color: #b80062; font-size:1.0em;}
h3 {color: #3c3c3c; font-size:.9em;}
h4 {color: #b80062; font-size:.9em;}

.MenuText {color: #ffffff; font-size:1.6em;}
.MenuText a{color: #ffffff; font-size:1.6em;}
.MenuText a:hover{color: #6e7073; font-size:1.6em;}

.Pink {color:#b80062;}
.Red {color:#e82b2b;}
.Grey {color: #3c3c3c;}
/*HEADER AND NAVIGATION*/
/*/////////////////////*/
#Header {float:left;width:100%;}
.HeaderTopOption {float:left;margin:6px 10px 0px 0px;}
.HeaderTopOption a{font-size:.6em;color:#3c3c3c;text-decoration:none;}
.HeaderTopOption a:hover{color:#e82b2b; text-decoration:underline;}

#SearchBar {height:25px;float:left;width:100%;}
#SearchInput {float:right;margin:0px 10px 0px 0px;}
#SearchField {width:125px;}
.Search {float:right;width:300px;}

#MainMenu {width:577px;float:left;height:85px;margin:6px 0px 0px 0px;background-image:url(/images/framework/topCurve.png);background-position:0% 100%;background-repeat:no-repeat;}

#HomeButton {margin:25px 0px 0px 15px;width:90px;height:41px;float:left;background-image:url(/images/buttons/home.png);background-position:0px 0px;}
#HomeButton:hover{background-position:0px -41px;}

#TopicButton {margin:29px 0px 0px 3px;width:88px;height:41px;float:left;background-image:url(/images/buttons/topic.png);background-position:0px 0px;}
#TopicButton:hover{background-position:0px -41px;}

#SubjectButton {margin:25px 0px 0px 3px;width:112px;height:41px;float:left;background-image:url(/images/buttons/Subjects.png);background-position:0px 0px;}
#SubjectButton:hover{background-position:0px -41px;}

#AgeButton {margin:20px 0px 0px 3px;width:103px;height:60px;float:left;background-image:url(/images/buttons/agerange.png);background-position:0px 0px;}
#AgeButton:hover{background-position:0px -60px;}

#MuseumButton {margin:5px 0px 0px 3px;width:138px;height:74px;float:left;background-image:url(/images/buttons/museums.png);background-position:0px 0px;}
#MuseumButton:hover{background-position:0px -74px;}
/*Left Items/////////*/
/*/////////////////////*/

#LeftSide {width:185px;float:left;margin-top:10px;}
#LeftWhiteContainer{float:left;margin:30px 0px 0px 0px;}
#LeftTopCurve{float:left;width:174px;height:18px;background-image:url(/images/framework/LeftTopCurve.png);}
#LeftRepeat{float:left;width:174px;min-height:100px;background-image:url(/images/framework/LeftRepeat.png); background-repeat:repeat-y;}
#LeftBottomCurve{float:left;width:174px;height:18px;background-image:url(/images/framework/LeftBottomCurve.png);}
#LeftPadded {float:left;margin:0px 0px 0px 10px;}

.LeftPages {float:left;width:150px;margin:0px 0px 5px 0px;border-bottom:dotted 1px #3c3c3c;padding-bottom:5px;}

/*Body CONTENTS/////////*/
/*/////////////////////*/

.TableTop {float:left;width:516px;height:30px;background-image:url(/images/framework/Tabletop.gif);margin:0px 0px 0px 5px;}
.TableTopPadding {float:left;margin:9px 10px 0px 20px;}
.TableRepeat {float:left;width:516px;background-image:url(/images/framework/TableRepeat.gif);background-repeat:repeat-y;margin:0px 0px 0px 5px;}
.TableContentPadding {float:left;margin:0px 1px 0px 1px;}
.LeftTableCell {float:left;width:256px;border-top:1px solid #fdfcef;border-right:1px solid #fdfcef; border-bottom: 1px solid #cccccc;}
.RightTableCell {float:left;width:256px;border-top:1px solid #fdfcef;border-left:1px solid #cccccc; border-bottom: 1px solid #cccccc;}
.TableCellPadding {float:left;margin:5px 20px 5px 20px;}
.TableBottom {float:left;width:516px;height:10px;background-image:url(/images/framework/TableBase.gif);margin:0px 0px 0px 5px;}
.ECardRow {float:left;width:100%;border-top:1px solid #fdfcef;border-bottom: 1px solid #cccccc;}
.HeaderWithOptions {float:left;width:100%;margin:10px 0px 20px 0px;}
.PageContent {float:left;width:100%;margin:10px 0px 20px 0px;}
.SubjectList {float:left;width:514px;border-top:1px solid white;border-bottom:1px solid #cccccc;}

#preview{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
}
/*HOMEPAGE SPECIFICS/////////*/
/*///////////////////////////*/
.MidButtonMargin {margin-bottom:20px;float:left;}

.ThumbElement {overflow:hidden;margin:10px 0px 10px 0px;}
.ThumbImage {float:left;width:83px;height:65px;background-position:50% 50%;}
.ThumbText {float:left;margin:0px 0px 0px 15px;}
.ThumbVideo {float:left;width:136px;height:84px;background-position:50% 50%;}

/*JOURNEY SPECIFICS/////////*/
/*///////////////////////////*/
.OverviewElement {float:left;width:103px;height:88px;margin:0px 10px 10px 0px;  background-position:0px 0px;}
.OverviewElement:hover {background-position:0px -88px;}
.OverviewImages {background-image:url(/Images/Buttons/OverviewImages.png);}
.OverviewInteractives {background-image:url(/Images/Buttons/OverviewInteractive.png);}
.OverviewAudios {background-image:url(/Images/Buttons/OverviewAudio.png);}
.OverviewQuizes {background-image:url(/Images/Buttons/OverviewQuiz.png);}
.OverviewWorksheets {background-image:url(/Images/Buttons/OverviewWorksheet.png);}
.OverviewVideos {background-image:url(/Images/Buttons/OverviewVideo.png);}

#OverviewElementHolder {float:left;width:329px;}
.OverviewRight {float:left;width:140px;margin:0px 0px 0px 10px;}
.OverviewHeader {float:left;width:100%;margin:0px 0px 2px 0px;}
.OverviewRightLine {float:left;width:100%;border-bottom:1px dotted #cccccc;margin:2px 0px 2px 0px;}
.LeftElement {float:left;margin:3px 0px 2px 0px;background-position:0px 0px;width:171px;height:24px;}
.LeftElement:hover, .LeftElementActive{background-position:0px -24px;}
.LeftImages{background-image:url(/images/buttons/LeftImages.png);}
.LeftInteractive{background-image:url(/images/buttons/LeftInteractive.png);}
.LeftAudio{background-image:url(/images/buttons/LeftAudio.png);}
.LeftVideo{background-image:url(/images/buttons/LeftVideo.png);}
.LeftWorksheet{background-image:url(/images/buttons/LeftWorksheets.png);}
.LeftQuiz{background-image:url(/images/buttons/LeftQuiz.png);}
.LeftDownload{background-image:url(/images/buttons/LeftDownloads.png);}
.LeftOverview{background-image:url(/images/buttons/LeftOverview.png);}

.WorksheetElement {float:left;margin:10px 0px 10px 0px;}

/* QUIZES*/
/*/////////*/
.QuizAnswerOuter {float:left;margin:0px 10px 0px 0px;background-color:#aaaaaa;}
.QuizAnswerInner {float:left;border:2px solid black;background-color:#ffffff;width:114px;}
.QuizAnswerInner:hover {border:2px solid #e82b2b;}
.QuizAnswerTR {float:left;width:3px;height:3px;}
.QuizAnswerBL {clear:both;float:left;width:3px;height:3px;}
.InnerAnswer {clear:both;margin:2px;}

.QuizAnswerTextBox {float:left;width:480px;background-color:#EBEBE6;margin:0px 0px 10px 0px;border:2px solid black;}
.QuizAnswerTextBox:hover {border:2px solid #e82b2b;}

.NextQuestion{float:left;width:107px;height:27px;background-image:url(/images/buttons/nextQuestion_button.gif);background-position:0px 0px;margin:10px 0px 0px 120px;}
.NextQuestion:hover{background-position:0px -27px;}

/*SALVAGED FOR TEMPLATES!*/
/*//////////////////////////*/
#template-left-col-FL 			{width:260px; float:left; background-color:#EDEDED;  padding:5px 0px 3px 5px; margin-right:5px; } 
#template-left-col-FR			{width:260px; float:right; background-color:#EDEDED;  padding:5px 0px 3px 5px; margin-left:5px; } 
#template-right-col-FL			{width:254px; float:left; background-color:#EDEDED;  padding:4px 0px 4px 3px; }
#template-top						{width:518px; float:left; background-color:#EDEDED;  padding:4px 0px 4px 4px; } 
#template-top-col				{float:left; background-color:#EDEDED;  padding:5px 0px 3px 5px; margin:0px 0px 5px 0px }

.outerborder{background: #ADADAD; float:left;  margin-bottom:4px; }
.outerborder_100{background: #ADADAD; float:left;  margin-bottom:4px; }
.outerborder1{background: #ADADAD;  margin-bottom:4px;}
.innerborder{background: #DEDEDE; }
.innerborder_100 {background: #DEDEDE; }
html>body .innerborder {background: #DEDEDE; float:left;}
html>body .holder {display:inherit; }
.holder {background: #FFF; padding:1px;}
.holder a:link{color: #1A72AC; text-decoration: underline; font-size: 100%;}
.holder a:visited{text-decoration:underline; color: #1A72AC;font-size: 100%;}
.holder a:hover {background:#FFF; color: #FFF;text-decoration: none;font-size: 100%;}
.holder a:active{text-decoration: underline;color: #1A72AC;font-size: 100%;}
.border1{padding: 1px; margin-right:5px;}
.border-template{padding: 1px; margin-right:0px;}
.border2{padding: 4px; }
.border3{padding: 1px; margin-right:0px; margin-bottom:10px}
.border4{padding: 1px; margin-right:3px; margin-bottom:0px}
.border5{padding: 1px; margin-right:4px; margin-bottom:0px}
.border6{padding: 1px 1px 1px 1px; }
.border7{padding: 1px; margin-right:3px;}
.border8{padding: 1px; margin-right:0px;margin-bottom:20px;}
.border-clear-left{padding: 1px; margin-right:5px; clear:left}
.journey-form-border{background: #DEDEDE; float:left; padding:4px; border:1px solid #ADADAD; width:508px;}
.float-left{float:left;} 
.float-right{float:right;}
.visual-clear {clear:right; line-height:1px; height:1px; margin:0; padding:0}	
/*ECARDS */
.EcardLabel {float:left;width:180px;margin:0px 0px 5px 0px;}

/*Hacks ////////////////*/
/*/////////////////////*/
.Last {Margin-right:0px;}

.Centered {text-align:center;}
.Justify {text-align:justify;display:block;}

.Strong {font-weight:bold;}
.FL {float:left;}
.FR {Float:right;}
.Block {display:block;}

.DisplayNone {Display:none;}
.DisplayBlock{Display:block;}

.H15 {height:16px;margin:5px 0px 5px 0px;}

.W450 {width:450px;}
.W480 {width:480px;}
.W460 {width:460px;}
.W352 {width:352px;}
.W300 {width:300px;}
.ML5 {margin-left:5px;}
.M16 {margin:10px 0px 0px 16px;}
.M26 {margin:10px 0px 10px 10px;}
.ML25 {margin-left:25px;}

.MT5{margin-top:5px;}
.MT10{margin-top:10px;}
.MT30{margin-top:30px;}
.M2 {margin:2px;}

.blockhide{display:none;}