/* During design of this template I was using ideas found amoung others on Wikipedia and on flankerds.com. */

/* background */
body		{background: #80A0C0;}
/* common */
a			{color: mediumblue; text-decoration: none;}
a:hover 	{text-decoration: underline;}
a img		{border: none;}

/* footer */
#footer		{margin: 5px auto; /*y x*/
			 width: 758px;
			 font: 12px Arial, Helvetica, sans-serif;}

/* page */
#page		{margin: 0px auto; /*y x*/
			 border-left: 1px solid #E0E0E0;
			 border-right: 1px solid #E0E0E0;
			 padding: 4px 10px; /*y x*/
			 width: 758px;
			 background: white;
			 font: 14px Arial, Helvetica, sans-serif;}
#page_t		{margin: 5px auto 0px; /*top x bottom*/
			 width: 780px; height: 7px;
			 background-image: url(page_top.gif);
			 overflow: hidden; /* need only for IE6 */}
#page_b		{margin: 0px auto 5px; /*top x bottom*/
			 width: 780px; height: 7px;
			 background-image: url(page_bottom.gif);
			 overflow: hidden; /* need only for IE6 */}
/* logo */
#logo		{border: 1px solid #C0C0C0;}
/* menu */
#menu		{margin: 6px 0px; /*y x*/
			 border: 1px #C0C0C0;
			 border-style: solid solid; /* y x, must be after border */
 			 padding: 3px;
			 background: #F0F0F0;
			 font-size: 15px;}
#menu a		{margin-left: 27px; margin-right: 11px;} /* value should depend on menu and font size,
                                                        check also print preview */
/* content */
#content	{padding: 10px;}
h1			{font-size: 21px; font-weight: normal;
			 border-left: 4px solid #6688AA; padding-left: 12px;}
p			{text-align: justify;
			 line-height: 1.35;}
#content p+ul{margin-top: -10px;} /* must be negative to overlap the preceding paragraph bottom margin which is by default 14px (in Firefox 3.6)
									 -11px: looks like a normal space between lines, -10px: a little larger space */
#content li	{line-height: 1.35;}

/* floats */
.float		{border-spacing: 0px;
			 margin-left: auto; margin-right: auto; /* centered */
			 width: 1px;} /* caption not wider than picture */
.float td	{padding: 0px;}
.float img	{}
.float p	{margin: 6px auto; /* y x, smaller margins*/
			 font-size: 13px;
			 text-align: justify;}

/* inline images in text */
p img, li img{vertical-align: middle;}