html, body {
  margin: 0;
  padding: 0;
  height: 100%
}

body, textarea, input { 
  color: #333;
  font-size: 10px;
  line-height: 14px;
  font-family: Verdana, sans-serif;
  background-color: #fff;
}

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

a:hover { 
  color: #e20276;
}

.active {
   color: #e20276;
}

h1 {
  font-weight: normal;
  color: #000;
  font-size: 12px;
  line-height: 14px;
  border-bottom: 1px solid #aaa;
  margin: 0;
  padding: 0;
  padding-bottom: 10px;
  margin-bottom: 20px;
}

h2 {
  color: #000;
  font-weight: normal;
  font-size: 12px;
  line-height: 14px;
  margin-bottom: 2px;
  margin-top: 8px;
}

h1 a,
h2 a {
  color: #000;
  text-decoration: none;
}

h1 a:hover,
h2 a:hover {
  color: #e20276;
}

p {
  margin: 0 0 14px 0;
  padding: 0;
}

.links a {
  text-decoration: none;
}

img {
  border: 0;
}

/* generic page elements */

#wrapper {
  margin-right: auto;
  margin-left: auto;
  min-height: 100%;
  width: 755px;
  position: relative;
}

#languageSwitchers {
  padding-bottom: 10px;
  padding-top: 10px;
  text-align: right;
  border-bottom: 1px solid #aaa;
  font-size: 12px;
}

#languageSwitchers form {
  display: inline;
}

#languageSwitchers a {
  color: #000;
  text-decoration: none;
  padding-left: 5px;
  padding-right: 5px;
}

#languageSwitchers a:hover,
#languageSwitchers a.active {
  color: #e20276;
}

#logo {
  padding-top: 30px;
  margin-bottom: 10px;
  position: relative;
}

#sections {
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 12px;
}

#sections a {
   color: #000;
   text-decoration: none;
   padding-left: 10px;
}

#sections a:hover,
#sections .active {
   color: #e20276;
}

#content {
  border-top: 1px solid #aaa;
}

#sidebar {
  float: left;
  width: 213px;
  padding-right: 20px;
  overflow: hidden;
}

#middle {
  float: left;
  width: 522px;
  margin-top: 30px;
  margin-bottom: 30px;
  overflow: hidden;
}

#banner {
   position: relative;
   margin-bottom: 10px;
}

#banner .spinner {
   display: none;
   position: absolute;
   left: 250px;
   top: 80px;
   height:48px;
   width:48px;
   background: url(images/spinner_bg.png) no-repeat top;
}

#banner .spinner img {
   margin: 12px;
}

#wrapper {
  margin-bottom: -41px;
}

#stopper {
  clear: both;
  height: 41px;
}

#footer {
  border-top: 1px solid #aaa;
  padding-top: 10px;
  height: 30px;
  text-align: center;
  color: #999;
  font-size: 11px;
  width: 750px;
  margin-right: auto;
  margin-left: auto;
}

#footer a {
   text-decoration: none;
   color: #999;
}

#footer a:hover {
   color: #e20276;
}

#footer .separator {
  padding-left: 4px;
  padding-right: 4px;
}

#tooltip {
  position: absolute;
  z-index: 3000;
  border: 1px solid #e20276;
  color: #e20276;
  background-color: #fff;
  padding: 5px;
}

#tooltip h3 {
  font-size: 10px;
  font-weight: normal;
  margin: 0;
  text-align: left;
  width: 300px;
}

#tooltip .viewport-bottom {
   font-size: 8px;
}

/* sidebar menu */

#sidebar .menu {
  padding-top: 20px;
}

#sidebar .menu .item {
  margin-bottom: 7px;
}

#sidebar .menu .item a {
  display: block;
  text-decoration: none;
}

#sidebar .menu .item .subtitle {
  color: #333;
}

#sidebar .menu .item a.active {
  color: #e20276;
}

#sidebar .menu .leader p {
  margin: 0;
}

#sidebar .menu .readMore {
  color: #e20276;
}

/* small icons */

#sidebar .smallIcons {
  padding-top: 5px;
}

#sidebar .smallIcons img {
  float: left;
  padding-right: 7px;
}

#sidebar .smallIconsBottom {
  padding-top: 5px;
  border-bottom: 1px solid #aaa;
  clear: both;
}

/* links */

#middle .links a {
  display: block;
  color: #e20276;
}

#middle .links a:hover {
  color: #000;
}

/* frontpage */

#frontpage .newsArchiveLink {
  margin-top: 20px;
}

#frontpage .serviceCategory,
#frontpage .serviceCategoryServices {
  float: left;
  width: 140px;
  padding-right: 30px;
}

#frontpage .last {
  padding-right: 0;
}

#frontpage #middle {
  margin-left: 42px;
  width: 480px;
}

#frontpage .serviceCategory {
  cursor: pointer;
}

#frontpage .serviceCategory h2 {
  margin-top: 20px;
  border-top: 1px solid #aaa;
  padding-top: 10px;
  height: 30px;
  padding-bottom: 10px;
  border-bottom: 1px solid #aaa;
  margin-bottom: 20px;
}

#frontpage .serviceCategory a:hover {
  color: #000;
}

#frontpage .service {
  color: #333;
  cursor: pointer;
  padding-top: 1px;
  padding-bottom: 1px;
}

#frontpage .activeService {
  color: #e20276;
}

#frontpage .partWindow {
  position: relative;
  overflow: hidden;
  width: 480px; /*522px;*/
  min-height: 200px;
}

#frontpage .slider {
  position: absolute;
  left: 0;
  top: 0;
  width: 10000px;
}

#frontpage .part {
  width: 480px; /*522px;*/
  overflow: hidden;
  float: left;
}

/* blog */

#blog {
   position: relative;
   min-height: 250px;
}

#blog .blogEntry {
   padding-bottom: 7px;
   border-bottom: solid 1px #999; 
}

#blog .last {
   border-bottom: 0;
}

#blog .blogMain {
   width: 500px;
}

#blog .blogBody {
   margin: 10px 0 16px;
}

#blog .blogMenu {
   width: 170px;
   position: absolute;
   right: 0;
   top: 24px;
}

#blog h1 {
   margin: 30px 0 8px 0;
}

#blog h1 a {
  text-decoration: none;
}

#blog .blogEntry #comments {
   margin-top: 16px;
}

#blog .blogEntry #comments .info {
   color: #333;
}

#blog .blogEntry td input,
#blog .blogEntry td textarea {
   display: block;
   border: 1px solid #e20276;
   padding: 0 4px;
}

#blog .blogEntry td .submit {
   width: 130px;
   text-align: center;
   color: #eee;
   background-color: #e20276;
   font-weight: bold;
   text-decoration:none;
   padding: 2px 8px;
}
#blog .blogEntry td a:hover {
   color: #fff;
}
#blog .blogEntry .submitCell {
padding: 10px 0;
}

#blog .blogEntry td #id_captcha_0,
#blog .blogEntry td #id_captcha_1 {
   border: 0;
}

#blog .blogEntry td #id_comment {
   width: 500px;
   height: 100px;
}
#blog .blogEntry td #id_name, 
#blog .blogEntry td #id_email {
   width: 170px;
}

#blog .blogEntry td #id_captcha_2 {
   width: 50px;
   display: inline;
}

#blog .blogEntryInfo {
   color: #e20276;
   font-size: 13px;
   line-height: 18px;
   margin-bottom: 20px;
  
}

#blog .commentLink,
#blog .blogEntryInfo a {
   color: #e20276;
}

#blog .blogEntryInfo a:hover {
   text-decoration: none;
}

#blog .blogMenu .login {
   font-size: 16px;
   color: #e20276;
   font-weight: bold;
   text-decoration: none;
}

#blog .blogMenu h2 {
   font-size: 16px;
   text-decoration: none;
   margin-top: 20px;
}

#blog .blogMenu a {
   display: block;
   color: #e20276;
   text-decoration: none;
   font-size: 13px;
}

#blog .blogMenu .active {
   color: #333;
}

#blog .blogMenu .all {
}

#blog .blogEntry #commentError {
   font-weight: bold;
   font-size: 13px;
}

#blog .pagination {
   margin-top: 10px;
}

#blog .pagination a {
   font-size: 15px;
}

#blog .pagination .active {
   color: #e20276;
}

#blog .pagination a:hover {
   text-decoration: none;
   color: #000;
}

#blog .pagination .active:hover {
   color: #e20276;
}

#blog .commentTable td {
   background: url(images/dot.gif) repeat-x bottom;   
}

#blog .commentTable {
   width: 500px;
}
#blog .commentTable .info {
   padding-top: 10px;
   margin-bottom: 4px;
}

#blog .rss {
   float: right;
}

.dotted {
   background: url(images/dot.gif) repeat-x;
   height: 1px;
   width: 100%;
}