/* the body style */
body {
    margin: 0px;   
    background-color: #7989B0;
    background-image: url('../images/body-bkg.jpg');
    background-repeat: repeat-x;
}

/* the main container */
#ds-main {
    width: 760px;
    margin-right: auto;
    margin-left: auto;    
    background-color: #FFFFFF;
    background-image: url( '../images/content-bkg.jpg' );
    background-repeat: repeat-y;
    background-position: top left;
}

/* the header */
#ds-header {
    width: auto;
    /*height: 60px;*/
	height: 144px;
    background-color: #FFFFFF;
    /*padding: 10px 16px 10px 16px;*/
	padding: 0px 0px 0px 0px;
    background-image: url('../images/header-bkg.jpg');
    background-position: top right;
    background-repeat: no-repeat;
}
#ds-logo {
    float: left;
}
#ds-subnav {
    float: right;
    font-size: 8pt;
}
#ds-languages {
    float: left;   
}
#ds-languages ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}
#ds-languages li {
    margin: 0px;
    padding: 0px;
    float: left;
    margin-left: 4px;
    margin-right: 4px;
}
#ds-login {
    float: left;   
    font-weight: bold;
    margin-left: 16px;
    margin-right: 0px;
}

/* the navigation menu */
#ds-menubar {
    background-color: #4062B3;
    color: #FFFFFF;
    height: 20px;
}

/* the breadcrumb */
#ds-breadcrumb {
    font-size: 7pt;
    line-height: 18px;
    min-height: 18px;
    height: 18px; /* for IE 6.0 */
    padding: 2px 16px 0px 16px;
    color: #575757;
    background-repeat: repeat-x;
    background-color: #F2F2F2;
    background-image: url('../images/breadcrumb-bkg.jpg');
    background-position: top center;
    border-bottom: 1px solid #BBBBBB;
}

/* the left bar */
#ds-left {
    width: 196px;
    float: left;
    padding: 0px;
}
#ds-left-content {
    margin: 16px;
    font-size: 8pt;
}
.ds-left-title {
    font-weight: normal;
    font-size: 12pt;
    line-height: 16px;
    margin-top: 8px;
    margin-bottom: 8px;
}
.ds-leftmenu {
    list-style-type: none;
    margin-left: -16px;
    margin-right: -16px;
    padding: 0px;
}
.ds-leftmenu li {
    font-size: 8pt;
    line-height: 9pt;
    margin: 0px;
    padding: 0px;
}
.ds-leftmenu li a {
    display: block;
    padding: 4px 16px 4px 16px;
    width: 164px; /* for IE 6.0 */
    text-decoration: none;
    color: #203040;
    background-color: #CED6DF;
    border-top: 1px solid #D8E1EA;
    border-bottom: 1px solid #B9C0C8;
    background-image: url('../images/leftnav-shadow.png');
    background-repeat: repeat-y;
    background-position: top right;
}
.ds-leftmenu li a:hover {
    color: #102030;
    background-color: #B6C9DE;
    border-top-color: #C0D5EB;
    border-bottom-color: #A3B4C7;
}
.ds-leftmenu li a:visited {
    color: #203040;
}
.ds-leftmenu li a:active {
    color: #203040;
}
.ds-leftmenu ul {
    display: block;
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}
.ds-leftmenu ul li a {
    padding: 3px 16px 3px 26px;
    width: 154px; /* for IE 6.0 */
    color: #102030;
    background-color: #DCE3EA;
    border-top-color: #F0F7FF;
    border-bottom-color: #C5CCD2;
}
.ds-leftmenu ul li a:hover {
    color: #102030;
    background-color: #C5D8EB;
    border-top-color: #D6E9FF;
    border-bottom-color: #B0C1D1;
}
.ds-leftmenu ul li ul li a {
    padding: 3px 16px 3px 36px;
    width: 144px; /* for IE 6.0 */
    background-color: #EAF0F5;
    border-top-color: #F4FAFF;
    border-bottom-color: #D7DCE1;
}
.ds-leftmenu ul li ul li a:hover {
    background-color: #D3E5F5;
    border-top-color: #DBEFFF;
    border-bottom-color: #C1D1E0;
}
.ds-leftmenu li.ds-leftmenu-active-page a {
    background-image: none;
    background-color: #FFFFFF;
    border-top-color: #FFFFFF;
    border-bottom-color: #DDDDDD;
    color: #000000;
}
.ds-leftmenu li.ds-leftmenu-active-page a:hover {
    background-image: none;
    background-color: #FFFFFF;
    border-top-color: #FFFFFF;
    border-bottom-color: #DDDDDD;
    color: #000000;
}


/* the body */
#ds-body {
    background-color: #FFFFFF;
    margin-left: 196px;
    padding: 2px;
}
#ds-body-content { 
    margin: 14px 18px 14px 18px;
    font-size: 8pt;
}

/* the footer */
#ds-footer {
    clear: both;
    background-color: #F2F2F2;
    border-top: 1px solid #BBBBBB;
    border-bottom: 1px solid #BBBBBB;
    font-size: 8pt;
}
#ds-footer-content {  
    margin: 8px 16px 8px 16px;
}
#ds-footer-copyright {
    color: #888888;   
}
#ds-footer-legal {
    float: right;
    color: #888888;   
}
#ds-footer-legal a {
    color: #555555;
}
#ds-footer-legal a:hover {
    color: #222222;
}

/* the print modifier */
@media print {
    #ds-main {
        width: auto;
    }
    #ds-menubar {
        display: none;
    }
    #ds-left {
        display: none;
    }
    #ds-body {
        margin-left: 0px;
        padding: 0px;    
    }   
    #ds-body-content {
        margin: 0px;
    }
}

.cssbutton{
  /*background-color: #ffffff;*/
  background-color:white;
  /*border: 2px #d1ec4c outset;*/
  /*border: 1px navy outset;*/
  border-style: double;
  border-width:2px;
  /*border-color:#FFF #C1C1C1 #C1C1C1 #FFF;*/
  border-color:#C1C1C1 #C1C1C1 #C1C1C1 #C1C1C1;
  padding: 1px 4px;
  color: navy;
  width: 10px;
  text-decoration: none;
  text-align: center;
  font-family: Verdana, Helvetica, sans-serif;
}

.cssbutton:visited{
  text-decoration: none;
  color: navy;
}

.cssbutton:hover{
  border-style: inset;
  background-color: #e3f48e;
  color: navy;
  /*padding: 2px 3px 0 5px;*/ /*shift text 1px to the right and down*/
}

.cssbutton:active{
  color: navy;
}