body { margin: 0; background-color: #fff;  }
body, div, td, input { font-family: Arial; font-size: 12px; color: #555; line-height: 16px; }
a { color: #F15A24; text-decoration: none;  }
a:hover { text-decoration: underline; }
table { border-collapse: collapse; }
td { padding: 0; border: none; vertical-align: top; }
img { border: none; }
input, select { font-size: 10px; }

h1 { font-size: 18px; line-height: 24px; margin: 0px 0 18px; padding: 0; color: #630000; font-weight: normal; }
h2 { font-size: 14px; line-height: 20px; margin: 0px 0; padding: 0; font-weight: normal; }
h3 { font-size: 12px; }
hr { background: none; border: none; border-top: 1px solid #dbdbdb; height: 1px; }

.element-comment { color: #738a13; font-size: 10px; line-height: 12px; }

#layout-tr-1 { height: 115px; }
  #layout-td-1-2 { width: 265px; background-image: url('/images/layout-td-1-2-bg.jpg'); background-position: top left; background-repeat: no-repeat; vertical-align: bottom; text-align: center; }
    #layout-logo { }
  #layout-td-1-3 { background-image: url('/images/layout-td-1-3-bg.jpg'); background-position: top left; background-repeat: no-repeat; }
    #layout-slogan { vertical-align: middle; text-align: right; width: 274px; }

#layout-tr-2 { height: 30px; }
  #layout-td-2-2 { background-image: url('/images/layout-td-2-2-bg.jpg'); background-position: top left; background-repeat: no-repeat; }
  #layout-td-2-3 { width: 711px; background-image: url('/images/layout-td-2-3-bg.jpg'); background-position: top left; background-repeat: no-repeat; }
    #layout-nav { position: relative; }
      /* #layout-nav ul { margin: 0; padding: 0; list-style-type: none; } */
      #layout-nav a { text-decoration: none; display: block; height: 30px; position: absolute; background-repeat: no-repeat; z-index: 1; cursor: pointer; }
      #layout-nav a.active { z-index: 2; }
      #layout-nav-about { left: -10px; width: 114px; background-image: url('/images/layout-nav-about-1.png'); }
        #layout-nav-about.active { background-image: url('/images/layout-nav-about-2.png'); }
      #layout-nav-stories { left: 79px; width: 148px; background-image: url('/images/layout-nav-stories-1.png'); }
        #layout-nav-stories.active { background-image: url('/images/layout-nav-stories-2.png'); }
      #layout-nav-facts { left: 202px; width: 164px; background-image: url('/images/layout-nav-facts-1.png'); }
        #layout-nav-facts.active { background-image: url('/images/layout-nav-facts-2.png'); }
      #layout-nav-events { left: 341px; width: 104px; background-image: url('/images/layout-nav-events-1.png'); }
        #layout-nav-events.active { background-image: url('/images/layout-nav-events-2.png'); }
      #layout-nav-blog { left: 420px; width: 80px; background-image: url('/images/layout-nav-blog-1.png'); }
        #layout-nav-blog.active { background-image: url('/images/layout-nav-blog-2.png'); }
      #layout-nav-partners { left: 475px; width: 110px; background-image: url('/images/layout-nav-partners-1.png'); }
        #layout-nav-partners.active { background-image: url('/images/layout-nav-partners-2.png'); }
      #layout-nav-companies { left: 561px; width: 156px; background-image: url('/images/layout-nav-companies-1.png'); }
        #layout-nav-companies.active { background-image: url('/images/layout-nav-companies-2.png'); }
  		#layout-nav-contest   { left: 695px; width: 110px; background-image: url('/images/layout-nav-contest-1.png'); }
      	#layout-nav-contest.active { background-image: url('/images/layout-nav-contest-2.png'); }
			#layout-nav-greetings   { left: 780px; width: 110px; background-image: url('/images/layout-nav-greeting-1.png'); }
	      #layout-nav-greetings.active { background-image: url('/images/layout-nav-greeting-2.png'); }
	  	
  #layout-td-2-4 { background-color: #f48120; }


  #layout-td-3-1 { background-image: url('/images/layout-td-3-1-bg.jpg'); background-position: right top; background-repeat: no-repeat; }
  #layout-td-3-2 { background-image: url('/images/layout-td-3-2-bg.jpg'); background-position: right top; background-repeat: no-repeat; }
    #layout-search { background-image: url('/images/layout-search-titles.png'); background-repeat: no-repeat; width: 200px; height: 240px;  margin: 26px 30px 0 28px; }
  #layout-content {}
  

#layout-tr-4 { height: 40px; }
  #layout-td-4-1, #layout-td-4-3 { background: url('/images/layout-bottom-bg.png') bottom;  }
	#layout-td-4-2 { background: url('/images/layout-bottom.png') bottom;}

.paginator ul { list-style-type: none; margin: 0; padding: 0; }
.paginator li { float: left; margin-right: 10px; font-weight: bold; }
  .paginator li a { font-weight: normal; }

.grid td { font-size: 11px; padding: 4px 8px; border: 1px solid #bdbdbd; }





#calendar { width: 100%; }
#calendar th { background-color: #ede8de; padding: 9px 0 8px 0; font-weight: normal; font-size: 10px; color: #828282; text-align: center; }
#calendar td { text-align: center; padding: 8px 0 0px; font-size: 11px; line-height: 11px; color: #828282; }
#calendar td a { text-decoration: none; color: #f48169; }

.copyright { color: #F15A24; font-size: 9px; line-height: 9px; }

blockquote { color: #a2a2a2; padding: 0; margin: 0 0 0 16px; font-style: italic; }


.fieldWithErrors input, .fieldWithErrors textarea  { border: red; } 



#greeting label {
	display: block; font-size: 12px; margin-top: 3px; margin-bottom: 1px;
}

#greeting .form {
	padding: 5px;
}


#greeting input.mail, #greeting textarea { 
	border: 1px solid #a2a2a2;
	margin-bottom: 5px;
	width: 230px;
	display: block;
}

#greeting textarea {
	width: 230px;
	height: 100px;

}

div.fieldWithErrors input,  div.fieldWithErrors textarea {
	border: 1px solid red;
}