body { behavior:url("csshover.htc"); }

#sddm
{	background-color: #AD1919;
    width: 100%;
	z-index:90;
    overflow:hidden;
    text-align:center;
    margin: 0 auto;
	padding: 0;
   }

#sddm ul
{     margin: 0 auto;
      padding:0;
      text-align:center;
   } 

#sddm li
{	margin: 0 auto;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 11px arial
	}

#sddm li a
{	display: block;
	margin: 0 1px 0 0;
	padding: 4px 10px;
	width: 90px;
	z-index:90;
	background: #AD1919;
	color: #FFF;
	text-align: center;
	text-decoration: none
	}

#sddm li a:hover
{	background: #AD1919
    }

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #EAEBD8;
	border: 1px solid #AD1919
	}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		z-index:90;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #F6643B;
		color: #000000;
		font: 11px arial
		}

	#sddm div a:hover
	{	background: #AD1919;
		color: #FFF
		}

body {  
margin: 0px;  
background-color: #FFFFFF;  
font-family: Verdana, Arial, Helvetica, sans-serif;  
font-size: 11px;  
}  
table.linkcontainer td{  
background-color: #FFFFFF;  
filter:alpha(opacity=100);  
opacity: 1.0;  
-moz-opacity: 1.0;  
}  
td.logo_area{  
border-right-width: 5px;  
border-bottom-width: 0px;  
border-left-width: 0px;  
border-right-style: solid;  
border-bottom-style: solid;  
border-left-style: solid;  
border-right-color: #F6592C;  
border-bottom-color: #F6592C;  
border-left-color: #F6592C;  
}  
td.middle_spacer {  
width: 90%;  /* total width of main site*/
background-color: #FFFFFF;  
}  
td.body_content {  
padding: 5px;  
background-image: url(images_template1/bg_content2.jpg);  
background-repeat: repeat;  
vertical-align:top;
}  
td.below_header{  
background-color: #C6C6C6;  
height: 50px;  
color: #F6592C;  
padding: 0px;  
}  
td.main_content_box {  
background-color: #FFFFFF;  
}  
td.horizontal_column {  
background-color: #FFFFFF;  
border-top-width: 5px;  
border-right-width: 0px;  
border-bottom-width: 1px;  
border-left-width: 0px;  
border-top-style: solid;  
border-right-style: solid;  
border-bottom-style: solid;  
border-left-style: solid;  
border-top-color: #FFFFFF;  
border-right-color: #FFFFFF;  
border-bottom-color: #FFFFFF;  
border-left-color: #FFFFFF;  
height: 130px;  
display: table-cell;  
vertical-align: top;  
}  
td.bottom_link_container {  
background-color: #C6C6C6;  
text-align: center;  
color: #000000;  
padding: 5px;  
}  
td.horizontal_center {  
background-color: #FFFFFF;  
border-top-width: 0px;  
border-right-width: 0px;  
border-bottom-width: 0px;  
border-left-width: 0px;  
border-top-style: solid;  
border-right-style: solid;  
border-bottom-style: solid;  
border-left-style: solid;  
border-top-color: #FFFFFF;  
border-right-color: #FFFFFF;  
border-bottom-color: #FFFFFF;  
border-left-color: #FFFFFF;  
height: 175px;  
display: table-cell;  
vertical-align: bottom;  
background-image: url(images_template1/topbanner2.jpg);
background-repeat: no-repeat;  
background-position: left;  
}  
  
td.header_column {  
height: 100px;  
vertical-align: middle;  
color: #F6592C;  
font-size: large;  
background-image: url(images_template1/bg_content2.jpg);  
background-position: top;  
}  
td.left_content {  
width: 200px;  
padding: 5px;  
vertical-align: top;  
background-image: url(images_template1/bg_content2.jpg);  
background-repeat: repeat;  
}  
a.main_link:active,a.main_link:visited,a.main_link:link{  
font-weight: bold;  
text-decoration: none;  
display: block;  
width: 100%;  
color: #F6592C;  
line-height: 50px;  
}  
  
a.main_link:hover{  
background-color:#F6592C;  
color: #FFFFFF;  
background-image: url(images_template1/header_main.gif);  
background-repeat: repeat;  
background-position: bottom left;  
}  
  
a.bottom_link:active,a.bottom_link:visited,a.bottom_link:link{  
font-weight: bold;  
text-decoration: none;  
color: #FFFFFF;  
}
  
a.bottom_link:hover{  
color: #FFFFFF;  
}
  
div.bottom_content{  
color: #FFFFFF;  
padding: 5px;  
}
  
div.navigation {  
height: 50px;  
vertical-align: middle;  
text-align: center;  
}
 
div.progress-container {
  border: 1px solid #ccc; 
  width: 100px; 
  margin: 2px 5px 2px 0; 
  padding: 1px; 
  float: center; 
  background: white;
}

div.progress-container > div {
  background-color: #0FF; 
  height: 20px;
  vertical-align:middle;
}

/* DEFINITION LIST PROGRESS BAR */

dl, dt, dd{margin:0;padding:0;}

dd{
	width:216px;
	height:41px;
	background:url(bg_bar.gif) no-repeat 0 0;
	position:relative;
}
dd span{
	position:absolute;
	display:block;
	width:200px;
	height:25px;
	background:url(bar.gif) no-repeat 0 0;
	top:8px;
	left:8px;
	overflow:hidden;
	text-indent:-8000px;
}
dd em{
	position:absolute;
	display:block;
	width:200px;
	height:25px;
	background:url(bg_cover.gif) repeat-x;
	top:0;
}


/* SINGLE PROGRESS BAR */

.progressBar{
	width:216px;
	height:41px;
	background:url(bg_bar.gif) no-repeat 0 0;
	position:relative;
}
.progressBar span{
	position:absolute;
	display:block;
	width:200px;
	height:25px;
	background:url(bar.gif) no-repeat 0 0;
	top:8px;
	left:8px;
	overflow:hidden;
	text-indent:-8000px;
}
.progressBar em{
	position:absolute;
	display:block;
	width:200px;
	height:25px;
	background:url(bg_cover.gif) repeat-x 0 0;
	top:0;
}

/* Red Line Border around tables */

p.one 
{
border-style:ridge;
border-width:5px;
border-color:#AD1919;
}
p.two 
{
border-style:ridge;
border-width:medium;
border-color:#AD1919;
}
p.three
{
border-style:ridge;
border-width:1px;
border-color: #AD1919;
}
o.one
{
outline-style:solid;
outline-width:5px;
outline-color:#AD1919;
}
o.two
{
outline-style:solid;
outline-width:3px;
outline-color:#AD1919;
}
o.three
{
outline-style:solid;
outline-width:1px;
outline-color:#AD1919;
}
/* Red Line Border around tables div.ex gets rid of it entirely if removed*/
div.ex
{
padding:10px;
border:1px solid #AD1919;
margin:0px;
}

.row0{background:#CCCCCC;}
.row1{background:#f2f2f2;} 

 /* Table css */

div.data-table-wrapper {
 margin: none;
 width: auto;
 }

/* Header and First Column Properties */
table.data-table {
 font-size: 12px;
 padding: 20px;
 color: #000;
 line-height: normal;
 border: 1px solid #CCC;
 width: 100%;
 }

/*Data Table CSS3 Properties*/

/* Changes the container that the table is in */
 table.data-table {
 background-color: rgba(240,240,240,.6);
 -moz-border-radius: 6px;
 -webkit-border-radius: 6px;
 border-radius: 6px;
 }

/*changes bkgd colour of header and first column*/
table.data-table th {
 background-color: rgba(102,153,153,1);
 font-weight: normal;
 padding: 5px;
 border: 1px dotted #CCC;
 text-align: center;
 }

/*addresses individual cells bkgd and border*/
table.data-table td {
 border: 1px solid #999;
 text-align: left;
 padding: 2px;
 background-color: rgba(204,204,204,.5); 
 color: #000;
 }
 .thead{
 background-color: rgba(102,153,153,.2);
 }

table.data-table .transparent {
 border: 0;
 font-size: 16px;
 text-align: left;
 }
 .heading{
 font-size: 1.em !important;
 font-weight: bold !important;
 }

/*1 Column for Narrow Browser Windows and Smartphones in both orientations*/
 @media only screen and (min-width: 0px) and (max-width: 400px) {


/*CSS for table 2 */

div.data-table2-wrapper {
 margin: none;
 width: auto;
 }

/* Header and First Column Properties */
table.data-table2 {
 font-size: 12px;
 padding: 20px;
 color: #000;
 line-height: normal;
 border: 1px solid #CCC;
 width: 100%;
 }

/*Data Table CSS3 Properties*/

/* Changes the container that the table is in */
 table.data-table2 {
 background-color: rgba(240,240,240,.6);
 -moz-border-radius: 6px;
 -webkit-border-radius: 6px;
 border-radius: 6px;
 }

/*changes bkgd colour of header and first column*/
table.data-table2 th {
 background-color: rgba(102,153,153,1);
 font-weight: normal;
 padding: 5px;
 border: 1px dotted #CCC;
 text-align: center;
 }

/*addresses individual cells bkgd and border*/
table.data-table2 td {
 border: 1px solid #999;
 text-align: left;
 padding: 2px;
 background-color: rgba(204,204,204,.5); 
 color: #000;
 }
 .thead{
 background-color: rgba(102,153,153,.2);
 }

table.data-table2 .transparent {
 border: 0;
 font-size: 16px;
 text-align: left;
 }
 .heading{
 font-size: 1.em !important;
 font-weight: bold !important;
 }

/*1 Column for Narrow Browser Windows and Smartphones in both orientations*/
 @media only screen and (min-width: 0px) and (max-width: 400px) {

table.data-table2 th, td, tr {
 display: block;
 text-align: left;
 width: auto;
 }
table.data-table2 thead tr {
 position: absolute;
 top: -9999px;
 left: -9999px;
 }
table.data-table2 td:before {
 display: block;
 font-weight: bold;
 }
 table.data-table2 td:nth-of-type(1):before {
 content: "";
 }
 table.data-table2 td:nth-of-type(2):before {
 content: "";
 }
 

}


/*CSS for table 3 */

div.data-table3-wrapper {
 margin: none;
 width: auto;
 }

/* Header and First Column Properties */
table.data-table3 {
 font-size: 12px;
 padding: 20px;
 color: #000;
 line-height: normal;
 border: 1px solid #CCC;
 width: 100%;
 }

/*Data Table CSS3 Properties*/

/* Changes the container that the table is in */
 table.data-table3 {
 background-color: rgba(240,240,240,.6);
 -moz-border-radius: 6px;
 -webkit-border-radius: 6px;
 border-radius: 6px;
 }

/*changes bkgd colour of header and first column*/
table.data-table3 th {
 background-color: rgba(102,153,153,1);
 font-weight: normal;
 padding: 5px;
 border: 1px dotted #CCC;
 text-align: center;
 }

/*addresses individual cells bkgd and border*/
table.data-table3 td {
 border: 1px solid #999;
 text-align: left;
 padding: 2px;
 background-color: rgba(204,204,204,.5); 
 color: #000;
 }
 .thead{
 background-color: rgba(102,153,153,.2);
 }

table.data-table3 .transparent {
 border: 0;
 font-size: 16px;
 text-align: left;
 }
 .heading{
 font-size: 1.em !important;
 font-weight: bold !important;
 }

/*1 Column for Narrow Browser Windows and Smartphones in both orientations*/
 @media only screen and (min-width: 0px) and (max-width: 400px) {

table.data-table3 th, td, tr {
 display: block;
 text-align: left;
 width: auto;
 }
table.data-table3 thead tr {
 position: absolute;
 top: -9999px;
 left: -9999px;
 }
table.data-table3 td:before {
 display: block;
 font-weight: bold;
 }
table.data-table3 td:nth-of-type(1):before {
 content: "";
 }
table.data-table3 td:nth-of-type(2):before {
 content: "";
 }
table.data-table3 td:nth-of-type(3):before {
 content: "";
 }
table.data-table3 td:nth-of-type(4):before {
 content: "";
 }
 

}

/*CSS for table 4 */

div.data-table4-wrapper {
 margin: none;
 width: auto;
 }

/* Header and First Column Properties */
table.data-table4 {
 font-size: 12px;
 padding: 20px;
 color: #000;
 line-height: normal;
 border: 1px solid #CCC;
 width: 100%;
 }

/*Data Table CSS3 Properties*/

/* Changes the container that the table is in */
 table.data-table4 {
 background-color: rgba(240,240,240,.6);
 -moz-border-radius: 6px;
 -webkit-border-radius: 6px;
 border-radius: 6px;
 }

/*changes bkgd colour of header and first column*/
table.data-table4 th {
 background-color: rgba(102,153,153,1);
 font-weight: normal;
 padding: 5px;
 border: 1px dotted #CCC;
 text-align: center;
 }

/*addresses individual cells bkgd and border*/
table.data-table4 td {
 border: 1px solid #999;
 text-align: left;
 padding: 2px;
 background-color: rgba(204,204,204,.5); 
 color: #000;
 }
 .thead{
 background-color: rgba(102,153,153,.2);
 }

table.data-table4 .transparent {
 border: 0;
 font-size: 16px;
 text-align: left;
 }
 .heading{
 font-size: 1.em !important;
 font-weight: bold !important;
 }

/*1 Column for Narrow Browser Windows and Smartphones in both orientations*/
 @media only screen and (min-width: 0px) and (max-width: 400px) {

table.data-table4 th, td, tr {
 display: block;
 text-align: left;
 width: auto;
 }
table.data-table4 thead tr {
 position: absolute;
 top: -9999px;
 left: -9999px;
 }
table.data-table4 td:before {
 display: block;
 font-weight: bold;
 }
table.data-table4 td:nth-of-type(1):before {
 content: "";
 }
table.data-table4 td:nth-of-type(2):before {
 content: "";
 }
table.data-table4 td:nth-of-type(3):before {
 content: "";
 }
table.data-table4 td:nth-of-type(4):before {
 content: "";
 }
 

}

/*CSS for table 5 */

div.data-table5-wrapper {
 margin: none;
 width: auto;
 }

/* Header and First Column Properties */
table.data-table5 {
 font-size: 12px;
 padding: 20px;
 color: #000;
 line-height: normal;
 border: 1px solid #CCC;
 width: 100%;
 }

/*Data Table CSS3 Properties*/

/* Changes the container that the table is in */
 table.data-table5 {
 background-color: rgba(240,240,240,.6);
 -moz-border-radius: 6px;
 -webkit-border-radius: 6px;
 border-radius: 6px;
 }

/*changes bkgd colour of header and first column*/
table.data-table5 th {
 background-color: rgba(102,153,153,1);
 font-weight: normal;
 padding: 5px;
 border: 1px dotted #CCC;
 text-align: center;
 }

/*addresses individual cells bkgd and border*/
table.data-table5 td {
 border: 1px solid #999;
 text-align: left;
 padding: 2px;
 background-color: rgba(204,204,204,.5); 
 color: #000;
 }
 .thead{
 background-color: rgba(102,153,153,.2);
 }

table.data-table5 .transparent {
 border: 0;
 font-size: 16px;
 text-align: left;
 }
 .heading{
 font-size: 1.em !important;
 font-weight: bold !important;
 }

/*1 Column for Narrow Browser Windows and Smartphones in both orientations*/
 @media only screen and (min-width: 0px) and (max-width: 400px) {

table.data-table5 th, td, tr {
 display: block;
 text-align: left;
 width: auto;
 }
table.data-table5 thead tr {
 position: absolute;
 top: -9999px;
 left: -9999px;
 }
table.data-table5 td:before {
 display: block;
 font-weight: bold;
 }
table.data-table5 td:nth-of-type(1):before {
 content: "";
 }
 

}