/** Pranic Hatha Yoga */
/** Layout  */

/* Global Resetting */

html {	
	width: 100%;
	background: #e0dbc7; 
	
}

body {
	width: 100%;
	font-size: 76%;  /* set font-sizes to 1em ~= 12px */
}

* {
	font-size: 1em;
	padding: 0;
	margin: 0;
	font-family : Verdana, Helvetica, sans-serif;
}


/* center strip (no limit on height) */
#Sambhogakaya {
	position : relative;
	margin:0 auto;
	width: 1000px;
}

/* Including the side strips, but limited in height */
#Sambhogakaya #OuterContainer {			
	position : relative;
	width : 100%;
}

#Sambhogakaya #OuterContainer #LeftStrip {
	position : absolute;
	top : 0px; 
	left : 0px;
	width : 100px;
	height : 100%; 
	background: transparent url(../images/slice-left-sidebar-bg.png) 0 0 repeat-y; 
}

#Sambhogakaya #OuterContainer #RightStrip {
	position : absolute;
	top : 0px; 
	right : 0px;
	width : 100px;
	height : 100%; 
	background: transparent url(../images/slice-right-sidebar-bg.png) 0 0 repeat-y; 
}

#Sambhogakaya #OuterContainer #RightStrip #RightStripRelative {
	position : relative;
	width : 100%;
	height : 100%;
}

#Sambhogakaya #OuterContainer #RightStrip #RightStripRelative #RightOutsideDecor {
	position : absolute;
	top : 406px; 
	left : 0px;
	width : 100px;
	height : 89px; 
	background: transparent url(../images/decor-right-outside-100x89.png) 0 0 no-repeat; 
}

	#home #Sambhogakaya #OuterContainer #RightStrip #RightStripRelative #RightOutsideDecor {
		top : 642px; 
	}


#FooterStrip {
	position : relative;
	width : 100%;
	height : 60px;
	background: transparent url(../images/strip-footer.jpg) 0 0 no-repeat; 
}

/******************************/

#StageContainer {
	position : relative;
	width : 800px;
	height : auto;
	margin : 0 auto;
}

#Header {
	position : relative; 
	background: #94976c url(../images/body-header-1-800x213.jpg) 0 0 no-repeat; 
	height : 213px;
	width : 100%;
}

#home #Header {
	position : relative; 
	background: #94976c url(../images/header-landingpage-800x449.jpg) 0 0 no-repeat; 
	height : 449px;
	width : 100%;
}

#OuterContainer #LandingPageLogo {
	position : absolute;
	
	left : 55px;
	top : 335px;	

	width : 181px;
	height : 175px;

	background: transparent url(../images/logo-landingpage-181x175.png) 0 0 no-repeat; 
	
	z-index : 1;
}


	#Header a {
		text-decoration : none; 		/* get rid off border */
		
		display:block;
		width:100%; 
		height:100%; 
	}

	#Header #Logo {
		position : absolute;
		
		left : 0px;
		top : 0px;	

		width : 130px;
		height : 122px;
	}

	#Header #Logo:hover {
		background: transparent url(../images/logo-glow-header1.png) 0 0 no-repeat; 
	}

	#Header #Title {
		position : absolute;
		
		left : 132px;
		top : 32px;	

		width : 668px;
		height : 72px;
	}

	#Header #Title:hover {
		background: transparent url(../images/banner-glow-668x62.jpg) 0 0 no-repeat; 
	}

#Stage {
	position : relative; 
	margin : 1 auto ;
	min-height : 539px;  
	background: transparent url(../images/stage-bg-800x539.jpg) 0 0 no-repeat; 
}

#Stage #Byline {
	position : absolute;
	top : 3px;
	right : 26px;
	width : 345px;
	height : 25px;
	background: transparent url(../images/byline-2-state-345x50.png) 0 0 no-repeat; 
	z-index : 1;
}

#Stage #Byline:hover {
	background-position : 0px -25px;
	cursor : pointer;
}

#Stage #Byline a {
	text-decoration : none;
	display:block;
	width:100%; 
	height:100%; 
}


#about #Stage #Byline:hover {
	background-position : 0px 0px;
	cursor : default;
}


#NavColumn {
	position : absolute;
	top : 56px;
	width : 160px;
}


#home #NavColumn {
	top : 56px;
}

#NavColumn #NavColumnRelative {
	position : relative;
	width : 100%;
	height : 100%;
}

#ConstantContact {
	position : relative;
	margin-top : 30px;
	padding-left : 12px;
	padding-right : 30px;
}

#ConstantContact a {
	font-size : 9pt;
	font-weight : normal;
}

#Layout {
	position : relative;

/** Not either of these w "position : relative" */
/*	top : 84px; */
/*	margin-top : 84px; */

	padding-top : 60px;
	
	left : 180px;	/* 160 + 20px margin */
	width : 560px;
}

#Content,
#ContentWithSidebar {
	
	position : relative;
    height : auto;
	clear : both;

}

#ContentWithSidebar {
    width : 440px;	/* 460 - 10px padding */
}

#Content {
	width : auto;
	padding-right : 24px;
}


#SidebarContainer {

 	position : absolute;

 	top : 0px;
 	right : 0px;

 	width : 180px;
 	height : auto;
 	
 	overflow : hidden;
}

#SidebarContainer #FeaturedContent {

	position : relative;
	
	margin-top: 74px;
	
 	width : auto;
 	height : auto;
 	
 	background-color : transparent;
 	
 	padding-left : 11px; /* extenting below */
 	padding-right : 20px;

 	border-left : 1px solid #46321f; 	/* brown - body text */
}