/* iTeam Style Sheet - www.iteam.co.uk */
/* site sections and colours:
Home - HOME
Who we are: ABOUT - LIGHT GREY - #b2b2b2
What we offer: SERVICES - OFFER - GREEN - #96e636
How to apply: - APPLYING - PURPLE - #87589a
It doesn't stop there: MORE - BLUE = #99b5bd
who we've helped: - HELPED - DARK GREY = #5f5f5f
contact us: - CONTACT - ORANGE = #e38013
*/


* {
padding: 0em;
margin: 0em;
}

body {
  text-align: left;
  font-size: .8em;
  font-family: Arial, Helvetica, sans-serif;
  background-color: #FFFFFF;
  color: #20353c;
  margin: 0;
  background-image: url(../images/pagebackground_top.gif);
  background-position: top;
  background-repeat: repeat-x;
}

form {
  border: 1px solid #000000;
  margin-top: 30px;
}


p {
  margin-bottom: 0.6em;
}
.strong {
  font-weight: bold;
}


hr {
  margin-bottom: .4em;
  padding: 0em;
}

a {
  text-decoration: none;
}

#container {
  width:770px;
  text-align:left;
  margin: auto;
  position: relative;
}

#footertop {
  padding: 0px 30px 12px 30px;
  border-bottom: #E0E0E0 solid 1px;
  clear: both;
  background-color: #FFFFFF;
}

#footer {
  clear: both;
  color: #5f5f5f;
  background-color: #ffffff;
  padding: 6px 16px 16px 16px;
  text-align: center;
  border-top: 9px solid #FFFFFF;
}

#footer a {
  color: #444444;
  font-weight: normal;
}


#footerbottom {
  height: 0em;
}

#home_content {
  width: 770px;
  background-image: url(../images/home-background.gif);
  height: 450px;
  margin: 0px;
}

#home_content H1 {
  color: #2e1a87;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 20px;
  margin-left: 12px;
  margin-right: 0px;
  padding-top: 0px;
}


#home_primarycontent {
  clear: both;
  float: left;
  width: 243px;
  padding: 0px 10px 0px 12px;
  margin: 0px 0px 0 0;
  background-repeat: no-repeat;
  background-position: top;
  text-align: justify;
}

#home_secondarycontent {
  float: left;
  padding: 14px 0px 6px 40px;
  width: 270px;
  color: #fffff;
}

#home_secondarycontent ul li {
  color: #ffffff;
  padding-bottom: 1px;
}

#home_secondarycontent h3{
  font-size: 0px;
  color: #a685b3;
}

#home_buttons1 {
  float: left;
  clear: right;
}

#home_buttons1 p {
  color: #ffffff;
  font-family: Georgia, "Times New Roman", Times, serif;
  text-align: right;
  font-size: 24px;
  font-weight: bold;
  padding-top: 10px;
  padding-right: 10px;
}

#home_buttons1 a {
  color: #fff;
}


#home_buttons1 a:visited {
  color: #ffffff
}


#home_whoweare {
   visibility: visible;
   position: absolute;
   left: 277px;
   top: 364px;
   z-index: 3;
   width: 154px;
   height: 82px;
   background-image: url(../images/whoweare-box.gif);
}

#home_whatweoffer {
   visibility: visible;
   position: absolute;
   left: 441px;
   top: 364px;
   z-index: 3;
   width: 154px;
   height: 82px;
   background-image: url(../images/whatweoffer-box.gif);
}

#home_howtoapply {
   visibility: visible;
   position: absolute;
   left: 606px;
   top: 364px;
   z-index: 3;
   width: 154px;
   height: 82px;
   background-image: url(../images/howtoapply-box.gif);
}

#home_doesntstop {
   visibility: visible;
   position: absolute;
   left: 110px;
   top: 487px;
   z-index: 3;
   width: 154px;
   height: 82px;
   background-image: url(../images/doesntstop-box.gif);
}

#home_whowevehelped {
   visibility: visible;
   position: absolute;
   left: 277px;
   top: 487px;
   z-index: 3;
   width: 154px;
   height: 82px;
   background-image: url(../images/whowevehelped-box.gif);
}

#home_contactus {
   visibility: visible;
   position: absolute;
   left: 441px;
   top: 487px;
   z-index: 3;
   width: 154px;
   height: 82px;
   background-image: url(../images/contactus-box.gif);
}

#home_contactdetails {
   visibility: visible;
   position: absolute;
   left: 606px;
   top: 487px;
   z-index: 3;
   width: 154px;
   height: 82px;
   background-image: url(../images/home-contactdetails-box.gif);
}

#home_contactdetails p {
  font-family: Arial Black, Arial, Helvetica, sans-serif;
  color: #878686;
  text-align: right;
  font-size: 14px;
  font-weight: bold;
  padding-top: 45px;
  padding-right: 10px;
  line-height: 18px;
}


#branding {
  height: 94px;
  padding: 0px;
  margin: 0;
  background-color: #ffffff;
  border: 0px;
  background-image: url(../images/branding.jpg);
  background-position: top;
  background-repeat: no-repeat;
}
#branding.img {
  padding: 0px;
  margin: 0;
}
#branding.a {
  text-decoration: none;
  border: 0px
}
#brandingleft {
  width: 258px;
  margin: 0;
  padding: 0px;
  float: left;
}
#brandingright {
  float: left;
  display: block;
  padding: 0px;
  margin: 0;
}
h1 {
  font-size:1.3em;
  margin: 0em 0em .6em 0em;
  padding-bottom: .3em;
  background-image: url(fish.jpg);
  background-position: right top;
  background-repeat: no-repeat;
  padding-right: 30px;
}
.h1_Home {
  color: #3fa6cb;
  border-bottom: 1px dotted #45839A;
}
.h1_About {
  color: #887cb7;
  border-bottom: 1px dotted #c1b5f0;
}
.h1_Services {
  color: #96e636;
  border-bottom: 1px dotted #ea9c5a;
}
.h1_Contact {
  color: #887cb7;
  border-bottom: 1px dotted #c1b5f0;
}
.h1_Resources {
  color: #e3b732;
  border-bottom: 1px dotted #f4c843;
}

.highlightlink {
  font-weight: bold;
  text-decoration: underline;
}


.iteamfooter {
  font-size: .9em;
  color: #555555;
}

.iteamfooter a {
  color: #555555 !important ;
  }

.imgright {
  float: right;
  margin: 0px 0px 36px 16px;
}

.imgrighttight {
  float: right;
  margin: 0px 0px 12px 8px;
}


h2 {
  font-size: 1.2em;
  margin: 1.9em 0em .6em 0em;
  padding-bottom: .3em;
  font-weight: bold;
  border-bottom: 1px dotted #A0A0A0;
  color: #606060;
}

h3 {
  font-size: 1.1em;
  margin: .9em 0em .6em 0em;
  padding-bottom: .3em;
  font-weight: bold;
}

img
{
border: 0px;
}

img.left
{
position: relative;
float: left;
margin: 0em 1.8em 1.4em 0em;
padding-top: 0px;
border: 4px solid #fff;
}

img.right
{
position: relative;
float: right;
margin: 0px 0px 12px 18px;
clear: right;
padding-top: 0px;
border: 4px solid #F0F0F0;
}
#secondarycontent {
  float: left;
  width: 181px; /*181*/
  padding: 12px 0px 0px 0px;
  margin: 0;
  background-repeat: no-repeat;
  background-position: top;
}

#secondarycontent img {
  margin: 0;
  padding: 0;
}


#secondarycontent a {
  color: #606060;
  text-decoration: none;
}

#secondarycontent li {
  color: #;
  text-decoration: none;
  margin-bottom: .8em;
}

#secondarycontent ul {
  margin-left: 15px;
}


#secondarycontent p {
}

#secondarycontent img {
  margin-top: 5em;
  bottom: 100%;
}

#secondarycontentHeader {
  height: 128px;
  font-family: Georgia, "Times New Roman", Times, serif;
  color: #FFF;
  font-size: 0px;
}

.secondarycontentHeader_Home {
  background-image: url(../images/who-we-areH1.gif);
  height: 128px;
}
.secondarycontentHeader_About {
  background-image: url(../images/who-we-areH1.gif);
  height: 128px;
}
.secondarycontentHeader_Contact {
  background-image: url(../images/contact-usH1.gif);
  height: 128px;
}
.secondarycontentHeader_Services {
  background-image: url(../images/what-we-offerH1.gif);
  height: 128px;
}
.secondarycontentHeader_More {
  background-image: url(../images/more-infoH1.gif);
  height: 128px;
}
.secondarycontentHeader_Applying {
  background-image: url(../images/how-to-applyH1.gif);
  height: 128px;
}
.secondarycontentHeader_Helped {
  background-image: url(../images/who-weve-helpedH1.gif);
  height: 128px;
}

.secondarycontent_Home {

}

.secondarycontent_default {
  background-color: #acbfcd;
}
.secondarycontent_services {
  background-color: #ea9c5a;
}
.secondarycontent_news {
  background-color: #f4c843;
}
.secondarycontent_contact {
  background-color: #9f71b2;
}




#menu
{
position: relative;
background: #172d9a url('images/menubg.gif') repeat-x top left;
height: 3.5em;
padding: 0em 1.0em 0em 1.0em;
font-weight: bold;
}

#mymap1 {
/* NT - believe Google styles override so left it */
}


#nav {
  clear: both;
  height: 22px;
  width: 770px;
  padding: 4px 6px 0px 6px;
  color: #e5e5e5;
  margin-bottom: 14px;
  background-color: #e5e5e5;
}

/* next style can be used to postion the menu anywhere in the page
#nav ul
{
position: absolute;
top: 10.9em;
}
*/
#nav ul li
{
/*position: relative; - Causes mis-alignment in IE6. float: left; instead.*/
float: left;
display: inline;
}

#nav ul li a
{
padding: 0px;
color: #767676;
text-decoration: none;
font-weight: bold;
}

#nav ul li a:hover
{
text-decoration: underline;
}

#nav .active  /*used to show current page - within wayfinder set &hereClass ='active' */
{
text-decoration: underline;
}


#nav a {
  color: #fff;
  text-decoration: none;
}
.nav_Home {
  background-color: #e5e5e5;
}
.nav_About {
  background-color: #e5e5e5;
}
.nav_Services {
background-color: #e5e5e5;
}
.nav_Contact {
  background-color: #e5e5e5;
}
.nav_Applying {
  background-color: #e5e5e5;
}
.nav_More {
  background-color: #e5e5e5;
}
.nav_Helped {
  background-color: #e5e5e5;
}
.nav_Contact {
  background-color: #e5e5e5;
}

.about {
  background: #887cb7;
}
.content_Home {
  background-image: url(secondarycontent_Home.gif);
}
.content_Services {
  background-image: url(secondarycontent_Services.gif);
}
.content_Contact {
  background-image: url(secondarycontent_Contact.gif);
}
.content_Resources {
  background-image: url(secondarycontent_Resources.gif);
}
.services {
  background: #dc8133;
}
.default {
  background: #2f90bd;
}
h3 .ditto_pageTitle {
  color: #2f90bd; !important
}


.draft {
  color: #A0A0A0;
}

.errormessage {
  color: #CC0000;
}


.news {
  background: #e3b732;
}
.clear {
  clear: both;
  border-bottom: 1px dotted #A0A0A0;
  margin-bottom: .5em;
}

.category_first {
  background: none;
  padding-right: 0px;
  padding-left: 6px;
}
.category_ {
  background: url(../images/nav_bullet.gif) no-repeat left;
  padding-right: 0px;
  padding-left: 14px;
}
.category_last{
  background:  url(../images/nav_bullet.gif) no-repeat left;
  padding-left: 14px;
  padding-right: 0px;
}

.contact {
  font-family: Arial Black, Arial, Helvetica, sans-serif;
  font-size: 1.5em;
  color: #878686;
}

#companycontactinformation {
  margin: 0;
  clear: both;
}

#companycontactinformation h3 {
  border-bottom: 1px dotted #AAAAAA;
  margin-top: 2em;
  margin-bottom: .8em;
}

#companycontactinformation strong {
  font-weight: bold;
  color: #444444;
}


#content {
  float: left;
  width: 100%;
}

/* test */
#section_About {
  float: right;
  width: 62px;
  height: 448px;
  /*background-image: url(../images/who-we-are.gif);
  background-position: right;
  background-repeat: no-repeat;**/
  position: relative;
  right: 0px;
}
/* ends */

#section {
/* defines the placement of the rotated right hand image */
/* the image displayed is defined in the class .section_WHATEVER */
  float: right;
  width: 62px;
  height: 448px;
  /*background-image: url(../images/who-we-are.gif);*/
  background-position: right;
  background-repeat: no-repeat;
  position: relative;
  right: 0px;
}

.section_About {
  background-image: url(../images/who-we-are.gif);
}
.section_Contact {
  background-image: url(../images/Contact.gif);
}
.section_Helped {
  background-image: url(../images/Helped.gif);
}
.section_Applying {
  background-image: url(../images/Applying.gif);
}
.section_More {
  background-image: url(../images/More.gif);
}
.section_Services {
  background-image: url(../images/Services.gif);
}
.section_Sitemap {
  background-image: url(../images/sitemap.gif);
}


#EmailForm {
  /*width: 470px;*/
}


#EmailForm submit, button {
clear: both;
padding: 1em 0em 1em 0em;
margin: .5em 0em .5em 14em;
}


#EmailForm label
 {
	display: block;
    float: left;
	clear: both;
	width: 12.2em;
	font-size: 1em;
	/*line-height: 1.5em;
	padding: 0 0 9px;    */
    text-align: right;
    margin: .5em 1em 0em 0em;
}

#EmailForm input, select, textarea
{
  /*float: left;*/
  margin: .5em 0em;
  /*background-color: #F0F0F0 !important!;*/
}

#EmailForm h3 {
  padding-left: 1em;
  margin-top: 1.2em;
}
#EmailForm p {
  margin-top: 1em;
  margin-right: 0.5em;
  margin-left: 0.5em;
  text-align: justify;
}
/* the div primaryContentHeader contains the image at the top of the primary content area */
/* the div primaryContent defines the layout of the primary content */
/* the class primaryContent_SECTIONNAME defines the colours used e.g. for H1 */
#primarycontent {
  float: left;
  background: #ffffff;
  padding: 9px 0px 6px 0px;
  /*NT 080811 dealing with IE6 */
  width: 470px; /* 500px works ok;/* 
  margin-right: 32px;
  /* NT ends */
}

#primarycontent .totop {
  text-align: right;
  background-image: url(adobe acrobat logo.gif);
  background-position: right top;
  background-repeat: no-repeat;
  /*padding-right: 40px;*/
  margin: 15px 0px;
    /*border-bottom: solid 1px #EEEEEE;*/
}
.totop a {
  text-decoration: none;
  font-weight: normal;
  /*background-color: #F7F7F7;*/
  /*border-bottom: dotted #EEEEEE;*/
}

#primarycontent_Services H2 {
  color: #96e636;
}


#primarycontent p {
  text-align: justify;
}

/* the div primaryContentHeader contains the image at the top of the primary content area */
/* the div primaryContent defines the layout of the primary content */
/* the class primaryContent_SECTIONNAME defines the colours used e.g. for H1 */
#primaryContentHeader_About {
  background-image: url(../images/who-we-are-header.gif);
  background-position: top;
  background-repeat: no-repeat;
  /*background-attachment: fixed;*/
  height: 101px;
  text-align:right;
  /*float: left;*/
  /*width: 520px; /* /* Nt test 080804 */
}


.primarycontent_About {
  /*background-image: url(../images/who-we-are-header.gif);
  background-position: top;
  background-repeat: no-repeat; */
}

#primaryContentHeader_Services {
  background-image: url(../images/services_header.gif);
  background-position: top;
  background-repeat: no-repeat;
  height: 101px;
}

.primarycontent_Services {
  /*background-image: url(../images/who-we-are-header.gif);
  background-position: top;
  background-repeat: no-repeat;*/
}

.primarycontent_About H2 {
  color: #b2b2b2;
}

.primarycontent_Applying H2 {
  color: #87589a;
}

.primarycontent_Contact H2 {
  color: #e38013;
}

.primarycontent_Helped H2 {
  color: #5f5f5f;
}

.primarycontent_More H2 {
  color: #99b5bd;
}

.primarycontent_Services H2 {
  color: #96e636;
}


#primaryContentHeader_Applying {
  background-image: url(../images/applying-header.gif);
  background-position: top;
  background-repeat: no-repeat;
  height: 101px;
}

.primarycontent_Applying {
  background-image: url(../images/who-we-are-header.gif);
  background-position: top;
  background-repeat: no-repeat;
}

#primaryContentHeader_Home {
  background-image: url(../images/who-we-are-header.gif);
  background-position: top;
  background-repeat: no-repeat;
  height: 101px;
}

.primarycontent_Home {
  background-image: url(../images/who-we-are-header.gif);
  background-position: top;
  background-repeat: no-repeat;
}

#primaryContentHeader_Contact {
  background-image: url(../images/who-we-are-header.gif);
  background-position: top;
  background-repeat: no-repeat;
  height: 101px;
}

.primarycontent_Contact {
  background-image: url(../images/who-we-are-header.gif);
  background-position: top;
  background-repeat: no-repeat;
}

#primaryContentHeader_More {
  background-image: url(../images/who-we-are-header.gif);
  background-position: top;
  background-repeat: no-repeat;
  height: 101px;
}

.primarycontent_More {
  background-image: url(../images/who-we-are-header.gif);
  background-position: top;
  background-repeat: no-repeat;
}

#primaryContentHeader_Helped {
  background-image: url(../images/who-we-are-header.gif);
  background-position: top;
  background-repeat: no-repeat;
  height: 101px;
}

.primarycontent_Helped {
  background-image: url(../images/who-we-are-header.gif);
  background-position: top;
  background-repeat: no-repeat;
}

#primarycontent a {
  color: #5F5F5F;
}

#primarycontent h2 {
  font-family: , Georgia, "Times New Roman", Times, serif;
  font-size: 1.5em;
  font-weight: bold;
  /*color: #b2b2b2;*/
  /* bug? if the colour is defined here, it overrules the colour defined by the primarycontent_SECTION class.
  should specificity mean the class overrules it? */
}


#primarycontent ul {
  padding-left: 0px;
  margin-bottom: 1em;
  /*background-color: #F0F0F0;*/
}

#primarycontent ol {
  padding-left: 0px;
  margin-bottom: 1em;
}

#primarycontent li {
  margin-left: 24px;
  margin-bottom: .5em;
}

.primarycontent_About h2 {
  color: #b2b2b2;
}


.pullout {
  background-color: #909090;
  color: #FFFFFF;
  padding: .3em;
  margin: 10em 0em;
}
.quote {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-weight: bold;
  font-style: italic;
}