body {
  	font-size: medium;
  	font-family: Verdana, Helvetica, Arial, sans-serif;
  	line-height: 1.4em;
  	background-color: #ccc; 
  	  
  	text-align: justify;
	
	width: 946px;
	margin-left: auto;
	margin-right: auto;
}


.header {
	background-repeat: no-repeat;
	height: 160px;
}

.headerimage {
	float: right;
}

#headerhome {
	background-image: url(images/Tubie-header-home-wording.gif);
	background-color: #0071c6;
}

#headertips {
	background-image: url(images/Tubie-header-tips-wording.gif);
	background-color: #4ba6b6;
}

#headersolutions {
	background-image: url(images/Tubie-header-solutions-word.gif);
	background-color: #81b601;
}

#headersudoku {
	background-image: url(images/Tubie-header-sudoku-wording.gif);
	background-color: #ffcf00;
}

#headerfaq {
	background-image: url(images/Tubie-header-FAQ-wording.gif);
	background-color: #9667ba;
}

#headerarchive {
	background-image: url(images/Tubie-header-archive-wordin.gif);
	background-color: #b86c2f;
}

#headermaths {
	background-image: url(images/Tubie-header-maths-wording.gif);
	background-color: #e70020;
}

#headerplay {
	background-image: url(images/Tubie-header-play-wording.gif);
	background-color: #843408;
}

#header-submit-wording {
	background-image: url(images/header-submit-wording.gif);
	
}

#headercontact {
	background-image: url(images/Tubie-header-contact-wordin.gif);
	background-color: #848284;
}
#headertag {
	background-image: url(images/Tubie-header-tag-wording.gif);
	background-color: #ee4c1e;
}
#headertest {
	background-image: url(images/header-playscreen-creamtea.gif);
	background-color: #143408;
	height: 80px;
	
}

#headerplayscreen {
	background-image: url(images/header-playscreen-creamtea.gif);
	background-color: #843408;
	height: 90px;
}

#headerplayJ&S {
	background-image: url(images/header-play-J&S.gif);
	background-color: #d6ood5;
}
.nav {
padding:0;
list-style:none;
display: inline;
}

.nav li {
float:left;
text-align:center;
width:104px;
height:27px;

border-left:1px solid #fff;
border-top: 1px solid #fff;

}

.nav li a{
text-decoration: none;

color:#fff;


font-size: 100%;
}



.navhome li{
	background-color:#0071c6;
}

.navtips li  {
	background-color:#4ba6b6;
}

.navsolutions li {
	background-color:#81b601;
}

.navsudoku li  {
	background-color:#ffcf00;
	
}

#navsudokutext  {
	color: #ff0000;
}

.navfaq li  {
	background-color:#9667ba;
}

.navmaths li  {
	background-color:#e70020;
}

.navcontact li  {
	background-color:#848284;
}

.navtag li  {
	background-color:#ee4c1e;
}

.navgallery li  {
	background-color:#b86c2f;
}

.navplay li {
	background-color:#843408;
}

#ButtonHomeBorder {
	/border-left-style: none;/
}

#ButtonHome {
	background-color:#f31a24;
	border-left-style: none;
}

#ButtonTips {
	background-color:#f6962b;
	color: #fff;
}

#ButtonSolutions {
	background-color:#e7ffa7;
	color: #558f00;
}

#ButtonSolutionsText {
	color: #548a04;
}

#ButtonSudoku {
	background-color:#ff0000;
	color: #fff;
}

#ButtonContact {
	background-color:#66de08;
	color: #fff;
}
#ButtonFAQ {
	background-color:#ff0000;
	color: #fff;
}
#ButtonGallery {
	background-color:#c92315;
	color: #fff;
}

#ButtonMaths {
	background-color:#0079cb;
	color: #fff;
}
#ButtonFAQText {
	color: #fff;
}

#ButtonPlay {
	background-color:#f89e3c;
}

	
	
.maintips {
	background-color:#ffffff;
	padding: 20px 10px 20px 20px;  
}

.mainhome {
	background-color:#ffffff;
	padding: 20px 10px 20px 20px;  
}

.maintag {
	
	background-repeat: no-repeat;	
	padding: 20px 10px 20px 80px;  
	height: 485px;
	color:ee4c1e;
	background-color:#fff;
}

.mainsolutions {
	background-color:#fff;
	padding: 20px 10px 20px 20px;  
}

.mainorder {
	background: url(images/startipswhite.gif) bottom right;
	padding: 20px 10px 20px 20px;  
}

.maincontact {
	background: url(images/background-contact-pile-symbols.gif) bottom right;
	background-repeat: no-repeat;	
	padding: 20px 10px 20px 80px;  
	height: 400px;
	color:#666;
	background-color:#fff;
}

.mainplay {
	
	padding: 20px 10px 20px 20px;  
	background-color:#fff;
}

.mainsmallpinlayout {
	padding: 20px 10px 20px 20px;  
	background-color:#fff;
}

.mainmaths {
	
	padding: 20px 10px 20px 20px;  
	background-color:#fff;
}
.mainfaq {
	background: url(images/All-3s-v3.gif) bottom right;
	padding: 20px 10px 20px 20px;  
	background-color:#fff;
}

.mainfaqlinks {
	text-decoration: none;
	
}

.mainfaq a:link {
	color:#7030a0;
}

.maintest {
	
	padding: 20px 10px 20px 20px;  
	background-color:#c6cfde;
	height: 600px;
}
.mainorderack {
	min-height: 550px;
	
}

.mainplayscreen {
	background: url(images/starsolutions.gif) ;
	padding: 50px 10px 20px 20px;  
	height: 800px;
}

.h1 {
  	font-size:           180%;
	padding: 20px;
}

.h2 {
  	font-size:           150%;
	padding: 5px 0 0 20px;
}

.h3 {
	font-size:           90%;
	padding: 5px 0 0 20px;
} 	

.h1tips {
	color: #4ba6b6;
	
}

.h1home{
	color: #f31a24;
}

.h1solutions{
	color: #81b601;
}

.h1solutions{
	color: #81b601;
}

.h1maths{
	color: #e70020;
}

.h2maths{
	color: #e70020;
}

.h2tips {
	color: #4ba6b6;
}

.h2play {
	color: #b86c2f;
}

.h2home {
	color: #ff3607;
}

.h2orders {
	color: #6d8daf;
	padding: -10px 0 10px 10px
}

#h2orderspinlayout {
	color: #528ed6;
	margin-left: 20px;
}

.h2orderack {
	padding: 25px 0 0 0;
}

#h2playsubmitack {
	padding: 25px 0 0 100px;
	color: #843408;
}

.h2solutions {
	color: #81b601;
}

.h4faq {
	font-size: 100%;	
	color: #7030a0;
	padding: 0 0 0 20px;
}

.footer {
	text-align: center;
	padding:7px 0;
	color:#fff;
	font-family: calibri, Helvetica, Arial, sans-serif;
	width: 946px;	
}

.footerhome {
	background-color: #0071c6;
}

.footertips {
	background-color: #4ba6b6;
}

.footersolutions {
	background-color: #81b601;
}

.footerfaq {
	background-color: #9667ba;
}

.footersudoku {
	background-color: #ffcf00;
	color: #ff0000;
}

.footergallery {
	background-color: #bd6d29;
}

.footermaths {
	background-color: #e70020;
}

.footerplay {
	background-color: #843408;
}

.footercontact {
	background-color: #848284;
}

.footertag {
	background-color: #ee4c1e;
}

#tipsexample {
	float: right;
	margin-right: 50px;
	margin-left: 70px;
	padding: 5px;
	padding-bottom: 0;
	border-style: solid;
	border-width: 4px;
	border-color: #888888;
}

#homeexample {
	float: right;
	margin-right: 50px;
	margin-left: 70px;
	padding: 5px;
	padding-bottom: 0;
	border-style: solid;
	border-width: 4px;
	border-color: #888888;
}


#homeunderconstruction {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 230px;
}
	
.wide {
	margin-bottom: 10px;
}

#solutionsexample {
	float: right;
	margin-right: 20px;
	margin-left: 40px;
}

#solutionsexampleSU {
	float: right;
	margin-right: 60px;
	margin-left: 50px;
}

#solutionshelpbutton {
	margin-left: 22px;
}


p {
	padding: 0 20px;
	
}


    
}
#floating {
 	width: 600px;
	float: right;
	border: black solid 1px;
	padding: 10px;
	background-color:	gray;
    
}

.playthumb40 {	margin-left: 50px;}

.playthumb40CT {margin-left: 50px; height: 150px;}

.playthumb40fivewheels {margin-left: 50px; margin-right: 20px;}

.playthumb10fivewheels {margin-right: 20px;}

.playthumbnails {
	border: white solid 1px;
	
	margin-bottom: 15px;
	margin-left: 40px;
	background-color:	white;
}


.playheadings {
	font-size: 120%;	
	color: #843408;
	padding-left: 20px;
}

#playborder {
	padding-left: 20px;
}


#playgallery {
	background-color:	white;
	padding: 16px;
}

#playScreen {
	background: url(images/startips.gif) bottom right;
}

#playscreenbuttons {
	background-color: #fff; 
	border-color:#6f72e2;
	
	border: solid 1px;
	
	
}

#playsubmitimagesphp {
	background-color: #843408;
	font-family: calibri, Helvetica, Arial, sans-serif;
	width: 946px;
}	


#ppplaysubmitleftmargin {
	margin-left: 246px;
}

#playsubmitsmallerfont {
	font-size: 18px;
}		

#playsubmitbodyphp {
	background-color:#fff;
	width: 946px;
	margin-top: -20px;
}

#playsubmitbodybg {
	color: #fff;
	background-color:#fff;
	margin-top: -5px;
	height: 560px;
	width: 946px;
}

#playsubmitscoreform {
	border-style: double;
  	background-color: #ebae8c;
  	padding: 20px 0;
	margin: 20px 60px 10px 60px;
	font-weight: light;
	color: #843408;
}

#playsubmitack {
	border-style: double;
  	background-color: #ebae8c;
  	padding: 20px 0 100px 0;
	margin:20px 60px 20px 60px;
	font-weight: light;
	color: #843408;
}

#playsubmitacktext {
	font-weight: bold;
  	color: #b4490f4;
}

#playsubmitackpic {
	float: right;
  	width: 350px;
	margin-top: -20px;
}

#playsubmitacklast {
	
  	width: 200px;
	
}

.playselect {
	width: 120px;
	border-style: inset;
	
}

.playsubmitscoreformheader {
	
	margin: 20px;
	color: #843408;
}	

#playsubbutton {
	padding-left:45px;
	padding-top:20px;
}

#playsubmitTable {
	
	color: #843408;
	font-family: Calibri, Verdana, Arial, sans-serif;
  	font-size: 120%;
	text-align: left;
}

.submitth {
	text-align: right;
	vertical-align: center;
	width:200px;

}

.submitinput {
	background-color: white;
	width: 120px;
	vertical-align: top;
}

.submitinputhowmany {
	background-color: white;
	width: 20px;
	text-align: center;
}

.submittr {
	margin-top: 50px;
	vertical-align: top;
}

#submitpics {
	margin-left: 400px;
}

#playunderconstruction {
	position: absolute;
	top: -5px;
	left: 900px;
}

#playinstructions {
	background-color: #ebae8c; 
	margin: 0px 20px;
	padding:10px;
	border: solid 1px;
	
	
}

#inputbox {
	padding-left: 100px:
}

#solutions5digits {
	font-weight: normal;
	text-align: left;
	padding-left: 20px;
}



#Solutionscheckboxes {
	padding-left: 20px;
}

.solutionsmoveright {
	padding-left: 100px;
	font-weight: bold;
}

#solutionsthwidth {
	width: 170px;
}

#solutionsvideo {
	width:400px;
}


#contactTopMargin {
	margin-top: 50px;
}

#contactBold {
	font-weight: bold;
}

.contactth {
	text-align: right;
}

#contactCheque {
	width:520px;
}

.ordermoveright {
	padding-left: 100px;
	font-weight: bold;
}

td {
	padding-left: 20px;
}

#help {
	padding-left: 120px;
	background-color: gray;
}


#bold {
	font-weight: bold;
}

#video {
	
}

#orderswheelsimg {
	padding: 0;
	margin-left: 300px;
	
}

#ordersform {
	border-style: double;
  	background-color: #6d8daf;
  	margin: 20px;
	color: white;
	font-family: Calibri, Verdana, Arial, sans-serif;
  	font-size: 135%;
	text-align: left;
}

#orderspinlayoutbackbutton {
	position: absolute; 
	left: 850; 
	top: 300;
}

#ordersformheader {
	padding-left: 130px;
}

.ordersinput {
	background:#f7eff7;
	width: 120px;
	vertical-align: top;
}
  
#ordersinputmail {
	background:#f7eff7;
	width: 150px;
}

.orderstextareas {
	background:#f7eff7;
	font-family: Calibri, Verdana, Arial,sans-serif;
	font-size: medium;
	font-style: italic;	
}

#ordersqueryalign {
	vertical-align: middle;
	border-color: #6d8daf;
}

#ordersquerylink {
	color: #6d8daf;
}

.ordersth {
	text-align: right;
	vertical-align: top;
	width:250px;
}

#ordersradio {
	vertical-align: middle;
	text-align: left;
	border: thin black solid;
}



#orderspaymentwidth {
	
	width:500px;
}





#orderpics {
	margin-left: 400px;
}

#orderstiny {
	color: #6d8daf;
	font-size: 150%;
	vertical-align: top;
}

#orderspicDummy {
	color: #6d8daf;
}

.orderbackbuttonmoveright {
	margin: 200px;
}

#faqlinks a:link{
	color: #333333;
}

#faqlinks a:visited {
	color: #f7eff7;
	font-size: 200%;
}

#faqlinks a:hover {
	color: #123432;
}

.faqspanblack {
	color: #444444;
}

#faqbreak {
	height=56px;
}


#faqseparator {
	height=56px;
}

#faqcolumn1 {
	float:left;
	padding-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
}
#faqcolumn2 {
	
	margin-top: -23px;
}
#faqcolumn1help {
	
	padding-bottom: 40px;
	
}

#faqstrawbs {
	float:right;
	padding-RIGHT: 40px;
}


#bamboozled1pp1 {
	position: absolute; 
	left:412px; 
	top: 132px; 
}	



#gallery12pinlayoutthumb {
	height: 150px;
}

#gallerypic{
	margin:  0px 80px 0px 60px;
	height: 450px;
}


.gallerytable {
	
	font-family: Calibri, Verdana, Arial, sans-serif;
  	font-size: 120%;
	text-align: center;
	color: #843408;
	border: medium single brown;
	
}

.gallerytable th, .gallerytable td {
	border: medium single brown;
}



.galleryverticalalign {
	vertical-align: middle;
}



#gallerybackgroundwedding {
	background-color: #8a222b;
	color: white;
}

#gallerybackgroundfullenglish {
	background-color: #898a9f;
	color: #891311;
}

#bottomdiv {
	
	background-color:#fff;
	color: red;
}


#gallerypinlayoutbox {
	background-color: #dddddd; 
	margin: 10px 30px;
	padding:10px;
	border: solid 1px;
	width: 600px;
	
	
}
#gallerybackgrounddriving {
	background-color: #134579;
	color: white;
}

#gallerybackgrounddance {
	background-color: #739a5a;
	color: white;
}

#gallerybackgroundsymbols {
	background-color: #dddddd;
	color: #888888;
}

#gallerybackgroundmaths {
	background-color: #af9d77;
	color: white;
}

#gallerybackgroundcreamtea {
	background-color: #af9d77;
}

#gallerybackgroundall3s {
	background-color: #999999;
	color: #891311;
}

#gallerybackgroundgolf {
	background-color: #ffad21;

}

#gallerybackgroundgcc {
	background-color: #aaa;
	color: #891311;
}

#gallerybackgroundbowling {
	background-color: #7e7edf;
	color: white;
}

#gallerybackgroundpolitics {
	background-color: #439ebc;
	color: white;
	width: 946px;
}

#gallerykeepleft {
	text-align: left;
}

#gallerykeepright {
	text-align: right;
}

#gallerydrivingdropdown {
	width: 200px;
}

.galleryrightpadding {
	padding-right: 30px;
}

.galleryleftpadding {
	padding-left: 30px;
	color: #134579;
}
.galleryrightpaddingA {
	padding-right: 40px;
}

.galleryrightpaddingB {
	padding-right: 70px;
}


.galleryrightpaddingC {
	padding-right: 48px;
}

.galleryrightpaddingD{
	padding-right: 60px;
}

.galleryrightpaddingE{
	padding-right: 75px;
}

.galleryrightpaddingF {
	padding-right: 77px;
}

.galleryrightpaddingG {
	padding-right: 70px;
}

.galleryrightpaddingH{
	padding-right: 100px;
}

.galleryrightpaddingI{
	padding-right: 90px;
}
.gallerybottompadding {
	padding-bottom: 30px;
	
}

.gallerydrivingpic {
	width: 250px;
}

.gallerydrivingblue {
	color: #134579;
}

.gallerybuttonrow {
	height: 80px;
}

#gallerytoprowtext {
	padding: 10px 30px 0px 0px;
	text-align: center;
	vertical-align: middle;
	font-style: italic;
	font-size: 130%;
	height: 120px;
}

#gallerytoprowtext110 {
	padding: 10px 30px 0px 0px;
	text-align: center;
	font-style: italic;
	font-size: 110%;
}

.galleryFEpicOJ {
	width: 60px;
	padding: 4px 8px;
}

#galleryFEsecondrow {
	height: 50px;
	text-align: right;
}


.galleryheadingrow {
	padding: 20px 40px 0px 40px;
}

.gallerycheckboxrow {
	text-align: left;
	
	
}

#gallerythumbblock {
	margin:20px;
	
}


.gallerythumb {
	height: 110px;
	padding: 10px;
	border-style: double;
	border-width: medium;
	border-color: #b86c2f;
}

.galleryheightA {
	height: 180px;
}

.galleryheightB {
	height: 120px;
	padding: 10px 20px 10px 30px;
}


.galleryheight450 {
	height: 450px;
}

.galleryheight50 {
	height: 50px;
}

.galleryheight60 {
	height: 60px;
}

.galleryheightC {
	height: 520px;
}

.galleryheightD {
	height: 400px;
}

#gallerylabelcenter {
	padding-bottom: 40px;
}

.galleryheight40 {
	height: 40px;
}

.galleryheightE {
	
	border: thick black;
	
	padding-top: 10px;
}

.galleryheightF {
	height: 120px;
	padding: 0px 40px;
}

#galleryweddingrow3 {
	padding-top: 20px;
}

#gallerybowlinglink {
	color: #8c1c18;
	text-decoration: none;
}

#gallerydancelink {
	color: #1d4c00;
}

#galleryfullenglishlink {
	color: #bb4444;
}

.gallerywidth200{
	text-align: left;
}

.gallerymathslabel {
	font-size: 90%;
}


#gallerymain {
	background-color: white;
	width: 946px;
	margin-top: -3px;
	color: #843408;
}

#galleryleftmargin {
	margin-left: 200px;
}

#galleryvideo1 {
	margin:  0 20px 0 70px;
}

#bamboozled12 {
	position: absolute; 
	left:466px; 
	top: 132px; 
}	
#innerframeCreamTea {
	position: absolute; 
	left:400px; 
	top: 120px; 
}

.linkborderwhite a:visited {
	color: green;
}

#mathspinlayout {
	height: 400px;
	float: right;
	margin: 15px 25px;
	padding: 10px;
	border-style: solid;
	border-width: 4px;
	border-color: #888888;
}

#sudokuexample {
	float: right;
	margin-right: 50px;
	margin-left: 70px;
	padding: 5px;
	padding-bottom: 0;
	border-style: solid;
	border-width: 4px;
	border-color: #9c2c00;
	
}

#sudokugreensolved {
	width: 350px;
}

#sudokuenraha {
	width: 400px;
	margin-left: 40px;
}

#sudokusolutionsborder {
	background-color: #ffcf00; 
	margin: 0px;
	padding:0 10px 10px 10px;
	border: solid 1px;
}

.sudokuh3 {
	font-size:           90%;
	padding: 0 0 0 -2px;
}