/* Classes for IELA Project 2008-12-08 */

ul.toc-links {list-style-type: none;}

ul.toc-links li, ul.adbook li, ol.adbook li
{
margin-bottom: 1em; 
line-height: 1.1em;
}

ul.nobullet-adbook
{
list-style-type: none;
margin-bottom: 1em; 
line-height: 1.1em;
}

ul.nobullet-adbook ul li
{
list-style-type: none;
margin-bottom: 1em; 
line-height: 1.1em;
}

ul.adbook li p, ol.adbook li p, ul.nobullet-adbook p {padding-left: 0;}

/*Classes for Charts and Graphs */

div.image-wrapper
{
width: 95%;
margin: 1em auto;
padding: 0;
display: block;
}

div.image-wrapper .img-container
{
float: left;
width: 50%;
margin: 0;
padding: 0;
}

div.image-wrapper-centered
{
width: 97%;
margin: 1em auto;
padding: 0;
display: block;
text-align: center;
}


div.image-wrapper p.img-desc, div.image-wrapper-centered p.img-desc, div.image-wrapper p.img-caption, div.image-wrapper-centered p.img-caption
{
padding: 0 10px 0 0;
margin-top: 5px;
font-size: 0.85em;
}

div.image-wrapper p.img-caption-with-desc, div.image-wrapper-centered p.img-caption-with-desc
{
padding: 0 10px 0 0;
margin-top: 10px;
font-size: 0.85em;
}

/* Table class */

table.IELA-table
{
padding-left: 0 !important;
margin: 1em 0.2em 1em 1.2em;
border-collapse: collapse;
}


table.IELA-table th, table.IELA-table td
{
text-align: left;
vertical-align: top;
}

table.IELA-table th, table.IELA-table td
{
padding: 0.75em;
margin: 0;
border: 1px solid #000000;
}

table.IELA-table th
{
background-color: #ccc;
color: #000;
}

div.table-footer
{
margin: 0 15px;
padding: 0;
display: block;
}

div.table-footer p
{
padding:0 0 15px 0;
font-size: 0.85em;
}

/* Classes for IELA Project 2009-09-17 */

.tableMargin {
padding-left: 12px;
margin-left: 12px;
width: 95%;
}


div.columnLeft {
width: 95%;
margin-left: 15px;
}

div.columnleft {
float: left;
width: 25%;
margin: 0px;
padding: 0;

}

div.columnright {
float: left;
width: 65%;
margin: 0;
padding: 0;

}

div.columnLeft2 {
width: 95%;
margin-left: 2%;
}

div.column302 {
float: left;
width: 20%;
padding: 0;

}

div.column652 {
float: left;
width: 70%;
padding: 0;

}

div.column30left {
float: left;
width: 450px;
margin-left: 30px;
padding: 0;

}

div.column35left {
float: left;
width: 350px;
margin-left: 35px;
padding: 0;

}

div.column40left {
float: left;
width: 350px;
margin-left: 40px;
padding: 0;

}

div.column45left {
float: left;
width: 350px;
margin-left: 45px;
padding: 0;

}

div.column50left {
float: left;
width: 350px;
margin-left: 50px;
padding: 0;

}

div.column55left {
float: left;
width: 350px;
margin-left: 55px;
padding: 0;

}

div.column60left {
float: left;
width: 350px;
margin-left: 60px;
padding: 0;

}

div.column80left {
float: left;
width: 350px;
margin-left: 80px;
padding: 0;

}

div.column90left {
float: left;
width: 350px;
margin-left: 90px;
padding: 0;

}

div.column100left {
float: left;
width: 350px;
margin-left: 100px;
padding: 0;

}

div.column110left {
float: left;
width: 350px;
margin-left: 110px;
padding: 0;

}

/*Four column div table*/

div.wrapper {
width: 550px;
padding: 5px;
display: table;

}

div.col {
float: left;
width: 550px;
display: block;
/*margin-left: 5px;*/

}

div.cols1 {
float: left;
width: 100px;
margin: 0 15px 0 5px;
padding: 2px 2px 2px 2px;

}


div.cols2 {
float: left;
width: 150px;
padding: 2px 2px 2px 0px;

}

div.cols3 {
float: left;
width: 150px;
padding: 2px 2px 2px 0px;

}

div.cols4 {
float: left;
width: 100px;
padding: 2px 2px 2px 0px;

}

/*Two column div table*/

div.wrapperA {
width: 550px;
padding: 5px;
display: table;


}

div.colA {
width: 550px;
float: left;

}

div.cols1A {
float: left;
width: 360px;
margin: 0 5px 0 5px;
padding: 2px 2px 2px 2px;

}


div.cols2A {
float: left;
width: 105px;
margin-left: 50px;
padding: 2px 2px 2px 0px;

}

.shadingGrey {
background-color: #ccc;
}

.height100 {
margin-top: 100px;

}

.height60 {
margin-top: 60px;

}

.height110 {
margin-top: 110px;

}