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: 100px;
max-height: 1200px;
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;
}