/* 
	Buffalo Place
	Home Screen CSS
	Alison Endacott
	May 2009
	
	COLORS
	
	
 */
 
 body {
	 font-family: Tahoma, Geneva, sans-serif;
	 }

/* ------------------------ 
		home
------------------------ */
	#container {
		/* home*/
		/*background: url(/content/v1/us/img/home-bg.jpg) no-repeat top center;*/
	}
	
		 #content {		 	
			min-height:600px;
		 }	
		 
		 #social {
			 display: none;
			 }
		 
		
		/*#sideNav li#navLive a ,
		#sideNav li#navWork a,
		#sideNav li#navPlay a {
			background: url(/content/v1/us/img/navVert-home.gif);
		}*/

	
        /* hp rotator  below*/
        #simpleCarousel {
	        width: 962px;
	        height: 423px;
	        position: relative;
	        clear: both;
	        font-size: 18px;
	        overflow: hidden;
	        *z-index:-9999;
	        top:-40px;
			border: 1px solid red;
			display: none;
    }
			
		.slide img {
			position:absolute;
			left:0;
			height:423px;
			width:962px; 
			top:0;
		}
	
		/*#slideshow 
		{
			background: none repeat scroll 0 0 transparent;
			position: absolute;
			top: 84%;
			left:3%;
			z-index: 9998;
		}*/
	
		#arrows {
			left: 900px;
			position: relative;
			top: 365px;
		}
		
		#arrows li {
			cursor: pointer;
			display: inline;
			z-index: 9997;
		}
	
			#prevSlide 	{
				background:url(/content/v1/us/img/left-arrow.gif);
				background-repeat: no-repeat;
				height: 47px;
				left: -87px;
				position: absolute;
				text-indent: -9999px;
				width: 49px;
			}
				
			#nextSlide 	{
					background:url(/content/v1/us/img/right-arrow.gif);
					background-repeat: no-repeat;
					height: 47px;
					position: absolute;
					left: -40px;
					text-indent: -9999px;
					width: 49px;
				}
    
				 div.slide {
					height: 423px;
					left: 0;
					position: absolute;
					top: 0;
					width: 962px;    
				 }
				 
				 div.slide h2 {
					background:url(/content/v1/us/img/slideroverlay.png);
					background-repeat:no-repeat;
					height:93px;
					width:653px; 
					z-index:9997;
					color:white; 
					bottom:22px;
					position:absolute; 
					opacity: 0.8;
					margin-left:25px; 
					width:580px; 
					margin-top:7px;
					 }
				 

	
		
		#homeWysiwyg {
			height:115px;
			margin-bottom:23px;
			overflow:hidden;
			padding-left:25px;
			display:none;
		}
		
		/* update - news and events on HP - below */
		
		
		/* TABS CSS */
		#demo-block {
			width: 962px;
			float: left;
			clear: both;
			height: 367px;
			position: relative;
			top: 63px;
			}
			
			#demo-block ul {
				margin-left: 15px;
				padding: 0;
				}

		.tab-wrapper {
			height: 259px;
			width: 962px;
			}
	
			.events-block {
				background: url(/Content/v1/us/img/events-block.gif) 0 0 no-repeat; 
				float: left;
				width: 962px;
				height: 255px;   
			}
			
			.news-block	{
				background: url(/Content/v1/us/img/news-block.gif) 0 0 no-repeat; 
				float: left;
				width: 962px;
				height: 255px;   
			}
	
	
				.tab-menu {
					margin: 0;
					padding: 0;
					list-style: none;
					overflow: auto;
					margin-left: 0;
					background: url(/content/v1/us/img/tabs.gif) 0 0 no-repeat;
					margin-left: 15px;
					}


	/* uncheckesd */	
	.tab-menu li {
		margin:	0;
		float: left;
		width:232px;
		height: 46px;
		text-indent: -9999px;
		cursor: pointer;
		}
		
			

	
	.tab-menu li a:hover,
	.tab-menu li a:focus {
		/* your effect here */
	}
	.tab-menu li.tab-selected#events-tab {
		/*background-color: #000;
		border: 0;
		border-bottom: 3px #000 solid;
		border-right: 3px #fff solid;*/
		/* your effect here */
		background: url(/content/v1/us/img/tabs.gif) 0 -46px no-repeat;
	}
	
	.tab-menu li.tab-selected#news-tab {
		/*background-color: #000;
		border: 0;
		border-bottom: 3px #000 solid;
		border-right: 3px #fff solid;*/
		/* your effect here */
		background: url(/content/v1/us/img/tabs.gif) -232px -46px no-repeat;
	}




	/* EVENTS */
	#events {
		position: relative;
		top: 15px;
		}
	#news {
		position: relative;
		top: 15px;
		}
	
	dl.newsEvent {
		width: 215px;
		height: 200px; 
		float: left;
		margin-left: 21px;
		}
		
		.newsEvent dd {
			margin: 0;
			}

	dt.newstitle { }
		
	    dt.newstitle {
		    font-size: 14px;
		    text-transform: uppercase;
		    font-weight: bold;
			text-decoration: none;
			height: 70px;
			position: relative;
			z-index: 9999;
			top: 112px;
			left: -2px;
			line-height: 24px;
		    }
		    
			.newstitle a {
				text-decoration: none;
				color: #555555;
				padding: 2px;
				position: absolute;
				bottom: 5px;
				}
				.newstitle a span {
					background: url(/content/v1/us/img/white-bg.png) 0 0 repeat;
					*background: #fff none !important;
					padding: 2px;
					padding-right: 5px;
					}
			
		    .newscontent  {
		        display:none;    
		    }
        
        
           dd.eventimage img {
				width: 210px;
				height: 160px;
				position: relative;
				top: -91px;
				z-index: 9997;
            }
            
           dd.newsimage img {
				width: 210px;
				height: 160px;
				position: relative;
				top: -54px;
				z-index: 9997;
            } 
			       
		 .newsdate {
			width: 45px;
			height: 38px;
			color:#ffffff;
			background:url(/content/v1/us/img/orange_date_banner.png) no-repeat right top;
			position: relative;
			z-index: 9999;
			float: right;
			top: -54px;
			right: 4px;
			padding-top: 0px;
			font-size: 23px;
			font-weight: bold;
			text-indent: 19px;
			}
		 
			 .newsdate span {
				-webkit-transform: rotate(-90deg); 
				-moz-transform: rotate(-90deg);
				display: block;
				 writing-mode :tb-rl;
				 text-transform: uppercase;
				 font-weight: normal;
				 font-size: 11px;
				 position: absolute;
				 top: 17px;
				 *top: 0;
				 left: -8px;
			 	}
         
         h3.viewall {
            width:100%;
            float:right;
            text-transform:uppercase;
            text-align:right;  
            margin-right:30px;  
            position:relative;
            top: 15px;
         }
                                
    
    
    
    
    
    
    
 
	
<!--/* 0.00114790484451774 */-->