/* @override http://dia-govt.xyz/soi/2008/css/site-w3c-style.css */

/**** 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;
}

.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;*/
/*width: 725px;*/
width: 780px;
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;

}


/*******************************/
/** CSS for  Statement of intent **/
/*****************************/


div#dia024-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;
font-weight: bold;
}

p.head-5{
font-size: 1.2em;
color: #333333;
}

p.head-1a{
color: #221e1f;
font-size: 2em;
}

/** font styling **/

span.bold{
color: #333333;
font-weight: bold;
}

span.italic{
font-style: italic;
}

/** misc **/

p.intro-para{
color:#818285;
font-size: 1.4em;
}

p.signatureName{
color: #2493d7;
text-transform: uppercase;
}

.backToTop{
text-align: right;
font-size: 0.9em;
margin-top: 15px;
}

.backToTop a{
color:#2493d7;
}

.backToTop a:hover{
color:#36b5f9;
}

a.pageLink{
color:#2493d7;
}

a.pageLink:hover{
color:#36b5f9;
}

/** 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.listIndent{
padding-left: 18px;
}

/** tables **/

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.borderNone{
	border-style: none;
}

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

table tr td.borderTop{
border-top: 1px solid #2493d7;
}

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

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 .head-1{
color: #2493d7;
font-size: 3em;
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.tableGrid6{
border-top: 1px solid #2493d7;
border-left: 1px solid #2493d7;
}

table.tableGrid6 td{
border-right: 1px solid #2493d7;
border-bottom: 1px solid #2493d7;
padding: 5px;
}

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 {
border-left: 0;
}

table.tableGrid6 p{
margin: 0px;
}

table.tableGrid6 td{
width: 250px;
border-left: 0;
border-right: 0;
}


table .chart-text-right{
text-align: right;
}

table .chart-text-left{
text-align: left;
}


table.legislationTable{
border-top: 1px solid #2493d7;
border-right: 1px solid #2493d7;
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;
}

/** 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.subIndex{
/*
background-color: #c5cacb;
*/
background-color: #929798;
/*width: 605px;*/
/*width: 655px;*/
width: 745px;
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;
}

div.subIndexBottom{
margin-top: 20px;
}

/**** Huge Tables ****/

#largeTableOuter {
	margin-bottom: 15px;
}
table.LargeTable {
	width: 100%;
	border-collapse: collapse;
	margin: 0;
}
td.LargeTableInner {
	padding: 0;
}


/**** Huge Table 1 ****/

td.largeTableCorner {
	width: 26px; height: 26px;
	background: #67747C url(../images/table-corner.gif) no-repeat left top;
	padding: 0;
}
td.largeTableSideways {
	width: 26px;
	padding: 0px 0px 12px 0px;
	background: #67747C url(../images/table-bottom.gif) no-repeat 0 bottom;
	vertical-align: middle;
}
td.largeTableBody {
	padding: 6px;
	border-top: 1px solid #2493d7;
	border-right: 1px solid #2493d7;
}
td.largeTableBodyBorderRight {
	padding: 6px;
	border-right: 1px solid #2493d7;
}

td.largeTableGradient {
	background: url(../images/table-gradient.gif) repeat-y;
	padding: 0;
}
td.largeTableHeading {
	padding: 10px 10px 0px 10px;
	border-top: 1px solid #2493d7;
	border-right: 1px solid #2493d7;
}
/**** Huge Table 2 ****/
td.largeTableCorner-2 {
	width: 26px; height: 26px;
	background: #BCD0DB url(../images/table-corner-2.gif) no-repeat left top;
	padding: 0;
}
td.largeTableSideways-2 {
	width: 26px;
	padding: 0px 0px 12px 0px;
	background: #BCD0DB url(../images/table-bottom-2.gif) no-repeat 0 bottom;
	vertical-align: middle;
}
td.largeTableGradient-2-a {
	background: url(../images/table-gradient-2-a.gif) no-repeat;
	padding: 0;
}
td.largeTableGradient-2-b {
	background: url(../images/table-gradient-2-b.gif) no-repeat;
	padding: 0;
}
td.largeTableGradient-2-c {
	background: url(../images/table-gradient-2-c.gif) no-repeat;
	padding: 0;
}

/**** Huge Table 3 ****/

td.largeTableCorner-3 {
	width: 26px; height: 26px;
	background: #005876 url(../images/table-corner-3.gif) no-repeat left top;
	padding: 0;
}
td.largeTableSideways-3 {
	width: 26px;
	padding: 0px 0px 12px 0px;
	background: #005876 url(../images/table-bottom-3.gif) no-repeat 0 bottom;
	vertical-align: middle;
}
td.largeTableGradient-3 {
	background: url(../images/table-gradient-3.gif) repeat-y;
	padding: 0;
}


