/* Scienceworks 2 CSS Document */

/*hack tests*/
contentHead, contentHeadIcon, contentHeadTitle {min-height: 0;}

body {margin: 0px; padding: 0px; text-align: center; font-family: arial; font-size: 1.0em; background-color: #D8D7C1;}

h1, h2, h3, h4, h5, p, a {margin: 0px; padding: 0px; font-size: 1.0em; line-height: 1.0em;}

h1 a {color: #fff; text-decoration: none;}
h1 a:active {color: #fff; text-decoration: none;}
h1 a:visited {color: #fff; text-decoration: none;}
h1 a:hover {color: #fff; text-decoration: underline;}

a, a:active, a:visited {text-decoration: none;}
a:hover {text-decoration: underline;}
a, a:hover, a:active, a:visited {color: #7D395F;}

#wrapper {width: 1013px; margin: 0px auto 0px auto; padding: 0px; text-align: left; background-image: url('assets/wrapper_open_bkgrnd.gif'); background-repeat: repeat-y;}

#menuOpened {float: left; width: 253px; display: block;}
#menuClosed {float: left; width: 91px; display: none;}

.openLogo {margin-top: 10px; display: block;}
a.openLink  {margin-left: 6px; padding-top: -5px; color: #666; text-decoration: none; font-size: 0.7em;}
a.closeLink  {margin-left: 182px; color: #666; text-decoration: none; font-size: 0.7em;}


#menuHead {width: 238px; height: 51px; background: url('assets/menuhead_bkgrnd.gif') bottom right no-repeat;}
#menuHead h1 {font-size: 0.75em; letter-spacing: 0.05em; padding: 22px 0px 0px 36px; color: #fff;}

#contentWrap {float: left; padding: 10px 17px 0px 16px; margin: 0px;}

#contentHead {clear: both; width: 725px; height: 147px;}
#contentHeadIcon {float: left; margin-right: 10px; width: 130px; height: 137px;}
#contentHeadTitle {float: left; width: 585px; height: 137px; color: #fff;}
#contentHeadTitle h1 {font-size: 2.5em; padding: 48px 0px 0px 22px; letter-spacing: 0.05em; overflow: visible;}


#contentHeadUnder{clear: both; width: 725px; height: 39px;}

#contentHeadUnder1 {float: left; width: 471px; padding-top: 10px; text-align: center; font-size: 0.8em; font-weight: bold; color: #fff;}
#contentHeadUnder2 {float: left; padding: 10px 0px 0px 20px; font-size: 0.8em; font-weight: bold; color: #fff;}

#contentInnerWrap {clear: both; width: 725px; margin-top: 10px; height: 100%;}

#contentMain {float: left; width: 460px; margin-right: 10px;}


#contentMain h2 {margin: 20px 20px 10px 20px; font-size: 1.1em; font-weight: normal; line-height: 1.4em; letter-spacing: 0.10em;}
#contentMain h3 {margin: 0px 20px 10px 20px; font-size: 0.8em; font-weight: bold; line-height: 1.5em;}
#contentMain p {margin: 0px 20px 10px 20px; font-size: 0.75em; font-weight: normal; line-height: 1.5em; letter-spacing: 0.02em;}
#contentMain ul {margin: 0px 0px 10px 28px; padding: 0px 0px 0px 8px;}
#contentMain li {font-size: 0.75em; margin: 0px; padding: 0px 30px 0px 0px; line-height: 1.5em;}

#contentMain em.wideQuoteEm {width: 95%;}

#introWrapper {width: 460px; margin-top: 20px; }
#introImageArea {float: left; width: 130px; text-align: right;}
.introImage {border: 4px solid white; margin-bottom: 10px;}
#introTextArea {float: left; width: 320px; }
#introTextArea p {margin: 0px 5px 10px 10px; line-height: 1.4em;}

#mainImageWrapper {clear: both; width: 411px; margin: 20px 0px 0px 20px; padding-top: 20px; border-top: 2px solid #fff;}
.mainImage {border: 5px solid #fff;}

.homeImageWrapper {clear: both; width: 411px; margin: 20px 0px 0px 20px; padding-top: 20px; border-top: 2px solid #fff;}
.homeImage {border: 5px solid #fff; margin-bottom: 10px;}
.homeImgWrapperH2 {margin: 5px 20px 10px 0px; font-size: 1.0em; font-weight: normal; line-height: 1.4em;}
.homeImgWrapperP {margin: 0px 20px 10px 0px; font-size: 0.75em; font-weight: normal; line-height: 1.5em; letter-spacing: 0.02em;}


.homePreview {clear: both; margin-left: 20px; padding-top: 12px;}
a.homePreviewHead {margin-left: 20px; font-size: 0.85em; font-weight: bold; line-height: 1.3em; color: #8A496D; text-decoration: none;}
a:hover.homePreviewHead {text-decoration: underline;}
.homePreviewImage {width: 95px; float: left; padding-top: 5px;}
.homePreviewText {width: 125px; float: left; font-size: 0.7em; font-weight: normal; line-height: 1.5em; letter-spacing: 0.02em; padding-top: 2px;}
.previewImage {border: 3px solid #fff;}

#contentSub {float: left; width: 255px; padding-top: 0px;}

#contentSub h2 {margin: 20px 10px 5px 20px; font-size: 1.0em; font-weight: bold; line-height: 1.3em; color: #fff;}
#contentSub p {margin: 5px 10px 5px 20px; font-size: 0.75em; font-weight: normal; line-height: 1.3em; color: #fff;}
#contentSub a {line-height: 1.3em; color: #fff;}

#contentBottom {clear: both;}

#contentMainBottom {float: left; width: 460px; height: 20px; margin-right: 10px;}

#contentSubBottom {float: left; width: 100px; height: 20px;}

#footer {width: 1013px; margin: 0px auto 0px auto; padding: 0px; text-align: left; background-image: url('assets/footer_open_bkgrnd.gif'); background-repeat: no-repeat; }
#footerNotices {padding: 20px 0px 20px 10px;}
#footerCredit {float: right; padding: 24px 10px 16px 0px; font-size: 0.7em;}
/*.menuToggle {clear: both; font-size: 0.7em;}*/




.clearit {clear: both;}

#clearitBottom {clear: both; margin: 0px; padding: 0px; background-image: url('assets/wrapper_open_bkgrnd.gif'); background-repeat: repeat-y; height: 2px; overflow: hidden;}


/* expanding menu - expansion js turned off/removed :) */
ul#menu {padding: 0px 20px 0px 20px; margin: 0px; list-style-type: none; font-size: 0.75em; line-height: 1.0em;}
ul#menu li {margin: 30px 0px 10px 10px; padding: 0px 0px 0px 20px; font-weight: bold;}
ul#menu li ul {margin: 0px 0px 20px -20px; padding: 0px; list-style-type: none;}
ul#menu li ul li {margin: 10px 0px 0px 0px; padding: 0px 0px 0px 20px; font-weight: normal;}
ul#menu a {color: #666; text-decoration: none;}
ul#menu a:hover {text-decoration: underline;}
ul#menu a.active {font-weight: bold; text-decoration: underline;}
ul#menu a.subActive {font-weight: bold; text-decoration: none;}

#fantasticplastic_menu {display: none;}
#scienceofslime_menu {display: none;}
#mrbeetle_menu {display: none;}
#sciencewithhobnobs_menu {display: none;}
#mymumsascientist_menu {display: none;}
#youngscientmentors_menu {display: none;}
#futurefantastic_menu {display: none;}
#books_menu {display: none;}
#posters_menu {display: none;}
#websitescds_menu {display: none;}
 
.menuSection {background: url('assets/arrow_menusection.gif') top left no-repeat;}
.menuItem {background: url('assets/arrow_menuitem.gif') top left no-repeat;}


/* duplicate sub menu (right) */
ul#subMenu {padding: 10px 0px 10px 10px; margin: 0px 0px 0px 0px; list-style-type: none; font-size: 0.85em; width: 240px;}
ul#subMenu li {margin: 0px 0px 15px 10px; padding: 0px 0px 0px 20px; font-weight: bold;}
ul#subMenu a, a:visited {text-decoration: none;}
ul#subMenu a:hover {text-decoration: underline;}
ul#subMenu a.active {font-weight: bold; text-decoration: underline;}

ul#subMenu2 {padding: 10px 0px 10px 10px; margin: 0px 0px 0px 0px; list-style-type: none; font-size: 0.85em; width: 240px;}
ul#subMenu2 li {margin: 0px 0px 15px 10px; padding: 0px 0px 0px 20px; font-weight: bold;}
ul#subMenu2 a, a:visited {text-decoration: none;}
ul#subMenu2 a:hover {text-decoration: underline;}
ul#subMenu2 a.active {font-weight: bold; text-decoration: underline;}