@media screen and (max-width:685px) {

    #homepageNewsContainer {
        width: 100%;    
        margin: 10px 0 0 0;    
        padding: 0px 0 0 0;
    }

    
    #content #homepageNewsContainer h1 {
        margin: 10px;
    }

    #homepageEventsContainer {
        width: 100%;           
        margin: 10px 0 0 0; 
        padding: 0px 0 0 0;
    }

    .right-column {
        width: 100%;      
    }

    .panel-container-2 {
        margin-bottom: 50px;
    }

    .news-feed-box {
        float: left;
        margin-bottom: 15px;
        margin-left: 0%;
        margin-right: 0%;
        min-height: 330px;
        padding-top: 15px;
        width: 30%;
    }

    .container, .panel-container {
        width: 100%;
    }

    #level1Nav ul li {
        display: block;
        float: left;
        width: 100%;
    }

    .panel {
        float: left;
        width: 100%;
        text-align: center;
    }

    header {
        padding: 0 0 0 10px;
    }

    #logoImage {
        width: 100px;
        margin: 10px;
    }

    #logoImageSpacer {
        display: none;
    }

    #colContent {
        width: auto;
        padding-left: 3px;
        padding-right: 3px;
    }

    .headerCol {
        height: auto;
    }

    .logoIconsSearchBar {
        height: 45px;
    }

    #headerSocialLinks{
        width: auto;
    }

    #pageHeader h1 {
        font-size: xx-large;
        padding: 0 0 10px;
    }

    
    header h4 {
        color: #fff;
        font-size: 100%;
        margin: 0 0 20px;
        padding: 0;
    }

    .span3col {
        width: 33%;
    }

    #content h1 {
        margin: 0px;
    }

     .imageListItem {
        width: 100%;
         margin: 20px 0 20px 0;
    }   
    
    .imageListText {
        max-width: 100%;
    }

    
    
    #profile {
        height: 500px;
        width: 100%;
    }

    
    .profile-column {
        clear: both;
        float: left;
        padding: 0;
        width: 100%;
    }

    .profile-column img {
        width: 100%;
    }
    
    .profile-column iframe {
        margin: auto;
    }

    #level1Nav ul li a:link, #level1Nav ul li a:visited {
        margin: 0;
    }

    #register_fvMember_lblEmail {
        padding-top: 10px;
    }
    
    .menuItem.depth-1 span {
        font-size: 12px;
    }

    #headerSearch {
        position: absolute;
        top: -65px;
        right: 10px;
    }

    #headerLogin {
        width: 121px;
        position: absolute;
        top: -35px;
        right: 10px;
    }

    .span5col {
        width: auto;
    }

    .container {
        width: 100%;
        text-align: center;
    }

    .panel-container {
        width: 100%;
        margin: 0;
    } 
        
    #slideshow {
        width: 100%;
        display: none;
        visibility: hidden;
    }

    .architecture-panel .panel-content {
        background-image: url('/css/site/images/button_architecture_bg.png');
        background-position: center top;
        background-repeat: repeat-x;
    }

    .arts-panel .panel-content {
        background-image: url('/css/site/images/button_arts_bg.png');
        background-position: center top;
        background-repeat: repeat-x;
    }

    .civil-engineering-panel .panel-content {
        background-image: url('/css/site/images/button_civil_bg.png');
        background-position: center top;
        background-repeat: repeat-x;
    }

    .history-panel .panel-content {
        background-image: url('/css/site/images/button_history_bg.png');
        background-position: center top;
        background-repeat: repeat-x;
    }

    .literature-panel .panel-content {
        background-image: url('/css/site/images/button_literature_bg.png');
        background-position: center top;
        background-repeat: repeat-x;
    }



    
    .join-here-panel, .twitter-panel {
        background: #e8e8e8 none no-repeat scroll 0 0;
        margin-bottom: 25px;
    }

    .right-column {
        float: right;
        margin-right: 0px;
        margin-left: 10px;
        width: 100%;
    }

    .news-feed-container {
        width: 100%;
        margin: 0px;
    }

    .news-list {
        margin: 10px;
    }

    .news-list h2 {
        font-size:18px;
    }

    .membershipClasses {
        margin: auto;
    }

    
    table.membershipClasses td {
        padding-left: 15px;
        text-align: left;
    }

    .news-feed-box {
        width: 100%;
        float: left;
    }    


    
    .article-content {       
        margin: 10px;
    }

    .span11col h1 {       
        margin: 10px;
    }
    
    .span11col h2 {       
        margin: 0px;
    }


    .span22col h1 {       
        margin: 10px;
    }

    .span16col h1 {       
        margin: 10px;
    }
    .span16col h2 {       
        margin: 0px;
    }



    .headerCol{
		float: left !important;
	}

    .colContentWide {
        margin: 0 10px 0 10px;
        padding: 0;
    }

    .colContentWide h1 {
        margin: 0;
    }

    .news-time {
        margin: 0 10px 0 10px;
    }
    
    #disqus_thread {
        margin: 10px;
    }

   
    .span6col {
        width: 100%; 
    }
    .span8col {
        width: 100%; 
    }
    .span10col {
        width: 100%; 
    }
    .span11col {
        width: 100%;
    }
    .span16col {
        width: 100%; 
    }
    .span18col {
        width: 100%; 
    }
    .span22col {
        width: 100%; 
    }

    .menuItem {
        width: 100%;                 
    }
    
    .loginForm > input {
        width: 90%;
        margin: 0 5% 0 5%;
    }

    .loginForm > span {
        width: 100%;
    }

    #login_login_ctl03 {
        display: none;
    }

    #login_login_ctl05 {
        display: none;
    }

    .event-content {
        margin: 20px 0 0 0;
        padding: 0;
    }

    .event-image img {
        width: 100%;  
        
    }

    .colContentWide img {
        height: auto;
        max-width: 100%;
    }
    
    #footerTopRow .footerColumn {
        background: rgba(0, 0, 0, 0) url("images/grey-vertical-line.png") repeat-y scroll right top;
        padding: 20px 0;
    }

   
    #footerTopRow {    
        font-size: 12px;
    }

    #footerTopRow a:link, #footerTopRow a:visited {
        font-size: 12px;
    }

    #footerTopRow {
        padding: 10px;
    }

    #footerBottomRow {
        padding: 10px;
    }

}