/* CSS Document */

body {
  background: #eae0bf;
  font: 10pt normal 1em Tahoma, Helvetica, sans-serif;
  color: #363636;
  margin: 0;
  padding: 0;
}

/* header */

#header-fill {
  background: #CDC4A6;
  width: 100%;
  height: 60px;
}

#header {
  background: url(../img/header.gif) top no-repeat;
  width: 1000px;
  height: 60px;
  margin: 0 auto;
}

#top-nav-position {
  padding: 38px 0 0 0;
}

* html #top-nav-position {
  padding: 33px 0 0 0;
}

#currect-category {
  font-size: 12px;
  color: #7c7c7c;
  text-align: center;
  padding: 0;
  margin: 0;
}

* html #currect-category {
  padding: 5px 0 0 0;
}

#category {
  font-size: 16px;
  color: #3677c0;
  line-height: 0;
}

.nav-link-active {
  font-size: 12px;
  text-align: center;
  padding: 0;
  margin: 0;
}

* html .nav-link-active {
  padding: 5px 0 0 0;
}

.nav-link-non-active {
  font-size: 12px;
  text-align: center;
  padding: 0;
  margin: 0;
}

* html .nav-link-non-active {
  padding: 5px 0 0 0;
}

.nav-link-non-active a:link {
  color: #cdc4a6;
  text-decoration: underline;
}

.nav-link-non-active a:visited {
  color: #cdc4a6;
  text-decoration: underline;
}

.nav-link-non-active a:hover {
  color: #eae0bf;
  text-decoration: underline;
}

/* /header */

/* content */

.s { font-size:9pt;}

.th img         { border: 1px solid #00BAFF; } 
.th:hover img   { border: 1px solid #ffffff; } 
.th:hover       { color: #ffffff; /* Dumb definition for MSIE */ }

p       { font-size:10pt; margin:4pt;}

h1 {
  font-size: 15pt;
  font-weight: normal;
  color: #bb7613;  
  padding: 0;
  margin: 0px 0 0 0;
}

h1 img {
  vertical-align: middle;
  margin: 0 5px 0 0;
}


h2,h3 {
  font-size: 13pt;
  font-weight: normal;
  color: #bb7613;  
  padding: 0;
  margin: 4px 0 0 0;
}

h4 {
  font-size: 12pt;
  font-weight: normal;
  color: #bb7613;  
  padding: 0;
  margin: 4px 0 0 0;
}

.mTitle        { background: #E8CF7C;}
.mSub     { background: #E8CF7C;}

/* left side nav */

#left-side-nav {
  margin: 10px 0 0 5px;
  padding: 0;
}

#left-side-nav li {
  margin: 0;
  padding: 0 0 10px 0;
  font-size: 12px;
  list-style: none;
  background: url(../img/letter-box.gif) top left no-repeat;
  height: 13px;
}

#left-side-nav li#active {
  margin: 0;
  padding: 0 0 10px 0;
  font-size: 12px;
  list-style: none;
  background: url(../img/letter-box-active.gif) top left no-repeat;
  color: #bb7613;
}

#left-side-nav li a {
  padding: 0 0 0 10px;
}

/* ?.?. ?????? ???? ???????? ??????, ?? ???? ????? ???????????? ??? ???????????? ?????? ?? ?????? ???? ???????????? ?????? ???????? */

#left-side-nav li a.padding-less {
  padding: 0 0 0 9px;
}

#left-side-nav li a.padding-more {
  padding: 0 0 0 11px;
}

/* /?.?. ?????? ???? ???????? ??????, ?? ???? ????? ???????????? ??? ???????????? ?????? ?? ?????? ???? ???????????? ?????? ???????? */

#left-side-nav li a:link {
  color: #89a350;
  text-decoration: underline;
}

#left-side-nav li a:visited {
  color: #9e50a3;
  text-decoration: underline;
}

#left-side-nav li a:hover {
  color: #2074c6;
  text-decoration: underline;
}


.letter {
  font-size: 10px;
  vertical-align: top;
  color: #ffffff;
  padding: 0 0 0 4px;
} 

.letter-wide {
  font-size: 10px;
  vertical-align: top;
  color: #ffffff;
  padding: 0 0 0 2px;
}

.letter-narrow {
  font-size: 10px;
  vertical-align: top;
  color: #ffffff;
  padding: 0 0 0 5px;
}

/* /left side nav */

/* top free sites */

#top-free-sites-position {
  margin: 10px 0 0 0;
}

#top-free-sites-position p {
  margin: 0 0 5px 0;
  padding: 0;
  font-size: 10px;
  color: #a29b82;
}

#top-free-sites-position p a {
  font-size: 12px;
}

/* /top free sites */

/* top paysites */

#top-paysites-position {
  margin: 10px 0 0 0;
  padding: 0;
}

#top-paysites-list {
  margin: 0;
  padding: 0;
}

#top-paysites-list li {
  margin: 0;
  padding: 10px 0 0 20px;
  list-style: none;
  font-size: 10px;
}

#top-paysites-list li#first {
  font-size: 14px;
}

#top-paysites-list li#second {
  font-size: 12px;
}

#top-paysites-list li a:link {
  color: #ffffff;
  text-decoration: underline;
}

#top-paysites-list li a:visited {
  color: #2074c6;
  text-decoration: underline;
}

#top-paysites-list li a:hover {
  color: #ffffff;
  text-decoration: underline;
}

/* /top paysites */

#text-links {
  font-size: 12px;
  line-height: 18px;
  padding: 0;
  margin: 10px;
}

#add-to-fav {
  font-size: 14px;
}

#add-to-fav img {
  vertical-align: top;
  margin: -2px 10px 0 20px;
}

/* /content */

/* footer */



#footer-fill {
  background: #CDC4A6;
  width: 100%;
  height: 65px;
}

#footer {
  background: url(../img/footer.gif) top no-repeat;
  width: 1000px;
  height: 65px;
  margin: 0 auto;
}

#bottom-nav-position {
  padding: 8px 0 0 0;
}

* html #bottom-nav-position {
  padding: 3px 0 0 0;
}

#copyright {
  font-size: 8px;
  color: #cdc4a6;
  padding: 14px 0 0 10px;
  margin: 0;
}

* html #copyright {
  font-size: 8px;
  color: #cdc4a6;
  padding: 20px 0 0 10px;
  margin: 0;
}

/* /footer */

/* global links */

a:link {
        color: #2074c6;
        text-decoration: underline;
}

a:visited {
        color: #c620b4;
        text-decoration: underline;
}

a:hover {
        color: #2a96ff;
        text-decoration: underline;
}

a:active {
        color: #bb7613;
        text-decoration: underline;
}

/* /global links */

/* pic gallery */

#thumbs td {
  padding: 0 0 10px 0;
}

#thumbs td p {
  font-size: 10px;
}

#thumbs td img {
  margin: 15px 0 0 0;
}

#thumbs td p {
  margin: 10px 0 0 10px;
}

.highlight img {
        border: 5px solid #f2ebd6;
}

.highlight:hover img {
        border: 5px solid #ffffff;
}

.highlight:hover {
        color: #ffffff; /* Dumb definition for MSIE */
}

/* /pic gallery */
