/**********************************************************/
/*  Wrapper that holds all the content */
/*********************************************************/
body {
	font-family: "Trebuchet MS", Tahoma, Arial, sans-serif;
  font-size: 62.5%;     /* This used so we can do all our sizing in ems, effectively it make 1em = 10 pixels so .1 em = 1px */
  margin: 1em; 
  
  }
/**********************************************************/
/*  Main wrapper that holds all the content including the header */
/*********************************************************/
#wrapper {
padding: 0;
width: 100%;
background-color: white;
/* this enables a minimum page width to be set whilst still
   allowing page to be reset does not work for IE  browsers,
   see IEminwidth fix below */
/* min-width:900px; */
/* these next two lines force the div to be aligned centrally within its parent */
margin-left: auto ;
margin-right: auto ;
/*  border:solid;
  border-color: white;
  border-width: .2em; */
}
/**********************************************************/
/*  Wrapper that holds all the content below the header excludes the footer */
/*********************************************************/
#content {
/*background: url(images/Default-Base/bgmiddle2.png) center repeat-y; */
/*background: url('../images/Watercolour 1.png') top center  ; */
/*background-color: lightgray;   */
/* you have to width specified for centering to work */
width: 98%;
/* these next two lines force the div to be aligned centrally within its parent */
margin-left: auto ;
margin-right: auto ;
margin-top: 10px;
margin-bottom: 0px;
padding: 0;
text-align: justify;
/* uncomment the block below for debugging */
/*
border:solid;
border-color: purple;
border-width: 2px; */
}
/* this enables a minimum page width to be set whilst still
   allowing page to be reset NB this is a fix for IE Browser's only
   Mozilla and other browsers use min-width property as set in Wrapper div above */
.IEminwidth {
	width:900px;
	height: 0px;
	background:#c00;
  /* border: 3px solid black;  */
	color:#fff;
}

section {
width: 30%;
border: 5px solid darkblue;
background-color: white;
float: left;
padding: 1.0em;
margin: 1.5em;
}

p,label,fieldset	{
  font-weight: normal;
	font-size: 1.4em; 
	/*border: thin red solid;*/
	line-height:1.5em;
    color: #5B5B5B;	  /* grey colour for all text */
}

h1	{
	font-size: 1.4em; 
	/*border: thin red solid;*/
	line-height:1.4em;
	font-weight: normal;
  letter-spacing:0.3em; 
}

h2,h3,h4	{
	font-size:1.3em;
	/*border: thin red solid;*/
	font-weight:normal;
	text-transform:uppercase;
	letter-spacing:0.2em;
}

h3,h4	{
  font-weight:lighter;
	font-size:1.2em;
	letter-spacing:0.2em;
}

ul	{
	font-size: 1.4em;
	/*background-color: #E5DAB3;*/
	list-style-position: inside;
}

ol	{
	font-size: 1.4em; 
}

table.center
{
text-align:center;
margin-left:auto; 
margin-right:auto;
width:35%;
border: 1px solid darkblue;
background-color: white;
}

LI LI, LI P, TD P, BLOCKQUOTE P {font-size: 1.2em;}
a:visited{ color: Purple; }
a:link { color: Darkblue; }
a.yellowlink:visited  {color: Yellow; text-decoration: none;}
a.yellowlink:link  {color: Yellow; text-decoration: none;}
a.yellowlink:active  {color: Yellow; text-decoration: none;}
a.yellowlink:hover   {color: Yellow; background-color: lightslategray; text-decoration: none;}

:-webkit-input-placeholder {
   color: white;
}

:-moz-placeholder { /* Firefox 18- */
   color: white; 
}

::-moz-placeholder {  /* Firefox 19+ */
   color: white;  
}

:-ms-input-placeholder {  
   color: white; 
}