body {
   background: #807A73;
   background-image: url(../pictures/grass.jpg);
   background-attachment: fixed;
   margin: 0 0 50px 0; padding: 0;
   }

/* ___________________________________________________________________ */


 /* This holds and centers the lot. */

#holder {
   position: absolute;
   left: 40%; top: 10px;
   width: 750px; height: auto;
   margin-left: -280px;
   padding: 0;
   background: #eed;
   background-image: url(../pictures/tavasz_banner.jpg);   
   background-repeat: no-repeat;
   text-align: right;
   border-left: 2px #fff solid; border-right: 2px #fff solid;
   }

/* ___________________________________________________________________ */


 /* This holds everything inside the header. */

#header {
   position: relative;
   left: 0; top: 0;
   width: 748; height: 180px;
   padding: 1%;
   background: #eed url;
   border: 1px #fff solid;
   padding-bottom:3px;
   }

#header #wrapper{
   width: auto;
   height: auto;
}

 /* This styles the above (big) text. */

#header #one {
   font: 2em "Trebuchet MS", Trebuchet, serif;
   color: #fff;
   display: block;
   clear: both;
   }

 /* This styles the below (small) text. */

#header #two {
   font: italic 1em georgia, serif;
   color: #000;
   display: block;
   }


/* ___________________________________________________________________ */


 /* This holds the menu - below the header. */


#menu {
   position: relative;
   left: 0; top: 0;
   width: 748px; height: 22px;
   padding:  3px 1% 8px 1%;
   border-top: 1px #eed solid;
   background: #D3D2B8;
   font: bold .8em/100% arial, sans-serif;
   text-align: left;
   z-index: 0;
}

#menu a{
   color: #645846;
   background: #D3D2B8;
   text-decoration: none;
   border: #D3D2B8;
   margin: 2px 8px 0 8px;
   padding:  3px 0 3px 0;
   background: #D3D2B8;
}

#menu a:hover{
   color: #fff;
   background: #D3D2B8;
}



#menu a.daddy {
	background: url(rightarrow2.gif) center right no-repeat #D3D2B8;
	width: 9em;
}



#menu ul {
	padding: 0;
	margin: 0;
	list-style: none;
	border: #eeeedd solid;
	border-width: 1px 1px;
	margin: 0 0 1em 0;
        background: #D3D2B8;
}

#menu a {
	display: block;
	width: 8.2em;
	w\idth: 8.2em;
}

#menu li {
	float: left;
	width: 8.2em;
	w\idth: 8.2em;
}

#menu li ul {
	position: absolute;
	width: 10em;
	w\idth: 10em;
	left: -999em;
}

#menu li:hover ul {
	left: auto;
}

#menu li:hover ul, #menu li.sfhover ul {
	left: auto;
}



#menu li ul ul {
	margin: -1.7em 0 0 9em;
}

#menu , #menu ul {
	padding: 0;
	margin: 0;
	list-style: none; 
	line-height: 1;
}

#menu li:hover ul ul, #menu li.sfhover ul ul {
	left: -999em;
}

#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul {
	left: auto;
}

#menu  li:hover ul ul, #menu  li:hover ul ul ul, #menu  li.sfhover ul ul, #menu  li.sfhover ul ul ul {
	left: -999em;
}

#menu  li:hover ul, #menu  li li:hover ul, #menu  li li li:hover ul, #menu  li.sfhover ul, #menu  li li.sfhover ul, #menu  li li li.sfhover ul {
	left: auto;
}

#menu  li:hover ul ul, #menu  li:hover ul ul ul, #menu  li:hover ul ul ul ul, #menu  li.sfhover ul ul, #menu  li.sfhover ul ul ul, #menu  li.sfhover ul ul ul ul {
	left: -999em;
}

#menu  li:hover ul, #menu  li li:hover ul, #menu  li li li:hover ul, #menu  li li li li:hover ul, #menu  li.sfhover ul, #menu  li li.sfhover ul, #menu  li li li.sfhover ul, #menu  li li li li.sfhover ul {
	left: auto;
}



/* ___________________________________________________________________ */




 /* This is the box on the left - below the menu. */

#content {
   float: left;
   padding: 25px 12px 12px 12px;
   width: 70%; height: auto;
   background: #fff;
   font: .9em/150% arial, sans-serif;
   text-align: justify;
   border-left: 2px #eed solid; border-top: 2px #eed solid;
}

#content h1 {
   margin: 0 0 10px 0;
   padding: 0;
   font: 2.2em garamond, serif;
   color: #77773C;
   border-bottom: 1px #77773C dashed;
   text-align: center;
}

#content p {
   width: 94%;
   padding: 0 0 0 3%;
   margin: 0 0 20px 0;
   font: .9em/150% arial, sans-serif;
   color: #222;
   text-align: justify;
}


#content p.indent{
    text-indent: 30px;
}

#content a { 
   color: #77773C;
   border: none;
   font-weight: bold;
   text-decoration: none;
}

#content p a:hover{
   color: #aaa;
   text-decoration: none;
}


/* ___________________________________________________________________ */



 /* This is the box on the right - below the menu. */

#right_pane {
   float: left;
   margin: 0;
   padding: 5px 4px 5px 4px;
   width: 25%; height: auto;
   background: #D3D2B8;
   border-left: 2px #eed solid; border-bottom: 2px #fff solid;
   font: .7em arial, sans-serif;
   color: #555;
   text-align: left;
   z-index: 1;
}

#right_pane h5{
   font: bold 1.3em verdana, sans-serif;
   color: #77773C;
   margin: 0 0 15px 0; padding: 0;
}

#right_pane .date{
   background: transparent;
   border-top: 1px #D3D2B8 solid;
   margin: 0; padding: 0;
   font-style: italic;
   font-weight: bold;
   border: none;
}

#right_pane p{
   width: auto;
   border: 1px #D3D2B8 solid;
   background: #fff;
   margin: 0 0 5px 0; padding: 5px;
   text-align: justify;
}

#right_pane .ido{
   width: auto;
   border: 1px #D3D2B8 solid;
   background: #fff;
   margin: 0 0 5px 0; padding: 5px;
   text-align: center;
}


#right_pane p a{
   color: #77773C;
   border: none;
   font-weight: bold;
   text-decoration: none;
}

#right_pane p a:hover{
   color: #aaa;
   text-decoration: none;
}




#footer{
 margin: 0;
}

#footer p{
   text-indent: 0;
   margin-top: 50px;
   font: bold .6em verdana, sans-serif;
   color: #bbb;
   text-align: right;
   }





acronym{
   text-decoration: none;
   border-bottom: 1px #77773C dotted;
}