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

* {
	padding: 0;
	margin: 0;
}

html, body {
	height: 100%;
}

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

/* template main wrapper */
#wb-container-outer {
	background-color:#eeeeee;		
	background-image:url(../images/layout1/Background_Body.gif);
	background-repeat: repeat-y;
	background-position: top left;		
	min-height: 100%;
	height:auto !important;
	height: 100%;
} 	

#wb-container-inner {
	margin: auto;
	width:898px;
	background-color: transparent;
}

#wb-layout {
	width:898px;
	background-color:#C6C6C6;
	background-image: url(../images/layout1/Background_Content1.gif);
	background-repeat: repeat-y;
	background-position: top right;

}

#wb-layout-inner {
	width:898px;
	background-image: url(../images/layout1/Background_LeftColumn1.gif);
	background-position: top left;
	background-repeat: repeat-y;
}

/* WB-LAYOUT-HEADER: This is the header section */
#wb-layout-header {
	width:898px;
	height:193px;
	background-color: transparent;
	background-image: url(../images/layout1/Background_Header.gif);
	background-position: top center;
	background-repeat: no-repeat;
}			

#wb-layout-header-mask {
	width:898px;
	height:193px;
	background-color: transparent;
	background-image: url(../images/layout1/Mask_.gif);
	background-position: top center;
	background-repeat: no-repeat;
	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: 874px;
	padding: 0px 12px 0px 12px;
	background-color: transparent;
	background-image: url(../images/layout3/Background_Content3.gif);
	background-repeat: repeat-y;
	background-position: top center;
}

#wb-navigation-subtop {
	height: 30px;
	width: 874px;
	overflow: hidden;
}

#wb-navigation-subtop div {
   	float: left;
	padding-left: 6px;
	margin-left: 20px;
	height: 25px;
}

	/* top submenu */
	#wb-navigation-subtop div.submenu {
		height: auto;
		margin: 0px;
		padding: 0px;
	}
	
	#wb-navigation-subtop div.submenu div {
		float: none;
		padding: 2px 10px;
		margin: 0px;
	}
/* 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:898px;
	height: 100%;
	padding-bottom: 20px;
}

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

	/* sidebar navigation */
		#wb-navigation {
		}
			#wb-navigation-top {
			} 
			#wb-navigation-bottom {
				width: 200px;
				padding-bottom: 5px;
			}
				/* SIDEBAR NAVIGATION STRUCTURE
				**	Layout 1
				**	Layout 2
				*/
				#wb-navigation-bottom div {
					width: 200px;
				}
				#wb-navigation-bottom div a {
					display: block;
					padding: 8px 5px 8px 16px;
				}
				#wb-navigation-bottom div.submenu {
				}
				#wb-navigation-bottom div.submenu div {            
					width: auto;
				}
				/* END SIDEBAR NAVIGATION STRUCTURE */

	#wb-basenav {
	}

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

	
	/* MAIN-CONTENT AREA
	**	ALL Layouts
	*/
	#wb-layout-main {
		width:640px;
		padding: 0px 11px 0px 2px;
		float: left;
	}
	/* END MAIN CONTENT AREA */
	
/* END WB-CONTAINER-CONTENTWRAPPER */


/* Page FOOTER
**
**	ALL Layouts
*/
#wb-layout-footer {
	min-height: 29px;
	height:auto !important;
	height: 29px;
	width: 898px;
	background-color: #ffffff;
	background-image: url(../images/layout1/Background_Footer.gif);
	background-repeat: no-repeat;
	background-position: top center;
}