html, body {
  margin: 0;
  padding: 0;
  background-color: #92a5b8;
  font-family: Arial, Helvetica, Geneva, sans-serif;
  font-size: 95%;
  color: #656567;
}

p, h1, h2, h3, h4, h5, h6, ul, ol, blockquote {
  margin: 0 0 15px;
}

h2, h3 {
  margin-bottom: 1em;
}

h2 {
  font-family: Georgia, "Times New Roman", Times, serif;
  color: #445a74;
  font-size: 2em;
}

h3 {
  color: #445a74;
  font-size: 1.3em;
  font-weight: normal;
}

a { color: #445a74; }
h2 a { color: #445a74; }

strong, strong * {
  font-weight: bold;
}

em {
  font-style: italic;
}

h4 {
  font-size: 1.25em;
  line-height: 1.3em;
  margin-bottom: 0.5em;
}

h5 {
  font-size: 1.1em;
  line-height: 1.6em;
  /*margin-bottom: 0.5em;*/
}

h6 { font-weight: bold;}
/*
h6, p, ol, ul,  .news-browse {
  font-size: 1.03em;
  line-height: 1.4em;
  margin-bottom: 1em;
}
*/
ul  {
  line-height: 1.4em;
}



.content ul, .content ol,
#content ul, #content ol {
  list-style-type: circle; 
  list-style-position: outside;
  margin-left: 14px;
}
.content ol,
#content ol { list-style-type: decimal; margin-left: 22px; }


#frame {
  width: 990px;
  margin: 0 auto;
}

.wrap {
  position: relative;
  width: 900px;
}

#container {
  position: relative;
  background: #fff url(../img/c_bg2.gif) repeat-y!important;
  padding: 24px 45px;
}

#logo {
  float: left;
  margin: 0;
  padding: 0;
  width: 522px;
  height: 58px;
  overflow: hidden;
}
#logo h1, #logo h1 a {
  display: block;
  background: transparent url(../img/_spacer.gif) no-repeat scroll 0 0;
  width: 550px;
  height: 38px;
  text-indent: -1000em;
  margin-bottom: 0;
}

#logo h2 {
  padding-left: 17px;
  font-family: Arial, Helvetica, Geneva, sans-serif;
  font-size: 12px;
  color: #646464;
  font-style: italic;
}

#details {
  float: right;
  margin: 0;
  padding: 0;
  color: #646464;
  height: 77px;
  text-align: right;
  font-size: 12px;
}

#banner {
  clear: both;
}

#nav {
  margin: 1px 0 0;
  padding: 0 20px;
  list-style: none;
  width: 860px;
  height: 29px;
  overflow: hidden;
  background: #556f88 url(../img/nav_bg.gif) no-repeat;
}

#nav li {
  margin: 0;
  padding: 0;
  display: inline;
}

#nav li a {
  display: block;
  float: left;
  height: 29px;
  color: #ffffff;
  text-decoration: none;
  font-weight: bold;
  font-size: 16px;
  padding: 4px 15px 0;
  border-left: 1px solid #ffffff;
  overflow: hidden;
}

#nav li.last a {
  border-right: 1px solid #ffffff;
}

#nav li.active a {
  background: #aab7c4 none;
}

#nav li a:hover {
  background-color: #92a5b8;
}

#subnav {
  width: 170px;
  float: left;
  overflow: hidden;
  margin: 39px 0 0;
  padding: 0 0 40px;
  list-style: none;
}

#subnav li {
  background-color: #4d6680;
}

#subnav li a {
  display: block;
  width: 140px;
  margin-top: 1px;
  color: #fff;
  text-decoration: none;
  padding: 6px 15px;
}

#subnav li.first a {
  background: #4d6680 url(../img/sub_li_top_bg.gif) no-repeat scroll 0 0;
}
#subnav li.activefirst { background-color: #aab7c4; }
#subnav li.activefirst a,
#subnav li.first a:hover {
  background: #aab7c4 url(../img/sub_li_top_bg.gif) no-repeat scroll -170px 0;
}

#subnav li.last a {
  background: #4d6680 url(../img/sub_li_bottom_bg.gif) no-repeat scroll 0 bottom;
}
#subnav li.activelast,
#subnav li.last a:hover {
  background: #aab7c4 url(../img/sub_li_bottom_bg.gif) no-repeat scroll -170px bottom;
}

#subnav li.active,
#subnav li a:hover {
  background-color: #aab7c4;
}

ul.sub {
  margin: 0;
  padding: 0 0 0 15px;
}
ul.sub li {
  background: none !important;
  list-style: none;
}
ul.sub li a {
  font-size: 10px;
  background: none !important;
}

#content-full {
  width: 820px;
  background: url(../img/content_full_bg.gif) no-repeat 0 top;
  padding: 30px 40px 40px;
  margin-top: 40px;
}

#content {
  float: right;
  width: 620px;
  background: url(../img/content_bg.gif) no-repeat 0 top;
  padding: 30px 40px 40px;
  margin-top: 40px;
}

#right {
  padding-left: 15px;
  padding-bottom: 0;
  padding-right: 15px;
  padding-top: 40px;
  float: right;
  width: 140px;
  margin-top: 40px;
  background: url(../img/content_right_bg.gif) no-repeat 0 top;
  font-size: 10px;
  min-height: 300px;
}

.clear {
  clear: both;
}


.teasers {
  margin-bottom: 1em;
}

.teasers .img {
  float: left;
  width: 200px;
  overflow: hidden;
}

.teasers .txt {
  margin-left: 210px;
  padding: 8px;
}

.teasers h1, .teasers h2, .teasers h3, .teasers h4, .teasers h5, .teasers p { padding-bottom: 0; margin-bottom: 0;}
.teasers p { padding-top: 0.5em; }





#footer {
  background: #a6b2c0 none;
  height: 19px;
  overflow: hidden;
  padding: 0 45px;
}
#footer p {
  margin: 0;
  padding: 4px 0 0;
  color: #fff;
  font-size: 10px;
}
#footer a {
  color: #fff;
  text-decoration: none;
}
#footer a:hover {
  text-decoration: underline;
}
#footer-left {
  float: left;
}
#footer-right {
  float: right;
}

.fl {
  float: left !important;
}

#navbar {
  display: none !important;
  height: 0px !important;
  visibility: hidden !important;
}

.post {
  margin-bottom: 20px;
}

form#mailform { margin-bottom: 1em; }
form#mailform div label,
form#mailform div input,
form#mailform div textarea,
form#mailform div select {
  display: block;
  float: left;
  margin-bottom: 0.5em;
}
form#mailform div label {
  width: 150px;
  margin-right: 10px;
}
/*
form#mailform div input,
form#mailform div textarea {
  border: 1px solid #f0f0f0;
}
*/
form#mailform div input,
form#mailform div textarea,
form#mailform div select {
  width: 300px;
}

form#mailform div input.csc-mailform-submit { margin-left: 160px; width: 150px; }

form#mailform div {
  clear: both;
}

/* utility classes */
.fl { float: left !important; }
.fr { float: right !important; }
.clear {  display: block; clear: both; margin-bottom: 0;}
.cl { clear: left; }
.cr { clear: right; }

.ta_r { text-align: right !important; }
.ta_l { text-align: left !important; }
.ta_c, .align-center { text-align: center !important; }

.pb_0 { padding-bottom: 0 !important; }

.mb_0 { margin-bottom: 0 !important; }
.mt_0 { margin-top: 0 !important; }

.ml_1 { margin-left: 1em !important; }
.mr_1 { margin-right: 1em !important; }
.mb_1 { margin-bottom: 1em !important; }
.mt_1 { margin-top: 1em !important; }

.lower { text-transform: lowercase; }

.w_49 { width: 49%; }
.w_half { width: 50%; }
.w_auto { width: auto !important; }

.black { color :#FFFFFF; }
.red { color: #FF3333;}
.green { color: #339933; }
.orange {color: #FF6600;}
.black {color :#000000;}

.hidden { display: none; visibility: hidden; opactity: 0; -moz-opacity: 0; height: 0;}
.hide { display: none; }
.placeholder { height: 1px; }

.sitemap ul ul { margin-bottom: 0; }
