html {
 height: 100%;
}

body {
  background-color: #FFFFFF;
  margin: 0px;
  height: 100%;
}

form {
  margin: 0px;
  padding: 0px;
}

.requiredfield, .requireddigit, .field
{
  border: solid 1px #00adc4;
  font-size: 12px;
  color: #454545;
  background: #ffffff;
}
.invalidfield, .invaliddigit{
  border: solid 1px #ff3399; 
  font-size: 12px;
  background: #ffedf3;
}

textarea {
  border: solid 1px #00adc4;
  background: #ffffff;
  font-size: 12px;
  color: #454545;
}

.mbutton {
  height: 19px;
  background: url(btn_bg.gif) repeat-x 0px 0px;
  color: #666666;
  font-size: 11px;
  border-top: 1px solid #dfdfe0;
  border-right: 1px solid #bababb;
  border-bottom: 1px solid #a0a1a2;
  border-left: 1px solid #dfdfe0;
}

#tophdr {
  height: 200px;
  min-width: 995px;
  background: #77e9fd url(topbg.jpg) repeat-x 0px 0px;
}

#tophdr1 {
  height: 200px;
  background: url(topimg1.jpg) no-repeat 0px 0px;
}

#tophdr2 {
  height: 200px;
  background: url(searchimg.jpg) no-repeat 100% 0px;
}

#topnav {
  margin: 0px 37px 0px 0px;
}

#topnav a {
  margin: 0px 0px 0px 37px;
  height: 28px;
  width: 28px;
  display: inline-block;
}

a#home_img img {
  background: url(home_img.jpg) no-repeat center center;
}

a#home_img:hover img {
  background: url(home1_img.jpg) no-repeat center center;
}

a#mail_img img {
  background: url(mail_img.jpg) no-repeat center center;
}

a#mail_img:hover img {
  background: url(mail1_img.jpg) no-repeat center center;
}

a#map_img img {
  background: url(map_img.jpg) no-repeat center center;
}

a#map_img:hover img {
  background: url(map1_img.jpg) no-repeat center center;
}

.coolfield {
  border: none;
  height: 14px;
  background: #ffffff;
  font-size: 11px;
  color: #666666;
}

#searcharea {
  margin: 70px 42px 0px 0px;
}

#searcharea .coolfield {
  width: 132px;
}

#bannerarea {
  text-align: center;
  background: url(bannerarea.jpg) no-repeat 50% 0px;
  height: 109px;
  padding-top: 40px;
}

#workarea {
  margin: 10px;
}

#mmenu {
  width: 302px;
  background: #fd9bc4 url(menubg.jpg) repeat-y 0px 0px;
}

#mmenu div {
  width: 302px;
  background: url(menutop.jpg) no-repeat 0px 0px;
}

#mmenu div div {
  padding: 25px 20px 25px 20px;
  width: 262px;
  background: url(menubot.jpg) no-repeat 0px 100%;
}

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

#mmenu ul li {
  margin: 0px 0px 10px 0px;
  padding: 0px 0px 0px 17px;
  background: url(menumarker.png) no-repeat 0px 7px;
  font-size: 18px;
}

#mmenu ul li a {
  text-decoration: none;
  color: #ffffff;
}

#mmenu ul li a:hover {
  border-bottom: 1px dashed;
}

#vote {
  margin-top: 10px;
  width: 302px;
  background: #f8f8f8 url(blockbg.png) repeat-y 0px 0px;
}

#vote div {
  width: 302px;
  background: url(blocktop.png) no-repeat 0px 0px;
}

#vote div div {
  padding: 25px 20px 40px 20px;
  width: 262px;
  background: url(blockbot1.png) no-repeat 0px 100%;
}

#vote a {
  color: #ff3399;
}

#vote a:hover {
  color: #ff0066;
}

#faq {
  display: block;
  margin-top: 10px;
}

#photokonkurs {
  margin-top: 10px;
  width: 302px;
  background: #fd9bc4 url(photobg.png) repeat-y 0px 0px;
}

#photokonkurs div {
  width: 302px;
  background: url(phototop.png) no-repeat 0px 0px;
}

#photokonkurs div div {
  width: 282px;
  background: url(photobot.png) no-repeat 0px 100%;
  text-align: center;
  padding: 10px 10px 25px 10px;
}

.block {
  margin-top: 10px;
  width: 302px;
  background: #f8f8f8 url(blockbg.png) repeat-y 0px 0px;
}

.block div {
  width: 302px;
  background: url(blocktop.png) no-repeat 0px 0px;
}

.block div div {
  padding: 25px 20px 25px 20px;
  width: 262px;
  background: url(blockbot.png) no-repeat 0px 100%;
}

.block a {
  color: #ff3399 !important;
}

.block a:hover {
  color: #ff0066 !important;
}

.block h1, .block h2, .block h3 {
  margin: 0px 0px 5px 0px;
  padding: 0px;
}

#bin {
  text-align: right;
  margin-right: 27px;
}

#bin a {
  font-weight: bold;
  color: #ff3399;
  padding: 1px 27px 0px 0px;
  background: url(bin.gif) no-repeat 100% 0px;
}

#bin a:hover {
  color: #ff0066;
  background: url(bin1.gif) no-repeat 100% 0px;
}

#authorize {
  width: 152px;
  height: 142px;
  background: #02d6fc url(authorize.png) no-repeat 0px 0px;
  font-size: 11px;
}

#authorize .coolfield {
  width: 114px;
}

#authorize a {
  color: #ffffff;
  margin-left: 17px;
}

#authorize a:hover {
  color: #99ffff;
}

.bnr {
  margin-top: 10px;
  display: block;
}

.workbody {
  margin: 0px;
  background: url(wt.gif) repeat-x 0px 0px;
}

.workbody1 {
  background: url(wbrd.gif) repeat-y 100% 0px;
}

.workbody2 {
  background: url(wbrd.gif) repeat-x 0px 100%;
}

.workbody3 {
  background: url(wbrd.gif) repeat-y 0px 0px;
}

.workbody4 {
  background: url(wrt.gif) no-repeat 100% 0px;
}

.workbody5 {
  background: url(wrb.gif) no-repeat 100% 100%;
}

.workbody6 {
  background: url(wlb.gif) no-repeat 0px 100%;
}

.workbody7 {
  background: url(wlt.gif) no-repeat 0px 0px;
}

.workbody8 {
  padding: 15px 10px 15px 10px;
  text-align: justify;
}

#fpt td {
  padding: 0px 10px 10px 10px;
}

#fpt1 td {
  padding: 0px;
}

#fpt1 h1, #fpt1 h2, #fpt1 h3 {
  margin: 0px 0px 5px 0px;
  padding: 0px;
}

#fpt1 img {
  margin-right: 10px;
}

#nav_string td {
  font-size: 11px;
  padding: 0px;
}

#nav_string a {
  padding-left: 2px;
  padding-right: 11px;
  background: url(arrow.gif) no-repeat 100% 5px;
}

#home1_img {
  background: url(arrow.gif) no-repeat 90% 5px;
}

#home1_img a {
  padding: 0px 12px 1px 0px;
  background: url(home.gif) no-repeat 0px 2px;
}

#home1_img a:hover {
  background: url(home1.gif) no-repeat 0px 2px;
}

#nav_string span {
  padding-left: 3px;
}

.article {
  margin: 0px 0px 5px 0px;
  padding: 0px 0px 0px 27px;
  background: url(article_icon.png) no-repeat 0px 3px;
}

.anonce {
  margin: 0px 0px 5px 0px;
  padding: 0px 0px 0px 27px;
  background: url(anonce_icon.png) no-repeat 0px 3px;
}

.news {
  margin: 0px 0px 5px 0px;
  padding: 0px 0px 0px 27px;
  background: url(news_icon.png) no-repeat 0px 3px;
}

.newsdate {
  padding-left: 4px;
  width: 50px;
  height: 17px;
  text-align: left;
  background: url(datearea.png) no-repeat 0px 0px;
  color: #0099ff;
  font-size: 10px;
}

.item {
  margin-bottom: 10px;
}

#footer {
  height: 172px;
  background: #dfdfdf url(footer_bg.jpg) repeat-x 0px 0px;
}

#footer div {
  height: 172px;
  background: url(footer_img.jpg) no-repeat 100% 0px;
  padding: 0px 20px 0px 20px;
  font-size: 11px;
}

#footer a {
  color: #ff3399;
}

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

.mform {
  background: #cff1fe url(fbg.gif);
}

.mform1 {
  background: url(frt.gif) no-repeat right top;
}

.mform2 {
  background: url(frb.gif) no-repeat right bottom;
}

.mform3 {
  background: url(flb.gif) no-repeat left bottom;
}

.mform4 {
  background: url(flt.gif) no-repeat left top;
}

.mform5 {
  padding: 17px;
}

.mform table td {
  margin: 0px !important;
  padding: 3px !important;
}

#contact_form {
  width: 415px;
}

#contact_form .requiredfield, #contact_form .requireddigit, #contact_form .field, #contact_form .invalidfield, #contact_form .invaliddigit {
  width: 280px;
}

#contact_form textarea {
  width: 365px;
  height: 100px;
}

#errormsg {
  font-size: 11px;
  color: #ff0000;
}

#yourdata {
  width: 152px;
  background: #02d6fc url(udatbg.gif) repeat-y 0px 0px;
  font-size: 11px;
  color: #000000;
}

#yourdata div {
  width: 152px;
  background: url(udatt.png) no-repeat 0px 0px;
}

#yourdata div div {
  width: 132px;
  min-height: 140px;
  background: url(udatb.png) no-repeat 0px 100%;
  padding: 10px;
}

#yourdata a {
  color: #ffffff;
}

#yourdata a:hover {
  color: #99ffff;
}

#che {
  min-height: 19px;
  display: block;
  background: url(che.gif) no-repeat 0px 0px;
  padding: 0px 0px 7px 17px;
}

.faqtable td {
  padding: 0px !important;
}

.ficon {
  font-weight: bold;
  color: #ff3399;
  background: url(ficon.jpg) no-repeat 0px 0px;
  padding: 3px 0px 0px 31px;
  height: 18px;
}

.licon {
  font-weight: bold;
  color: #0099ff;
  background: url(licon.jpg) no-repeat 0px 0px;
  margin-top: 10px;
  padding: 9px 0px 0px 31px;
  height: 17px;
}

.lnk {
  text-decoration: none;
  font-size: 11px;
}

.blogdatetime {
  padding-left: 4px;
  width: 81px;
  height: 17px;
  background: url(datetimearea.png) no-repeat 0px 0px;
  color: #0099ff;
  font-size: 10px;
  text-align: left;
}

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

#yourdata ul li {
  font-weight: bold;
  background: url(bum.png) no-repeat 0px 3px;
  margin-bottom: 7px;
  padding-left: 15px;
}

.phototumb {
  padding-left: 6px;
  background: url(shade.png) no-repeat 0px 0px;
  display: inline-block;
}

.phototumb img {
  border: 1px solid #CCCCCC;
  margin: 0px 4px 10px 0px;
}