/*waffle6.css is the first 6-button version*/
/*NB discussion of colours is in earlier CSS files*/
/* 
white #FFF;
grey #999;
black #000;
[]s are #654461, and #51304D on hover ; headings are currently #51304D too
colours include.......
	#51304D aka 81 48 77 dark purple (Pantone 518-solid-matte - I use this one)
	Asprey #5B4874 aka 91 72 116
	#654461 lighter purple (PMS518solidmatte w/20brightness)
	#4B2A46 aka 75 42 70 (PMS 518-solid-coated)
*/
html, body {
border:0;
margin:0;
padding:0;
text-align:center; /*this aligns the SITE (even in dodgy browsers), then I need to text-align:left/justify the CONTENT */
background-color : white;
/*MS+Mac version*/
font-family : Tahoma,Geneva,Helvetica,Arial,'Trebuchet MS','Lucida Sans Unicode','Lucida Grande',Verdana,sans-serif;
font-size : 0.9em;
color : #000;
}
#container {
width:397px;
margin: 0px auto; /*this aligns the site in well behaved browsers*/
padding:0;
line-height: 120%; /*increases legibility - could be increased, in fact*/
text-align:center;
background-color : white;
}
/** force right scrollbar in non-IE browsers to prevent horizontal jumping */
html {
height: 100%;
margin-bottom: 1px;
}
/*********************************BLOCK STYLING***********************************/
#intrologoblock { /*this is an intro-only DIV*/
width: 397px;
height: 73px;
	/*centred using info from http://www.andrewpeace.com/position-div-center-screen.html
	and http://phrogz.net/CSS/valign_in_body/content.html*/
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-36px; /*i.e. half the height*/
	margin-left:-199px; /*i.e. half the width*/
}
#intronavblock {
width:397px;
height:73px; /*actual height of []s + label JPGs is 73 BUT extra 15px space added for mouseover*/
margin: 0px auto; /*this centres the nav block*/
}
#logoblock {
width: 397px;
height: 118px; /*actual height of []s + label JPGs is 73 BUT extra 45px space added for mouseover*/
position:relative; /*adding this stopped the logoblock from sticking to the top LHS in the internal pages*/
}
#navblock {
width:397px;
height:118px; /*actual height of []s + label JPGs is 73 BUT extra 45px space added for mouseover*/
margin: 0px auto; /*this centres the nav block*/
}
/*********************************SQUARE STYLING***********************************/
.squarespacer {
width:11px;
height:1px;
float:left;
}
#square1, #square2, #square3, #square4, #square5, #square6 {
background-color:#654461;	border:1px solid black; /*lighter purple*/
width:55px;height:55px; /*to make 57px squares INC the border*/
float:left;
cursor:pointer;
}
#square1:hover, #square2:hover, #square3:hover, #square4:hover, #square5:hover, #square6:hover, #labelsrow {
cursor:pointer;
}
/*********************************JQ HIDING***********************************/
/*JQUERY SETTINGS : initially hide elements or they will flash up briefly */
/*in internal pages*/
#nonnav, #logoblock {
display:none;
}
/*in landing page*/
#intrologoblock  {
display:none;
}
/*********************************STACKING***********************************/
/*intro animation logos are stacked on top of (intro)navblock, inside (intro)logoblock */
#intrologo1, #intrologo2, #intronavblock, #navblock { /*SHOULD navblock BE IN HERE TOO ??????????*/
position:absolute;
top:0;
left:0;
}
/*********************************PADDING***********************************/
#prenavpad, #postbodytextpad, #postheadingpad, #postfooterpad {
height:30px;
}
#postnavpad {
height:15px; /*was 30 but now 15 has been added to the foot of the nav mouseover*/
height:30px; /*30 is better now that internal page is headed by logo which is deeper than nav*/
}
/*********************************TEXT ALIGNMENT***********************************/
#bodytext {
text-align:justify;
background-color : white; /*apparently this will make faded-in text look better in IE*/
}
#heading, #footer {
text-align:center;
}
/*********************************TEXT + HYPERLINK STYLING***********************************/
A,A:link,A:active,A:visited {
/*color : #999;/*
/*color : #51304D;*/
color : #654461;
text-decoration:underline;
}
A:hover, A.overlink {
color : #51304D;
/*color : #654461;*/
text-decoration:underline;
}
B, I {
color : #51304D;
}
#quote {
text-align:center;
color : #51304D;
font-weight:bold;
}
.bulletpoint {
color : #51304D;
/*font-weight:bold;*/
}
/*********************************FORM ELEMENTS***********************************/
.contactformbox {
width:397px;
}
.submitbutton {
font-family : Tahoma,Geneva,Helvetica,Arial,'Trebuchet MS','Lucida Sans Unicode','Lucida Grande',Verdana,sans-serif;
font-size : 0.9em;
color : #000;
}