/************************************************ FRAMEWORK ************************************************/

html,
body {
  background: url(../Images/bg_body.gif) repeat;
  color: #333333;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 150%;
  margin: 0;
  padding: 0;
}

#wrapper {
  margin: 20px auto;
  width: 710px;
}

#wrapper_inside {
  background: url(../Images/bg_wrapper_inside.jpg) repeat-y;
}

div.background-divide {
  background: url(../Images/bg_body.gif) repeat;
  height: 10px;
}

/************************************************ GLOBAL's ************************************************/

a {
  color: #333333;
  text-decoration: none;
}

a img {
  border: none;
}

.clear {
  clear: both;
}

.left {
  float: left;
}

.right {
  float: right;
}

.frame-ruler-after:after {
  content: '';
  background-color: #E8E5DF;
  height: 1px;
  line-height: 1px;
  margin: 15px 0 10px 0;
  border: none;
}

.frame-ruler-before:before {
  content: '';
  background-color: #E8E5DF;
  height: 1px;
  line-height: 1px;
  margin: 15px 0 10px 0;
  border: none;
}

h1 {
  color: #850C13;
  font-size: 20px;
  font-weight: normal;
  line-height: 140%;
  margin-top: 0;
  padding-top: 0;
  width: 390px;
}

h2 {
  color: #850C13;
  font-size: 12px;
  font-weight: bold;
  margin: 20px 0 0 0;
  padding: 0;
}

h3 {
  color: #999999;
  font-size: 12px;
  font-weight: bold;
  margin: 0 0 10px 0;
}

div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption {
  margin-bottom: 10px;
  margin-top: 3px;
}

.csc-textpic-caption a,
#content p a {
  background: url(../Images/icn_arrow_right.gif) no-repeat left 5px;
  color: #333333;
  padding-left: 11px;
}

#content a.mail {
  background: url(../Images/icn_mail.gif) no-repeat left 4px;
  padding-left: 14px;
}

.csc-textpic-caption a:focus,
.csc-textpic-caption a:hover,
#content p a:focus,
#content p a:hover {
  color: #850C13;
}

div.csc-textpic-intext-left div.csc-textpic-imagewrap {
  margin-bottom: 0;
  padding-top:5px;
}

/************************************************ TABLES ************************************************/

table {
  border-collapse: collapse;
  text-align: left;
}

table td {
  height: 22px;
  vertical-align: top;
}

#contact table td {
  height: auto;
  padding: 0;
}

table.space_left td {
  padding: 5px;
  border: none;
}

.ce-table th, .ce-table td {
  padding: 5px;
}

table td.td-0 {
  padding-right: 25px;
}

table.ce-table th {
  background-color: #999999;
  color: #FFFFFF;
  font-weight: bold;
  padding: 5px;
}

table tr.tr-even td {
  background-color: #CCCCCC;
}

table tr.tr-odd td {
  background-color: #E5E5E5;
}

table.ce-table-striped tr.tr-even td,
table.ce-table-striped tr.tr-odd td {
  background: none;
  border-bottom: 1px solid #E5E5E5;
  border-top: none;
  padding-bottom: 7px;
  padding-top: 7px;
  padding-left: 1px;
}

table.ce-table-striped tr {
  background: none !important;
}

table.ce-table-striped tr.tr-last td {
  border: none;
}

table.ce-table-striped td.td-0 {
  color: #850C13;
  font-weight: bold;
}

/************************************************ HEADER ************************************************/

#header {
  height: 200px;
  margin-bottom: 10px;
}

#logo {
  float: left;
}

#header_pic {
  float: left;
  margin-left: 10px;
}

/************************************************ NAVI_MAIN ************************************************/

#navi_main {
  height: 30px;
  margin-bottom: 10px;
}

#navi_main ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#navi_main ul li {
  border: 1px solid #EE7D00;
  float: left;
  margin: 0 1px 0 0;
  padding: 5px 0;
}

#navi_main ul li span {
  background: url(../Images/bg_navi-main_edge.jpg) repeat-x;
  padding:7px 0 6px 1px;
}

#navi_main ul li a {
  background: url(../Images/bg_navi-main_normal.jpg) repeat-x;
  color: #FFFFFF;
  padding: 7px 16px 6px 15px;
}

#navi_main ul li.last a {
  padding: 7px 14px 6px 14px;
}

html * #navi_main ul li.last a {
  padding: 7px 13px 6px 12px;
}

#navi_main ul li a:focus,
#navi_main ul li a:hover,
#navi_main ul li.active a {
  background: url(../Images/bg_navi-main_active.jpg) repeat-x;
}

/************************************************ NAVI_SUB ************************************************/

#navi_sub {
  background-color: #FFFFFF;
  margin-bottom: 25px;
  padding: 10px;
  width: 180px;
}

#navi_sub ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#navi_sub ul li {
  background: url(../Images/bg_navi-sub_border.jpg) no-repeat left bottom;
  padding: 8px 0 8px 0;
}

#navi_sub ul li a:focus,
#navi_sub ul li a:hover,
#navi_sub ul li.active a {
  color: #850C13;
  font-weight: bold;
}

/************************************************ CONTACT ************************************************/

#contact {
  background-color: #850C13;
  color: #FFFFFF;
  padding: 10px;
  width: 180px;
}

#contact h4 {
  font-size: 13px;
  font-weight: bold;
  margin: 2px 0;
  padding: 0;
}

#contact p {
  margin: 0;
  padding: 0;
}

#contact a {
  background: url(../Images/icn_arrow_white_right.gif) no-repeat left 5px;
  color: #FFFFFF;
  padding-left: 10px;
}

#contact a:focus,
#contact a:hover {
  text-decoration: underline;
}

/************************************************ CONTENT ************************************************/

#content {
  background-color: #FFFFFF;
  float: left;
  margin: 0 0 25px 10px;
  padding: 20px 30px 20px 20px;
  width: 450px;
}

#content p {
  margin: 0 0 15px 0;
  padding: 0;
}

#content table p {
  margin: 0;
}

#content dl.csc-textpic-image {
  margin-bottom: 10px;
}

#content div.csc-textpic-imagewrap dl.csc-textpic-image {
  margin-bottom: 0;
}

#content ul {
  list-style:none;
  margin: 0;
  padding: 0;
}

#content ul li {
  background: url(../Images/icn_list_bullet.gif) no-repeat left 7px;
  padding-left: 10px;
}

#content ul li a {
  background: url(../Images/icn_arrow_right.gif) no-repeat left 5px;
  color: #333333;
  padding-left: 11px;
}

#content ul li a:focus,
#content ul li a:hover {
  color: #850C13;
}

#content .text_pic img {
  float: left;
  margin-right: 20px;
}

#content div.text_pic div {
  margin-top: -5px;
}

#content div.frame-type-menu_sitemap ul li a {
  background: none;
  padding-left: 0;
}

/************************************************ FOOTER ************************************************/

#footer {
  background-color: #CD7717;
  color: #FFFFFF;
  font-size: 11px;
  height: 25px;
  margin-top: 10px;
  padding: 5px 10px 0 10px;
}

#footer p {
  float: left;
  margin: 0;
  padding: 0;
}

#footer ul {
  float: right;
  list-style: none;
  margin: 0;
  padding: 0;
}

#footer ul li {
  border-left: 1px solid #FFFFFF;
  display: inline;
  margin-left: 5px;
  padding-left: 5px;
}

#footer ul li.first {
  border-left: none;
}

#footer ul li a {
  color: #FFFFFF;
}

#footer ul li a:focus,
#footer ul li a:hover,
#footer ul li.active a {
  text-decoration: underline;
}