body
{
padding: 0;
margin: 0;
background-color: #CCCCCC;
background-image: url(ddimages/BGupdate_v8.png);
}

#page
{
margin: auto;
padding: 0;
position: relative;
width: 1000px;
min-height: 100%;
max-height: 100%;
background-color: #666666;
}

#banner
{
float: left;
width: 1000px;
height: 200px;
background-image: url(ddimages/ddsv8banner.png);
}

/* Banner Links */

#art
{
display: block;
float: right;
height: 200px;
width: 80px;
background: url(ddimages/art_off.png);
border: 0px;
}

#art:hover
{
Background: url(ddimages/art.png); 
background-repeat: repeat once; 
background-attachment: scroll; 
background-position: 0 0;
border: 0px;
}

#mediamixup
{
display: block;
float: right;
height: 200px;
width: 80px;
background: url(ddimages/mediamixup_off.png);
border: 0px;
}

#mediamixup:hover
{
Background: url(ddimages/mediamixup.png); 
background-repeat: repeat; 
background-attachment: scroll; 
background-position: 0 0; 
border: 0px;
}

#dmp
{
display: block;
float: right;
height: 200px;
width: 80px;
background: url(ddimages/dmp_off.png);
border: 0px;
}

#dmp:hover
{
Background: url(ddimages/dmp.png); 
background-repeat: repeat once; 
background-attachment: scroll; 
background-position: 0 0; 
border: 0px;
}

/* Content starts here */

#bannerbar
{
float: left;
position: relative;
width: 998px;
height: 5px;
border-left: solid 1px black;
border-right: solid 1px black;
background-image: url(ddimages/5pxbar.png);
background-color: #3399FF;
}

#bottompart
{
float: left;
border: solid 1px black;
width: 998px;
min-height: 300px;
max-height: 100%;
background-color: #666666;
}

#linknav
{
float: left;
position: relative;
width: 150px;
min-height: 180px;
max-height: 100%;
background-color: #666666;
}

ul { list-style-type: none; padding: 0; margin: 0; position: relative; overflow: visible; height: auto; }

ul li { height: 18px; width: 142px; }

ul li a, ul li a:visited { width: 142px; height: 18px; display: block; color: White; text-decoration: none; background: ; text-indent: 10px; }

ul li a:hover { display: block; background: #eee; color: #333; }

ul li a.currentpage, ul li a.currentpage:visited { background: #ff7f50; color: #000; display: block; }

#mainNAV
{
float: left;
height: 30px;
width: 150px;
background-image: url(ddimages/mainNAV.png);
}

#subNAV
{
float: left;
height: 30px;
width: 150px;
background-image: url(ddimages/subNAV.png);
}

#linksNAV
{
float: left;
height: 30px;
width: 150px;
background-image: url(ddimages/linksNAV.png);
}

#kree:hover 
{ 
color: black; 
font-size: 10pt; 
background-color: 
green; background-repeat: 
repeat; background-attachment: scroll; 
background-position: 0 0; 
}

#linknavmain
{
float: left;
position: relative;
width: 142px;
padding-left: 2px;
padding-right: 2px;
margin-left: 2px;
margin-right: 2px;
min-height: 150px;
max-height: 100%;
background-color: #505050;
}

#linkend
{
float: left;
position: relative;
width: 142px;
height: 16px;
padding-left: 2px;
padding-right: 2px;
margin-left: 2px;
margin-right: 2px;
background-image: url(ddimages/endlink.png);
}

#content
{
float: left;
width: 836px;
padding-left: 8px;
padding-right: 4px;
min-height: 560px;
max-height: 100%;
background-color: #999999;
background-image: url(ddimages/840_backdrop.png);
}

#footer
{
float: left;
height: 80px;
background-image: url(ddimages/footer_bar.png);
width: 994px;
text-align: center;
padding-left: 3px;
padding-right: 3px;
}