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

* {
	padding: 0;
	margin: 0;
}

html, body {
	height: 100%;
}

* html a {
	position: relative;
}
	/*submenu always defaults to display none*/
	div.submenu {display: none} 
    
#wb-container-outer
{
	background-color: #909090;
	background-image: url(../images/layout1/body-bg.gif);
	background-position: top;
	background-repeat: repeat-x;
	min-height: 100%;
}
#wb-container-inner
{
	height: 100%;
	margin: 0 auto;
	width: 869px;
}
#wb-layout
{
	background-color: #ffffff;
	margin-left: auto;
	margin-right: auto;
	width: 861px;
}
#wb-layout-inner
{
}

/* WB-LAYOUT-HEADER: This is the header section */
#wb-layout-header
{
	background-color: #ffffff;
	background-image: url(../images/layout1/header-bg.jpg);
	background-position: left;
	background-repeat: no-repeat;
	height: 150px;
	width: 861px;
}
#wb-layout-header-mask
{
	width: 861px;
	height: 150px;
	overflow: hidden;
}

#wb-layout-header-base
{
	background-color: #587f86;
	height: 4px;
	overflow: hidden;
}

	
/* 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 {
	
    }
    
    #wb-top-subbasenav {
    }
	
/* WB-CONTAINER-CONTENTWRAPPER: This wraps the content area of the site 
**
**	ALL Layouts
**
*/
	#wb-container-contentwrapper {
		background-image:url(../images/layout1/inner-bg.gif);
		background-position:left top;
		background-repeat:repeat-y;
		height: 100%;
		width: 861px;
	}
	
/* SIDEBAR is for designs that have a left or right column built in 
**
**	Layout 1
**	Layout 2
*/
	#wb-layout-sidebar { 
		float:left;
		width:180px;
	}
	
	/* sidebar navigation */
	#wb-navigation {
		background-color:#466d74;
	}
	
	#wb-navigation-top {
	
	}
	
	#wb-navigation-bottom {
	/* NO HEIGHT: 100%.  BREAKS FF. */

	}
	
/* SIDEBAR NAVIGATION STRUCTURE 
**
**	Layout 1
**	Layout 2
**
*/	
	
	#wb-navigation-bottom div
	{
		border-bottom: 1px solid #587f86;
		padding: 5px 11px;
		width: 158px;
	}
	
	#wb-navigation-bottom div div.submenu,
	#wb-navigation-bottom div div.submenu div {
		padding: 0px;
		border: 0px;
	}
	
	div.submenu {
      display: none;
      background-color: #466D74;      
      }

      div.submenu div {            
	    	
            }

            div.submenu a {
                  display: block;                  
                  background-color: #466D74;                  
                  padding-bottom: 0.5em;
					padding-left: 1em;
					padding-right: 1em;
					padding-top: 0.5em;
					border-bottom: 1px solid #587f86;
                  }

            div.submenu a:hover {
                  
                  background-color: #587F86;			
                  }
		
	#wb-basenav {
	}
	
	#wb-navbasewrap {
	}
	
	
/* MAIN-CONTENT AREA
**
**	ALL Layouts
**
*/
	#wb-layout-main
	{
		float: right;
		width: 680px;
	}
	
	#wb-layout-main-inner-1 {		
		     
    }
    
	#wb-layout-main-inner-2  {
		
	}
	
/* Page FOOTER 
**
**	ALL Layouts
**
*/
#wb-layout-footer
{
	background-image: url(../images/layout1/footer-btm.png);
	background-position: bottom;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	width: 861px;
}
#wb-layout-footer-inner-1
{
	background-image: url(../images/layout1/footer-bg.gif);
	background-position: top;
	background-repeat: no-repeat;
	padding-top: 10px;
	min-height: 23px;
}