#DefaultContent {
    width: 100%;
    display: table;
}
/*Start*/
#content-top {
    position: relative;
    padding:5px;
    background-color: rgb(247, 247, 247);
}

#MainPicture {
    width: 615px;
    height: 281px;
    background-color:black;
}

#Announcement {
    /*background-color: rgb(17, 128, 224);*/
    background-color:white;
    width: 310px;
    /*margin-left: 20px;*/
    position: absolute;
    top: 5px;
    right: 0px;
    height: 281px;
    border:1px solid #b6b6b6;
    /*overflow-y:scroll;*/
}
#announcement-title{
    background-color:#012d5e;
    color:white;
    margin:0;
    padding-left:5px;
    padding-bottom:5px;
    padding-top:5px;
}
#content-body{
    display:table;
    border-spacing:10px;
    border-collapse:separate;
    width:100%;
}
#main-content{
    display: table-row;
    width:100%;
}
#main-content-left{
    width:33.33%;
    height:auto;
    padding-left:3px;
    padding-top:3px;
    padding-right:3px;
    display:table-cell;
    vertical-align:top;
    border:1px solid #b6b6b6;
}
#main-content-right{
    width:33.33%;
    height:auto;
    padding-left:3px;
    padding-top:3px;
    padding-right:3px;
    display:table-cell;
    vertical-align:top;
    border:1px solid #b6b6b6;
}
#main-content-center{
    width:33.33%;
    height:auto;
    padding-left:3px;
    padding-top:3px;
    padding-right:3px;
    display:table-cell;
    vertical-align:top;
    border:1px solid #b6b6b6;
}
.content-description{
    padding-left:5px;
    padding-right:5px;
    margin-top:8px;
}
#Image2{
    width:100%;
    height:140px;
    background-color:yellow;
}
#content-body h3{
    margin:0;
    padding-bottom:10px;
    padding-top:10px;
    background-color:#efefef;
}
.downarrow{
    padding-right:5px;
    float:right;
}
.Bottom-Title{

}
#MainImage{
    width:100%;
    height:100%;
}
#media-icons{
    padding-left:33px !important;
}
/*rss css*/
#EventWidget-rss-ul, #Calendar-rss-ul, #InternationalWidget-rss-ul, #AbroadWidget-rss-ul, #SpotLightWidget-rss-ul{
    padding-left:22px;
}
#EventWidget-rss-ul li, #Calendar-rss-ul li, #InternationalWidget-rss-ul li, #AbroadWidget-rss-ul li,#SpotLightWidget-rss-ul li{
    border-bottom:1px dotted #e0e0e0;
    margin-bottom: 5px;
padding-bottom: 5px;
}
.highlight_content.feed-content{
    padding:0 !important;
}
/* Social Media icons */
/* created by Matty Yufang Li */
/* last modified date: 2/19/2014 */
#media-icons{
	/*float: right;
	padding-right: 0; 
	width: 220px;
	height: 22px;
    margin:0;*/
    padding:0;
    margin: 0;
height: 25px;
padding-left: 8px;
list-style:none;
}
li.media{
    float:left;
    padding-right:10px;
}
#maincontent ul#media-icons li.media, #maincontent2 ul#media-icons li.media{
	float: left;
	margin-right: 5px;	
	background-image: none;
	padding-left: 0; 
	margin-left: 0;
}
.facebook, .twitter, .linkedin, .wordpress, .youtube, .instagram, .flickr, .issuu{
    background: url('http://mihaylointernal/Center/CFE/assets/social_icon_darker.png') no-repeat;	
	display: block;
	height: 22px;
	width: 22px;
	text-indent: -9999px;
}
.twitter{
	background-position: -22px 0;
}
.linkedin{
	background-position: -44px 0;
}
.wordpress{
	background-position: -66px 0;
}
.youtube{
	background-position: -88px 0;	
}
.instagram{
	background-position: -110px 0;
}
.flickr{
	background-position: -132px 0;	
}

.issuu{
	background-position: -154px 0;
}

.facebook:hover, .facebook:focus{
	background-position: 0 -22px;
}

.twitter:hover, .twitter:focus{
	background-position: -22px -22px;
}

.linkedin:hover, .linkedin:focus{
	background-position: -44px -22px;
}
.wordpress:hover, .wordpress:focus{
	background-position: -66px -22px;
}
.youtube:hover, .youtube:focus{
	background-position: -88px -22px;
}
.instagram:hover, .instagram:focus{
	background-position: -110px -22px;
}
.flickr:hover, .flickr:focus{
	background-position: -132px -22px;
}
.issuu:hover, .issuu:focus{
	background-position: -154px -22px;
}

@media screen and (max-width:500px){
    #main-content-center, #main-content-left, #main-content-right
    {
        display:block;
        width:98%;
        margin-left:0;
        margin-right:0;
    }
    #Announcement{
        position:relative;
        width:100%;
        margin:0;
    }
    #MainPicture{
        width:100%;
    }
    #MainContent{
        padding:0;
    }
    #content-body{
        border-spacing:0;
    }
}