.debug {
	border: 1px solid red !important;
	}

/* commented backslash hack v2 \*/ 
html, body{height:100%;} 
/* end hack */ 
html>body #siteWrapper
{
	height: auto;
} /*for mozilla as IE treats height as min-height anyway*/

html>body {
	overflow: -moz-scrollbars-vertical;	
	}

body {
	margin: 0; padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px !important;
	color: #4c4c4c;
	background: #6d8539 center top repeat-y url(../images/structure/body_bg.jpg);
	}
	
#bgWrapper {
	position: absolute; top: 0; left:0;
	height: 386px; width: 100%;
	margin: 0; padding: 0;
	background: transparent center top no-repeat url(../images/structure/bgWrapper.jpg);
	}
	
	
	#siteWrapper {
		position: relative; display: block;
		margin: 0 auto;
		margin-bottom: -120px;
		width: 770px; height: auto;
		height: 100%;
		min-height: 100%;
		background: transparent center top repeat-y url(../images/structure/siteWrapper_bg.jpg);
		}
	
		#book {
			position: relative; display:block;
			width: 770px; height: 386px;
			background: transparent center top no-repeat url(../images/structure/book.jpg);
			}
			
			#primNav {
				position: absolute;
				width: 190px; height: 180px;
				top: 136px; left: 154px;
				}
			
			#homeLink {
				position: absolute;
				width: 20px; height: 78px;
				top: 232px; left: 90px;
				}
				
			#bookNote {
				position: absolute;
				width: 240px; height: 15px; line-height: 15px;
				top: 354px; left: 126px;
				text-align: center; text-transform: uppercase;
				font-size: 0.8em;
				color: #2b6a00;
				font-weight: bold;
				}				
				
			#langSel {
				position: absolute;
				width: 157px; height: 20px;
				top: 318px; left: 164px;
				}
				
			#homeLink a img {
				display: block;
				width: 20px; height: 78px;
				border: none;
				}
				
			#rightPage {
				position: absolute;
				width: 210px; height: 285px;
				top: 44px; left: 415px;
				}
				
				#rightPage.blankImage {
					background: transparent center no-repeat url(../images/structure/leaves.png);
					}
				
				#rightPage .content {
					position: relative;
					}					
			
		#contentWrapper {
			position: relative; display: block;
			width: 704px;
			height: auto;
			margin: 0 33px;
			padding-top: 3em;
			background: white;
			}
			
			#left, #right {
				position: relative; display: block;
				width: 332px; height: auto;
				padding: 20px 0 0 0;
				}
				
			#left {
				float: left;
				margin: 0 10px 0 0;
				background: white;
				}
				
			#right {
				float: right;
				margin: 0 0 0 10px;
				}
				
			div.twoCol #left {
				width: 474px;
				}
				
				
			div.twoCol #right {
				width: 200px;
				margin-bottom: 2em;
				}
				
			div.copyBlock {
				padding-bottom: 10px; 
			}
			
#siteFooter {
	position: relative;
	width: 704px; height: 119px;
	margin: 0 auto;
	border-top: 1px solid #bed3b4;
	}
				
* html #siteFooter {/*only ie gets this style*/
	\height:119px;/* for ie5 */
	he\ight:119px;/* for ie6 */
}
#clearFooter {
	clear: both;
	height: 120px;
}/*needed to make room for footer*/

* > html #clearFooter {float:left; width: 100%;}/* ie mac styles */