/************************************************************************************

	Page Structure
	
	These are the styles used to layout the page structure from within the kiosk
	interface. 

************************************************************************************/

	body.home {
		background-color: #602E00 ;
		background-image: url("../../resources/images/global/body_background.gif") ;
		margin: 0px 0px 40px 0px ;
		padding: 0px 0px 0px ;
		}
		
	div.page-width {
		text-align: left ;
		width: 681px ;
		}
		
	#siteheader {
		background-color: #BBBE96 ;
		background-image: url("../../resources/images/global/header_background.gif") ;
		background-repeat: repeat-x ;
		height: 70px ;
		}
				
	#siteheader td.logoholder {
		white-space: nowrap ;
		}
		
	#mission-statement {
		background-image: url("../../resources/images/home/landscape_bottom.jpg") ;
		background-repeat: no-repeat ;
		color: #342112 ;
		height: 60px ;
		}
		
	#mission-statement div.text {
		font-size: 12px ;
		font-weight: bold ;
		line-height: 17px ;
		padding: 5px 175px 0px 17px ;
		}
		
	#sub-landscape-bar {
		background-image: url("../../resources/images/home/sub_landscape_bar_background.gif") ;
		background-repeat: repeat-x ;
		height: 24px ;
		text-align: right ;
		}
		
	#subsecondarynavbar {
		background-color: #DFD1AE ; 
		border-bottom: 1px solid #999999 ;
		border-top: 1px solid #FFFFFF ;
		font-size: 5px ;
		height: 5px ;
		line-height: 5px ;
		}	
		
	#content-area {
		background-color: #FFFFFF ;
		background-image: url("../../resources/images/home/left_column_background.gif") ;
		background-repeat: repeat-y ;
		float: left ;
		width: 100% ;
		}
		
		#content-cart {
		background-color: #FFFFFF ;
		float: left ;
		width: 100% ;
		}
		
		.content_box {
		border-right: 2px #AAA192 dotted;
        height: 100%;
		}
		
	#left-column {
		float: left ;
		width: 175px ;
		}
		
	#left-column div.gutter {
		padding: 14px 17px 0px 17px ;
		}
		
	#left-column-items {
		color: #29180B ;
		}
	
	#left-column-items div.item {
		clear: both ;
		margin-bottom: 12px ;
		}
	
	#left-column-items div.item div.title {
		border-bottom: 1px solid #29180B ;
		font-weight: bold ;
		margin-bottom: 4px ;
		}
	
	#content-column {
		float: left ;
		width: 470px ;
		}
	
	#content-column div.gutter {
		padding: 14px 17px 0px 25px ;
		}
		
	#bottom-nav {
		background-color: #CFBFB2 ;
		clear: both ;
		color: #583412 ;
		font-size: 10px ;
		padding: 4px 0px 4px 17px ;
		}
		
	#bottom-nav a {
		color: #583412 ;
		text-decoration: none ;
		}