body { margin:0; padding:0; line-height: 1.25; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; font-size: 11px; background-color: #304F6A; text-align: center; background-image: url(../images/dcd_site_background.gif); background-repeat:repeat-x; }
tr, td, p, blockquote, li { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; vertical-align: top; }

/* ------------------  Table styles ------------------  */
table { border-collapse: collapse; vertical-align: top; }

/* ------------------  Form styles ------------------  */
textarea, input, select { font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; }
.submit { background-color: #dddddd; border: 1px solid #304F6A; }

a:link { color: #B14E53; text-decoration: none; }
a:visited { color: #B14E53;  text-decoration: none; }
a:hover { color: #304F6A; text-decoration: none; }


h1 { font-size: 18px; }
h2 { font-size: 16px; }
h3 { font-size: 14px; }
h4 { font-size: 13px; }
h5 { font-size: 12px; }
h6 { font-size: 11px; }


/* ------------------  layout divs ------------------  */
#bgContainer { 
width: 800px; 
margin: auto;
text-align: center;
}

#capContainer {
background-image: url(../images/dcd_bknd_cap.png);
background-repeat: no-repeat;
background-position: top;
height: auto;
margin-top: 5px;
}

#mainContainer {
width: 800px;
height: auto;
margin-right: auto;
margin-left: auto;
padding: 0px;
background-color: #ffffff;
/*
border:  1px solid #0f0f0f;
border-right: 1px solid #0f0f0f;
border-left: 1px solid #0f0f0f;
border-bottom: 1px solid #0f0f0f;
background-image: url(../images/dcd_bknd.png);
background-position: top;
background-repeat: no-repeat;
*/
}

#contentContainer {
float: left;
padding: 5px 5px 5px 5px;
margin-top: 0px;
text-align: left;
background-color: #ffffff;
}

#topContainer {
position: absolute;
width:  880px;
height: auto;
margin-top: -5px;
margin-left: -20px;
padding: 0px;
text-align: left;
z-index: 99;
border: 2px solid #304F6A;
background-image: url(../images/01_header_come_together.jpg);
background-repeat: no-repeat;
background-position: right;
filter: alpha(opacity=90);
opacity: .90;
/*
background-color: #c0c0c0;
border: 2px solid #3E433F;
*/
} 

#nav {
position: absolute;
width:  870px;
height: auto;
background-image: url(../images/dcd_bknd_nav.png);
background-repeat: no-repeat;
background-position: top left;
margin-top: 95px;
margin-left: -60px;
padding: 10px 5px 18px 12px;
text-align: left;
z-index: 100;
/*

border: 2px solid #9D2D05;
background-color: #9D2D05;
*/
} 

#nav a {
color: #FFFFFF;
text-decoration: none;
font-size: 10px;
}

#nav a:hover {
color: #A4BFD6;
text-decoration: none;
}

.navVisited {
color: #A4BFD6;
font-weight: bold;
font-size: 10px;
}

#mainContentContainer {
float: left;
width: 545px;
height: auto;
text-align: left;
background-image: url(../images/dcd_bknd_page_545.png);
background-position: top left;
background-repeat: no-repeat;
margin-bottom: 20px;
/*
border: 1px solid #898989;
background-color: #ffffff;
*/
}

#mainContentContainerWide {
float: left;
width: 790px;
height: auto;
text-align: left;
background-image: url(../images/dcd_bknd_page_790.png);
background-position: top left;
background-repeat: no-repeat;
/*
border: 1px solid #898989;
background-color: #ffffff;
*/
}

#mainContentContainerWideDetail {
float: left;
width: 790px;
height: auto;
text-align: left;
background-image: url(../images/dcd_bknd_page_790.png);
background-position: top left;
background-repeat: no-repeat;
/*
border: 1px solid #000000;
background-color: #0F0F0F;
*/
}

#sidebarContainer {
float: right;
width: 233px;
margin-left: -10px; 
margin-top:  1px;
padding: 0px;
vertical-align: top;
border: 1px solid #a0a0a0;
background-color: #dddddd;
background-image: url(../images/dcd_bknd_page_sidebar.png); 
background-repeat: repeat-x;
}

#contentHeader {
font-weight: bold;
font-size: 13px;
}

#header {
padding: 4px 5px 7px 5px;
font-weight: bold;
font-size: 15px;
color: #ffffff;
/*
background-color: #969F5D;
border-bottom: 1px solid #898989;
*/
}

#breadcrumb {
padding: 10px 0px 0px 5px;
font-size: 9px;
margin-top: 135px;
margin-bottom: 15px;
}

#footer {
width: 800px;
font-size: 9px;
text-align: center;
padding: 15px 0px 15px 0px;
background-image: url(../images/dcd_bknd_cap.png);
background-position: bottom;
background-repeat: no-repeat;
margin-bottom: 10px;
}

/* ------------------  Data display styles ------------------  */
.dataHeader                { font-size: 11px; font-weight: bold; }
.data                      { font-size: 11px; padding-left: 10px; }
.dataTable                 { width: 100%; text-align: left; font-size: 11px; vertical-align: top; padding: 7px 5px 7px 5px; }
.headerTable               { text-align: left; font-size: 11px; font-weight: bold; vertical-align: top; }
.rightAlign                { text-align: right; }
.text_10                   { font-size: 10px; }
.text_9                    { font-size: 9px; }

/* ------------------  Image display styles ------------------  */
#imageEnlarge              { text-align: center; padding: 5px 0px 5px 0px; }
#imageEnlarge a            { border-width: 0; }
#imageEnlarge a img        { height: 0px; width: 0px; border-width: 0; }
#imageEnlarge a:hover img  { display: block; position: absolute; margin-left: 10px; margin-top: -150px; width: auto; z-index: 100; color: #000000; }

#moreInfo a span           { display: none; text-align: center; }
#moreInfo a:hover span     { display: block; position: absolute; margin-left: 10px; margin-top: -150px; width: auto; z-index: 100; color: #000000; }

#moreInfoRand a span       { display: none; text-align: center; }
#moreInfoRand a:hover span { display: block; position: absolute; margin-left: 10px; margin-top: -150px; width: auto; z-index: 100; color: #000000; }

#image                     { margin-right: 5px; margin-top: 10px; margin-left: 5px; margin-bottom: 10px; }

#artLarge                  { text-align: center; height: auto; padding: 5px; }
#artLargeContainer         { text-align: center; margin-top: 10px; margin-bottom: 20px; width: 785px; }

.artPopup                  { border: 2px solid #000000; width: 250px; }
.artDetailSm               { border: 2px solid #666666; }
.artDetail                 { border: 2px solid #666666; width: 650px; text-align: center; }
.artThumb                  { border: 1px solid #000000; }
.artLargeDesc              { font-weight: bold; text-align: right; padding: 3px 0px 3px 0px; }
.artLargeItem              { padding: 3px 0px 3px 10px; }
.artLargeTable             { margin-top: 10px; width: 500px; font-size: 11px; border-collapse: collapse; }

#floatTopRight             { position: relative; float: right; margin-top: -27px; margin-left: -78px; font-size: 9px; }

#bio                       { padding: 5px; margin-top: 0px; line-height: 1.25; width: 546px; }
#bio h2                    { font-size: 15px; font-weight: bold; }
#bio h3                    { font-size: 13px; font-weight: bold; }
#bio h4                    { font-size: 12px; font-weight: bold; }
#bio h5                    { font-size: 9px; font-style: italic; line-height: 0.95; margin-top: 5px; margin-bottom: 5px; }

.error                     { color: #FF0000; font-size: 13px; font-weight: bold; padding-top: 10px; padding-bottom: 10px; }

.colorLight                { background-color: #eeeeee; }
.colorMedium               { background-color: #c0c0c0; }