﻿/* _________________________________________________

Ball State Design - News Footer
_____________________________________________________

1.NEWSCONTAINER
2.NEWSFOOTER
3.NEWSENTRY
4.NEWSSLIDER
5.NEWSITEM
6.FOOTERDIVIDER

NEWS CONTAINER
*/
#newsContainer  
{
    background-color: #333C45;
    text-align: center;
    clear: both;
    border-top: 1px solid #FFF;
}

/**************************************************
**  NEWS FOOTER    ********************************
**************************************************/

#newsFooter 
{
    position: relative;
    clear: both;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    font-size: 10.5pt;
    background-color: #333C45;
    /* background-image: url(/images/display/backgroundNews.gif); */
    font-weight: bold;
    width: 940px;
}

/**************************************************
**  NEWS ENTRY    *********************************
**************************************************/

.newsEntry 
{
    color: #FFC;
    padding: 10px;
    float: left;
    width: 169px;
    height: 113px;
    border-right: 1px solid #4E5E6D;
}

.newsEntry .newsEntryHeader { padding-bottom: 45px; }
.newsEntry .newsEntryButton { padding-bottom: 5px; vertical-align: middle; }

/**************************************************
**  NEWS SLIDER    ********************************
**************************************************/

#newsSlider 
{
    float: left;
}

#newsSlider ul, #newsSlider li 
{
    margin: 0;
    padding: 0;
    list-style: none;
}

#newsSlider ul li { height: 133px; overflow: hidden; }

#newsPrevBtn, #newsNextBtn 
{ 
	display:block;
	width:26px;
	height:133px;
	position:absolute;
	left: 0;
	top:0;
	z-index:1000;	
}	

#newsPrevBtn { display: none; }

#newsNextBtn 
{
	left: auto;
	right: -26px;
}		

#newsPrevBtn a, #newsNextBtn a
{  
	display:block;
	position:relative;
	width:26px;
	height:133px;
	background:url(/Components/Design/Images/NewsFooter/left/s01.gif) no-repeat 0 50%;	
}	
	
#newsPrevBtn a:hover, #newsNextBtn a:hover
{  
	display:block;
	position:relative;
	width:26px;
	height:133px;
	background:url(/Components/Design/Images/NewsFooter/left/s02.gif) no-repeat 0 50%;	
}	
	
#newsNextBtn a { 
	background:url(/Components/Design/Images/NewsFooter/right/s01.gif) no-repeat 0 50%;	
}	
	
#newsNextBtn a:hover { 
	background:url(/Components/Design/Images/NewsFooter/right/s02.gif) no-repeat 0 50%;	
}	

/**************************************************
**  NEWS ITEM    **********************************
**************************************************/

.newsItem 
{
    color: #FFC;
    padding: 10px;
    float: left;
    width: 169px;
    height: 113px;
    border-right: 1px dotted #4E5E6D;
}

.newsItem.last 
{
    width: 159px;
}

#newsFooter a { color: #FFC; text-decoration: none; }

#newsFooter a:focus
{ color: #FFC; border: solid 1px #fff; outline: 0; }

/**************************************************
**  FOOTER DIVIDER    *****************************
**************************************************/

.footerDivider 
{ 
    width: 940px;
    margin: 0 auto;
    text-align: center;
    background-color: #333C45;
    clear: both;
    height: 5px;
    border: 1px solid #FFF; 
}
                     
/*960px __________________________________________________________________________________________________________ */
/* @media only screen and (max-width: 960px) { */
    body {}
/* } */