body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ul {list-style:none;}
ul, ol {list-style-position: outside;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}

/*
== typography
*/
body,ul,ol,dl,h1,h2,h3,h4,h5,h6,td,th,caption,pre,p,blockquote,input,textarea {
  font-family: Arial, sans-serif;
  font-size: 12px;
  line-height: 14px;
  font-weight: normal;
  color: #464646;
}
.textblock ul.first-child {
  margin-top:14px;
}
.textblock ul.first-child li {
  margin-bottom:8px;
}
a {
  text-decoration:none;
  outline:none;
  color:#0054a6;
}
a:hover { text-decoration:underline; }

.attribute {
  font-size:10px;
  color:#a0a0a0;
}
strong { font-weight:bold; }

dt { font-weight:bold; }
dd { margin-left:1em; margin-bottom:18px; }
em { font-weight:bold; }

/*
== layout
props to ljworld for inspiration
*/
.block {

}
.clear:after,
.container:after,
.block:after { 
  content:  ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clear,
.container,
.block {
  zoom: 1; /* IE fix */
}

body.bigleft #main, body.bigleft #side, #inner-main {

}
body.bigright #main, body.bigright #side, #inner-side {

}
body.bigleft #main {

}
body.bigright #main {

}
body.main-with-sidebar #inner-main {

}
body.main-with-sidebar #inner-side {

}
body.bigleft #side {
  width:210px;
}
body.bigright #side {
  width:207px;
}

.inner-block {
  margin-bottom:8px;
  background:#fff;
}
.mini-block {
  width:208px;
  margin-right:8px;
  height:130px;
  float:left;
}
.textblock { padding-bottom:18px; }
.textblock .column {
  width:302px;
  margin-right:10px;
  float:left;
  display:inline;
}
body.bigright .textblock .column { width:320px; }
.textblock .first {
  margin-left:10px;
}
body.bigleft .textblock .full-column, body.bigright .textblock .full-column {
  margin-left:10px;
  margin-right:10px;
  width:auto;
}
.textblock ul {
  list-style: disc outside;
  margin-left:1.5em;
}
.inner-block p { margin:8px 0; }
#side .inner-block p { margin-left:12px; margin-right:12px; }
.inner-block hr {
  height: 1px;
  color: #dcdcdc;
  background-color: #dcdcdc;
  border: 0;
  margin:0 12px;
}





#news-items {
  height:353px;
  background:#f0f0f0;
}
.accordion_toggle {
  cursor: pointer;
}
#news-items .accordion_content {
  overflow:hidden; /* for accordion */
  background:#f0f0f0;
}
.news-item {
  padding:10px;
}
.inner-block .news-item h3 { margin-top: 0; }
.news-item a {
  color:#184094;
}
.news-item p {
  margin:8px 0;
}
#news-items h3 {
  font-weight:bold;
}
p.news-source {
  margin:0;
}


/*
== headers
*/
.round-box-tr { background: url(http://www.mybackups.co.za/slide2/images/round-box-tr.png) no-repeat top right; }

.inner-block h2 {
  color:#363636;
  font-weight:bold;
  font-size:12px;
  line-height:29px;
  padding-left:14px;
  background: url(http://www.mybackups.co.za/slide2/images/round-box-tl.png) no-repeat top left;
}
.inner-block h2 a { color:#363636; }
.inner-block h2.short { line-height:12px; }




#side .uas h3 {
  font-size: 150%;
  padding: 0;
  margin: 18px 12px -8px;
  color: #777;
}
#side .uas p {
  color:#777;
  margin-bottom:18px;
}

.textblock h3 {
  color:#eb8023;
  font-weight:bold;
  font-size:12px;
}
.textblock h4 {
  font-weight:bold;
  color:#464646;
  margin-top:14px;
}

.last {
  margin-right:0;
}



/*
== news
*/
#newsitems {
  list-style: none;
  margin: 25px 0 0;
  padding: 0;
}
#newsitems h3 {
  margin: 0 0 0.5em 0 !important;
  color:#464646;
}
#newsitems li {
  margin: 0 0 25px 245px;
  padding: 0 !important;
  position: relative;
  border-bottom: 1px solid #fff; /* to fix IE 6 margin issues*/
}
.newssource {
  position: absolute;
  top: 0;
  left: -230px;
  width: 200px;
  background: #fff;
}
.newssource img {
  float: right;
  display: inline;
}
.newsnotes {
  margin: 0 0 1em 0;
  padding: 0;
  font-style: italic;
  list-style: none;
}
.newsnotes li {
  padding: 0;
  margin: 0;
}
.inner-block h3 {
  margin-top:12px;
}
.inner-block ul { margin-top:12px; }
dl.news dt {
  margin: 1em 0 0 0;
}
dl.news dd {
  margin: 0;
}