body, html {
	margin: 0;
	padding: 0;
	border: none;
	width: 100%;
	height: 100%;
}

	#header {
		top: 0;
		left: 0;
		z-index: 3;
		width: 100%;
		height: 135px;
		background-color: #F7FCF9;
		border-bottom: solid 1px #3A872D;
	}
	/**
	 * IE6 hack: 
	 * CSS 1 selector, overridden by CSS2 selector, unknown to IE 6.
	 * IE6 will see position "absolute", while newer browsers will see position
	 * "fixed".
	 */
	#header {
		position: absolute;
	}
	div[id="header"] {
		position: fixed !important;
	}
		#header h1 {
			margin:0;
			padding:0;
			position: absolute;
			z-index: 1;
			left: 0;
			top: -10000px;
			width: 100%;
			height: 10168px;
			background-repeat: no-repeat;
			background-position: bottom left;
		}
		/**
	 	 * IE6 hack: 
	 	 * CSS 1 selector, overridden by CSS2 selector, unknown to IE 6.
	 	 * Will provide lower quality, 8bit transparent GIF files for IE6, and
	 	 * true alpha transparent PNG files for newer browsers, that support it.
		 */
		 #header h1 {
			background-image: url(../img/IE6-compatible/header.jpg);
		 }
		 #header > h1 {
			background-image: url(../img/header.png);
		 }
		#header h2 {
			margin:0;
			padding:0;
			position: absolute;
			z-index: 2;
			left: 0;
			height: 10000px;
			background-repeat: no-repeat;
			background-position: bottom right;
		}
		/**
	 	 * IE6 hack: 
	 	 * CSS 1 selector, overridden by CSS2 selector, unknown to IE 6.
	 	 * Will provide lower quality, 8bit transparent GIF files for IE6, and
	 	 * true alpha transparent PNG files for newer browsers, that support it.
		 */
		 #header h2 {
		 	width: 993px;
		 	top: -9864px;
			background-image: url(../img/IE6-compatible/header_portret.jpg);
		 }
		 #header > h2 {
			width: 100%;
			top: -9865px;
			background-image: url(../img/header_portret.png);
		 }
	
	#body {
	}
		#leftColumn {
			top: 0;
			left: 0;
			z-index: 2;
			width: 180px;
			height: 100%;
		}
		/**
		 * IE6 hack: 
		 * CSS 1 selector, overridden by CSS2 selector, unknown to IE 6.
		 * IE6 will see position "absolute", while newer browsers will see 
		 * position "fixed".
		 */
		#leftColumn {
			position: absolute;
		}
		div[id="leftColumn"] {
			position: fixed !important;
		}
			#leftColumn  #menuRecipient {
				position: absolute;
				left: 0;
			}
			/**
			 * IE6 hack: 
			 * CSS 1 selector, overridden by CSS2 selector, unknown to IE 6.
			 * IE6 will position the menu at 192px from top, while newer 
			 * browsers will position it at 30% from top, with a 192px threshold
			 * for the height of the menu's recipient.
			 */
			#leftColumn  #menuRecipient {
				top: 192px;
			}
			#leftColumn  > #menuRecipient {
				top: 30%;
				min-height: 192px;
			}
				#leftColumn  #menuRecipient #menu {
					position: absolute;
					top: 0;
					left: 0;
					width: 151px;
					height: 324px;
					margin: 0;
					padding: 0;
					list-style-type: none;
					background-image: url(../img/menu_0.png);
					background-repeat: no-repeat;
					background-position: top right;
				}
				#leftColumn  #menuRecipient li.menuItem {
					position: absolute;
					left: -1000px;
					width: 1151px;
					margin: 0;
					padding: 0;
					text-align: left;
					background-repeat: no-repeat;
					background-position: top right;
				}
				#leftColumn  #menuRecipient li.menuItem a {
					display: block;
					width: 100%;
					height: 44px;
					overflow: hidden;
				}
				#leftColumn  #menuRecipient li.item1 {
					top: 46px;
					height: 46px;
					background-image: url(../img/menu_1.png);
				}
				#leftColumn  #menuRecipient li.item2 {
					top: 92px;
					height: 46px;
					background-image: url(../img/menu_2.png);
				}
				#leftColumn  #menuRecipient li.item3 {
					top: 138px;
					height: 46px;
					background-image: url(../img/menu_3.png);
				}
				#leftColumn  #menuRecipient li.item4 {
					top: 184px;
					height: 46px;
					background-image: url(../img/menu_4.png);
				}
				#leftColumn  #menuRecipient li.item5 {
					top: 230px;
					height: 46px;
					background-image: url(../img/menu_5.png);
				}
				#leftColumn  #menuRecipient li.item6 {
					top: 276px;
					height: 48px;
					background-image: url(../img/menu_6.png);
				}
		#rightColumn {
		}
			#pageContent {
				margin-top: 180px;
				margin-left: 180px;
			}
			 /**
		 	 * IE6 hack: 
		 	 * CSS 1 selector, overridden by CSS2 selector, unknown to IE 6.
		 	 * Make page at least 130px tall for IE6.
		 	 */
			#pageContent {
				height: 130px;
			}
			div[id="pageContent"] {
				height: auto !important;
			}
				#pageContent div.section {
					clear: both;
				}
                    #pageContent div.section form {
                        margin: 0;
                        padding: 0;
                    }
					#pageContent div.section div.summary {
						background-position:left top;
						background-repeat:no-repeat;
						float:right;
						padding-left:20px;
						width:230px;
					}
					 /**
				 	 * IE6 hack: 
				 	 * CSS 1 selector, overridden by CSS2 selector, unknown to 
				 	 * IE 6. Will provide lower quality, 8bit transparent GIF 
				 	 * files for IE6, and true alpha transparent PNG files for 
				 	 * newer browsers, that support it. 
					 */
					#pageContent div.section div.summary {
						background-image: url(../img/IE6-compatible/braket.jpg);
					}
					div[id="pageContent"] div.section div.summary {
						background-image:url(../img/braket.png) !important;
					}
					#pageContent div.section div.nobrace {
						background-image: none !important;
                        position: absolute;
                        top: 200px;
                        right: 0;
					}
					/**
	 				 * IE6 hack: 
	 				 * CSS 1 selector, overridden by CSS2 selector, unknown to 
	 				 * IE 6.
	 				 * IE6 will see height as "100px", while newer browsers will
	 				 * see height as "auto", and use min-height instead.
					 */
					 #pageContent div.section div.summary {
					 	height: 100px;
					 }
					 div[id="pageContent"] div.section div.summary {
					 	height: auto !important;
					 	min-height: 100px;
					 }			
					#pageContent div.section .lastSection {
						margin-bottom: 200px;
					}
						#pageContent div.section div.summary h4 {
							margin: 0;
						}
						#pageContent div.section div.summary h3{
							margin: 0;
						}
					#pageContent div.section div.detail {
						float: none;
						margin-bottom: 3em;
						padding-right: 225px;
					}
						#pageContent div.section div.detail p {
							margin-right: 1.5em;
							padding-right: 20px;
							text-align: right;
						}
						#pageContent div.section div.detail a.glosarTerm,
						#pageContent div.section div.detail a.noteTerm {
							outline: none;
						}
							#pageContent div.section div.detail a.glosarTerm em,
							#pageContent div.section div.detail a.noteTerm em {
								font-style: normal;
							}
							#pageContent a.glosarTerm:focus em,
							#pageContent a.noteTerm:focus em {
								outline: 1px dotted #555555;
							}
						#pageContent div.section div.detail div.quote,
						#pageContent div.section div.detail div.selGroup,
						#pageContent div.section div.detail div.confGroup {
							margin-left: 3.5em;
							margin-right: 50px;
							background-image: url(../img/quotes_icon.png);
							background-position: 5px 5px;
							background-repeat: no-repeat;
							padding: 0.5em;
							padding-left: 20px;
						}
						#pageContent div.section div.detail div.quote p,
						#pageContent div.section div.detail div.selGroup p,
						#pageContent div.section div.detail div.confGroup p {
							margin-right: 0;
							padding-right: 0;
						}
							#pageContent div.section div.detail div.quote ul {
								list-style-image: url(../img/hash_icon.png);
							}
							#pageContent div.section div.detail div.quote ul li{
								vertical-align: middle;
								margin-top: 0.25em;
								margin-bottom: 0.25em;
							}
							#pageContent div.section div.detail div.quote ol li{
								margin-top: 0.25em;
								margin-bottom: 0.25em;
							}
							#pageContent div.quote ul.smallRoman,
							#pageContent div.quote ul.upperRoman {
								list-style-image: none !important;
								list-style-type: lower-alpha;
							}
							#pageContent div.quote ul.upperRoman {
								list-style-type: upper-alpha;
							}
						#pageContent div.section div.detail div.quote p em,
						#pageContent div.section div.detail div.selGroup p em {
							word-spacing: 0.5em;
						}
						#pageContent div.section div.tableHolder {
							margin-right: 45px;
						}
						#pageContent div.section div.detail div.selGroup p,
						#pageContent div.section div.detail div.selGroup h4,
						#pageContent div.section div.detail div.selGroup h5,
						#pageContent div.section div.detail div.confGroup p,
						#pageContent div.section div.detail div.confGroup h4 {
							padding-top: 2px;
							padding-bottom: 2px;
							margin-top: 0;
							margin-bottom: 0;	
						}
						#pageContent div.section div.detail div.selGroup h4, 
						#pageContent div.section div.detail div.confGroup h4 {
							margin-left: 20px;
							padding-left: 5px;
						}
						#pageContent div.section div.detail div.selGroup p.option,
						#pageContent div.section div.detail div.selGroup h5,
						#pageContent div.section div.detail div.confGroup p {
							margin-left: 38px;
							padding-left: 5px;
						}
						#pageContent div.section div.detail div.selGroup p.option {
							margin-left: 56px;
						}
						#pageContent div.section div.detail div.selGroup,
						#pageContent div.section div.detail div.confGroup {
							margin-bottom: 35px !important;
							padding-left: 0 !important;
							padding-bottom: 0 !important;
							padding-right: 0 !important;
						}
						#pageContent div.section div.selGroup div.actionGroup,
						#pageContent div.section div.confGroup form {
							background-color: #f0f0f0;
							padding-left: 38px;
							padding-bottom: 5px;
							padding-right: 0.5em;
						}
						#pageContent div.section div.confGroup form {
							padding-top: 5px;
							margin-top: 5px;
						}
                        
	#footer {
		bottom: 0;
		right: 0;
		z-index: 2;
		height: 176px;
		background-repeat: no-repeat;
	}
	/**
	 * IE6 hack: 
	 * CSS 1 selector, overridden by CSS2 selector, unknown to IE 6.
	 * IE6 will see:
	 *		- position as "relative",
	 *		- width as "100%",
	 *		- background-position as "top right",
	 * while newer browsers will see:
	 *		- position as "fixed",
	 *		- width as "246px",
	 *		- background-position as "top left"
	 * Will provide lower quality, 8bit transparent GIF files for IE6, and
	 * true alpha transparent PNG files for newer browsers, that support it.
	 */
	 #footer {
		position: relative;
		margin-left: 49.9%;
	 	width: 50%;
	 	background-position: top right;
		background-image: url(../img/IE6-compatible/footer.jpg);
	 }
	 div[id="footer"] {
	 	position: fixed !important;
	 	margin-left: 0 !important;
		width: 246px !important;
		background-position: top left !important;
		background-image: url(../img/footer.png) !important;
	 }