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

* {
	padding: 0;
	margin: 0;
}

html, body {
	height: 100%
}

	#wb-container-outer {
		min-width:850px;
		min-height:100%;
		height:auto !important;
		height: 100%;
		
		background-color:#cc9933;
	}
	
		
		/* IE6 png hack */
	


		#wb-container-inner {
		margin: auto;
		width:850px;
		padding-bottom: 0px;
			background-image:url(../images/layout1/zoo_o.png);
	background-position:top center;
	background-repeat:repeat-y;
	}
	* html #wb-container-inner {
			background-image:none;
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src=images/layout1/zoo_o.png);
			width:840px;
		} 
		
		
	

	
		#wb-layout {
		padding:0px 0px;
			width:850px;

	}
		
		
	#wb-layout-inner {
	margin-left:17px;
	background-color:#ffcc66;
	width:800px;
	border-left: 8px solid #FFFFFF;
	border-right: 8px solid #FFFFFF;
	
	} * html #wb-layout-inner {
	margin-left:17px;
	
	
	}
	
/* WB-LAYOUT-HEADER: This is the header section *//*overflow:hidden*/
	#wb-layout-header {
		width:800px;
		height:250px;
		background-image:url(../images/layout1/zoo_h.gif);
		background-position: top center;
		background-repeat: no-repeat;
		
	} * html {margin:0}
		

	#wb-layout-header-mask {
		background-image:url(../images/layout1/zoo_hm.png);
		background-repeat:no-repeat;
		width:790px;
		height:216px;
		padding: 34px 0px 0px 10px;
		overflow:hidden;
	}
		* html #wb-layout-header-mask{
				background-image:none;
				filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src=images/layout1/zoo_hm.png);
		}
		
		* html #wb-layout-header-mask {
			padding: 30px 0px 0px 10px;
			width:790px;
		    height:210px;
		}
		
		* html #wb-layout-header-mask a {
			position: relative;
		}

	#wb-layout-header-base {
	width:800px;
	height:70px;
	margin-left: 0px;
	background-image:url(../images/layout1/zoo_hb.png);
	background-repeat:no-repeat;
	background-position:top center;
	
	} 	* html #wb-layout-header-base {
				background-image:none;
				filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src=images/layout1/zoo_hb.png);
		}





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

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

    #wb-top-subbasenav {
	
    }

    #wb-navbasewrap {
	padding:10px 0px 0px 10px;}
/* WB-CONTAINER-CONTENTWRAPPER: This wraps the content area of the site
**
**	ALL Layouts
**
*/
	#wb-container-contentwrapper {
		width:773px;
		height: 100%;
		margin-left: 0px;
		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: 200px;
		margin-left: 41px;
	}
	* html #wb-layout-sidebar {
		margin-left: 10px;
	}

	/* sidebar navigation */
	#wb-navigation {
		background-position:top left;
		background-image:none;
		background-repeat: no-repeat;
		padding-top: 10px;
		padding-left: 10px;
		
	}

	#wb-navigation-top {
		background-image:none;
		background-repeat:no-repeat;
		background-position: bottom left;
		padding-bottom: 12px;
		
	}
	
	#wb-basenav {
	}

	#wb-navbasewrap {
	}

/* SIDEBAR NAVIGATION STRUCTURE
**
**	Layout 1
**	Layout 2
**
*/
	#wb-navigation-bottom {	
	
	/* NO HEIGHT: 100%.  BREAKS FF. */
	}
		#wb-navigation-bottom div {
			padding: 5px 0px;
			cursor:hand;}
			* html #wb-navigation-bottom div {
				width: 200px;}
			
		
		
		}
		#wb-navigation-bottom div a:hover {
			padding: 0px;
				width: 200px;
				cursor:hand;
			
		}
		
			#wb-navigation-bottom div.submenu {
				padding: 0px 5px ;
			}
				#wb-navigation-bottom div.submenu div {
				}
					#wb-navigation-bottom div.submenu div a{
					}


/* MAIN-CONTENT AREA
**
**	ALL Layouts
**
*/
	#wb-layout-main {
		width:532px;
		height: 100%;
		margin: 0px;
		float: right;
		background-image: none;
		background-position: top right;
		background-repeat: no-repeat;
		
	} * html #wb-layout-main {
		width:543px;}

	#wb-layout-main-inner-1 {
    }

	#wb-layout-main-inner-2  {
	}

/* Page FOOTER
**
**	ALL Layouts
**
*/
	#wb-layout-footer {
		min-height: 70px;
		height:auto !important;
		height: 70px;
		background-image:url(../images/layout1/zoo_f.gif);
		background-position: top right;
		background-repeat: no-repeat;
		width: 800px;
		margin-left: 0px;
		padding-top: 70px;
		
	}
	
			* html #wb-layout-footer a {
				position: relative;
			}


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