@charset "UTF-8";
/* CSS Document */

body {

font-size: 85%;
font-family: Arial, Helvetica, sans-serif;
background: #ccc;


}


div#shadow{
width: 920px;
margin: 25px auto 0px auto;
background: #fff url(../img/hrz_shadow.jpg) top left repeat-y;

}

div#container{
width: 888px;
margin: 6px 0px 0px 16px;
padding: 0px 0px 0px 0px;

}

img.shadow{
display: block;
}


div#header{
margin: 0px 0px 0px 0px;
width: 888px;
height: 138px;
padding: 0px 0px 0px 0px;
background: url(../img/header_bg.gif) top left no-repeat;
}
div#header img{

float: left;
margin: 0;
padding: 0;
}

div#nav{
margin: 0px 0px 0px 0px;
height: 30px;
background: url(../img/greytop.jpg) top left no-repeat;
padding: 0px 0px 0px 0px;

}

div#nav ul {
list-style: none;
height: 30px;
line-height: 30px;
margin: 0px 0px 0px 0px;
padding: 0;
font-size: 1.0em;
font-weight: 500;
background: url(../img/navbg.jpg) top right no-repeat;
border-left: 1px solid #fff;
}

div#nav li{
float: left;
display: block;
text-align: center;
padding: 0px 0px 0px 0px;
background: url(../img/redbg.jpg) top left repeat-x;
width: 150px;
color: #fff;
border-right: 1px solid #fff;
}

div#nav li a{
display: block;
width: 100%;
height: 100%;
text-decoration: none;
color: #fff;
background: url(../img/bluebg.jpg) top left repeat-x;
}

div#nav li a:hover{
color: #39F;
text-decoration: none;
background: url(../img/bluebg.jpg) top left repeat-x;
}


table#content{
width: 888px;
margin: 0px 0px 6px 0px;
height: 550px;
background: url(../img/greystripe.jpg) top left no-repeat;
}

td.left{
width: 665px;
vertical-align: top;
background: url(../img/greybg.jpg) top left repeat-y;
}

td.right{
width: 223px;
vertical-align: top;
background: url(../img/dtm_watermark.gif) bottom left no-repeat;

}

td.left p, td.left h1, td.left h2, td.left ul {
padding-left: 185px;

} 

h1{
color: #A10000;
font-size: 1.3em;
font-weight: 900;
margin: 20px 0px 10px 0px;
}

h2{
color: #333;
font-size: .9em;
font-weight: 900;
text-transform: uppercase;
margin: 15px 0px 8px 0px;
}
p.indent {
font-size: .9em;
text-indent: 15px;
line-height: 1.6em;
color: #333;
margin: 4px 0px 8px 0px;
padding: 0px 15px 0px 0px;
}

ul.bodyul{
font-size: .9em;
line-height: 1.5em;
color: #333;
margin: 0px 0px 15px 20px;
padding: 0px 15px 0px 0px;
}


ul.bodyul li{
margin: 0px 0px 8px 0px;

}
td.right img{
border: 5px solid #999;
margin: 1px 0px 6px 5px; 
float: right;
clear: right;

}

p.caption {
display: block;
width: 200px;
margin: 5px 5px 20px 0px;
float: right;
text-align: left;
color: #254384;
font-size: .9em;

}

p.caption strong{
font-weight: bold;
text-transform: uppercase;

}

p#footer{
display: block;
width: 920px;
margin: 0px auto 5px auto;
color: #666;
font-weight: 900;
font-size: .9em;
text-indent: 20px;
}

p.secondary {
font-size: 1em;
line-height: 1.4em;
color: #254384;
margin: 15px 0px 8px 0px;
padding: 0px 5px 0px 5px;
}