/**** General ****/

html{
margin: 0px;
padding: 0px;
}

body{
margin: 0px;
padding: 0px;
background-color: #ffffff;
font-size: 10px;
}

table{
margin: 0px 0px 10px 0px;
padding: 0px;
border-collapse: collapse;
}

table tr td{
margin: 0px;
padding: 0px;
}

ul{
margin: 0px 0px 15px 15px;
padding: 0px;
}

ul li{
margin-bottom: 10px;
padding: 0px;
}

h1{
margin: 0px 0px 10px 0px;
}

p{
margin: 0px 0px 10px 0px;
}

.noMargin{
margin: 0px;
}

.hide{
display: none;
}

.uppercase{
text-transform: uppercase;
}

.center{
text-align: center;
}

/**** master CSS for main page elements ****/

p#contentSkip{
color: white; 
height: 0px; 
font-size: 0px; 
margin: 0px; 
padding:0px; 
line-height: 0px;
}

p#contentSkip a{
color: #ffffff;
}


div#page{
/*
width: 800px;
*/
min-width: 850px;
background-image: url(../images/logo_resourcematerial.gif);
background-repeat: no-repeat;
background-position: top left;
font-family: Arial,helvetica,sans-serif;
/*
font-size: 12px;
*/
font-size: 1.2em;
color: #555555;
border-bottom: 1px solid #d8d8d0;
}

div#pageInner{
background-image: url(../images/background-strip.gif);
background-repeat: repeat-y;
background-position: top left;
}

div#banner{
padding-left: 137px;
height: 107px;
margin-right: 50px;
}

div#banner p#bannerImage{
margin-bottom: 7px;
}

div#banner p{
margin: 0px;
}

p#resources{

border-top: 1px solid #d8d8d0;
border-right: 1px solid #d8d8d0;
border-bottom: 1px solid #d8d8d0;
background-color: #f4f5ef;
}

p#resources img{
margin: 0px;
}

div#navbar{
width: 137px;
float: left;
}

div#navbar ul{
font-weight: bold;
list-style-type: none;
padding: 5px;
margin-top: 15px;
}

div#navbar ul li{
margin: 0px 0px 8px 0px;
}

div#navbar ul li a{
text-decoration: none;
color: #999966;
}

div.clear{
clear: both;
height: 1px;
overflow: hidden;
}

div.clear p{
margin: 0px;
}

div#content{
background-color: #ffffff;
margin: 0px 0px 0px 0px;
/*width: 665px;*/
width: 695px;
float: left;
border-left: 1px solid #d8d8d0;
}

div#contentInner{
padding: 15px;
}

div#footer{
margin: 0px 0px 0px 137px;
border-top: 1px solid #d8d8d0;
}

div#footer ul {
list-style-type: none;
border-left: 1px solid #d8d8d0;
padding: 2px 0px 12px 10px;
margin: 5px 0px;
}

div#footer ul li{
display: inline;
margin: 0px 30px 0px 0px;
}

div#footer ul li a{
color: #BD8B09;
}

p#lastUpdated{
font-family: Arial,helvetica,sans-serif;
font-size: 11px;
color: #888888;
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 137px;

}

p.imgWrapper{
margin: 0px;
}

div.padding{
padding: 15px;
background-color: #ffffff;
}


img#healthSafty{
margin-left: 10px;
}



/*******************************/
/** CSS for  Statement of intent **/
/*****************************/


div#dia012-soi-int-html-a{
}


p#reportTitle{
text-transform: uppercase;
}

div.footnotes{
border-top: 1px solid #2493d7;
padding: 15px 0px 0px 0px;
margin-top: 15px;
font-size: 0.8em;
}

a.footnote-link{
/*color: #555555;*/
color: #2493d7;
text-decoration: none;
}

div.image{
margin-bottom: 10px;
}

/** genral heading s **/

h1.page-head-1,
p.page-head-1{
font-size: 2.8em;
font-weight: normal;
background-repeat: no-repeat;
color:#818285;
}

p.head-2{
color: #2493d7;
font-size: 1.6em;
}

p.head-3{
color: #2493d7;
font-size: 1.4em;
}


p.head-4{
color: #2493d7;
}

p.head-5{
font-size: 1.2em;
color: #333333;
}

p.head-1a{
color: #221e1f;
font-size: 2em;
}

/** font styling **/

span.body-bold{
color: #333333;
font-weight: bold;
}

span.body-italic{
font-style: italic;
}

/** misc **/

p.intro-para{
color:#818285;
font-size: 1.4em;
}

p.signatureName{
color: #2493d7;
text-transform: uppercase;
}

/** lists **/

ul li.body-bullet{
list-style-type: none;
list-style-image: url(../images/bullet_blue.gif);
margin-left: 5px;
}

ul li.body-bullet-1{
margin-left: 15px;
}

ul li.small-bullet{
list-style-type: none;
list-style-image: url(../images/smallbullet_blue.gif);
}

ul.listIndent{
padding-left: 18px;
}

/** tables **/

span.chart-bold{

}

.chart-center{
text-align: center;
}

table{
border-collapse: collapse;
margin-bottom: 15px;
}

table tr td{
padding: 3px;
text-align: left;
vertical-align: top;
}

table tr td.columnHead{
color:#2493d7;
text-transform: uppercase;
padding: 0px;
margin: 0px;
padding: 3px;
}

table tr td.borderBoth{
border-right: 1px solid #2493d7;
border-left: 1px solid #2493d7;
}

table tr td ul{
margin-bottom: 0px;
}

table tr td.columnHead p{
margin: 0px;
padding: 0px;
}

table p.body-text-flush-left{
text-align: left;
}

table tr td.coloredCellBlack,
table tr td.coloredCellGrey,
table tr td.coloredCellLightGrey
{
color: #ffffff;
width: 100px;
font-size: 1.3em;
text-align: center;
vertical-align: middle;
border-right: none;
}

table tr td.coloredCellGrey{
background-color: #607389;
}

table tr td.coloredCellBlack{
background-color: #000000;
}

table tr td.coloredCellBlue{
background-color: #b2d2ef;
color: #000000;
font-size: 1.2em;
}

table tr td.coloredCellLightGrey{
background-color: #c2cede;
color: #000000;
}

table tr td.coloredCellBlack p,
table tr td.coloredCellGrey p,
table tr td.coloredCellLightGrey p
{
margin: 0px;
width: 100px;
}


table .head-1{
color: #2493d7;
font-size: 2em;
margin: 0px;
padding: 0px;
}


table.tableGrid1{
border-top: 1px solid #2493d7;
border-bottom: 1px solid #2493d7;
}

table.tableGrid1 td{
border-bottom: 1px solid #2493d7;
}

table.tableGrid2{
border-top: 1px solid #2493d7;
width:100%;
}

table.tableGrid2 td.cellHead-1 p.head-3{
color: #555555;
margin: 0px;
}

p.grid2Head{
text-transform: uppercase;
font-size: 1.5em;
}

table.tableGrid2 td{
border-right: 1px solid #2493d7;
padding: 4px;
}

table.tableGrid2 td.cellHead-1{
vertical-align: bottom;
padding: 40px 100px 0px 10px;
}

table.tableGrid3,
table.tableGrid6{
border-top: 1px solid #2493d7;
border-left: 1px solid #2493d7;
}

table.tableGrid3 td,
table.tableGrid6 td{
border-right: 1px solid #2493d7;
border-bottom: 1px solid #2493d7;
padding: 5px;
width: 250px;
}

table.tableGrid3 p{
}

table.tableGrid4 p{
margin: 0px;
}

table.tableGrid4 td{
width: 162px;
padding: 5px;
}

table.tableGrid4 span.chart-bold{
color: #2493d7;
font-weight: bold;
font-size: 0.9em;
}

table.tableGrid4 td.borderRight{
border-right: 1px solid #000000;
}

table.tableGrid4 tr.blueShade{
background-color: #eaf4f8;
}

table.tableGrid5{
width: 100%;
border-top: 1px solid #a8a9ac;
}

table.tableGrid5 p{
margin: 0px;
}

table.tableGrid5 td{
border-bottom: 1px solid #a8a9ac;
padding: 5px 3px;
}

table.tableGrid6 p{
margin: 0px;
}

table.tableGrid6 td.coloredCellBlue{
font-size: 1.0em;
}

table td.fin-blue{

}

table .chart-text-right{
text-align: right;
}

table .chart-text-left{
text-align: left;
}


table td.fin-blue{
background-color: #d9e8f7;
}

table td.fin-basic{
background-color: #f3f3f4;
}

table.legislationTable{
border-top: 1px solid #57575a;
border-right: 1px solid #57575a;
width: 580px;
}

div#LegislationNotes{
margin-top:20px;
}

table.contactInfoTable td{
vertical-align: top;
}


table.contactInfoTable td a{
text-decoration: none;
color:#444444;
}

table.contactInfoTable td a:hover{
color:#555555;
}

table.contactInfoTable .borderRight{
border-right: 1px solid #2493d7;
}

table.contactInfoTable .borderBottom{
border-bottom: 1px solid #2493d7;
margin-bottom: 10px;
}

table.contactInfoTable .spacer{
height: 40px;
border-bottom: 1px solid #2493d7;
}

table.contactInfoTable td.firstRow{
padding-top: 10px;
}

table.contactInfoTable td.sections{
padding-top: 20px;
}

/** Index **/

div#index a{
text-decoration: none;
}

div#index p.head-2 a{
color: #2493d7;
}

div#index p.head-2 a:hover{
color: #46b5f9;
}

div#index ul {
margin: 0px;
padding: 0px;
list-style-type: none;
}

div#index ul li{
margin-bottom: 10px;
}

div#index ul li ul {
margin: 10px 0px 0px 20px;
list-style-image: url(../images/smallbullet_blue.gif);
}

div#index ul a{
color: #555555;
}

div#index ul a:hover{
color: #777777;
}

/** Subindex **/

div.subIndexBottom{
margin-top: 20px;
}

div.subIndex{
/*
background-color: #c5cacb;
*/
background-color: #929798;
/*width: 605px;*/
width: 655px;
margin: 0px 0px 10px 0px; 
}

div.subIndexInner{
padding: 15px 15px 15px 15px;
}

div.subIndex ul{
list-style-type: none;
margin: 0px;
padding: 0px;
}

div.subIndex p{
color: #000000;
}

div.subIndex a{
color: #ffffff;
text-decoration: none;
}

div.subIndex a:hover{
color: #dddddd;
}

div.subIndex ul li{
padding: 0px;
margin: 0px 0px 10px 0px;
}

div.subIndex ul li ul{
padding: 0px;
margin: 10px 0px 0px 15px;
}

div.subIndex div.subIndexNav{
margin: 0px 0px 15px 0px;
}

div.subIndex span.nextPart{
float: right;
}

div.subIndex span.backToLink{
float: left;
}


/*** grey boxes with rounded corners ****/

table.part-2-box-table{
margin-bottom: 15px;
}

table.part-2-box-table td{
padding: 0px;
}

td.part-2-box{
background-color: #7b8ca0;
}

div.part-2-box-inner{
padding: 0px 15px;
}

div.cornerHolder{
height: 20px;
}

div.cornerHolder p{
margin: 0px;
}

div.leftCornerTop{
background-image: url(../images/greycorner_left.gif);
background-repeat:no-repeat;
height: 20px; 
width: 19px; 
background-position: top left; 
float: left;
}

div.rightCornerTop{
background-image: url(../images/greycorner_right.gif);
background-repeat:no-repeat;
height: 20px; 
width: 19px; 
background-position: top right; 
float: right;
}

div.leftCornerBottom{
background-image: url(../images/greycorner_bottomleft.gif);
background-repeat:no-repeat;
height: 20px; 
width: 26px; 
background-position: top left;  
float: left;

}

div.rightCornerBottom{
background-image: url(../images/greycorner_bottomright.gif);
background-repeat:no-repeat;
height: 20px; 
width: 26px; 
background-position: top right;  
float: right;
}

p.head-2-boxed{
color: #cfdeed;
font-size: 1.8em;
}

p.pull-quote-white{
color: #ffffff;
font-weight: bold;
}