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

* {
	padding: 0;
	margin: 0;
}

html, body {
	height: 100%
}

	div.submenu {
		display: none;
	}
	
	/*submenu always defaults to display none*/
		#wb-navigation-subtop div.submenu {
			background-color: #424242;
			width: 150px;
			border: 1px solid #424242;
			border-top: 0;
			height: auto;
			margin: 0px;
			padding: 0px;
			}			
			#wb-navigation-subtop div.submenu div {
				float: none;
				padding: 8px;
				height: auto;
				text-align: left;
				}			

					
	#wb-container-outer {
		background-color: #FFFFFF;
		height: auto;
		min-height: 100%;		
		background-image: url(../images/layout1/bottom-bg.png);
		background-position: top center;
		background-repeat: repeat;
	}
	
	#wb-container-inner {
		margin:0px auto 0px;
		height: 100%;
		width:100%;
		text-align: center;
		background-color: transparent;
		background-image: url(../images/layout1/top-bg.png);
		background-position: top center;
		background-repeat: repeat-x;
	}
		
	#wb-layout {
		padding:38px 0px 0px;
		margin:auto;		
	}
	
	#wb-layout-inner {
		width:755px;	
		margin:0px auto 0px;
		
	}

/* WB-LAYOUT-HEADER: This is the header section */
	#wb-layout-header {
		background-color: transparent;
		background-image: url(../images/layout1/header-bg-tn.jpg);		
		background-position: top left;
		background-repeat: no-repeat;
		margin-bottom: 10px;
		width: 755px;
		height: 250px
	}
	
	#wb-layout-header-mask {
		width:755px;
		height:250px;		
		overflow: hidden;
		color: #FFFFFF;
	}
				
	#wb-layout-header-base {
		display:none;
	}

	
/* WB-LAYOUT-TOP-2: for designs that have navigation between the header and content 
**	Layout 2
**  Layout 3
*/	
	#wb-layout-top-2 {
		display: none;
		margin-bottom: 10px;
	}
	
    #wb-navigation-subtop {
    }
    
    #wb-navigation-subtop div {
     	float: left;
     	padding: 17px 10px 3px;
		margin: 2px 0px;
		height: 32px;
		/*width: 100px;*/
    }
    
    #wb-top-subbasenav {
    }
	
/* WB-CONTAINER-CONTENTWRAPPER: This wraps the content area of the site 
**
**	ALL Layouts
**
*/
	#wb-container-contentwrapper {
		width:755px;
		height: 100%;
		background-color: #FFFFFF;
		background-image: url(../images/layout1/content-bg-top.png);
		background-position: top left;
		background-repeat: no-repeat;
		 	
	}
	
/* SIDEBAR is for designs that have a left or right column built in 
**
**	Layout 1
**	Layout 2
*/
	#wb-layout-sidebar { 
        float: right;
        width: 220px;
        padding: 10px 0px 0px 10px;
		/*margin-top:10px;*/
		/*margin-right:10px;*/
		}	
	/* sidebar navigation */
	#wb-navigation { width:220px; }	
		
		#wb-navigation-top {
			width: 220px;
			padding-top: 0px;
			background-color: #2B2C2D;
			background-image: url(../images/layout1/navigation-bg-vnt.png);
			background-position: top center;
			background-repeat: no-repeat;
			}		
		#wb-navigation-bottom {
			width: 220px;
			background-image: none;
			background-image: url(../images/layout1/navigation-bg-vnb.png);
			background-position: bottom center;
			background-repeat: no-repeat;
			padding-bottom:5px;
			}
	
/* SIDEBAR NAVIGATION STRUCTURE 
**	Layout 1 **	Layout 2 */	
	
	#wb-navigation-bottom div {
		width: 100%;
		padding: 0px;
		text-align: left;
		padding: 8px 0px 4px;
		text-indent: 10px;
		width: 220px;
	}
		#wb-navigation-bottom div.submenu {
			padding: 0px;
			background-color: #2B2C2D;
		}
	
	#wb-basenav {
	}
	
	#wb-navbasewrap {
		width: 220px;
	}
	
	
/* MAIN-CONTENT AREA
**
**	ALL Layouts
**
*/
	#wb-layout-main {
		width:525px;
		height: 100%;
		margin-left: 0px;
		float: right;
		background-color: transparent;
	}
	
	#wb-layout-main-inner-1 {		
		     
    }
    
	#wb-layout-main-inner-2  {
		
	}
	
/* Page FOOTER 
**
**	ALL Layouts
**
*/
	#wb-layout-footer {
		height: 80px;
		width: 755px;
		border: 0px;
		margin-left: 0;
		background-color: transparent;
		background-image: url(../images/layout1/footer-bg.gif);
		background-position: bottom left;
		background-repeat: no-repeat;
		}
		
	#wb-layout-footer-inner-1 {
		padding-top: 20px;
	}