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

* {
	padding: 0;
	margin: 0;
}

html, body {
	height: 100%;
}

	/*submenu always defaults to display none*/
	div.submenu {display: none}
    
	#wb-container-outer {
		background-color: #cee7fa;
		background-image: url(../images/layout1/Layout_SiteBackground.png);
		background-position: top center;
		background-repeat: repeat-x;
		height:auto !important;
		min-height:100%;
	}
	* html #wb-container-outer {
		height:100% !important;
	}

	
	#wb-container-inner {
		margin: auto;
		text-align: center;
		background-color: transparent;
		background-image: url(../images/layout1/Layout_HeaderBG.jpg);
		background-position: top center;
		background-repeat: no-repeat;
		padding-bottom: 0px;
	}
		
	#wb-layout {
		margin: 0 auto;
		width:864px;
	}
	
	#wb-layout-inner {
		width:864px;	
		
	}

/* WB-LAYOUT-HEADER: This is the header section */
	#wb-layout-header {
		width: 864px;
		height: 297px;
		background-color: transparent;
		background-image: url(../images/layout1/Layout_Header.jpg);
		background-position: top center;
		background-repeat: no-repeat;
	}
	
	#wb-layout-header-mask {
		width:849px;
		height:297px;
		padding-left:15px;
		background-color: transparent;
		background-image: url(../images/layout1/Layout_Mask.png);		
		background-position: top center;
		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/Layout_Mask.png, );
		}
		
	#wb-layout-header-base {
		width:864px;
		height:28px;
		background-color: transparent;
		background-image: url(../images/layout1/Layout1_HeaderBase.jpg);		
		background-position: top center;
		background-repeat: no-repeat;	
	}

	
/* 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;
		*width: 100px;
    }
    
    #wb-top-subbasenav {
    }
	
/* WB-CONTAINER-CONTENTWRAPPER: This wraps the content area of the site 
**
**	ALL Layouts
**
*/
	#wb-container-contentwrapper {
		width:864px;
		height: 100%;
		background-color: transparent;
		background-image: url(../images/layout1/Layout1_Content.gif);
		background-position: top center;
		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: 212px;
		height: 100%;     
		padding-bottom: 40px;
        background-color: transparent;
	}
	
	/* sidebar navigation */
	#wb-navigation {
		width:212px;
		background-color: transparent;
	}
	
	#wb-navigation-top {
		width: 212px;
		background-color: transparent;	
	}
	
	#wb-navigation-bottom {
	/* NO HEIGHT: 100%.  BREAKS FF. */
		display: block;
		width: 212px;
		* width: 202px;
		padding: 0px 5px 15px 11px;
		* padding: 0px 8px 15px 8px; 
		background-color: transparent;
	}
	
/* SIDEBAR NAVIGATION STRUCTURE 
**
**	Layout 1
**	Layout 2
**
*/	
	
	#wb-navigation-bottom div {
		width: 100%;
		padding: 0px;
		text-align: left;
		margin: 0px 0px 0px 0px;
		width: 196px;
	}
			#wb-navigation-bottom div a {
			display: block;
			padding: 8px 5px 8px 16px;
			width: 175px;
		}
			#wb-navigation-bottom div a:hover {
			background-color:#396da3;
			width: 175px;
		}	
	#wb-basenav {
	}
	
	#wb-navbasewrap {
		padding:0 12px;
	}
	
	
/* MAIN-CONTENT AREA
**
**	ALL Layouts
**
*/
	#wb-layout-main {
		width:629px;
		height: 100%;
		padding: 0px 10px 0px 13px;
		* padding: 0px 10px 0px 3px;
		float: right;
		background-color: transparent;
	}
	
	#wb-layout-main-inner-1 {		
		     
    }
    
	#wb-layout-main-inner-2  {
		
	}
	
/* Page FOOTER 
**
**	ALL Layouts
**
*/
	#wb-layout-footer {
		min-height: 50px;
		width: 864px;
		border: 0px;
		margin-left: 0;
		background-color: transparent;
		background-image: url(../images/layout1/Layout1_Footer.gif);
		background-position: top center;
		background-repeat: no-repeat;
	}
	
	
div.submenu {
      display: none;
      position: absolute;
      width: 150px;
      padding:0px;
      }

      div.submenu div {
            float: left;
	    background-image: url(../images/layout3/Layout3_Navigation.jpg);
	    background-position: center top;
	    padding:0px;
	    text-align:left;
            }

            div.submenu a {
                  display: block;
                  width: 145px;
                  }

            div.submenu a:hover {
                  color: #FFFFCC;
                  }