/*ESTC styles */

/**********General styles that apply to everything*********/

html           {margin: 0;
                padding: 0;
    }

body {margin: 0;
     padding: 0;
     font: 80% Verdana, Arial, Helvetica, sans-serif;
     background: #FFFFCC ;
	 }
	 
/*        background: url(images/IBM.gif);
    }
*/

a              {color: #826ba9; text-decoration:none; font-weight: normal;}
a:link         {color: #826ba9; text-decoration:underline; font-weight: normal;}
a:visited      {color: #826ba9; text-decoration:underline; font-weight: normal;}
a:focus        {color: #ef9c00; text-decoration:none}
a:hover        {color: #ef9c00; text-decoration:underline}
a:active       {color: red;     text-decoration:none}



/* top section - banner */

div#banner     {height: 50px;
                width: 100%;
                background:  #FFFFCC url(images/estclogox.jpg) top right no-repeat;;
                                }

div#banner h1  {position: absolute;
    left: 30px;
    color: #ef9c00;
    font-weight: bold;
    font-size: 300%;
    margin-top: 0px;
    margin-bottom: 0px;
           padding-right: 0;
        }

div#subhead   {width: 100%;
    height: 15px;
    background-color: #ef9c00;
    }

div#subhead h2 {position: absolute;
    left: 30px;
    font-size: 100%;
    font-weight: bold;
        margin-top: 0px;
        margin-bottom: 0px;
    color: #fff;
    padding-right: 0;
    }


/* lefthand column - navigation */

div#leftcol {position: absolute;
    left: 9px;
    top: 85px;
    width: 150px;
    font-weight: bold;
    font-size: 120%;
        border: 1px solid black;
        background-color: #FFF;
        height: 143px;
    }

div#leftcol a {display: block;
    color: #ef9c00;
	font-weight: bold;
    text-align: right;
    text-decoration: none;
    border-bottom: 2px none #993;
    margin-top: 0;
    padding-bottom: 2px;
    }

div#leftcol a:hover {color: #fff;
    font-size: 140%;
    background-color:#ef9c00;
    text-decoration:none;
    border-right: 10px right #96c;
    }

div#leftcol p   {font-size: 80%;
    }

div#nava      {position: absolute;
    left: 10px;
    top: 20px;
    width: 120px;
    }

div#navb      { position: absolute;
    left: 10px;
	
    top: 76px;
    width: 120px;
    }

div#navc      {position: absolute;
    left: 10px;
    top: 140px;
    width: 120px;
    }

div#navd      {position: absolute;
    left: 10px;
    top: 200px;
    width: 120px;
    }

div#nave      {position: absolute;
    left: 10px;
    top: 260px;
    width: 120px;
    }

div#navf      {position: absolute;
    left: 10px;
    top: 320px;
    width: 120px;
    }

div#navg      {position: absolute;
    left: 10px;
    top: 380px;
    width: 120px;
    }


/* content area */

/* centre column - style0*/
/* Use this for centering photos and pages with tables*/

div#centrecol   {margin-left: 200px;
     margin-right: 200px;
 /*   width: 70%; */
     margin-top: 10px;
     text-align: center;
    }
div#centrecol img {border: 1px solid #000;
    }



/* centre column - style 1 */
/* Use this for front page*/

div#centrecol1   {margin-left: 250px;
     margin-right: 250px;
 /*   width: 70%; */
     margin-top: 10px;
     text-align: justify;
    }


/* centre column - style 2*/
/* use this for all other pages*/

div#centrecol2   {margin-left: 200px;
     margin-right: 200px;
     margin-top: 10px;
     text-align: left;
    }
div#centrecol2 h1 {
     font-size: 250%;
         text-decoration: none;
     color: #ef9c00;
     font-weight: strong;
     padding: 5px;
     text-align: left;
     margin-top: 0;
     margin-bottom: 5px;
}

div#centrecol2 h2 {
     font-size: 200%;
         text-decoration: none;
     color: #ef9c00;
     font-weight: strong;
     padding: 5px;
     text-align: left;
     margin-top: 0;
     margin-bottom: 5px;
         }

div#centrecol2 h3 {background-color: #F5ba5c;
     font-size: 120%;
         text-decoration:none;
     color: #000;
     font-weight: strong;
     padding: 5px;
     text-align: left;
         margin-top: 0;
     margin-bottom: 5px;
         }
div#centrecol2 h4 { font-size: 150%;
     color: #000;
     font-weight: normal;
         text-decoration:none;
     padding: 5px;
     text-align: left;
     margin-top: 0;
     margin-bottom: 5px;
         }
 div#centrecol2 h5 { font-size: 120%;
     color: #000;
     font-weight: normal; 
         text-decoration:none;
     padding: 5px;
     text-align: left;
     margin-top: 0;
     margin-bottom: 5px;
         }

div#centrecol2 img {border: 1px solid #000;
    }


/* righthand column - related links */

div#rightcol    {
        position: absolute;
        top: 90px;
        right: 10px;
        width: 150px;
  /*width: 10%;*/
        font-size: 80%;
        border: 1px solid #000;
        background-color: #FFF;
            }

div#rightcol h2 {background-color: #826ba9;
     font-size: 120%;
     color: #fff;
     font-weight: normal;
     padding: 0px;
     text-align: center;
     margin-top: 0;
     margin-bottom: 5px;
    }

div#rightcol p {padding: 0 5px 0 5px;
    margin-top: 0;
    margin-bottom: 5px;
    }


/*bottom section - styles for the copyright and small print*/

div#signoff     {font-size: 70%;
     font-style: italic;
     text-align: center;
     padding-top: 10px;
     border-top: 1px solid #000;
    }

table.centre {
background-color:#FFFFFF;
color:#000000;
border:2px solid #000000;
padding:4px;
margin:0;
border-collapse:collapse;
font: 100% Verdana, Arial, Helvetica, sans-serif;
text-align: center;
}

table.centre td
{
padding-bottom:5px;
padding-top:5px;
padding-left:5px;
padding-right:5px;
border:0;
margin:0;
text-align: left;
}