/* anything larger than 950px */
	#container {
	    width: 950px;
		margin-left: auto;
	    margin-right: auto;
	    background-color: #fff;
	}
	
	#header {
		width:950px;
	}
	 
	#navWrap {
		width:950px;
	}
	
	#navCompact {
		display:none;
	}
	 
	#contentcolsub {
		width:910px;
	}
	
	#signInOrReg {display:block;}
	
	/* side-by-side columns taking up all of page width */
	.fullLeft {float:left; padding-right:10px; width:48%;}
	.fullRight {float:left; padding-left:10px; width:48%;}
	#listEventsYearsSelectTitle {display:none;}
 	#listEventsYearsDropDown {display:none;}
/* if your widow display width is between 568px and 950px */
@media only screen and (min-width: 569px) and (max-width: 950px) {
	#container {
	    width: 100%;
		margin-left: auto;
	    margin-right: auto;
	    background-color: #fff;
	}
	
	#header {
		width: 100%;
	}
	 
	#navWrap {
		width: 100%;
	}
	
	#navCompact {
		display:none;
	}
	 
	#contentcolsub {
		width: 96%;
	}
	
	#signInOrReg {display:block;}
	.eventNameRow {width: 160px;}
	
}
 
/* if your widow display width is between 480px and 568px*/ 
/* i.e. landscape phone for iphone 5 */
@media only screen and (min-width: 481px) and (max-width: 568px) {
	#container {
	    width: 567px;
		margin-left: auto;
	    margin-right: auto;
	    background-color: #fff;
	}
	
	#header {
		width:567px;
	}
	 
	#navWrap {
		width:567px;
	}
	
	#navCompact {
		display:none;
	}
	 
	#contentcolsub {
		width:550px;
	}
	
	#signInOrReg {display:block;}
	#rearrageHomepage {display:none;}
	.eventNameRow {width: 160px;}
	.deleteEvent {display:none;}
	.eventActionRow {white-space:nowrap;}
 }
  
/* if your widow display width is less than 480px */
/* i.e. portrait phone for iphone 4 */
@media only screen and (max-width: 480px) {
	#container {
	    width: 100%;
		margin-left: auto;
	    margin-right: auto;
	    background-color: #fff;
	}
	
	#header {
		width: 100%;
	}
	 
	#navWrap {
		width: 100%;
		
	}
	
	#navCompact {
		width: 100%;
		display:none;
	}
	 
	#contentcolsub {
		float:none;
		width:auto;
	}
	
	.fullLeft {float:left; padding-right:10px; width:100%;}
	.fullRight {float:left; padding-right:10px; padding-left:0; width:100%;}
	.eventNameRow {width: 160px;}
	#closeLeftDivLink {display:block;}
	#closeMiddleDivLink {display:block;}
	#rearrageHomepage {display:none;}
	.eventLocationRow {display:none;}
	.eventDistanceRow {display:none;}
	.eventActionRow {display:none;}
	#futureEvents {display:none;}
	#pastEvents {display:none;}
	#listEventsYearsDiv {display:none;}
	#listEventsYearsSelectTitle {display:block;}
	#listEventsYearsDropDown {display:none; !important; position:absolute;}
	#listEventsYearsDiv .selectEventYear {display:block !important;}
		
	/* message center  */ 
	div#friendMessages div#friendMessageActionHeader {display:none;}
	div#friendMessages div#friendMessageDateHeader {display:none;}
	div#friendMessages div.friendMessageAction {display:none;}
	div#friendMessages div.friendMessageDate {display:none;}
	div#friendMessages div#friendMessageSenderHeader {width:42%;}
	div#friendMessages div#friendMessageSubjectHeader {width:54%;}
	
	div#friendMessages div.friendMessageSender {width:42%;}
	div#friendMessages div.friendMessageSubject{width:54%;}
	
	div.messageDateCompressed {display:block; font-weight:normal;}
	div.messageDateFull {display:none;}
	div#findFriendsLink {margin-top:0 !important;}
	
}