/* CSS Document */



/*  ===================================================  
 	===================================================  
	
	Description: Fly Walla Walla First structure style sheet 
	Author: Katelin Schwarck
	Release date: 9/17/08   
	Designer approved: Katelin Schwarck
	Date approved: 9/17/08  
	Revision History:	Revised By		Revised On:
						    
						
  	=================================================== 
  	===================================================  */
	
body {
	background: #8f99a5 url(../Images/BackgroundSized.jpg) no-repeat top center;
	margin: 0;
}

#globalContainer {
	width: 890px;
	margin: 0 auto;
	padding: 0;
	}
	
	
/*  ===================================================  
  	DEFINES TOP BANNER
  	===================================================  */

#branding {
	width: auto;
	height: 180px;
	padding: 0;
	margin: 0;
	position: relative;
	}
		
	.Logo {
		float: left;
		margin: 28px 0px 0px 50px;
		padding: 0;
		}
	

/*  ===================================================  
  	DEFINES PRIMARY NAV
  	===================================================  */

#primNavContainer {
	padding-right: 20px;
	}
	
	/* defines ul for primary nav row */
	#primNavRow {
		float: right;
		margin: 142px 0 0 0;
		display: inline;
		padding: 0;
		width: 635px;
		}

		#primNavRow li {
			float: right;
			position: relative;
		    height: 24px;
			padding: 0 0 0 18px;
			margin: 1px 0 0 0;
			font:  11px Verdana, Arial, Helvetica, sans-serif;
			list-style: none;
			}
			
		#primNavRow li a {
			display: block;
			padding: 4px 0px 0px 0px; /* controls the width of the main nav item */
			margin: 0px;
			text-decoration: none;
			}
			
			 #primNavRow a:hover {
				color: #faf8ed;
				}
		
/*  ===================================================  
  	DEFINES CONTENT STRUCTURE
  	===================================================  */
	
#mainContainer.home {
	clear: both;
	width: auto;
	background: #faf8ed;
	padding: 20px 0px 0px 0px;
	margin: 0px;
	} /* defines home page header content container */
	
	#mainContainer {
		border: none;
		width: 890px;
		padding: 0px;
		margin: 0px;
		background: #faf8ed;
		}
		
		#mainContainer.schedule{
		padding: 0px;
		margin: 10px 19px 20px auto;
		}
	
		
		
/* DEFINES COLUMN CONTAINERS */

#columnOne {
	float: left;
	width: 220px;
	padding: 0px;
	margin: 19px 19px 20px 19px;
	display: inline;
	}
	
	#columnOne.home {
		width: 220px;
		margin: 19px 19px 20px 19px;
		padding: 0px;
		display: inline;
		}
	
#columnTwo {
	float: left;
	width: 400px;
	padding: 0px;
	margin: 0px 0px 20px 0px;
	display: inline;
	}
	
	#columnTwo.home {
		width: 400px;
		margin: 0px;
		padding: 0px;
		display: inline;
		}
	
	#columnTwo.wide {
		width: 605px;
		padding: 0px 20px 20px 0px;
		margin: 0px;
		display: inline;
		}
		
#columnThree {
	float: left;
	width: 192px;
	padding: 0px;
	margin: 19px 18px 0px 18px;
	display: inline;
	}
	
	#columnThree.home {
	width: 150px;
	margin: 19px 20px 0px 19px;
	padding: 0px;
	display: inline;
	float: right;
	}
	
.horizontalDivider {
	width: auto;
	height: 1px;
	background-color: #c1bcb8;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	}
	
/*  ===================================================  
  	DEFINES FOOTER
  	===================================================  */

	
#footer {
	clear: both; /* serves as footer hack to pull parent div down */
	margin-left: auto;
	margin-right: auto;
	width: 850px;
 	padding: 10px 0px 0px 0px;
	}
	
#footerHolder {
	clear: both;
	height: 1px;
	} /* hacks the main container div to stretch height for all child divs */
	
	* html #footerHolder {
		/* commented backslash hack v2 \*/
 		display: none;
  		display: none;
  		/* end hack */
		}
	
#cciContainer {
	float: left;
	}
	
#copyrightcontainer {
	float: left;
	padding-left: 20px;
	}
		
#copyrightDate {
	float: left;
	}

#chamber {
	float: right;
	}

/*  ===================================================  
  	DEFINES MISCELLANEOUS ELEMENTS
  	===================================================  */
			
	
#footerHack {
	clear: both;
	width: auto;
	}
	
.photo {
	border: 1px solid #532c2d;
	margin: 0px 0px 20px 0px;
	display: inline;
	padding: 0px;
	}
	
.tierPhoto {
	border: 1px solid #532c2d;
	margin: 0px 0px 40px 0px;
	display: inline;
	padding: 0px;
	float: right;
	}
	
table {
	margin: 0px;
	padding: 0px;
	border: 1px solid #532c2d;
	background: #faf8ed;
	}

table.schedule{
	background: url(../Images/table.jpg) top left repeat-y;
	}
	
th {
	background: #415d7d;
	text-align: left;
	border-top: 1px solid #532c2d;
	border-bottom: 1px solid #532c2d;
	}
	
td.divide {
	border-top: 1px solid #532c2d;
	}
	
tr p {
	font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #532c2d;
	line-height: 18px;
	margin: 0px;
	}
	
ul#content li {
	list-style-type: none;
	padding: 8px 0px 0px 0px;
	}
	
#tab {
	padding: 5px 0px 0px 20px;
	}