/* Mobile Portrait */
@media only screen and (max-width: 414px) {
/* Top Menu */
	#TopNavigation {
		position: relative;
		width: 100%;
		float: left;
		text-align: center;
		bottom: 0;
		margin: 0 auto 0 auto;
	}
	
	.topMenu, .mainMenu, .footerMenu {
		display: none;
	}
	
	.topMenu li {
		display: block; 
		padding: .5em 0; 
		margin: 0 0 0 0;
		border-right: none;
		border-bottom: solid thin #FFF;
	}
	
	.topMenu.expandTopMenu {
		max-height: 900em;
		display: block;
		background: #38749F;
	}
	
	.topMenuToggle {
		display: block;
		padding-left: 1em;
		margin-bottom: .5em;
	}
	
	.topMenu a {
		color: #FFF;
		text-decoration: none;
	}
	
	.topMenu a:hover, .topMenu .current {
		color: #FAD088;
	}

/* Main Menu */

	#MainNavigation {
		width: 100%;
		text-align: center;
		margin: 0 auto 0 auto;
		padding: .5em 0;
	}
	
	.mainMenu li {
		display: block; 
		padding: .5em 0; 
		margin: 0 0 0 0;
		border-right: none;
		border-bottom: solid thin #000;
	}
	
	.mainMenu li:last-child {
		border: none;
	}

	.mainMenu.expandMainMenu {
		max-height: 900em;
		display: block;
		background: rgba(56,116,159,0.00);
	}
	
	.mainMenuToggle {
		display: block;
		padding-left: 1em;
		margin-bottom: 0em;
	}
	
	.mainMenu a {
		color: #000;
		text-decoration: none;
	}
	
	.mainMenu a:hover, .mainMenu .current {
		color: #DF552A;
	}

/* Subpage Menu */
	#SubpageNavigation {
		position: relative;
		z-index: 999;
		width: auto;
		margin: -.5em auto 1em auto;
		display: block;
		clear: both;
		text-align: left;
		background: #FFF;
		padding: 1em 0 1em .5em;
		font-size: .8em;
	}
	
	.subMenu {
		list-style: none; 
		padding: 0 0 0 0; 
		margin: 0 0 0 0;
	}
	
	.subMenu li {
		display: inline-block; 
		padding: 0 .5em 0 0; 
		margin: 0 .5em 0 0;
		border-right: solid thin #000;
	}
	
	.subMenu li:last-child {
		margin-right: 0;
		border: none;
	}
	
	.subMenu.expand {
		max-height: 900em;
		display: block;
		background: rgba(133,210,190,0.90);
	}
	
	.menuToggle {
		display: block;
		padding-right: 1em;
		margin-bottom: 1em;
	}
	
	.subMenu a {
		color: #000;
		text-decoration: none;
	}
	
	.subMenu a:hover, .subMenu .current {
		color: #38749F;
	}

/* Footer Menu */

	#FooterNavigation {
		width: 100%;
		margin: 1em auto 1em auto;
	}
	
	.footerMenu, .footerAddress {
		list-style: none;
		font-size: .9em;
		text-align: center;
	}
	
	.footerMenu li, .footerAddress li {
		display: block;
		margin: 0;
		padding: 0 .5em;
		border-right: none;
	}
	
	.footerMenu li:last-child, .footerAddress li:last-child  {
		padding-right: 0;
		border-right: 0;
	}
	
	.footerMenu a {
		text-decoration: none;
		color: #FFF;
	}
	
	.footerMenu a:hover, .footerMenu .current {
		color: #FAD088;
	}

/* JumpMenu */

	#JumpMenu {
		position: relative;
		z-index: 999;
		width: 100%;
		text-align: center;
		margin: 0 auto 1em auto;
		display: block;
		clear: both;
		border-bottom: solid thin #CCC;
	}
	
	.jumpMenu {
		list-style: none; 
		padding: 0 0 0 0; 
		margin: 0 0 0 0;
	}
	
	.jumpMenu li {
		display: inline-block; 
		padding: 0 0 0 0; 
		margin: 0 .25em .5em 0;
	}
	
	#ReturnToTop {
		margin-bottom: 2em;
	}

/* Master */

	#Logo {
		width: 25%;
		float: left;
		margin: .25em 0;
	}
	
	#SiteName {
		display: block;
		width: auto;
		white-space: nowrap;
		float: left;
		margin: 1.5em 0 0 .5em;
	}
	
	#SiteName a {
		color: #FFF;
		text-decoration: none;
		font-size: .9em;
	}
	
	#SiteSearch {
		display: none;
	}
	
	#SiteSearch input {
		line-height: 1.5em;
		padding-left: .5em;
		float: left;
	}
	
	#SiteSearch button {	
		background: url(/Images/SearchIcon.svg) center center no-repeat;
		background-size: 90%;
		padding: 0;
		margin: 0 0 0 .5em;
		width: 1.9em;
		height: 1.9em;
		color: #FFF;
		float: right;
	}
	
	#SiteSearch button img {
		display: none;
		width: 1.9em;
		height: 1.9em;
	}
	
	#SocialIcons {
		position: absolute;
		right: 1em;
		top: 5.25em;
		width: auto;
		margin: 0;
		z-index: 1000;
	}
	
	.SocialIcon {
		width: 2em;
	}

/* Home */

	#Hero {
		max-height: none;
	}
	
	#HomeCaption {
		width: 80%;
		font-size: 1.25em;
		padding: .5em 1em .5em 0;
	}

	.rslides_tabs {
		display: none;
	}

	#Panel_Wide {
		width: 96%;
		float: none;
		margin: 1em auto;
	}

	#Panel_About {
		width: 100%;
		float: none;
		border-right: none;
		min-height: none;
	}
	
	#Panel_Featured {
		width: 100%;
		float: none;
		border-right: none;
		min-height: none;
	}
	
	#Panel_Virtual {
		width: 100%;
		float: none;
		border-right: none;
		min-height: none;
	}
	
	#VirtualMagazineContainer {
		width: 38%;
		height: auto;
		max-height: 21em;
		overflow: hidden;
		margin-bottom: 1em;
	}
	
	#Panel_AssocMembers {
		width: 100%;
		float: none;
		border-right: none;
		height: none;
	}

	#Panel_Twitter {
		width: 100%;
		float: none;
		border-right: none;
		min-height: none;
		margin-left: 0;
	}
	
	#Panel_News {
		width: 100%;
		float: none;
		border-right: none;
		min-height: none;
	}

/* Subpages */

	#SubpageContent {
	}

	#SubpageMainNoAside {
		width: 96%;
		margin: 0 auto;
	}

	#SubpageMainWithAside, #SubpageAside {
		float: none;
		width: 96%;
		margin: 0 auto;
	}

	#SubpageAside {
		margin-top: 2em;
	}

/* Directors */

	.BoardColumn, .LeftColumn, .RightColumn, .BoardMemberContainer, .StaffContainer {
		float: none;
		width: 100%;
		margin: 0 auto;
	}

	.BoardMemberContainer, .StaffContainer {
		margin-bottom: 1em;
	}

/* Members */

	#MunicipalitySelect {
		background: #FFF;
	}

	#Municipality {
	}
	
	#ShowMap {
		width: 80%;
		margin: 1em auto;
		height: 25em;
		float: none;
		border: solid thin #BBB;
	}
	
	.MunicipalityData {
		width: 100%;
		height: auto;
		clear: left;
		float: none;
	}
	
	.CityEmailIcon {
		width: 1.75em;
		height: auto;
	}
	
	#Contacts {
		width: 100%;
		height: auto;
		clear: left;
		float: left;
		background: url(/Images/Leaves.png);
		border: solid 4px #E5E5E5;
	}
	
	#CityPicture {
		width: auto;
		max-width: 100%;
		float: none;
		background: #FFF;
		padding: .5em;
		border: solid thin #ccc;
	}
	
	#ContactsTable {
		border-collapse: collapse;
		width: 100%;
		background: rgba(255,255,255,0.90);
		float: none;
		font-size: .8em;
	
	}
	
	#ContactsTable th {
		font-weight: bold;
		white-space: nowrap;
		padding: .5em 0 .5em 0;
		text-align: left;
	}
	
	#ContactsTable td {
		white-space: nowrap;
		padding: .25em .25em;
		vertical-align: middle;
	}
	
	#ContactsTable tr {
		border-bottom: solid thin #BBB;
		height: 2.5em;
	}
	
	#ContactsTable tr:last-child {
		border-bottom: none;
	}

/* Classifieds */

	#JobOpportunitiesList article h1 {
		font-size: 1.125em;
	}

	.Job {
		padding-bottom: 1em;
		margin-bottom: 1em;
		border-bottom: solid thin #000;
		margin: 0 0 1em 0;
	}

	.JobLabel {
		margin: 0;
		width: 30%;
	}
	
	.JobText {
		width: 65%;
	}

/* Profile Editor */

	#LogInForm {
		width: 80%;
	}

	#ProfileEditor {
		width: 100%;
	}

	.EditProfileLabel {
		width: 30%;
		line-height: normal;
	}
	
	.EditProfileInput {
		width: 65%;
		float: left;
	}

/* Transcripts */

	#MemberTranscript {
		width: 100%;
		font-size: .7em;
	}
	
	#TranscriptTable th {
		line-height: normal;
		padding-left: 0;
		padding-right: 0;
	}

	#PrintTranscriptButton {
		display: none;
	}

	#TranscriptTable {
		width: 100%;
	}

	td.MemberName h1 {
		font-size: 1.5em;
		font-weight: bold;
	}

	td.MemberName h1 div {
		line-height: normal;
		font-weight: normal;
	}

	#TranscriptTable th.rowCourse {
		width: 30%;
		padding-left: 1em;
	}

}

/* Small Mobile Landscape */
@media only screen and (min-width: 415px) and (max-width: 767px) {
/* Top Menu */
	#TopNavigation {
		position: relative;
		width: 100%;
		float: left;
		text-align: center;
		bottom: 0;
		margin: 0 auto 0 auto;
	}
	
	.topMenu, .mainMenu, .footerMenu {
		display: none;
	}
	
	.topMenu li {
		display: block; 
		padding: .5em 0; 
		margin: 0 0 0 0;
		border-right: none;
		border-bottom: solid thin #FFF;
	}
	
	.topMenu.expandTopMenu {
		max-height: 900em;
		display: block;
		background: #38749F;
	}
	
	.topMenuToggle {
		display: block;
		padding-left: 1em;
		margin-bottom: .5em;
	}
	
	.topMenu a {
		color: #FFF;
		text-decoration: none;
	}
	
	.topMenu a:hover, .topMenu .current {
		color: #FAD088;
	}

/* Main Menu */

	#MainNavigation {
		width: 100%;
		text-align: center;
		margin: 0 auto 0 auto;
		padding: .5em 0;
	}
	
	.mainMenu li {
		display: block; 
		padding: .5em 0; 
		margin: 0 0 0 0;
		border-right: none;
		border-bottom: solid thin #000;
	}
	
	.mainMenu li:last-child {
		border: none;
	}

	.mainMenu.expandMainMenu {
		max-height: 900em;
		display: block;
		background: rgba(56,116,159,0.00);
	}
	
	.mainMenuToggle {
		display: block;
		padding-left: 1em;
		margin-bottom: 0em;
	}
	
	.mainMenu a {
		color: #000;
		text-decoration: none;
	}
	
	.mainMenu a:hover, .mainMenu .current {
		color: #DF552A;
	}

/* Footer Menu */

	#FooterNavigation {
		width: 100%;
		margin: 1em auto 1em auto;
	}
	
	.footerMenu, .footerAddress {
		list-style: none;
		font-size: .9em;
		text-align: center;
	}
	
	.footerMenu li, .footerAddress li {
		display: block;
		margin: 0;
		padding: 0 .5em;
		border-right: none;
	}
	
	.footerMenu li:last-child, .footerAddress li:last-child  {
		padding-right: 0;
		border-right: 0;
	}
	
	.footerMenu a {
		text-decoration: none;
		color: #FFF;
	}
	
	.footerMenu a:hover, .footerMenu .current {
		color: #FAD088;
	}

/* JumpMenu */

	#JumpMenu {
		position: relative;
		z-index: 999;
		width: 100%;
		text-align: center;
		margin: 0 auto 1em auto;
		display: block;
		clear: both;
		border-bottom: solid thin #CCC;
	}
	
	.jumpMenu {
		list-style: none; 
		padding: 0 0 0 0; 
		margin: 0 0 0 0;
	}
	
	.jumpMenu li {
		display: inline-block; 
		padding: 0 0 0 0; 
		margin: 0 .25em .5em 0;
	}
	
	#ReturnToTop {
		margin-bottom: 2em;
	}

/* Master */

	#Logo {
		width: 15%;
		float: left;
		margin: .25em 0;
	}
	
	#SiteName {
		display: block;
		width: auto;
		white-space: nowrap;
		float: left;
		margin: 1.5em 0 0 1.5em;
	}
	
	#SiteName a {
		color: #FFF;
		text-decoration: none;
		font-size: .9em;
	}
	
	#SiteSearch {
		display: block;
		margin-right: .5em;
	}
	
	#SiteSearch input {
		line-height: 1.25em;
		padding-left: .5em;
		float: left;
	}
	
	#SiteSearch button {	
		background: url(/Images/SearchIcon.svg) center center no-repeat;
		background-size: 90%;
		padding: 0;
		margin: 0 0 0 .5em;
		width: 1.5em;
		height: 1.5em;
		color: #FFF;
		float: right;
	}
	
	#SiteSearch button img {
		display: none;
		width: 1.9em;
		height: 1.9em;
	}
	
	#SocialIcons {
		position: absolute;
		right: 1em;
		top: 5.25em;
		width: auto;
		margin: 0;
		z-index: 1000;
	}
	
	.SocialIcon {
		width: 2em;
	}

/* Home */

	#Hero {
		max-height: none;
	}
	
	#HomeCaption {
		width: 55%;
		font-size: 1.5em;
	}

	.rslides_tabs {
		display: none;
	}

	#Panel_Wide {
		width: 96%;
		float: none;
		margin: 1em auto;
	}

	#Panel_About {
		width: 100%;
		float: none;
		border-right: none;
		min-height: none;
	}
	
	#Panel_Featured {
		width: 100%;
		float: none;
		border-right: none;
		min-height: none;
	}
	
	#Panel_Virtual {
		width: 100%;
		float: none;
		border-right: none;
		min-height: none;
	}
	
	#VirtualMagazineContainer {
		width: 30%;
		height: auto;
		max-height: 21em;
		overflow: hidden;
		margin-bottom: 1em;
	}
	
	#Panel_AssocMembers {
		width: 100%;
		height: auto;
		float: none;
		border-right: none;
		max-height: none;
	}

	#Panel_AssocMembers .HomePanelContent {
		height: auto;
	}

	#SideBannerContainer {
		width: 90%;
		height: auto;
		margin: 0 auto 1em auto;
		max-height: none;
		float: none;
	}

	#Panel_Twitter {
		width: 100%;
		float: none;
		border-right: none;
		min-height: none;
		margin-left: 0;
	}
	
	#Panel_News {
		width: 100%;
		float: none;
		border-right: none;
		min-height: none;
	}

/* Subpages */

	#SubpageContent {
	}

	#SubpageMainNoAside {
		width: 96%;
		margin: 0 auto;
	}

	#SubpageMainWithAside, #SubpageAside {
		float: none;
		width: 96%;
		margin: 0 auto;
	}

	#SubpageAside {
		margin-top: 2em;
	}

/* Directors */

	.BoardColumn, .LeftColumn, .RightColumn, .BoardMemberContainer, .StaffContainer {
		float: none;
		width: 100%;
		margin: 0 auto;
	}

	.BoardMemberContainer, .StaffContainer {
		margin-bottom: 1em;
	}

/* Members */

	#MunicipalitySelect {
		background: #FFF;
	}

	#Municipality {
	}
	
	#ShowMap {
		width: 80%;
		margin: 1em auto;
		height: 25em;
		float: none;
		border: solid thin #BBB;
	}
	
	.MunicipalityData {
		width: 100%;
		height: auto;
		clear: left;
		float: none;
	}
	
	.CityEmailIcon {
		width: 1.75em;
		height: auto;
	}
	
	#Contacts {
		width: 100%;
		height: auto;
		clear: left;
		float: left;
		background: url(/Images/Leaves.png);
		border: solid 4px #E5E5E5;
	}
	
	#CityPicture {
		width: auto;
		max-width: 100%;
		float: none;
		background: #FFF;
		padding: .5em;
		border: solid thin #ccc;
	}
	
	#ContactsTable {
		border-collapse: collapse;
		width: 100%;
		background: rgba(255,255,255,0.90);
		float: none;
		font-size: .8em;
	
	}
	
	#ContactsTable th {
		font-weight: bold;
		white-space: nowrap;
		padding: .5em 0 .5em 0;
		text-align: left;
	}
	
	#ContactsTable td {
		white-space: nowrap;
		padding: .25em .25em;
		vertical-align: middle;
	}
	
	#ContactsTable tr {
		border-bottom: solid thin #BBB;
		height: 2.5em;
	}
	
	#ContactsTable tr:last-child {
		border-bottom: none;
	}

/* Classifieds */

	#JobOpportunitiesList article h1 {
		font-size: 1.125em;
	}

	.Job {
		padding-bottom: 1em;
		margin-bottom: 1em;
		border-bottom: solid thin #000;
		margin: 0 0 1em 0;
	}

	.JobLabel {
		margin: 0;
		width: 30%;
	}
	
	.JobText {
		width: 65%;
	}

/* Profile Editor */

	#LogInForm {
		width: 80%;
	}

	#ProfileEditor {
		width: 100%;
	}

	.EditProfileLabel {
		width: 30%;
		line-height: normal;
	}
	
	.EditProfileInput {
		width: 65%;
		float: left;
	}

/* Transcripts */

	#MemberTranscript {
		width: 100%;
		font-size: .7em;
	}
	
	#TranscriptTable th {
		line-height: normal;
		padding-left: 0;
		padding-right: 0;
	}

	#PrintTranscriptButton {
		display: none;
	}

	#TranscriptTable {
		width: 100%;
	}

	td.MemberName h1 {
		font-size: 1.5em;
		font-weight: bold;
	}

	td.MemberName h1 div {
		line-height: normal;
		font-weight: normal;
	}

	#TranscriptTable th.rowCourse {
		width: 30%;
		padding-left: 1em;
	}

}

/* Tablet Portrait */
@media only screen and (min-width: 768px) and (max-width: 1000px) {

	.topMenu li {
		margin: 0 .5em 0 0;
	}

	.mainMenu li {
		padding: 0 .25em; 
	}

	.footerMenu li {
		font-size: .9em;
		padding: 0 .45em;
		border: none;
	}

	#SiteSearch input {
		line-height: 1.5em;
		padding-left: .5em;
		float: left;
		width: 10em;
	}
	
	#SocialIcons {
		clear: right;
		width: auto;
		float: right;
		margin: .25em 1em .5em 0;
	}
	
	.SocialIcon {
		width: 2em;
		height: auto;
		float: left;
	}

	#SiteName {
		margin: 1em 0 0 .5em;
	}

	#Panel_Featured {
		width: 32%;
	}

	#SubHero {
		max-height: 8em;
	}
	
	#SubpageCaption figure, #SubpageCaption article {
		display: none;
	}









}