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

* {
	padding: 0;
	margin: 0;
}

html, body {
	height: 100%;
}

/* submenu */
div.submenu {
	display: none;
}

/* template main wrapper */
#wb-container-outer {
	background-color:#ffffff;		
	min-height:100%;
	height:auto !important;
	height: 100%;
} 	

#wb-container-inner {
	margin: auto;
	width:100%;
	background-color:transparent;
	background-image: url(../images/layout1/top-bg.png);
	background-position: left top;
	background-repeat: repeat-x;
}

#wb-layout {
	width:784px;
	padding:26px 0px 0px;
	margin:0 auto;
}

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

/* WB-LAYOUT-HEADER: This is the header section */
#wb-layout-header {
	padding: 10px;
	width:764px;
	background-color: transparent;
	background-image: url(../images/layout1/header-bg-ln.png);		
	background-position: top left;
	background-repeat: no-repeat;
}			

#wb-layout-header-mask {
	height:206px;		
	overflow: hidden;
}

#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;
	width: 784px;
}

#wb-navigation-subtop {
	width: 768px;
	height: 36px;
	line-height: 32px;
	margin: 0px 7px;
	background-color: #E5E5E5;
	border:1px solid #AAAAAA;
}

#wb-navigation-subtop div {
   	float: left;     	
	padding: 0px 10px;
	width: auto;
}

	/* top submenu */
	#wb-navigation-subtop div.submenu {
		height: auto;
		background-color: #e5e5e5;
		padding: 0px;
		width: 200px;
		border: 1px solid #AAAAAA;
	}
	
	#wb-navigation-subtop div.submenu div {
		float: none;
		padding: 5px 20px;
	}
		#wb-navigation-subtop div.submenu a {
			text-align: left;
			line-height: 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:784px;
	height: 100%;
	background-color:transparent;
	background-image: url(../images/layout1/content-bg-ln.png);
	background-position: top left;
	background-repeat: repeat-y;
}

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

	/* sidebar navigation */
		#wb-navigation {
			width:210px;
		}
			#wb-navigation-top {
				width: 210px;
				
			} 
			#wb-navigation-bottom {
				width: 200px;
				padding-left: 10px;
			}
				/* SIDEBAR NAVIGATION STRUCTURE
				**	Layout 1
				**	Layout 2
				*/
				#wb-navigation-bottom div {
					padding: 8px 0px 4px;
					width: 200px;
					border-bottom:1px solid #ACACAC;
				}

				#wb-navigation-bottom div.submenu {
					padding: 0px;
					border: none;
					background-color: #e7e7e7;
				}
				#wb-navigation-bottom div.submenu div {            
					border-right: 1px solid #acacac;
				}
				/* END SIDEBAR NAVIGATION STRUCTURE */

	#wb-basenav {
	}

	#wb-navbasewrap {
	}
	/* END SIDEBAR */

	
	/* MAIN-CONTENT AREA
	**	ALL Layouts
	*/
	#wb-layout-main {
		height: 100%;
		width:530px;
		padding-right: 9px;
		float: right;
		background-color: transparent;		
		margin-left: 5px;
	}
	/* END MAIN CONTENT AREA */
	
/* END WB-CONTAINER-CONTENTWRAPPER */


/* Page FOOTER
**
**	ALL Layouts
*/
#wb-layout-footer {
	min-height: 140px;
	height:auto !important;
	height: 140px;
	width: 784px;
	background-color: transparent;
	background-image: url(../images/layout1/footer-bg-ln.png);
	background-position: top left;
	background-repeat: no-repeat;
	color: #ffffff;
}
	#wb-layout-footer-inner-1 {
		margin: 0 10px;
		padding-top: 62px;
	}
