/* ---------- PAGE STRUCTURE ---------- */
* { margin: 0; padding: 0; }

body {
font: 0.7em/1.6em Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
  text-align: center;
  background: url(../images/headerbar-easy.gif) repeat-x;
}

/*#outer {
  background: url(../images/header.jpg) no-repeat;
  width: 864px;
  height: 126px;
  text-align: center;
  }
*/
#wrapper {
width: 760px;
	margin: 8px auto 0 auto;
text-align: left;
/*margin-left: auto;
  margin-right: auto;  */
}

#navtabs {
  height: 26px;
  width:760px;
  text-transform:uppercase;
  }

#header {
background: url(../images/header-easy.jpg) no-repeat;	
height: 102px;
}

#container {
	width: 760px;
	margin: 0 0 0 15px;
	}
	
#nav {
float:left;	
width: 150px;
}

.textpad {
margin: 15px;
}

#content {
float:left;
width: 430px;
}

#relatedcontent {
float:left;
width: 160px;
padding: 15px 0 0 0;
}

#relatedcontent span#colourbar {
background-color: #99cc33;
height: 1.9em;
display: block;
margin: 0 0 1em 0;
}

#logos {
	float: right;
	position: relative; 
	bottom: 0px;
	}
	
#logos img {
padding: 0 7px 3px 0;
}

.clear {
clear:both;
}

#footer {
width: 760px;	
margin-left: auto;
  margin-right: auto;
}

#footer #terms {
float: left;
padding-left: 180px;
/*text-align: right;
margin: 0 0 0 175px;*/
}

#footer #termsblock {
border-top: 2px solid #0099cc;
width: 405px;
text-align: right;
float:left;
padding: 5px 0 0 0;
}

#footer #terms ul {
list-style-type: none; 
}

#footer #terms li {
float: right;
padding: 0 0 0 15px;
}

#footer #sitemap {
float: left;
width: 160px;
padding: 5px 0 0 0;
margin: 0 0 0 15px;
border-top: 2px solid #99cc33;
text-align: left;
background-color: #fff;
}

/* ------ TABBED NAVIGATION ------ */

#tabs {
float: right;
  margin:0;
  padding:0;
  list-style:none;
  }  
 
#tabs li {
  float:left;
  margin:0;
  padding:0 5px 0 0;
  }
  
 #tabs li#tabs-easyenglish {
  float:left;
  background:url(../images/right-easy.gif) no-repeat right top;
  margin:0;
  padding:0 5px 0 0;
  }
  
 #tabs li#tabs-easyenglish a {
  float:left;
  display:block;
  background:url(../images/left-easy.gif) no-repeat left top;
  padding:5px 0px 4px 40px;
  text-decoration:none;
  font-weight:bold;
  color:#fff;
  }
  
 #tabs li#tabs-standard {
  float:left;
  background:url(../images/right-std.gif) no-repeat right top;
  margin:0;
  padding:0 5px 0 0;
  }
  
#tabs li#tabs-standard a {
  float:left;
  display:block;
  background:url(../images/left-std.gif) no-repeat left top;
  padding:5px 25px 4px 40px;
  text-decoration:none;
  font-weight:bold;
  color:#fff;
  }
  
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#tabs a {float:none;}
/* End IE5-Mac hack */
#tabs a:hover {
  color:#fff;
  }
  
#tabs #current {
  background-image:url("right_on.gif");
  }
  
#tabs #current a {
  background-image:url("left_on.gif");
  color:#333;
  padding-bottom:5px;
  }
  
 /* ------ SIDE VERTICAL NAVIGATION ------ */
 
ul#nav
{
list-style: none;
padding: 15px 0 0 0;
border: none;
}

#nav li
{
border-bottom: 1px solid #666;
margin: 0;
}

#nav li#nav-accesstips {
border-top:1px solid #666;
}

#nav li a
{
display: block;
padding: 5px 5px 5px 0.5em;
background-color: #fff;
color: #000;
text-decoration: none;
width: 100%;
}

html>body #nav li a { width: auto; }

#nav li a:hover
{
background-color: #0099cc;
color: #fff;
}

/* ---------- PRESENTATION STYLES ---------- */

a { text-decoration: none; }

a:link { color: #779933; }
a:visited { color: #779933; }
a:active { color: #779933; }
a:hover { color: #09c; text-decoration: underline; }

#content h1 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 1.4em;
font-weight: normal;
background-color: #0099cc;
color: #fff;
padding: 2px 5px;
margin: 0 0 1em 0;
}

#content h2 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 1.4em;
line-height: 1.6em;
font-weight: normal;
color: #0099cc;
padding: 2px 0;
margin: 0 0 1em 0;
}

#content h3 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 1.2em;
line-height: 1.4em;
font-weight: normal;
/*text-transform:uppercase;*/
color: #779933;
padding: 2px 0;
margin: 0 0 0.8em 0;
}

#content h4 {
font-size: 1em;
line-height: 1.4em;
font-weight: bold;
/*text-transform:uppercase;*/
color: #666;
padding: 2px 0;
margin: 0 0 0.8em 0;
}

#content p {
	margin: 0 0 1.4em 5px;
	}

#content ul {
	margin: 0 0 0 2.4em;
	list-style-image: url(../images/bullet-easy.gif);
	}

#content ul li {
	margin: 0 0 1.4em 0;
	}

#content ul.nospace li {
	margin: 0 0 0 0;
	}

#content .nospace {
margin-bottom: 1.4em;
}

#content .bottomspace {
margin-bottom: 1.4em;
}

#content ol {
	margin: 0 0 1.8em 2.4em;
	}
	
#content ul li strong {
	color: #333;
	}
	
#relatedcontent ul {
list-style-type: none;
}

a img { 
border: 0;
}

.pdficon,
.ppticon {
line-height: 24px;
display:block;
 }
 
.pdficon {
	background: url(../images/page_white_acrobat.gif) no-repeat;
	 background-position: 0 50%;
	}

.ppticon {
	background: url(../images/page_white_powerpoint.gif) no-repeat;
	 background-position: 0 50%;
	}
	
.pdficon a, .ppticon a {
	padding-left: 24px;
	}

.imgleft { 
	float: left;
	margin: 0 8px 8px 0;
	}
	
.imgright {
	float: right;
	margin: 0 0 8px 8px;
	}

#content img {
  background-color: #fff;
  border: 1px solid #a9a9a9;
  padding: 4px;
  }
  
/* ---------- FORM STYLES ---------- */

form.enqform {
	color: #333;
	}
	
form.enqform legend { 
padding-left: 0; 
}

form.enqform legend strong { 
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 1.2em;
font-weight: normal;
color: #779933;
}

form.enqform fieldset {
	border: none;
	border-top: 1px solid #9c3;
	/*border-bottom: 1px solid #09c;*/
	padding-top: 10px;
	}
	
form.enqform label {
  display: inline-block;
  line-height: 1.8;
  vertical-align: top;
  font-weight: bold;
}
form.enqform fieldset ol {
  margin: 0;
  padding: 0;
}
form.enqform fieldset li {
  list-style: none;
padding: 5px 10px 7px;
  margin: 0;
}
form.enqform fieldset fieldset {
  border: none;
  margin: 3px 0 0;
}

form.enqform fieldset li fieldset legend {
  padding: 0 0 5px;
  color: #000;
  font-weight: bold;
}
form.enqform fieldset fieldset label {
  display: block;
  width: auto;
  font-weight:normal;
}
form.enqform em {
  font-weight: bold;
  font-style: normal;
  color: #f00;
}
form.enqform label {
  width: 100px; /* Width of labels */
}
form.enqform fieldset fieldset label {
  margin-left: 103px; /* Width plus 3 (html space)*/
}

form.enqform p {
	padding: 0 0 0 133px;
	}

form.enqform .tickbox {
	border: 1px solid #ccc;
	}
	
form.enqform .field {
	width: 230px;
	border: 1px solid #ccc;
	}