/* thanks to http://matthewjamestaylor.com/blog/ultimate-3-column-holy-grail-pixels.htm */
/* General styles */
body {
   margin:0;
   padding:0;
   border:0;			/* This removes the border around the viewport in old versions of IE */
   width:100%;
   background:#EDEBE6;
   font-family:Arial, Helvetica, sans-serif;
   font-size:100%;
}
a {
   color:#AE3F43;
   font-weight:bold;
   text-decoration:none;
}
a:hover {
   text-decoration:underline;
}
p {
}
img {
   border:0;   
}
table {
   border-collapse:collapse;
}
h3 {
   font-size:18px;
}
h4 {
   font-size:12px;
}

textarea {
   font-size:12px;
   font-family:Arial, Helvetica, sans-serif;
}

:focus {
	outline: 0;
}

/* for IE */
form {
   margin:0;
   padding:0;
}
input {
   margin:0;
   /*padding:0;*/
}
#body-wrapper {
   margin: 0 auto;
   width: 990px;
}

/* Header styles */
#header {
   clear:both;
   float:left;
   width:100%;
   position:relative;
}
#header-pic {
   width:990px;
   height:207px;
   position:relative;
}
#header-under {
   clear:both;
   float:left;
   height:73px;
   font-size:13px;
   color:#3C3332;
}
#header-descr-text {
   float:left;
   margin-top:23px;
   margin-left:18px;
   width:700px;
   height:16px;
   overflow:hidden;
}
#header-descr-text p {
	margin:0;
}

#lines-on-both-sides {
   clear:both;
   float:left;
   width:988px;
   border-left:1px solid #CFCBC2;
   border-right:1px solid #CFCBC2;
   position:relative;
}

#long-gray-line {
   float:left;
   clear:both;
   background:url('/img/long-gray-line.gif') no-repeat;
   width:987px;
   height:31px;
}
#todays-date {
   float:left;
   margin-top:23px;
   margin-left:92px;
}
#horiz-menu {
   position:absolute;
   bottom:0px;
   left:8px;
   width:620px;
   height:28px;
   overflow:hidden;
}
.horiz-menu-el {
   float:left;
   font-size:12px;
   /*text-transform:uppercase;*/
   text-align:center;
   height:29px;
   margin:0 13px;
}
.horiz-menu-el div {
   margin-top:5px;
}

.horiz-menu-el-sel-bg {
   float:left;
   background:url('/img/horiz-menu-bg.gif') 0 -1px repeat-x;
   height:29px;
}

.horiz-menu-el-sel {
   float:left;
   list-style:none;
   font-size:12px;
   text-transform:uppercase;
   margin:0 7px;
   padding: 0 !important;
}
.horiz-menu-el a, .horiz-menu-el-sel a {
   color:#F9F9F9;
}
.horiz-menu-el-sel a {
   padding-top:5px;
   display: block;
}
.horiz-menu-el-sel-bg div {
   margin-top:5px;
}
.horiz-menu-el-left {
   float:left;
   background:url('/img/horiz-menu-left.png') 0 -1px no-repeat;
   width:6px;
   height:29px;
}
.horiz-menu-el-right {
   float:left;
   background:url('/img/horiz-menu-right.png') 0 -1px no-repeat;
   width:6px;
   height:29px;
}
.horiz-menu-splitter {
   float:left;
   background:url('/img/horiz-menu-splitter.gif') no-repeat;
   width:1px;
   height:18px;
   margin:3px 0 0;
}
h1#header-text {
   position:absolute;
   top:25px;
   left:20px;
   width:230px;
   font-size:18px;
   /*font-weight:normal;*/
   color:#AA3F3D;
   text-transform:uppercase;
   cursor:pointer;
}

#header-icons {
   position:absolute;
   top:5px;
   right:0px;
}
#print-icon {
   float:left;
   margin-top:2px;
   margin-right:20px;
   font-size:12px;
}
#sitemap {
   float:left;
   width:19px;
}
#letters {
   float:left;
   margin-left:25px;
}
.brown-cube {
   float:left;
   background:url('/img/brown-cube.gif') no-repeat;
   width:21px;
   height:19px;
   font-size:12px;
   font-weight:bold;
   margin:0 0 3px;
   padding-top:2px;
   padding-left:3px;
}
.brown-cube a {
   color:#755E50;
}
#languages {
   float:left;
   margin-left:10px;
}
.lang {
   float:left;
   color:#755E50;
   margin:0 8px;
   font-size:12px;
   font-weight:bold;
   color:#AE3F43;
}
#header-search {
   position:absolute;
   top:40px;
   right:12px;
}
#search-left {
   float:left;
   background:url('/img/search-left.png') no-repeat;
   width:5px;
   height:22px;
}
#search {
   float:left;
}
#search input {
   border:0;
   border-top:1px solid #C3BBA9;
   border-bottom:1px solid #C3BBA9;
   height:18px;
   color:gray;
}
#search-right {
   float:left;
   background: url('/img/search-right.png') no-repeat;
   width:18px;
   height:22px;
}

#left-menu {
   width:173px;
   margin-bottom:45px;
}
.menu-el {
   font-size:12px;
   font-weight:bold;
   padding:5px 18px;
   border-bottom: 1px dotted #C1B9B2;
   background:#FAF9F5 url('/img/left-menu-arrow.gif') no-repeat 9px center;
}
.menu-el a,
.menu-sub-el a,
.menu-sub-el2 a,
.menu-sub-el3 a,
.menu-sub-el4 a {
   color:black;
}
.menu-el-sel, .menu-el-right-sel {
   font-size:12px;
   font-weight:bold;
   padding:5px 18px;
   border-bottom: 1px dotted #C1B9B2;
   background:#EAE7DF url('/img/left-menu-arrow-sel.gif') no-repeat 9px center;
}
.menu-el-sel a, .menu-el-right-sel a,
.menu-sub-el-sel a, .menu-sub-el-sel2 a, .menu-sub-el-sel3 a, .menu-sub-el-sel4 a {
   color:#970008;
}
.menu-el-right-sel {
   background:#FAF9F5 url('/img/left-menu-arrow.gif') no-repeat 9px center;
}
.menu-sub-el,
.menu-sub-el2, .menu-sub-el3, .menu-sub-el4,
.menu-sub-el-sel,
.menu-sub-el-sel2,
.menu-sub-el-sel3,
.menu-sub-el-sel4 {
   font-size:12px;
   font-weight:bold;
   padding:5px 18px;
   border-bottom: 1px dotted #C1B9B2;
   background:#E5E1D8 url('/img/left-menu-arrow.gif') no-repeat 25px center;
   padding-left:35px;
}
.menu-sub-el2, .menu-sub-el-sel2 {
   background-position: 35px center;
   padding-left:45px;
}
.menu-sub-el3, .menu-sub-el-sel3 {
   background-position: 45px center;
   padding-left:55px;
}
.menu-sub-el4, .menu-sub-el-sel4 {
   background-position: 55px center;
   padding-left:65px;
}

.menu-sub-el a,
.menu-sub-el2 a,
.menu-sub-el3 a,
.menu-sub-el4 a {
   font-weight:normal;
}
.menu-sub-el-sel {
   font-weight:bold;
}
.white-header {
   background:url('/img/white-top-arc.png') no-repeat;
   width:173px;
   height:9px;
   margin-bottom:-5px;
}

.white-footer {
   background:url('/img/white-bottom-arc.png') no-repeat;
   width:173px;
   height:9px;
}

#left-text-block {
   font-size:12px;
   margin-bottom:30px;
   overflow:hidden;
   width:168px;
}

#right-wrapper {
   margin-left:8px;
   width:173px;
}

#right-menu {
   width:173px;
   margin-bottom:25px;
}

.simple-text {
   font-size:12px;
   color:#292828;
   padding:8px;
}
.white-bg {
   background-color:#FAF9F5;
}

#content {
   position:relative;
   font-size:12px;
   text-align:justify;
   z-index:3;
   line-height:19px;
}
#content h3 {
   margin-right:30px;
}
#content-top {
   position:absolute;
   left:203px;
   background:#EDEBE6 url('/img/content-top.png') no-repeat;
   width:568px;
   height:21px;
   z-index:1;
}
.top-small-header {
   background:url('/img/top-small-header.png') no-repeat;
   width:173px;
   height:33px;
}
.small-header-text {
   float:left;
   color:#970008;
   font-size:13px;
   font-weight:bold;
   padding-top:9px;
   padding-left:8px;
}

.arrow-down {
   background:url('/img/right-menu-arrow.png') no-repeat;
   width:15px;
   height:15px;
   float:right;
   margin-top:10px;
   margin-right:7px;
}

#poll {
}
#poll-title {
   font-size:14px;
   font-weight:bold;
   color:#970008;
   border-bottom:3px solid #D1CEC7;
   padding-bottom:7px;
}
#poll-question {
   font-size:12px;
   font-weight:bold;
   color:#970008;
   margin-top:10px;
   margin-bottom:10px;
}
.poll-answer {
   font-size:12px;
   /*border-top:1px dotted #C1B9B2;*/
   border-bottom:1px dotted #C1B9B2;
   padding:8px 0;
}
.poll-answer input {
   margin-right:8px;
}
#poll-submit {
   float:right;
   margin-top:15px;
}
#poll-submit-btn, .sbmit {
   background:url('/img/poll-submit.gif') no-repeat;
   width:64px;
   height:22px;
   font-size:12px;
   font-weight:bold;
   color:white;
   padding-top:3px;
   text-align:center;
   cursor:pointer;
}
.poll-text {
   font-size:11px;
   margin-top:3px;
   text-align:center;
   color:#970008;
}
#berries {
   position:absolute;
   background:url('/img/berries.gif') no-repeat;
   width:101px;
   height:123px; /*138px;*/
   left:695px;
   top:11px;
   z-index:2;
}
#namedays {
   font-size:12px;
   margin:20px 0;
   margin-left:20px;
   margin-bottom:30px;
}
#email-box {
   margin:10px 0;
}
.email-body {
   /*padding-bottom:32px;*/
   height:60px;
}
#email-left {
   float:left;
   background:url('/img/input-left.gif') no-repeat;
   width:5px;
   height:22px;
   margin-left:5px;
}
#email {
   float:left;
}
#email input {
   border:0;
   border-top:1px solid #C3BBA9;
   border-bottom:1px solid #C3BBA9;
   width:110px;
   height:18px;
}
#email-right {
   float:left;
   background: url('/img/input-right.gif') no-repeat;
   width:5px;
   height:22px;
}
#email-submit {
   float:right;
   margin-right:5px;
}
#email-submit-btn {
   background:url('/img/brown-btn.gif') no-repeat;
   width:35px;
   height:22px;
   font-size:12px;
   font-weight:bold;
   color:white;
   padding-top:3px;
   text-align:center;
   cursor:pointer;
}

#cal-box {
   margin:20px 0;
   font-size:14px;
}
.cal-arrow-left {
   float:left;
   background:url('/img/calendar-arrow-left.png') no-repeat;
   width:17px;
   height:17px;
   margin-top:8px;
   margin-left:7px;
   cursor:pointer;
}
.cal-arrow-right {
   float:right;
   background:url('/img/calendar-arrow-right.png') no-repeat;
   width:17px;
   height:17px;
   margin-top:8px;
   margin-right:7px;
   cursor:pointer;
}
.cal-month {
   width:110px;
   text-align: center;
}
#cal-under-header {
   background:url('/img/calendar-under-header.gif') no-repeat;
   width:173px;
   height:25px;
   color:white;
}
.cal-day {
   font-size:13px;
   font-weight:bold;
   padding:3px 0;
}
.cal-weekday {
   float:left;
   margin:5px 7px;
   font-size:12px;
}
.cal-today {
   float:none;
   margin:0;
   padding:0;
   text-align: center;
   padding-top:2px;
   background:url('/img/brown-cube.gif') no-repeat 0 2px;
   width:21px;
   height:19px;
}
.cal-today a {
   color:#AE3F43;
   font-weight:bold;
}
.cal-date-row {
   text-align:center;
}

.news-body {
   /*float:left;
   clear:both;*/
   margin-bottom:35px;
}
.news-date {
   clear:both;
   color:#A39F96;
   margin:10px 0;
}
.news-title {
   color:#474747;
   font-size:14px;
   font-weight:bold;
   margin:10px 0;
}
.news-title a {
	color:#474747;
}
.news-thumb {
   float:left;
   clear:both;
   width:100%;
}
.news-thumb img {
   margin: 0 10px 10px 0;
}
.news-excerpt {
   max-height:95px;
   overflow:hidden;   
}
.news-read-more {
   float:left;
   clear:both;
   background:url('/img/news-read-more-btn.png') repeat-x;
   /*width:65px;*/
   height:18px;
   font-size:11px;
   margin-bottom:15px;
   padding-left:3px;
   padding-right:3px;
}
.print {
   float:left;
   clear:both;
   background:url('/img/news-read-more-btn.png') repeat-x;
   /*width:39px;*/
   height:18px;
   font-size:11px;
   margin-top:20px;
   padding-left:3px;
   padding-right:3px;
}
.news-back {
   float:left;
   clear:both;
   background:url('/img/news-read-more-btn.png') repeat-x;
   /*width:45px;*/
   height:18px;
   font-size:11px;
   padding-left:3px;
   padding-right:3px;
}

#footer-text {
   color:#3D794E;
   text-align:center;
   text-transform:uppercase;
   font-size:16px;
   font-weight:bold;
   padding-top:118px;
}

#copyright {
   clear:both;
   float:left;
   width:100%;
   color:#444443;
   text-align:center;
   font-size:12px;
   font-weight:bold;
   margin:20px 0;
   padding-bottom:20px;
}

.error_msg {
   color:#970008;
   font-size:11px;
}
.msgOk {
   color:#367018;
   font-weight:bold;
   font-size:11px;
}

#right-banners {
}

.banner {
	margin:10px 0;
}

/* column container */
.colmask {
   position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
   clear:both;
   float:left;
   width:100%;				/* width of whole page */
   overflow:hidden;		/* This chops off any overhanging divs */
}
/* holy grail 3 column settings */
.holygrail {
    background:#EDEBE6;    	/* Right column background colour */
    /* #ff9 */
}
.holygrail .colmid {
   float:left;
   width:200%;
   margin-left:-216px;/*-200px*/ 	/* Width of right column */
   position:relative;
   right:100%;
   background:#F6F7F2;    	/* Centre column background colour */
}
.holygrail .colleft {
   float:left;
   width:100%;
   margin-left:-50%;
   position:relative;
   left:419px;/*400px;*/         	/* Left column width + right column width */
   background:#EDEBE6;    	/* Left column background colour */
}
.holygrail .col1wrap {
   float:left;
   width:49%; /*50%;*/
   position:relative;
   right:163px; /*200px;*/        	/* Width of left column */
   padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */
}
.holygrail .col1 {
   margin:0 215px;     	/* Centre column side padding:
                           Left padding = left column width + centre column left padding width
                           Right padding = right column width + centre column right padding width */
   position:relative;
   left:200%;
   overflow:hidden;
   margin-right:210px;
}
.holygrail .col2 {
   float:left;
   float:right;			/* This overrides the float:left above */
   width:170px;        	/* Width of left column content (left column width minus left and right padding) */
   position:relative;
   right:18px;/*15px;*/         	/* Width of the left-had side padding on the left column */
}
.holygrail .col3 {
   float:left;
   float:right;			/* This overrides the float:left above */
   width:190px; /*170px;*/        	/* Width of right column content (right column width minus left and right padding) */
   margin-right:25px;/*45px;*/  	/* Width of right column right-hand padding + left column left and right padding */
   position:relative;
   left:49%; /*50%;*/
}
/* Footer styles */
#footer {
   clear:both;
   float:left;
   width:100%;
   height: 176px;
   background: url('/img/footer.jpg') no-repeat;
}


/* Gallery */
.gallery {
   float:left;
   clear:both;
   width:99%;
   margin-top:2px;
   /*margin: 5px;*/
   background-color: #F5F5F5;
   border: 1px dotted #CCCCCC;
}
.gallery #gal_title {
   font-weight: bold;
   padding: 5px 10px;
   margin-bottom: 10px;
   font-size: 14px;
   color: gray;
   background-color: #FAFAFA;
   border-bottom: 1px dotted #CCCCCC;
   height: 1%; /* for IE6 */
}
.gallery #emptylabel {
   font-size: 16px;
   font-weight: bold;
   color: gray;
   text-align: center;
   padding: 20px 0;
   margin-bottom: 10px;
}
.gallery .img {
   float: left;
   background-color: white;
   margin: 2px;
   padding: 4px;
   border: 1px solid #F0F0F0;
}
div.gallery div.img:hover {
   border: 1px solid #BBB;
}
.gallery .img div {
   text-align: center;
}
.gallery .img .img_links {
   padding-top: 10px;
   cursor: default;
}
.gallery .img .img_links img {
   vertical-align: middle;
}
.gallery .img span {
   display: block;
   margin-top: 10px;
   font-size: 10px;
   height: 12px;
   color: gray;
   overflow: hidden;
}
.gallery .link_button, .gallery_fieldset .link_button {
   background-color: white;
}
.gallery_fieldset, .gallery_fieldset legend {
   margin: 0; padding: 0;
}
.gallery_fieldset {
   background-color: #FAFAFA;
   border: 1px dotted #C0C0C0;
   margin-top: 10px;
}
.gallery_fieldset legend {
   margin-left: 10px;
   padding: 2px;
   font-weight: bold;
}
.gallery_fieldset .list_table {
   border: 0;
   margin: 0;
   border-bottom: 1px dotted #C0C0C0;
}
.gallery_fieldset .list_table td {
   border: 0;
   padding: 5px;
}
.gallery .gallery_item {
   float: left;
   width: 120px;
   height: 135px;
   margin: 13px;
   padding: 15px;
   border: 1px solid #efe2bc;
   background-color: #FFFFE0;
   text-align: center;
   overflow:hidden;
   margin-bottom:2px;
}
div.gallery div.gallery_item:hover {
   cursor: pointer;
   background-color: #FFFFC0;  
   border: 1px solid #efd077;
}
.gallery .gallery_item .gallery_title {
   margin-top: 10px;
   text-align: center;
   font-size: 11px;
   overflow: hidden;
   width: 120px;
   line-height:12px;
}
.gallery .gallery_item .gallery_icon {
   width: 120px; height: 90px;
   margin: 0 auto;
}
.gallery_tags {
   float: left;
}
.img_thumb {}

.thumb-title {
   clear:both;
   float:left;
   font-size:11px;
   width:100%;
}
/* Gallery eof */

.feed {
  float:left;
  margin-left:10px;
}

.splitter {
   float:left;
   border-left:1px solid #2D4E0B;
   margin-top:2px;
   width:1px;
}


/* 
	LEVEL ONE
*/
ul.dropdown                         {    position:absolute; bottom:0; left:0; z-index:666; margin:0; padding:0; height:28px; list-style:none; }
ul.dropdown li                      { float: left; list-style:none; padding: 5px 10px; font-size:12px; text-transform:uppercase; text-align:center; /*zoom: 1;*/ }
ul.dropdown li.hover,
ul.dropdown li:hover                { position: relative; }
ul.dropdown li a { color:#EAFFED; text-decoration: none; }
ul.dropdown li a:hover                { color:#ccc; }

.dropdown a:hover {
   text-decoration:none !important;
   color:#ccc !important;
}

/* 
	LEVEL TWO
*/
ul.dropdown ul { 
	visibility: hidden;
	position: absolute;
	top:22px;
	left:0;
	width:150px;
	background-color:#528810;
	margin:0; padding:0;
	z-index:666;
}
ul.dropdown ul a{
	font-size:12px;
	color:#EAFFED;
	text-decoration:none;
	text-transform:none;
	display:block;
}
ul.dropdown ul li:hover {
   background: #2C691C;
}
ul.dropdown ul li { 
	margin-top:1px;
	margin-bottom:2px;
	background-color:#528810;
	padding: 5px;
	float: none; 
	line-height:12px;
	z-index:666;
}

.overm1{
	background-color:#eaf7ff !important;
}

.inside1{
	color:#FFF !important;
	background-color:#5fbf0d !important;
}
ul.dropdown ul li.inside1 a{
	color:#FFF;
}


/* 
	LEVEL THREE
*/
ul.dropdown ul ul 					{ left: 100%; top: 0; z-index:666; }
ul.dropdown ul ul li{
	background-color:#528810;
	z-index:666;
}
ul.dropdown ul ul a{
	color:#EAFFED !important;
	text-decoration:none;
}
ul.dropdown ul ul a:hover{
	text-decoration:underline;
}

ul.dropdown ul ul li.inside2 a{
	text-decoration:underline;
	color:#5fbf0d !important;
}

ul.dropdown li:hover > ul 			{ visibility: visible; }

#zllv {
   margin-bottom:10px;
}
