@charset "utf-8";
/* CSS Document for iPhone MA WEBSITE */

body {
	font-family: gill-sans-nova, Arial, sans-serif;
	font-size: 1em !important;
	max-width: 310px;
	margin-left:5px;
	margin-right:0;
	}

/* reduces images to fit, while preserving aspect ratio */

img {
	width: 100% !important;
	height: auto !important;
}

.SmallText {
	font-size: 0.9em;
}


.SiteID {
	font-size:large;
	font:"Times New Roman", Times, serif
}

div.SiteIDBox {
	width:60%;
	float:left;
	padding:10px;
	}

div.mailinglist {
	width:20%;
	font-weight:bold;
	background-color: #9FF;
	float:right;
	padding:10px;
	}

div.RSSbox {
	width:20%;
	background-color: #9FF;
	font-weight:bold;	
	float:right;
	padding:10px;
	}
	
.mobilemenubox {
	font-size:24px;
	background-color: #FFFFBF;
	padding: 10px;
	border: thin solid #06F;
}


div.mobile-navigation-box {
	background-color: #FFFFBF;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px;
	margin-top:10px;
	margin-bottom:10px;
	font-size:24px;
	}

.ipcolumnleft {
	align:left;
	border: solid 1px black;
	background-color: #FFFFFF;
	}

/* The items below are used for the Summary box */

div.summary {
	/* float:right; commented out to ensure summary box takes the full width on a phone */
	width: 15em;
	/* max-width: 50%; */
	margin-left: 1.2%; /* iphone 320px, screen 900px so 10px on big screen = 10/900=1.1111%             */
	margin-bottom:10px;
	margin-right:0px;
	font:gill-sans-nova, Arial, Helvetica, sans-serif;
	color: #333;
	text-align:left;
	background-color:#e6f598;
	font-size: 1.2em !important;
	padding:5px;
	border: solid black 1px;
	border-radius:40px;
}

/* End Summary box */

/* Standard styling for all tables on narrow screens */

table, th, td {
    border: 1px solid black;
     border-collapse: collapse;
	 padding-left:5px;
	 padding-right:5px;
}




/* Put more whitespace betweeen paragraphs etc */

p, dt, dd, blockquote {
	padding-top: 10px;
	line-height: 1.2em;
	padding-bottom: 10px;
	font-size: 1.2em !important;
}

/* End putting more whitespace between paragraphs etc */

/* This item makes the text in the footer normal size on phones and stops it floating*/

#footertext {
	font-size: 1.1em !important;
	clear: both;

}