/*** general ***/
body
{
   background-color: #E0E6EF;
   color: #003375;
   font-family: Verdana, sans-serif;
   font-size: 12px;
   margin: 0;
   min-width: 964px;
   padding: 0;
   text-align: center;
}

hr
{
   background-color: #000000;
   border-width: 0px;
   color: #000000;
   height: 1px;
}

h1, h2, h3, h4, h5, h6
{
   margin: 0;
   padding: 0px 0px 12px;
}

#wrapper
{
   margin-left: auto;
   margin-right: auto;
   padding: 0;
   text-align: left;
   width: 964px;
}

#ds-background
{
   background-image: url( ../images/ds_background.jpg );
   background-repeat: repeat-y;
   padding: 0px 17px;
}

#ds-footer
{
   padding-bottom: 10px
}

.rc-hf-tl
{
   position: absolute;
   top: 0;
   left: 0;
}

.rc-hf-tr
{
   position: absolute;
   top: 0;
   right: 0;
}

.rc-hf-bl
{
   position: absolute;
   bottom: 0;
   left: 0;
}

.rc-hf-br
{
   position: absolute;
   bottom: 0;
   right: 0;
}

/*** header ***/
#header
{
   background-color: #E0E6EF;
   height: 70px;
   margin: 0;
   overflow: hidden;
   padding: 0;
   position: relative;
}

#logo-wn
{
   position: absolute;
   left: 15px;
   top: 15px;
}

#logo-mlp
{
   position: absolute;
   right: 24px;
   top: 15px;
}

/*** navigation ***/
#navigation
{
   height: 30px;
   margin: 0;
   overflow: hidden;
   padding: 0;
}

#navigation div
{
   float: left;
   text-align: center;
   padding: 0px 54px;
}

#navigation img
{
   border-width: 0px;
}

/*** animation ***/
#animation
{
   background-color: #FFFFFF;
   font-size: 0px;
   height: 75px;
   line-height: 0;
   margin: 0;
   overflow: hidden;
   padding: 0;
}

/*** content ***/
.rc-c-tl
{
   position: absolute;
   top: 0;
   left: 0;
}

.rc-c-tr
{
   position: absolute;
   top: 0;
   right: 0;
}

.rc-c-bl
{
   position: absolute;
   bottom: 0;
   left: 0;
}

.rc-c-br
{
   position: absolute;
   bottom: 0;
   right: 0;
}

#content-wrapper
{
   background-color: #DDDDBE;
   color: #000000;
   _height: 300px;
   margin: 10px 0px;
   min-height: 300px;
   padding: 0;
   position: relative;
}

#content
{
   padding: 12px;
}

/*** index content ***/
#content-wrapper-index
{
   background: url( ../images/bg_content_index.gif ) repeat-y top left;
   color: #000000;
   _height: 300px;
   margin: 10px 0px;
   min-height: 300px;
   padding: 0;
   position: relative;
}

#left-column
{
   float: left;
   font-size: 11px;
   overflow: hidden;
   width: 190px;
}

#left-column-header
{
   background-color: #BAA27B;
   height: 26px;
   margin-right: 1px;
   padding-left: 10px;
   width: 179px;
}

#center-column
{
   float: left;
   padding: 12px;
   overflow: hidden;
   width: 526px;
}

#right-column
{
   float: left;
   font-size: 11px;
   overflow: hidden;
   width: 190px;
}

#right-column-header
{
   background-color: #BAA27B;
   height: 26px;
   margin-left: 1px;
   padding-left: 10px;
   width: 179px;
}

.column-content
{
   padding: 12px;
}

#content-clear-index
{
   clear: both;
   height: 1px;
}

/*** footer ***/
#footer
{
   background-color: #E0E6EF;
   font-size: 10px;
   height: 30px;
   margin: 0;
   overflow: hidden;
   padding: 0;
   position: relative;
}

#copyright
{
   position: absolute;
   left: 9px;
   top: 9px;
}

#footer-navigation
{
   position: absolute;
   right: 9px;
   top: 9px;
}

#footer a 
{
   color: #003375;
   text-decoration: none;
}

#footer a:hover
{
   text-decoration: underline;
}

/*** ticker styles ***/
#content-ticker
{
   height: 14px;
   margin: 10px 0px 0px 0px;
   overflow: hidden;
   width: 930px;
}
 

.tickercontainer
{
   /* the outer div */
   background: #fff; 
   height: 14px; 
   margin: 0; 
   overflow: hidden; 
   padding: 0
   width: 930px; 
}

.tickercontainer .mask
{
   /* that serves as a mask. so you get a sort of padding both left and right */
   position: relative;
   left: 0px;
   top: 0px;
   overflow: hidden;
   width: 930px;
}

ul.newsticker
{
   /* that's your list */
   position: relative;
   left: 940px;
   font: bold 10px Verdana;
   list-style-type: none;
   margin: 0;
   padding: 0;
}

ul.newsticker li
{
   background: #ffffff;
   float: left; /* important: display inline gives incorrect results when you check for elem's width */
   margin: 0;
   padding: 0;
}

ul.newsticker a
{
   font: bold 10px Verdana;
   margin: 0 50px 0 0;
   padding: 0;
   white-space: nowrap;
} 
