/*
**  Template.css
**
**	Default Layout
**
*/

* {
	padding: 0;
	margin: 0;
}

html, body {
	height: 100%;
}

* html a {
	position: relative;
}

/* submenu */
div.submenu {
	display: none;
	background-color:#EFAE63;
}

/* template main wrapper */
#wb-container-outer {
	background-color:#90ade2;		
	background-image:url(../images/layout1/family-background.jpg);
	background-repeat: repeat-x;
	min-height:100%;
	height:auto !important;
	height: 100%;
} 	

#wb-container-inner {
	margin: auto;
	width:877px;
	background-color:transparent;
	background-image: url(../images/layout1/family-congrad.jpg);
	background-position: top left;
	background-repeat: repeat-y;
}

#wb-layout {
	width:877px;
}

#wb-layout-inner {
	width:877px;
}

/* WB-LAYOUT-HEADER: This is the header section */
#wb-layout-header {
	width:877px;
	height:260px;
	background-color: transparent;
	background-image: url(../images/layout1/feature-image.jpg);	
	background-position: top left;
	background-repeat: no-repeat;
}			

#wb-layout-header-mask {
	width:833px;
	height:260px;
	background-color: transparent;
	background-image: url(../images/layout1/family-header-mask.png);
	background-position: top left;
	background-repeat: no-repeat;
	overflow: hidden;
	padding: 0px 22px;
}
	*html #wb-layout-header-mask {
		background-image:none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src=images/layout1/family-header-mask.png));
	}

#wb-layout-header-base {
	display: none;
}
/* END HEADER */


/* WB-LAYOUT-TOP-2: for designs that have navigation between the header and content
**	Layout 3
*/
#wb-layout-top-2 {
	display: none;
	background-color: transparent;
	background-image: url(../images/layout1/family-navtop.jpg);		
	background-position: top left;
	background-repeat: no-repeat;
	width: 877px;
	height: 57px;
}

#wb-navigation-subtop {
	height: 30px;
	padding: 7px 20px 0px 15px;
	overflow: hidden;
}

#wb-navigation-subtop div {
   	float: left;     	
	border-right:1px solid #D1DBEF;
	padding: 4px 20px 1px;
	height: 25px;
}

	/* top submenu */
	#wb-navigation-subtop div.submenu {
		height: auto;
		border: 0px;
		padding: 0px;
		width: 200px;
	}
	
	#wb-navigation-subtop div.submenu div {
		float: none;
		border: 0px;
		padding: 8px 20px;
	}
/* END top submenu */
					
#wb-top-subbasenav {
}
/* END WB-LAYOUT-TOP-2 */


/* WB-CONTAINER-CONTENTWRAPPER: This wraps the content area of the site
*	ALL Layouts
*/
#wb-container-contentwrapper {
	width:877px;
	height: 100%;
	background-color:transparent;
	background-image: url(../images/layout1/family-conbase.jpg);
	background-position: bottom left;
	background-repeat: no-repeat;
	padding-bottom: 80px;
}

	/* SIDEBAR is for designs that have a left or right column built in
	**	Layout 1
	**	Layout 2
	*/
	#wb-layout-sidebar {
		float: left;
		width: 241px;
		background-color: transparent;
	}

	/* sidebar navigation */
		#wb-navigation {
			width:241px;
			background-color: transparent;
			background-image: url(../images/layout1/family-navleft-navtop.jpg);
			background-position: top left;
			background-repeat: no-repeat;
			float: left;
		}
			#wb-navigation-top {
				width: 241px;
				background-color: transparent;
				background-image: url(../images/layout1/family-navleft-congrad.jpg);
				background-position: top left;
				background-repeat: repeat-y;
				float: left;
				margin-top: 17px;
			} 
			#wb-navigation-bottom {
				float: left;
				width: 191px;
				padding-left: 50px;
				padding-bottom: 15px;
				background-color: transparent;
				background-image: url(../images/layout1/family-navleft-navbase.jpg);
				background-position: bottom left;
				background-repeat: no-repeat;
			}
				/* SIDEBAR NAVIGATION STRUCTURE
				**	Layout 1
				**	Layout 2
				*/
				#wb-navigation-bottom div {
					padding: 4px 0px 0px 0px;
					width: 182px;
					height: 29px;
					overflow: hidden;
				}

				#wb-navigation-bottom div.submenu {
					margin: 0px;
					padding: 0px;
					overflow: visible;
					height: auto;
				}
				#wb-navigation-bottom div.submenu div {            
					width: auto;
					padding-left: 8px;
				}
				/* END SIDEBAR NAVIGATION STRUCTURE */

	#wb-basenav {
	}

	#wb-navbasewrap {
		padding-left: 30px;
		padding-bottom: 20px;
		width: 211px;
	}
	/* END SIDEBAR */

	
	/* MAIN-CONTENT AREA
	**	ALL Layouts
	*/
	#wb-layout-main {
		width:610px;
		padding: 45px 21px 20px 5px;
		float: left;
		background-color: transparent;		
		background-image: url(../images/layout1/family-navleft-contop.jpg);
		background-position: top right;
		background-repeat: no-repeat;
	}
	/* END MAIN CONTENT AREA */
	
/* END WB-CONTAINER-CONTENTWRAPPER */


/* Page FOOTER
**
**	ALL Layouts
*/
#wb-layout-footer {
	min-height: 57px;
	height:auto !important;
	height: 57px;
	width: 847px;
	border: 0px;
	margin-left: 0;
	background-color: #90ade2;
	background-image: url(../images/layout1/family-footer.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	padding-left: 30px;
}