/* css font size styles */

body, td, th, p, div, li, input, textarea, select {
  font-family: 'Trebuchet MS', 'Tahoma', 'Arial', san-serif;
  font-size: 12px;
}

/*/*/a{}
body,
body td,
body th,
body p,
body div,
body li,
body dd,
body input,
body textarea,
body select {
  font-size: x-small;
  voice-family: "\"}\"";
  voice-family: inherit;
  font-size: small;
}
html>body,
html>body td,
html>body th
html>body p,
html>body div,
html>body li,
html>body dd,
html>body input,
html>body textarea,
html>body select {
  font-size: small;
}


html {
  min-width: 700px;
}

body {
  margin: 0;
  background-color: #ffffff;
}

/* top bar */

.top_bar {
  height: 100px;
  float: left;
  width: 100%;
  background-color: #ebe9f5;
  background-image: url(/templates/default/images/rainbow.gif);
  background-position: bottom;
  background-repeat: repeat-x;
}

.top_bar_navigation {
  position: absolute;
  left: 0px;
  top: 0px;
  padding-left: 4px;
  padding-right: 16px;
  color: white;
  background-color: #8e297e;
  line-height: 28px;
  background-image: url(/templates/default/images/topnavcurve_left.gif);
  background-position: right;
  background-repeat: no-repeat;
  z-index: 1;
}

.top_bar_navigation a:link { color: white; }
.top_bar_navigation a:visited { color: white; }
.top_bar_navigation a:hover { color: black; background-color: white; }

.top_bar_image {
  width: 400px;
  height: 90px;
  float: right;
  background-image: url(/templates/default/images/topbarimage.gif);
  background-position: top right;
  background-repeat: no-repeat;
}

.top_bar_right {
  float: right;
  height: 90px;
  background-color: #8e297e;
  background-image: url(/templates/default/images/topnavcurve_right.gif);
  background-position: left;
  background-repeat: no-repeat;
  padding-left: 32px;
  z-index: 0;
}

/* default links */

a:link { color: #8e297e;; }
a:visited { color: #8e297e;; }
a:hover { color: white; background-color: #8e297e; }

a img {
  border: 0;
}

/* main columns*/

.wrapper_column {
  float: left;
  width: 80%;
  margin-right: -1px;
}

.left_column {
  float: right;
  width: 30%;
  margin-top: 8px;
}

.left_column_internal {
  float: left;
  width: 24%;
  overflow: hidden;
  margin-right: -2px;
  margin-top: 8px;
}

.center_column {
  float: right;
  width: 70%;
  margin: 0;
  margin-left: -1px;
  margin-top: 8px;
}

.right_column {
  float: left;
  width: 20%;
  margin-top: 8px;
}

.right_column_internal {
  float: right;
  width: 76%;
  margin-top: 8px;
}

/* curved boxes */

.tl {
  margin: 0px 1% 8px 1%;
  width: 97%; 
  background-color: #ccc;
  background-image: url(/templates/default/images/box/tl.gif);
  background-position: top left;
  background-repeat: no-repeat;
}

.tr {
  background-image: url(/templates/default/images/box/tr.gif);
  background-position: top right;
  background-repeat: no-repeat;
  padding-top: 14px;
}

.bl {
  background-image: url(/templates/default/images/box/bl.gif);
  background-position: bottom left;
  background-repeat: no-repeat;
  padding-left: 14px;
}

.br {
  background-image: url(/templates/default/images/box/br.gif);
  background-position: bottom right;
  background-repeat: no-repeat;
  padding-right: 14px;
  padding-bottom: 14px;
}

.odd {
  background-color: #B6C6E0;
}

.even {
  background-color: #EBE9F5;
}

#contactus {
  color: white;
  background-color: #8e297e;
}

#mainnavigation {
  background-color: #EBE9F5;
}

/* categories */

.categories {
  font-size: 120%;
  font-weight: bold;
  line-height: 20px;
  padding-bottom: 14px;
}

.categories a {
  float: left;
}

.categories div {
  clear: both;
}

.categories img {
  float: right;
  padding-top: 2px;
}

.main_body h1 {
  font-size: 130%;
  color: #8e297e;
  margin-top: 0;
}

.main_body h2 {
  font-size: 120%;
  margin-top: 0;
}

.main_body h3 {
  font-size: 110%;
}

.main_body h4 {
  font-size: 110%;
}

.main_body h5 {
  font-size: 100%;
}

.main_body h6 {
  font-size: 100%;
}

/* reachout logo */

.main_logo {
  position: absolute;
  left: 12px;
  top: 36px;
}

/* event */

.content_summary {
  width: 100%;
  padding-bottom: 14px;
  display: table;
}

.content_summary h2 {
  margin: 0;
  font-size: 120%;
}

.content_summary img {
  background-color: white;
  padding: 8px;
  margin-right: 8px;
  float: left;
}

.content_summary p {
  float: left;
}

/* sub categories */

.sub_category {
  width: 100%;
  padding-bottom: 14px;
  display: table;
}

.sub_category h2 {
  margin: 0;
  font-size: 120%;
}

.sub_category img {
  background-color: white;
  padding: 8px;
  margin-right: 8px;
  float: left;
}

.sub_category p {
  float: left;
}


/* contact us */
.contact_us a:link { color: white; }
.contact_us a:visited { color: white; }
.contact_us a:hover { color: black; background-color: white; }

.footer {
  clear: both;
  width: 98%;
  background-color: #8E297E;
  color: white;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-right: 2%;
  text-align: right;
  margin-top: 16px;
}

/* document list table styles */

.documentlist {
  border: 1px #ebe9f5 solid;
  margin: 0 auto;
}

.documentlist th {
  background-color: #ebe9f5;
}

.documentlist th.cell {
  padding-left: 8px;
}

.documentlist td.filecell {
  width: 45%;
}

.documentlist td.typecell {
  padding-left: 8px;
  width: 20%;
  white-space: nowrap;
}

.documentlist td.sizecell {
  padding-left: 8px;
  width: 5%;
  white-space: nowrap;
}

.documentlist td.timecell {
  padding-left: 8px;
  width: 30%;
  white-space: nowrap;
}

.documentlist td {
  font-size: 90%;
}

/* scm image styles*/

.article_image {
  float: right;
  padding-left: 8px;
  padding-bottom: 8px;
}

.rbc_links {
  text-align: center;
  padding-top: 16px;
}

.category_links {
  padding-left: 4px;
  padding-top: 4px;
  background-color: #ECEAF5;
}

.category_links p {
  margin-top: 0;
  margin-bottom: 1em;
}