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

* {
	padding: 0;
	margin: 0;
}

html, body {
	height: 100%;
}

	/*submenu always defaults to display none*/
		#wb-navigation-subtop div.submenu {
			display: none;
			position: absolute;
			background-color: #D2B885;
			width: 150px;
			margin: 0px;
			padding-left:0;			
			}
			#wb-navigation-subtop div.submenu div {
				float: none;
				}
				#wb-navigation-subtop div.submenu a {
					color: #fff;
					display: block;
					text-align: left;
					padding-top: 5px;
					padding-bottom: 5px;
					margin-left: -20px;
					margin-left: -10px;
					padding-left: 5px;
					line-height: 20px;
					}

	#wb-container-outer {
		width:100%;
		background-color: #896b4e;		
		background-image: none;
		min-height:100%;
		height:auto !important;
		height: 100%;
	}

	#wb-container-inner {
		margin: auto;
		width:696px;
		text-align: center;
		background-color: transparent;
		padding-bottom: 16px;
	}

	#wb-layout {
		width:696px;
		padding:10px 0px;
	}

	#wb-layout-inner {
		width:696px;

	}

/* WB-LAYOUT-HEADER: This is the header section */
	#wb-layout-header {
	width:696px;
		height:200px;
		background-color: #896B4E;
		background-image: url(../images/layout1/header.png);
		background-position: top left;
		background-repeat: no-repeat;
		overflow: hidden;

	}			* html #wb-layout-header{
			background-image:none;
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src=images/layout1/header.png, );
		}

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


	#wb-layout-header-base {
		width:696px;
		height: 34px;
		background-color: transparent;
		background-image: url(../images/layout1/header_base.png);
		background-position: top left;
		background-repeat: no-repeat;

	}

					* html #wb-layout-header-base {
			background-image:none;
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src=images/layout1/header_base.png );
		}



/* WB-LAYOUT-TOP-2: for designs that have navigation between the header and content
**	Layout 2
**  Layout 3
*/

    #wb-navigation-subtop {
		display: none;
    }

    #wb-navigation-subtop div {
     	float: left;
     	padding-left: 6px;
		text-align: left;
		margin: 2px 4px;
    }

    #wb-top-subbasenav {
    }

/* WB-CONTAINER-CONTENTWRAPPER: This wraps the content area of the site
**
**	ALL Layouts
**
*/
	#wb-container-contentwrapper {
		width:696px;
		height: 100%;
		background-color:#FFFFFF;
		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: right;
        width: 199px;
        padding-right: 10px;
		padding-bottom: 10px;
		padding-top: 5px;
        background-color: transparent;
		background-image: none;
		background-position: top right;
		background-repeat: no-repeat;
	}

	/* sidebar navigation */
	#wb-navigation {
		width:199px;
		background-color: transparent;
		background-image: url(../images/layout1/navigation_bg.jpg);
		background-position: top left;
		background-repeat: repeat-y;
	}

	#wb-navigation-top {
		width: 199px;
		padding-top: 1px;
		background-color: transparent;
		background-image: url(../images/layout1/navigation_top.jpg);
		background-position: top left;
		background-repeat: no-repeat;
	}



/* SIDEBAR NAVIGATION STRUCTURE
**
**	Layout 1
**	Layout 2
**
*/

	#wb-navigation-bottom {
	/* NO HEIGHT: 100%.  BREAKS FF. */
	padding-bottom: 23px;
	padding-top: 23px;
			background-color: transparent;
		background-image: url(../images/layout1/navigation_bottom.jpg);
		background-position: bottom left;
		background-repeat: no-repeat;

	}
	
		#wb-navigation-bottom div {
			
		}
		#wb-navigation-bottom div a h3{
			padding: 6px 4px 6px 10px;
			width: 186px;
			position:relative;
			cursor:hand;
			text-align:left;
			line-height:24px;
		}

		
			#wb-navigation-bottom div.submenu {
				padding: 0px;
				
			}

				#wb-navigation-bottom div.submenu div {
				}
					#wb-navigation-bottom div.submenu div a{
					}



/* MAIN-CONTENT AREA
**
**	ALL Layouts
**
*/
	#wb-layout-main {
		width:470px;
		height: 100%;
		margin-left: 5px;
		float: right;
		background-color: transparent;
		background-image: none;
		background-position: top right;
		background-repeat: no-repeat;
	}

	#wb-layout-main-inner-1 {

    }

	#wb-layout-main-inner-2  {

	}

/* Page FOOTER
**
**	ALL Layouts
**
*/
	#wb-layout-footer {
		min-height: 55px;
		height:auto !important;
		height: 55px;
		width: 696px;
		border: 0px;
		margin-left: 0;
		background-color: transparent;
		background-image: url(../images/layout1/footer.png);
		background-position: top left;
		background-repeat: no-repeat;
	}
				* html #wb-layout-footer {
			background-image:none;
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src=images/layout1/footer.png);
		}

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