@charset "UTF-8";
/* CSS Document */
html {
	height:100%
}

h3 {
	padding:0;
	margin:0
}

h4 {
	color:#c1282e;
	margin:0px;
	font-size:14px
}

body {
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	margin-top:0px;
	background-color:#e7e1e1;
	line-height:18px;
	behavior: url(../inc/csshover.htc)
}

#container {
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	;
	height:200px;
	text-align:left;
}

#header {
	padding-left:41px;
	background:url(../images/backgrounds/motto.png) no-repeat top right;
	width:583px;
	height:110px
}

#header a {
	background:url(../images/backgrounds/hf4uLogo.png) no-repeat;
	width:276px;
	height:110px;
	display:block;
	float:left
}

#left {
	width:50%;
	float:left;
	padding:0 0 0 41px;
	margin:0;
	position:absolute;
	z-index:9000
}

#right {
	width:350px;
	float:right;
	position:absolute;
	top:0;
	margin-left:650px;
	z-index:10000
}

.hidden {
	visibility:hidden
}

#main-content {
	width:1000px;
	background:url(../images/backgrounds/main-bg.gif) repeat-y;
	float:left;
}

#bg-filler {
	width:1000px;
	height:10px;
	background:url(../images/backgrounds/main-bg-filler.gif) no-repeat;
	float:left;
	margin:0px;
	padding:0px;
	overflow:hidden
}

#main-content-centre {
	width:890px;
	margin-left:41px;
	display:block;
	float:left;
	min-height:423px;
}

#homepage #main-content-centre {
	background:url(../images/backgrounds/sam-bg1.gif) no-repeat;
	z-index:-1000
}

#main-content-centre {
	background:url(../images/backgrounds/sam-bg2.gif) no-repeat;
}

#main-content-centre.minus-sam {
	background:url(../images/backgrounds/sam-bg2-minus-sam.gif) no-repeat;
}

#footer {
	width:1000px;
	min-height:64px;
	height:64px;
	background:url(../images/backgrounds/footer-bg.gif) no-repeat;
	float:left;
	display:block
}

#footer #footer-left {
	margin:40px 0px 0px 61px;
	color:#666;
	float:left;
	width:350px
}

#footer #footer-left ul {
	list-style:none;
	float:left;
	margin:0px;
	padding:0px
}

#footer #footer-left ul li {
	float:left
}

#footer #footer-left ul li a {
	color:#666;
	text-decoration:none
}

#footer #footer-left p {
	margin:5px 0 0 0;
	padding:0px
}

#footer #footer-right {
	margin:40px 81px 0px 61px;
	color:#666;
	float:right
}

#footer #footer-right ul {
	list-style:none;
	float:left;
	margin:0px;
	padding:0px
}

#footer #footer-right ul li {
	float:left
}

#cue {
	background:url(../images/logos/cue.png);
	width:80px;
	height:41px;
	display:block;
	margin-left:10px
}

#footer-base {
	clear:both;
	float:right;
	margin-right:61px
}

#native {
	background:url(../images/logos/native.png);
	width:235px;
	height:17px;
	display:block
}

.bullet {
	list-style:disc inside;
	margin-left:10px;
}

#homepage #centre-screen {
	margin-top:0px
}

#centre-screen {
	width:720px;
	margin-left:170px;
	margin-top:70px
}

#centre-left {
	width:490px;
	padding-top:20px;
	padding-right:20px;
	float:left
}

.wide {
	width:685px
}

#centre-left p a {
	color:#C1282E;
	font-weight:bold
}

#centre-left p a:hover {
	text-decoration:none
}

#centre-right {
	width:210px;
	float:left;
	position:relative
}

/*NAVIGATION*/
#hilight {
	position:absolute;
	z-index:9100;
	margin-left:690px;
	margin-top:-40px
}

#hilightBannerIE {
	display:none
}

.breadcrumbs {
	color:#666;
	margin-left:41px;
}

.breadcrumbs a {
	color:#666;
	text-decoration:none
}

.breadcrumbs a:hover {
	text-decoration:underline
}

/*STYLING FOR JAVASCRIPT DROPDOWN MENUS*/
#drop_down_menu {
	display:block;
	margin:0px;
	padding:0px;
	text-align:left;
	list-style-type:none;
	width:950px;
	background:url(../images/backgrounds/menu-back.png);
	height:75px
}

#drop_down_menu li {
	font-weight:bold;
	float:left;
	color:#11a2db;
	padding:0 0 5px 0;
	cursor:pointer;
}

#drop_down_menu li ul {
	margin:-19px -0 0 0;
	padding:0px;
	list-style-type:none;
	padding-top:0px;
	width:184px;
}/*If you change the width you need to change the left position of each menu item*/
#drop_down_menu li ul li {
	display:block;
	float:none;
	clear:both;
}

#drop_down_menu li ul li.link-base {
	background:top no-repeat;
	width:184px;
	height:10px;
	display:block;
	padding:0px;
	margin:0px;
	overflow:hidden
}

#drop_down_menu li ul li.history-base {
	background:url(../images/nav/history-dropdown.png)
}

#drop_down_menu li ul li.teachers-base {
	background:url(../images/nav/teachers-dropdown.png)
}

#drop_down_menu li ul li.hangout-base {
	background:url(../images/nav/hangout-dropdown.png)
}

#drop_down_menu li ul li.parents-base {
	background:url(../images/nav/parents-dropdown.png)
}

#drop_down_menu li ul .toplink {
	padding-top:20px
}

#drop_down_menu li ul li a {
	color:#FFFFFF;
	font-weight:normal;
	text-decoration:none;
	display:block;
	margin:0 11px 0 11px;
	padding:5px 0px;
	border-bottom:#ccc solid 1px;
	cursor:pointer
}

#drop_down_menu li ul li a:hover {
	text-decoration:underline;
	color:#CCCCCC;
}

.hideMe {
	display:none
}

.topNav {
	height:75px;
	background-repeat:no-repeat;
	display:block;
	position:relative
}

.menu {
	position:relative
}

.no-link {
	width:92px
}/*This is the home link*/
.end-link {
	width:68px
}/*This is the blog link*/
#drop_down_menu li ul li a.noBorder {
	border:none
}

#menu-filler {
	background:url(../images/backgrounds/menuLeft.png) left no-repeat;
	float:left;
	width:41px;
	height:75px;
	display:block
}

/*HOME PAGE*/
#home {
	width:92px;
	background-image:url(../images/nav/homeNav.png);
}

#history {
	width:91px;
	background-image:url(../images/nav/historyNav.png);
}

#teachers {
	width:104px;
	background-image:url(../images/nav/teachersNav.png);
}

#hangout {
	width:109px;
	background-image:url(../images/nav/hangoutNav.png);
}

#parents {
	width:96px;
	background-image:url(../images/nav/familyNav.png);
}

#blog {
	width:91px;
	background-image:url(../images/nav/blogNav.png);
}

#teachers:hover, #history:hover, #hangout:hover, #parents:hover, #blog:hover {
	background-position: 0px -75px;
}

/*HISTORY PAGE*/
.historyPage #home, .historyPage #history, .historyPage #teachers, .historyPage #hangout, .historyPage #parents, .historyPage #blog {
	background-position: 0px -150px;
}

.historyPage #home:hover, .historyPage #history:hover, .historyPage #teachers:hover, .historyPage #hangout:hover, .historyPage #parents:hover, .historyPage #blog:hover {
	background-position: 0px -225px;
}

/*TEACHERS PAGE*/
.teachersPage #home, .teachersPage #history, .teachersPage #teachers, .teachersPage #hangout, .teachersPage #parents, .teachersPage #blog {
	background-position: 0px -300px;
}

.teachersPage #home:hover, .teachersPage #history:hover, .teachersPage #teachers:hover, .teachersPage #hangout:hover, .teachersPage #parents:hover, .teachersPage #blog:hover {
	background-position: 0px -375px;
}

/*HANGOUT PAGE*/
.hangOutPage #home, .hangOutPage #history, .hangOutPage #teachers, .hangOutPage #hangout, .hangOutPage #parents, .hangOutPage #blog {
	background-position: 0px -450px;
}

.hangOutPage #home:hover, .hangOutPage #history:hover, .hangOutPage #teachers:hover, .hangOutPage #hangout:hover, .hangOutPage #parents:hover, .hangOutPage #blog:hover {
	background-position: 0px -525px;
}

/*FAMILY PAGE*/
.familyPage #home, .familyPage #history, .familyPage #teachers, .familyPage #hangout, .familyPage #blog, .familyPage #parents {
	background-position: 0px -600px;
}

.familyPage #home:hover, .familyPage #history:hover, .familyPage #teachers:hover, .familyPage #hangout:hover, .familyPage #parents:hover, .familyPage #blog:hover {
	background-position: 0px -675px;
}

/*BLOG PAGE*/
#blogpage #home, #blogpage #history, #blogpage #teachers, #blogpage #hangout, #blogpage #parents, #blogpage #blog {
	background-position: 0px -750px;
}

#blogpage #home:hover, #blogpage #history:hover, #blogpage #teachers:hover, #blogpage #hangout:hover, #blogpage #parents:hover {
	background-position: 0px -825px;
}

#historyLi {
	left:0px;
	z-index:2000
}

#teachersLi {
	left:-93px;
	z-index:3000
}

#hangoutLi {
	left:-173px;
	z-index:4000
}

#parentsLi {
	left:-248px;
	z-index:5000
}

#blogLi {
	left:-336px;
	z-index:6000
}

#historyLi ul li {
	background:#775863
}

#teachersLi ul li {
	background:#5c6947
}

#hangoutLi ul li {
	background:#93765e
}

#parentsLi ul li {
	background:#84393c
}

/*END OF MENU STYLING*/



#stampTop {
	width:250px;
	height:56px;
	display:block;
	margin-left:100px;
	z-index:9000;
	position:relative;
	padding-top:20px
}

#stampBot {
	width:130px;
	height:91px;
	display:block;
	margin-left:760px;
	position:relative
}

#stampTopLink {
	background:url(../images/backgrounds/stamp-top.png) no-repeat;
	width:132px;
	height:56px;
	display:block;
	margin-left:101px;
	cursor:pointer
}

#stampBotLink {
	background:url(../images/backgrounds/stamp-bottom.png) no-repeat;
	width:132px;
	height:91px;
	display:block;
	margin-top:1px;
	cursor:pointer;
}

/*PAGE HEADINGS*/
.h1Heading {
	float:left;
	position:relative;
	top:20px;
	margin-left:160px;
}

#homepage .h1Heading {
	width: 523px;
	height:74px;
	float:left;
	position:relative;
	top:0px;
	margin-left:150px;
	background:url(../images/headings/welcome.gif) no-repeat
}

#historypage .h1Heading {
	width: 523px;
	height:38px;
	background:url(../images/headings/aims-objectives.gif) no-repeat;
}

#what-does-it-do-page .h1Heading {
	width: 523px;
	height:47px;
	background:url(../images/headings/what-does-it-do.gif) no-repeat;
}

#backgroundpage .h1Heading {
	width: 523px;
	height:47px;
	background:url(../images/headings/background.gif) no-repeat;
}

#teampage .h1Heading {
	width: 523px;
	height:38px;
	background:url(../images/headings/the-team.gif) no-repeat;
}

#teacherspage-login .h1Heading {
	width:523px;
	height:38px;
	background:url(../images/headings/teachers-login.gif) no-repeat;
}

#enquiriespage .h1Heading {
	width:523px;
	height:38px;
	background:url(../images/headings/enquiries.gif) no-repeat;
}

#hangoutpage .h1Heading {
	width:523px;
	height:38px;
	background:url(../images/headings/hangout.gif) no-repeat;
}

#e_cardpage .h1Heading {
	width:523px;
	height:38px;
	background:url(../images/headings/ecard.gif) no-repeat;
}

#messagepage .h1Heading {
	width:523px;
	height:38px;
	background:url(../images/headings/message.gif) no-repeat;
}

#downloadspage .h1Heading {
	width:523px;
	height:38px;
	background:url(../images/headings/downloads.gif) no-repeat;
}

#familypage .h1Heading {
	width:523px;
	height:38px;
	background:url(../images/headings/family.gif) no-repeat;
}

#contactpage .h1Heading {
	width: 523px;
	height:38px;
	background:url(../images/headings/contact-us.gif) no-repeat
}

#teacherspage .h1Heading {
	width:523px;
	height:38px;
	background:url(../images/headings/teachers.gif) no-repeat;
}

#faqpage .h1Heading {
	width:523px;
	height:47px;
	background:url(../images/headings/faq.gif) no-repeat;
	margin-bottom:7px
}

#resourcespage .h1Heading {
	width:523px;
	height:47px;
	background:url(../images/headings/resources.gif) no-repeat;
	margin-bottom:7px
}

#winnerspage .h1Heading {
	width:523px;
	height:47px;
	background:url(../images/headings/winners.gif) no-repeat;
	margin-bottom:7px
}

#what-will-page .h1Heading {
	width:523px;
	height:47px;
	background:url(../images/headings/what-will.gif) no-repeat;
	margin-bottom:7px
}

#workshoppage .h1Heading {
	width:523px;
	height:38px;
	background:url(../images/headings/workshop.gif) no-repeat;
}

#morepage .h1Heading {
	width:523px;
	height:38px;
	background:url(../images/headings/more.gif) no-repeat;
}

#termspage .h1Heading {
	width:523px;
	height:38px;
	background:url(../images/headings/tandc.gif) no-repeat;
}

#jobsimulatorpage .h1Heading {
	width:523px;
	height:38px;
	background:url(../images/headings/jobSimulator.gif) no-repeat;
}

#jobselectorpage .h1Heading {
	width:523px;
	height:38px;
	background:url(../images/headings/jobSelector.gif) no-repeat;
}

#getsamdressed .h1Heading {
	width:218px;
	height:81px;
	background:url(../images/headings/get-sam-dressed.gif) no-repeat;
	margin-left: 35px;
}

#text-size {
	width:120px;
	height:75px;
	display:block;
	margin-left:600px;
	z-index:9000;
	position:relative
}

#text-size, #text-size a {
	color:#666
}

#text-size p {
	padding:0;
	margin: 10px 0 0 12px;
	font-size:12px;
	float:left
}

#size1 {
	font-size:12px
}

#size2 {
	font-size:14px
}

#size3 {
	font-size:16px
}

/*STYLING FOR SLIDE DOWN DIVS*/
.dhtmlgoodies_question {	/* Styling question  Start layout CSS */
	color:#FFF;
	background-color:#09C;
	width:200px;
	margin-bottom:2px;
	margin-top:2px;
	padding-left:2px;
	background-repeat:no-repeat;
	background-position:top right;
	height:20px;/* End layout CSS */
	overflow:hidden;
	cursor:pointer;
}

.dhtmlgoodies_answer {	/* Parent box of slide down content Start layout CSS */
	border:1px solid #317082;
	background-color:#E2EBED;
	width:200px;/* End layout CSS */
	visibility:hidden;
	height:0px;
	overflow:hidden;
	position:relative;
	top:0px
}

.dhtmlgoodies_answer_content {	/* Content that is slid down */
	padding:1px;
	font-size:0.9em;
	position:relative;
}

#pad-top {
	background:url(../images/backgrounds/note-pad-top.png);
	width:205px;
	height:57px;
	display:block;
	margin-top:10px
}

#pad-centre {
	background:url(../images/backgrounds/pad-bg-solid.png) no-repeat top left;
	width:205px;
	float:left;
	margin:0;
	padding:0
}

#pad-bot {
	float:left;
	background:url(../images/backgrounds/pad-bottom-solid.png) no-repeat bottom;
}

#pad-bg {
	width:205px;
	background:url(../images/backgrounds/pad-repeat.png) repeat-y 0px;
	float:left
}

#pad-content {
	width:165px;
	padding:0 20px 20px 20px;
	min-height:250px;
}

#pad-content p {
	font-family:Verdana;
	color:#666
}

/*STYLING FOR PANELS*/
.panel-holder {
	background-repeat:repeat-y;
	background-position:top;
	height:100%;
	width:490px;
	float:left;
	color:#FFF
}

.panel-bg {
	margin-bottom:10px
}

.panel-top {
	background-repeat:no-repeat;
	background-position:top;
	width:490px;
	padding:40px 0 0 0;
	float:left;
}

.panel-heading {
	padding:0;
	margin:0;
	float:left;
	font-size:13px;
	font-weight:bold;
}

.panel-heading-right {
	margin-left:10px
}

.panel-bottom {
	background-repeat:no-repeat;
	background-position:bottom;
	width:490px;
	min-height:83px;
	display:block;
	float:left
}

#top-panel {
	background-image:url(../images/backgrounds/history-hangout-top.png)
}

#base-panel {
	background-image:url(../images/backgrounds/teachers-blog-top.png)
}

#top-panel-bg {
	background-image:url(../images/backgrounds/history-hangout-bg.png)
}

#base-panel-bg {
	background-image:url(../images/backgrounds/teachers-blog-bg.png)
}

#top-panel-bottom {
	background-image:url(../images/backgrounds/history-hangout-bottom.gif)
}

#base-panel-bottom {
	background-image:url(../images/backgrounds/teachers-blog-bottom.gif)
}

#history-top-panel {
	background-image:url(../images/backgrounds/history-panel-top.png)
}

#history-panel-bg {
	background-image:url(../images/backgrounds/history-panel-centre.png)
}

#history-panel-bottom {
	background-image:url(../images/backgrounds/history-panel-bottom.png)
}

#teachers-top-panel {
	background-image:url(../images/backgrounds/teachers-panel-top.png)
}

#teachers-panel-bg {
	background-image:url(../images/backgrounds/teachers-panel-centre.png)
}

#teachers-panel-bottom {
	background-image:url(../images/backgrounds/teachers-panel-bottom.png)
}

#hangout-top-panel {
	background-image:url(../images/backgrounds/hangout-panel-top.png)
}

#hangout-panel-bg {
	background-image:url(../images/backgrounds/hangout-panel-centre.png)
}

#hangout-panel-bottom {
	background-image:url(../images/backgrounds/hangout-panel-bottom.png)
}

#family-top-panel {
	background-image:url(../images/backgrounds/family-panel-top.png)
}

#family-panel-bg {
	background-image:url(../images/backgrounds/family-panel-centre.png)
}

#family-panel-bottom {
	background-image:url(../images/backgrounds/family-panel-bottom.png)
}

#blog-top-panel {
	background-image:url(../images/backgrounds/blog-panel-top.png)
}

#blog-panel-bg {
	background-image:url(../images/backgrounds/blog-panel-centre.png)
}

#blog-panel-bottom {
	background-image:url(../images/backgrounds/blog-panel-bottom.png)
}

.panel-content {
	width:210px;
	float:left;
	padding:0 15px 15px 15px;
}

.panel-top-header {
	width:210px;
	float:left;
	padding:0 15px 0px 15px;
	position:relative;
	top:-20px
}

.panel-content ul {
	margin:0 0 0 10px;
	padding:0;
}

.panel-content p {;
	padding-top:0;
	margin-top:0
}

.panel-left {
	margin-right:10px;
}

#toggle1 {
	visibility: hidden;
	height:0px;
}

#login-top {
	background:url(../images/backgrounds/login-top.png);
	width:348px;
	height:14px;
	display:block
}

#login-main {
	background:url(../images/backgrounds/login-bg.png) repeat-y;
	width:328px;
	display:block;
	padding:10px
}

#login-base {
	background:url(../images/backgrounds/login-base.png);
	width:348px;
	height:22px;
	display:block
}

#failBase #login-base {
	background:url(../images/backgrounds/base-error.png);
	width:348px;
	height:22px;
	display:block
}

#toggleSwitch1 {
	background:url(../images/backgrounds/login.png);
	width:195px;
	height:21px;
	display:block;
	margin-left:74px
}

.submit {
	background:url(../images/buttons/teachers-submit.png);
	width:60px;
	height:60px;
	display:block;
	border:none;
	cursor:pointer
}

#logOut #toggleSwitch1 {
	background:url(../images/backgrounds/logOut.png);
	width:195px;
	height:21px;
	display:block;
	margin-left:74px
}

#logOutNoScript {
	display:none
}

#loginFail #toggleSwitch1 {
	background:url(../images/backgrounds/no-user.png);
	width:195px;
	height:21px;
	display:block;
	margin-left:74px
}

#passwordFail #toggleSwitch1 {
	background:url(../images/backgrounds/incorrect-password.png);
	width:195px;
	height:21px;
	display:block;
	margin-left:74px
}

.dropbox {
	width:148px;
	height:18px;
	background-color:#CCC;
	border:#999 solid 1px;
	margin:2px 0 2px 10px
}

.forgotten, .password-get .register {
	margin-left:10px
}

.login-table a, .password-get a, .register-me a {
	margin-top:5px;
	float:left;
	color:#333;
}

.login-table a:hover, .password-get a:hover, .register-me a:hover {
	text-decoration:none
}

.login-table a:visited, .password-get a:visited, .register-me a:visited {
	color:#999
}

.email {
	width: 250px;
	margin:2px 0 2px 10px;
	background-color:#FFF;
	border:#999 solid 1px;
	height:18px
}

#quoteBox {
	position:relative;
	top:110px;
	left:120px;
	width:272px;
	height:177px;
	display:block;
	z-index:2000;
	background:url(../images/backgrounds/quote.png) no-repeat top
}

#closeQuote {
	position:absolute;
	top:518px
}

#closeQuote a {
	margin-top:-502px;
	margin-left:242px;
	font-size:12px;
	float:left;
	font-weight:bold;
	text-decoration:none;
	color:#666;
	z-index:3000
}

#closeQuote a:hover {
	text-decoration:underline
}

#findOut {
	position:absolute;
	top:598px
}

#findOut a {
	margin-top:-464px;
	margin-left:33px;
	font-size:14px;
	font-style:italic;
	color:#c1282e;
	float:left;
	text-decoration:none;
	font-weight:bold;
}

#findOut a:hover {
	text-decoration:underline
}

.register-me input.text {
	background-color:#FFF;
	border:#999 solid 1px;
	height:18px
}

#test li a {
	color:#000000;
	font-size:26px
}

#test li:hover ul li a {
	color:#C09
}

.error input.text, #contact-form .error textarea, #messageForm .error .text, #messageForm .error textarea, #sendEcard .error textarea, #sendEcard .error .text {
	background-color:#F99;
}

.errorMessage {
	display:block;
	color:#900;
}

.emailSent {
	display:block;
	color:#900;
}

.emailNotSent {
	display:block;
	color:#900;
}

.forbidden {
	display:block;
	color:#900;
}

.tableError {
	color:#900;
	display:inline-block;
	font-weight:bold
}

#fileDownloads p {
	padding-top:0px;
	margin-top:0px
}

/*REESOURCES PAGE*/
.even td {
	background-color:#f3f3f3;
	border-top:#CCC solid 1px;
	border-bottom:#CCC solid 1px
}

.even .noTopBorder {
	border-top:none
}

.even .noBottomBorder {
	border-bottom:none
}

.odd, .even td {
	padding-top:5px;
	padding-bottom:5px
}

#sort {
	padding:5px 0 5px 0;
	height:20px;
}

#sort input {
	margin:5px 0 5px 0
}

#sort #sortCentre1 {
	margin-left:10px
}

#sort td {
	border-bottom:#666 solid 1px;
	border-top:#666 solid 1px;
}

.pagination span, .pagination a {
	color:#666;
	font-weight:bold;
	margin:0 3px 0 3px
}

#paginationBase {
	border-top:#666 solid 1px
}

.pagination a:hover span {
	color:#000;
}

.paginationSpacer {
	width:100%;
	height:10px;
	display:block
}

/*MESSAGE BOARD*/
#sendEcard textarea {
	background-color:#FFF;
	border:#999 solid 1px;
}

#sendEcard td {
	padding-bottom:5px
}

#messageForm .text, #sendEcard .text {
	background-color:#FFF;
	border:#999 solid 1px;
	height:18px;
	width:150px
}

#messageForm textarea, #contact-form .comments {
	border:#999 solid 1px;
	background:none;
	overflow:hidden
}

#messageForm textarea.textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	width:150px
}

/*ENQUIRY PAGE*/

#err_msg {
	color:#900;
}

.smallQuoteTop {
	background:url(../images/backgrounds/quote-boxTop490px.gif) no-repeat;
	width:490px;
	height:24px;
	margin-left:-15px;
	z-index:100;
	position:relative
}

.smallQuoteMid {
	background:url(../images/backgrounds/quote-boxBg490px.gif) repeat-y;
	width:460px;
	padding:0 0 0 30px;
	color:#c1282e;
	font-size:125%;
	margin-left:-15px;
	z-index:100;
	position:relative
}

.smallQuoteBot {
	background:url(../images/backgrounds/quote-boxBot490px.gif) no-repeat;
	width:490px;
	height:13px;
	margin-left:-15px;
	z-index:100;
	position:relative
}

.smallQuoteMid p {
	width:440px;
	color:#c1282e;
	margin:0;
	padding:0
}

.largeQuoteTop {
	background:url(../images/backgrounds/quote-boxTop685px.gif) no-repeat;
	width:685px;
	height:24px;
	margin-left:-15px;
	z-index:100;
	position:relative
}

.largeQuoteMid {
	background:url(../images/backgrounds/quote-boxBg685px.gif) repeat-y;
	width:655px;
	padding:0 0 0 30px;
	color:#c1282e;
	font-size:125%;
	margin-left:-15px;
	z-index:100;
	position:relative
}

.largeQuoteBot {
	background:url(../images/backgrounds/quote-boxBot685px.gif) no-repeat;
	width:685px;
	height:13px;
	margin-left:-15px;
	z-index:100;
	position:relative
}

.largeQuoteMid p {
	width:635px;
	color:#c1282e;
	margin:0
}

.samsWords {
	color:#c1282e
}

.samsWords ul {
	margin:0px;
	padding-left:15px
}

#centre-left ul {
	padding-left:15px
}

#faqpage #centre-left ul ul, #workshoppage #centre-left ul, #workshoppage #centre-left ul ul {
	list-style:none;
	margin:0px;
	padding:0px
}

#faqpage #centre-left ul {
	list-style:none;
	margin:15px 0 0 0;
	padding:0px
}

#faqpage #centre-left ul ul, #workshoppage #centre-left ul ul {
	margin-bottom:15px
}

#faqpage #centre-left ul li, #workshoppage #centre-left ul li {
	font-weight:bold
}

#faqpage #centre-left ul li ul li, #workshoppage #centre-left ul li ul li {
	font-weight:normal
}

/*TEAM PAGE*/
.photos {
	float:left;
	width:145px
}

.biog {
	float:left;
	width:320px;
	margin-left:20px
}

.biogRight {
	margin-left:0px;
	margin-right:20px
}

.personnel {
	color:#666666;
	float:left;
	margin-bottom:20px
}

.personnel p {
	margin:0px;
	padding:0px;
	line-height:20px
}

/*KIDS DOWNLOADS PAGE*/
.downloads li a {
	color:#c1282e;
	text-decoration:none;
	font-weight:bold;
	font-size:14px
}

.downloads {
	width:100%;
	float:left;
	margin-bottom:35px
}

#centre-left .downloads ul {
	list-style:none;
	margin:0;
	padding:0
}

.downloads ul li {
	float:left
}

.downloads a {
	float:left;
	margin-right:10px
}

.downloads p {
	margin:0px
}

/*E-CARDS PAGE*/
#careerTitle {
	width:298px;
	height:69px
}

#careerTitle img {
	margin-top:30px;
	float:right
}

#formList a {
	color:#7c6758;
	text-decoration:none
}

#formList a:hover {
	text-decoration:underline
}

*html .careerimages {
	margin-left:-4px
}

.careerimages {
*margin-left:2px
}

#centre-left #topArrow {
	padding-left:122px
}

#centre-left #bottomArrow {
	padding-left:92px
}

#e-cardFormHolder {
	width:685px;
	height:538px
}

#formList {
	background:url(../images/backgrounds/e-cardList.png) no-repeat;
	width:152px;
	height:468px;
	float:left
}

#formList ul {
	list-style:none;
	margin:20px 0 0 15px;
	padding:0;
	line-height:16px
}

#formText {
	height:101px;
	float:left;
	width:471px;
	padding-left:20px
}

#e-cardForm {
	background:url(../images/backgrounds/e-cardBg.png) no-repeat;
	width:491px;
	height:434px;
	float:left
}

#formLeft {
	width:298px;
	float:left
}

#careerTitle {
	width:298px;
	height:69px;
	margin-top:10px
}

#sendEcard {
	width:258px;
	padding-left:25px;
	float:left;
	margin-top:10px
}

#sendEcard #toEmail, #sendEcard #fromEmail {
	width:200px
}

#sendEcard #greeting {
	overflow:hidden;
	width:95%
}

.careerimages {
	display:block;
	float:left;
	margin-top:56px
}

#cardError {
	float:left;
	color:#900;
	font-weight:bold;
	font-size:110%
}

/*JOB SIMULATOR PAGE*/
#job-sim {
	width:574px
}

#smallScreen {
	width:247px;
	height:232px;
	background:url(../images/backgrounds/smallScreen.png) no-repeat bottom left;
	float:left
}

#screenScroll {
	width:155px;
	height:92px;
	margin:64px 0 0 43px;
	padding:4px 20px 4px 4px;
	overflow-x: hidden;
	overflow-y: scroll;
}

#job-sim-rhs {
	width:274px;
	height:232px;
	background:url(../images/backgrounds/buttonBox.png) no-repeat bottom left;
	float:left
}

#largeScreenTop {
	width:574px;
	height:24px;
	background:url(../images/backgrounds/ScreenTop.png) no-repeat;
	float:left
}

#screenRepeat {
	background:url(../images/backgrounds/screenRepeat.png);
	width:574px;
	float:left
}

#screenTopGradient {
	width:574px;
	background:url(../images/backgrounds/screenTopGradient.png) no-repeat top left
}

.screenContent {
	width:454px;
	margin:0
}

.jobRole {
	width:120px;
	float:left
}

.jobSpec {
	width:334px;
	float:left;
	text-align:left;
}

#screenBottom {
	background:url(../images/backgrounds/screenBottom.png) no-repeat;
	width:574px;
	height:55px;
	float:left
}

#pressButton {
	width:52px;
	height:52px;
	background:url(../images/backgrounds/pushButton.png) no-repeat 0 0;
	display:block;
	margin-left:35px;
	margin-top:10px;
	outline:none;
}

#pressButton:active {
	background:url(../images/backgrounds/pushButton.png) no-repeat 0px -52px;
}

#jobSpec h2 {
	margin:0
}

#screenScroll p {
	margin:0;
	padding:0;
}

#screenScroll p a {
	color:#0077e3;
	text-decoration:none;
}

#demo-bar {
	margin: 5px auto;
	padding: 5px 0;
	width: 600px;
	border-bottom: 1px solid #B3D4EF;
	background: #EFF8FF;
	text-align: center;
}

#mainScreenContent {
	margin:5px 0 0 50px;
	overflow: hidden;
	height: 400px;
	width: 454px;
	position: relative;
}

#demo-wrapper {
	margin: 5px auto;
	overflow: hidden;
	height: 400px;
	width: 600px;
	border: 1px solid #ddd;
	position: relative;
}

#demo-inner {
	width: 454px;
	height: 1704px;
	position: relative;
}

.scrolling-content {
	text-align: center;
	position: absolute;
}

.scrolling-content h1 {
	color: #fff;
	padding: 25px 0;
	font-size: 12px;
}

#content1 {
	top: 0px;
}

#content2 {
	top: 500px;
}

#content3 {
	top: 1000px;
}

#content4 {
	top: 1500px;
}

#content5 {
	top: 2000px;
}

#content6 {
	top: 2500px;
}

#content7 {
	top: 3000px;
}

#content8 {
	top: 3500px;
}

#content9 {
	top: 4000px;
}

#content10 {
	top: 4500px;
}

#content11 {
	top: 5000px;
}

#content12 {
	top: 5500px;
}

#content13 {
	top: 6000px;
}

#content14 {
	top: 6500px;
}

#content15 {
	top: 7000px;
}

#content16 {
	top: 7500px;
}

#content17 {
	top: 8000px;
}

#content18 {
	top: 8500px;
}

#content19 {
	top: 9000px;
}

#content20 {
	top: 9500px;
}

#content21 {
	top: 10000px;
}

#content22 {
	top: 10500px;
}

#content23 {
	top: 11000px;
}

#content24 {
	top: 11500px;
}

#content25 {
	top: 12000px;
}

#content26 {
	top: 12500px;
}

#content27 {
	top: 13000px;
	padding-bottom:200px;
}

/*JOB SELECTOR PAGE*/

   #topSelect {
	background:url(../images/backgrounds/topSelect.gif) no-repeat top left;
}

#middleSelect {
	background:url(../images/backgrounds/middleSelect.gif) no-repeat top left;
}

#bottomSelect {
	background:url(../images/backgrounds/bottomSelect.gif) no-repeat top left;
}

#topSelect select {
	margin-left:205px
}

#middleSelect select {
	margin-left:205px;
	margin-top:15px
}

#bottomSelect select {
	margin-left:205px;
	margin-top:33px
}

#jobList {
	width:96px;
	float:left;
	z-index:3000;
	margin:0px 0 10px 0;
}

#jobList p {
	margin:0px;
}

#whatCareers {
	margin:20px 0 20px 0
}

#resultTop {
	background:url(../images/backgrounds/topResult.gif) no-repeat top left;
	width:462px;
	height:56px;
	float:left;
}

#resultBGrepeat {
	background:url(../images/backgrounds/resultBGRepeat.gif);
	width:462px;
	float:left;
	margin-bottom:0px
}

#resultBG {
	background:url(../images/backgrounds/resultBG.gif) no-repeat top left;
	width:462px;
	float:left
}

#knowMore {
	position: absolute;
	width: 135px;
	height: 202px;
	top: 724px;
	padding: 35px 43px 0 35px;
	margin-left: 260px;
	z-index: 100;
	background: url(../images/backgrounds/wantToKnowMore.gif) no-repeat;
}

#knowMoreLink {
	width:100px;
	height:20px;
	display:block;
	margin-top: 60px;
	margin-left: 23px;
}

#jobPerson {
	height:201px;
	overflow:hidden;
	margin-top:10px;
	width:126px;
	float:left;
}

#imageStrip {
	width:116px;
	height:100%
}

#resultBottom {
	background:url(../images/backgrounds/resultBottomBg.gif) no-repeat left top;
	width:462px;
	height:26px;
	float:left;
	margin-top:10px;
}

#startAgain {
	background:url(../images/buttons/startAgain.gif) no-repeat;
	border:none;
	width:92px;
	height:30px;
	display:block;
	margin-left:20px;
	cursor:pointer;
}

#startAgain:hover {
	background:url(../images/buttons/startAgain.gif) no-repeat 0px -30px;
}

#startArrow {
	position:absolute;
	top:939px;
	margin-left:-23px;
}

#selectapproach {
	margin-left:205px;
}

#selectworking_style {
	margin-top:15px;
	margin-left:205px;
}

#selectin_or_out {
	margin-top:32px;
	margin-left:205px;
}

span.select {
	-x-system-font:none;
	background:transparent url(../images/backgrounds/select.gif) no-repeat scroll 0 0;
	color:#FFFFFF;
	font-family:arial, sans-serif;
	font-size:12px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	height:21px;
	line-height:21px;
	overflow:hidden;
	padding:0 24px 0 8px;
	position:absolute;
	width:252px;
	margin-left:200px;
}

div.intro {
	float: left;
	background: url(../hangout/get-sam-dressed/images/layout/instructions.gif) center right no-repeat;
	margin-top: 33px;
	margin-left: 20px;
	width: 320px;
	padding: 10px 177px 10px 0;
}

div.intro p {
	margin: 0 0 5px 0;
	font-size: 13px;
	line-height: 13px;
	color: #333;
}

div.intro p.red {
	color: #c0272d;
}

#game {
	width: 855px;
	float: left; 
	margin-left: 15px;
}