/* I just can't get this working
#site-index #content-i1 {
  background-image:url(../images/i1.png);
  padding:0 0 0 5px;
}
*/

#content-i1 {
  background-image:url(../images/i1.png);
  padding:0 0 0 10px;
}

#content-i2 {
  background-image:url(../images/i2.png);
  padding:0 10px 0 0;
}
body {
  background:#069 url(../images/body_bg.png) repeat-x;
}

a:link,
a:visited,
.tabtree ul li ul li a span {
  color:#069;
}

.tabtree ul li ul li a.nolink span,
a:hover {
  color:#000;
}

#left-column .i3 {
  background-color:#2d2d2d;
}

#left-column .header {
  color:#fff;
  background:#069;
}

#left-column ul li .buttons,
#left-column li a:link,
#left-column li a:visited {
  background-color:#3c3c3c;
}


#left-column li {
  border-color:#2d2d2d;
}

#left-column li a:hover {
  background-color:#069;
}

.block_rss_client ul.list li .link {
  border-color:#666;
}

.breadcrumb ul li,
#footer a:link,
#footer a:visited,
.headermenu a:link,
.headermenu a:visited {
  color:#bbb;
}

#left-column ul.unlist li .head,
#left-column li .description,
#left-column .content {
  color:#bbb;
}

.breadcrumb ul li a:link,
.breadcrumb ul li a:visited,
#footer,
#left-column a:link,
#left-column a:visited,
h1.headermain,
.headermenu,
.headermenu a:hover {
  color:#fff;
}

#navwrapper-i1 {
  background-color:#3b3b3b;
}

#course-view .section td.side,
#course-view .section td.content {
  background:#f9f9f9;
}
#course-view .section td.left {
  border-width:1px 0 2px 1px;
}

#course-view .section td.right {
  border-width:1px 1px 2px 0;
}

#course-view .section td.content {
  border-width:1px 0 2px 0;
}



#course-view .section.current td.side {
  background:#888;
}

#header-img {
  background:url(../images/headerbg.jpg) no-repeat 0 25%;
}
#headerwrapper-bt div {
  background-image:url(../images/header-wrapper_bt-div.png);
  height:14px;
  left:-15px;
  position:relative;
  width:15px;
}

#headerwrapper-bt {
  background-image:url(../images/header-wrapper_bt.png);
  height:14px;
  margin:0 0 0 15px;
}

#footerwrapper-i1,
#headerwrapper-i1 {
  background-image:url(../images/i1.png);
  padding:0 0 0 15px;
  line-height:0;
}

#footerwrapper-i2,
#headerwrapper-bb,
#headerwrapper-i2 {
  background-image:url(../images/i2.png);
  padding:0 15px 0 0;
  line-height:0;
}

#headerwrapper {
  background-image:url(../images/wrapper-top.png);
  background-position:0 0;
  background-repeat:repeat-x;
}

#footerwrapper {
  background-image:url(../images/wrapper-bottom.png);
  background-position:0% 100%;
  background-repeat:repeat-x;
  background-color:#fff;
}

#course-view #navwrapper-bb div,
#headerwrapper-bb div {
  background-image:url(../images/header-wrapper_bb-div.png);
  height:5px;
  left:-15px;
  position:relative;
  width:15px;
}

#footerwrapper-bb div {
  background-image:url(../images/footer-wrapper_bt-div.png);
  height:14px;
  left:-15px;
  position:relative;
  width:15px;
}

#footerwrapper-bb {
  background-image:url(../images/footer-wrapper_bt.png);
  height:14px;
  margin:0 0 0 15px;
}

#loginwrapper-bt div,
#navwrapper-bt div {
  background-image:url(../images/navbar_top-left.png);
  height:4px;
  left:-4px;
  position:relative;
  width:4px;
}

#loginwrapper-bt,
#navwrapper-bt {
  background-image:url(../images/navbar_top-right.png);
  height:4px;
  margin:0 0 0 4px;
  background-color:#3b3b3b;
}

#loginwrapper-i1,
#navwrapper-i1 {
  background-image:url(../images/navbar_bottom-left.png);
  background-position:0% 100%;
  background-repeat:no-repeat;
  background-color:#3b3b3b;
}

#loginwrapper-i2,
#navwrapper-i2 {
  background-image:url(../images/navbar_bottom-right.png);
  background-position:100% 100%;
  background-repeat:no-repeat;
}

#left-column {
  padding:0;
  background-image:url(../images/left-column_top-right.png);
  background-position:100% 0%;
  background-repeat:no-repeat;
}

#left-column .wrap {
  background-image:url(../images/left-column_bottom.png);
  background-repeat:no-repeat;
  background-position:0% 100%;
}

#left-column .i1 {
  background-image:url(../images/left-column_bottom-right.png);
  padding:0 0 5px 0;
  background-repeat:no-repeat;
  background-position:100% 100%;
}

#right-column .sideblock .header .bt div {
  background-image:url(../images/right-column_top-left.png);
  height:10px;
  left:-10px;
  position:relative;
  width:10px;
}

#right-column .sideblock .header .bt {
  background-image:url(../images/right-column_top-right.png);
  margin:0 0 0 10px;
  height:10px;
}

#right-column .sideblock .bt div {
  background-image:url(../images/right-column_top-left.png);
  height:10px;
  left:-10px;
  position:relative;
  width:10px;
}

#right-column .sideblock .bt {
  background-image:url(../images/right-column_top-right.png);
  margin:0 0 0 10px;
  height:10px;
}

#right-column .sideblock .header .i1 {
  background-image:url(../images/right-column_left.png);
  padding:0 0 0 10px;
}

#right-column .sideblock .header .i2 {
  background-image:url(../images/right-column_right.png);
  padding:0 10px 0 0;
}

#right-column .sideblock .i1 {
  background-image:url(../images/right-column_left.png);
  padding:0 0 0 10px;
}

#right-column .sideblock .i2 {
  background-image:url(../images/right-column_right.png);
  padding:0 10px 0 0;
}

#right-column .sideblock .bb div {
  background-image:url(../images/right-column_bottom-left.png);
  height:10px;
  left:-10px;
  position:relative;
  width:10px;
}

#right-column .sideblock .bb {
  background-image:url(../images/right-column_bottom-right.png);
  margin:0 0 0 10px;
  height:10px;
}