/******* Global*/

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
        margin: 0px;
        padding: 0px;
  background-color: #ffffff;
  }


a:link { 
	color: #0000ff;
	text-decoration: none;
  }

a:visited { 
	color: #0000ff;
	text-decoration: none;
	}

a:hover { 
	color: #ff0000;
	text-decoration: none;
	}

a:active { 
	color: #000000;
	}

/******* a */


.tabs a:link { 
	color: #000000;
	text-decoration: none;
	font-weight:  normal;
  }

.tabs a:visited { 
	color: #000000;
	text-decoration: none;
	font-weight: normal;
	}

.tabs a:hover { 
	color: #777777;
	text-decoration: none;
	font-weight:  normal;
	}

.tabs a:active { 
	color: #777777;
	font-weight:  normal;
	}

.right a:link { 
	color: #0000ff;
	text-decoration: none;
	font-weight: bold;
  }

.right a:visited { 
	color: #0000ff;
	text-decoration: none;
	font-weight: bold;
	}

.right a:hover { 
	color: #ff0000;
	text-decoration: none;
	font-weight: bold;
	}

.right a:active { 
	color: #000000;
	font-weight: bold;
	}

.links a {
      text-align: center;
      font-size: 8pt;
      line-height: 15px;
}

.links a:hover {
      text-align: center;
      font-size: 8pt;
      line-height: 15px;
}

.links a:visited {
      text-align: center;
      font-size: 8pt;
      line-height: 15px;
}

.links a:active {
      text-align: center;
      font-size: 8pt;
      line-height: 15px;
}

.links p {
      text-align: center;
      font-size: 9pt;
      line-height: 15px
      margin: 0px;
}

.largetext a {
      font-size: 12pt;
}

.largetext a:visited {
      font-size: 12pt;
}

.largetext a:hover {
      font-size: 12pt;
}

.largetext a:active {
      font-size: 12pt;
}

.normaltext a {
      font-size: 9pt;
}

.normaltext a:visited {
      font-size: 9pt;
}

.normaltext a:hover {
      font-size: 9pt;
}

.normaltext a:active {
      font-size: 9pt;
}

/**************** Text*/
p {

 	color: #000000;
        font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
        line-height: 18px;
        padding: 20px;
        padding-bottom: 5px;
        padding-top: 5px;
        padding-left: 30px;
}

/******* p*/

.titlebox p {
        font-size: 11pt;
        padding-left: 0px;
        margin-left: 50%;
        padding-right: 10px;
}

.tabs p {
        padding: 0px;
        margin: 0px;
        padding-left: 10px;
        padding-top: 2px;
}

.edetails p{
      margin-left: 0px;
      padding-left: 0px;
      margin-top: 0px;
}

.summary {
     font-size: 15px;
     color: #EF8100;
}

.morenews p{
      margin: 0px;
      margin-bottom: 10px;
      padding: 0px;
}

/******* H1*/

h1 {
 	color: #EF8100;
        font-family: Verdana, Helvetica, sans-serif;
	font-size: 15pt;
	font-weight: normal;
        margin-left: 50%;
        margin-top: 0px;
        padding-top:  20px;
        padding-right: 20px;
}

.newsbox h1 {
        margin-left: 0px;
        margin-top: 20px;
        padding-top: 0px;
}

.itemhead h1 {
        margin-left: 0px;
        margin-top: 20px;
        padding: 0px;
        padding-left: 30px;
        
}

.eventbox h1 {
        margin-left: 13px;
        margin-top: 0px;
        padding-top: 0px;
}

.trustwrapper h1 {
        margin-left: 0px;
        margin-top: 0px;
        padding-top: 0px;
}

.sidebar h1{
    padding: 0px;
    margin: 0px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11pt;
    font-weight: bold;
}

.newstext h1{
    padding: 0px;
    margin: 0px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11pt;
    font-weight: bold;
}

/******* H2*/

h2{
 	color: #ffffff;        
        font-family: Arial, Helvetica, sans-serif;
	font-size: 18pt;
	font-weight: normal;
        margin-top: 0px;
        padding-top:  15px;
        padding-right: 10px;
        margin-left: 30px;
        padding-bottom: 35px;
}

.headerbar h2{ 
      margin-left: 30px;
}

.trusteebar h2{
      padding-top: 30px;
      padding-bottom: 20px;
}


.newsprev{
	font-size: 10pt;
	font-weight: bold;
        padding-left: 0px;
        padding-right: 0px;
        margin-bottom: 7px;
      
}


/******* Frame */

.frame {
      min-width: 700px;
      max-width: 900px;
      width: 95%;
   width: expression(document.body.clientWidth > 900? "900" : "95%" );
   
  margin: 1em auto;
   margin-top: 0px;
}



/******* Title Bar */

.topbar {
   max-width: 900px;
   height: 120px;
   background: url('img/topbar.gif') no-repeat;
   margin: 1em auto;
   margin-top: 0px;
   margin-bottom: 0px;
}

.leftcurve {
   
   max-width: 900px;
   min-width: 600px;
   height: 120px;
   background: url('img/slcurve.gif') no-repeat;
   margin: 1em auto;
   margin-top: 0px;
   margin-bottom: 0px;
}

.rightcurve {
  
   max-width: 900px;
   min-width: 600px;
   height: 120px;
   background: url('img/srcurve.gif') no-repeat 100%;
   margin: 1em auto;
   margin-top: 0px;
   margin-bottom: 0px;
}

.kids {
      width: 180px;
      height: 135px;
      position: absolute;
      margin-top: -150px;
      margin-left: 5px;
      background: url('img/kids.gif ') no-repeat;
}

.homestart {
      
      width: 350px;
      height: 90px;
      position: absolute;
      margin-top: -150px;
      margin-left: px;
      background: url('img/homestart.gif ') no-repeat;
}



/******* Main Body*/

.container {
      border: 1px solid #ffffff;
      max-width: 900px;
      min-width: 600px;
      margin: 1em auto;  
      margin-top: 20px;
      margin-bottom: 0px;
}



/****************Left content*/

.left {
      background: #ffffff;
      border: 1px solid #A1A1A1;
      margin-right: 240px;
      margin-top: 40px;
}

/******Front Pages*/

.colourbar{
      padding-top: 10px;
      border-bottom: 1px solid #A1A1A1;
      background: url('img/topbar.gif') no-repeat;
}

.latestwrap {
      padding-left: 10px;
}

.titlebox{

      height: 200px;
      padding-bottom: 0px;

}

.titlepicture{
     float: left;
     height: 200px;
     width: 45%;
     background: url('img/chute.jpg') bottom left;
     margin-bottom: -20px;
     padding: 0px;
}

.centerbar {
      margin-top: 0px;
      background-color: #ffAE00;
}

.newsbox {
      margin-left: 13px;
      margin-bottom: 20px;
}

.newsprev {
      background: url('img/dotyellow.gif') 0px 6px;
      background-repeat: no-repeat;
      padding-left: 10px;
}


.storybox {
clear: left;
margin-left: 10px;
margin-bottom: 10px;
padding: 10px;
}

.stretcher {
clear: right;
clear: left;
padding: 10px;
}

.margin {
margin-left: 30px;
margin-bottom: 40px
}

/******* articles */

.headerbar {
      background-color: #ffAE00; 
}

.sidebar {
      background: url(img/yellowsidebar.gif);
      background-repeat: repeat-y;
      border-bottom: 1px solid #cccccc;
}

.sidebarmargin{
margin-left: 160px;
}

.sidebarmargin p{
    padding-left: 0px;
    margin-bottom: 25px;
}

.newstext p{
    padding: 0px;
}

.newstext {
    padding-left: 5px;
    padding-right: 20px;
    padding-top: 10px;
}

.morenews {
      float: right;
      width: 175px;
      margin: 15px;
      margin-top: -25px;
      margin-bottom: 5px;
      margin-right: 0px;
      padding: 15px;
      border: 1px solid #a1a1a1;
      background: #E7F5F2;
}

.morenews ul{
      margin: 0px;
      padding: 0px;
      margin-left: 0px;
      list-style-type: none;
}

.morenews li{
      margin: 0px;
      background: url(img/listarrows.gif);
      background-repeat: no-repeat;
      background-position: 0 7px;
      padding-left: 13px;
}

.bullets ul{
      margin: 0px;
      padding: 0px;
      margin-left: 0px;
      list-style-type: none;
}

.bullets li{
      margin: 0px;
      background: url(img/listarrows.gif);
      background-repeat: no-repeat;
      background-position: 0 7px;
      padding-left: 13px;
      padding-right: 20px;
      list-style-type: none;
}

.newspagetext {
    padding-left: 5px;
    padding-right: 20px;
    padding-top: 10px;
}


.date {
     font-size: 10px;
     font-weight: normal;
     color: #777;
     margin-top: 10px;
     margin-bottom: 40px;
}

.storypic {

    width: 200px;
    height: 150px;
    float: right;
    background: #D5F0EB;
    margin:15px;
    margin-right: 20px;
    margin-top: 5px;

}

/******* Meet The Trustees */


.trusteepic {
     width: 100px;
     height: 120px;
     background: url(img/trustees/filler.jpg);
     float: left;
     margin-left: -145px;
     _margin-left: -72px;
    margin-top: -20px;

}

.storystretch {

height: 20px;
clear: left;
}

/************** Right content and curved edges*/

.right {
      
      background:  #D4F0EB;
      float: right;
      width: 215px;
      margin-top: 20px;
}

.righttopcurve{
      padding-top: 51px;
      background-image: url(img/righttopcurve.gif);
}
     
.rightbottomcurve{
      padding-top: 8px;
      background-image: url(img/rightbottomcurve.gif);
}
 
.rightbarwrap {
      border-right: 1px solid #a1a1a1;
      border-left: 1px solid #a1a1a1;
}

.infotop{

      background-image: url(img/infotop.gif);
      background-repeat: no-repeat;
      padding-top: 7px;
      margin-left: 10px; 
}

.rightbaritemyellow {
     background: #e7f5f2;
     background-image: url(img/questionmarkyellow.gif);
     background-position: 96% 50%;
     background-repeat: no-repeat;
     width: 170px;
     margin-left: 10px;
     padding-bottom: 4px;
     padding-left: 10px;
     padding-right: 10px;
     border-left: 1px solid #b4b4b4;
     border-right: 1px solid #b4b4b4;
    
}

.rightbaritemblue {
     background: #e7f5f2;
     background-image: url(img/questionmarkblue.gif);
     background-position: 96% 50%;
     background-repeat: no-repeat;
     width: 170px;
     margin-left: 10px;
     padding-bottom: 4px;
     padding-left: 10px;
     padding-right: 10px;
     border-left: 1px solid #b4b4b4;
     border-right: 1px solid #b4b4b4;
    
}

.rightbaritemgreen {
     background: #e7f5f2;
     background-image: url(img/questionmarkgreen.gif);
     background-position: 96% 50%;
     background-repeat: no-repeat;
     width: 170px;
     margin-left: 10px;
     padding-bottom: 4px;
     padding-left: 10px;
     padding-right: 10px;
     border-left: 1px solid #b4b4b4;
     border-right: 1px solid #b4b4b4;
    
}

.rightbaritemred {
     background: #e7f5f2;
     background-image: url(img/questionmarkred.gif);
     background-position: 96% 50%;
     background-repeat: no-repeat;
     width: 170px;
     margin-left: 10px;
     padding-bottom: 4px;
     padding-left: 10px;
     padding-right: 10px;
     border-left: 1px solid #b4b4b4;
     border-right: 1px solid #b4b4b4;
    
}

.infotext{
width: 120px;
}

.infobottom{
      background-image: url(img/infobottom.gif);
      background-repeat: no-repeat;
      padding-top: 7px;
      margin-left: 10px;
      padding-bottom: 5px;
}
/************* Events*/

.edate {
      float: left;
      width: 150px;
      height: 20px;
      clear: left;
      
}

.ename{
      height: 20px;
      font-weight: bold;
}

.edetails{
      margin-left: 150px;
}

/******* Events bar */

.eventstopcurve {
      background: url(img/eventstopcurve.gif);
      background-color: #E7F5F2;
      padding-top: 49px;
}

.eventsbottomcurve {
      background: url(img/eventsbottomcurve.gif);
      background-color: #E7F5F2;
      padding-top: 9px;
      clear: left;
}

.eventsbar {
      background-color: #E7F5F2;
      border-right: 1px solid #a1a1a1;
      border-left: 1px solid #a1a1a1;
}

.calendar {
    font-size: 10pt;
}

.calendar td {
    width: 25px;;
    padding: 0px;
}

.eventbox {
      padding-top: 10px;
      padding-left: 10px;
      padding-bottom: 10px;
      
}

.eventprev {
      margin-top: 10px;
      margin-bottom: 10px;
}

/******* Tabs */

.tabs {
      position: absolute;
      margin-top: -32px;
      margin-left: -1px;
}


.tab1 {
      float: left;
      height: 23px;
      width: 100px;
      padding-top: 8px;
      background-image: url(img/tabtl.gif);
      background-repeat: no-repeat;
      margin-right: 2px;

}

.tab2 {
      float: left;
      height: 23px;
      width: 100px;
      padding-top: 8px;
      background-image: url(img/tabtlgreen.gif);
      background-repeat: no-repeat;
      margin-right: 2px;
}

.tab3 {
      float: left;
      height: 23px;
      width: 100px;
      padding-top: 8px;
      background-image: url(img/tabtlred.gif);
      background-repeat: no-repeat;
      margin-right: 2px;
}

.tab4 {
      float: left;
      height: 23px;
      width: 100px;
      padding-top: 8px;
      background-image: url(img/tabtlblue.gif);
      background-repeat: no-repeat;
      margin-right: 2px;
}

.tab4 {
      float: left;
      height: 23px;
      width: 100px;
      padding-top: 8px;
      background-image: url(img/tabtlblue.gif);
      background-repeat: no-repeat;
}

/******* footer */

.footer {
      clear: right;
      padding-top: 20px;
      margin-bottom: 10px;
      
}

.footbox {
       
       margin-right: 150px;
       border: 1px solid #a1a1a1;
       background: #ffffff;
}

.logo {
      float: right;
      margin: 2px;
      margin-top: -1px;
}

.investor {
      float: right;
      margin-right: 5px;
}

/******* edit *?

.itemtitle {
     float: left;
     border: 1px solid;
}

.itemname {
      float: left;
}
      
.itemdate {
      float: left;
}
.itemid {
      float: left;
            }