@font-face {
 font-family:'Avenir';
 src: url('../fonts/Avenir/Avenir-Medium.ttf')  format('truetype');
 font-weight: 100;
 font-style: normal;
 font-stretch: normal;
 unicode-range: U+0020-FB04;
}

body {
	font-family: 'Avenir', sans-serif;
	color: #293849;
	font-size: 20pt;
	background-color: #f2f5f7;
	margin: 0;
}

button {
	background-color: #26567c;
	color: white;
	padding: 10px;
	border: none;
	font-size: 16pt;
	cursor:pointer;
}

div.stacked {
	width: 100%;
	margin: auto;
}

input {
	font-size: 16pt;
}

div.lightblue {
	background-color: #93c9cf;
}

div.darkyellow {
	background-color: #fce363;
}

div.lightyellow {
	background-color: #fdf2af;
}

p {
	padding: 20px 0 0 0;
	max-width: 800px;
	margin: auto;
}

div.center p {
	text-align: center;
}

p.bigger {
	font-size: 26pt;
}

p.last {
	padding-bottom: 20px;
}

.orange {
	color: #dc4126;
}

a {
	text-decoration: none;	
	color: #26567c;
}

a:hover {
	color: #dc4126;
}

#representatives_link_list {
	width:600px;
	list-style-type: none;
	margin: auto;
	padding: 0;
}

#representatives_link_list div {
	float:left;
	width: 300px;
	height: 30px;
	margin: 0;
	padding: 0;
}

#representatives_container {
	width: 600px;
	margin: auto;
	padding-bottom: 20px;
}

#representatives_container a {
	width: 300px;
}

.small {
	font-size:11pt;
}

.tiny {
	font-size:11pt;
}

#president_select {
	/*background-image: url(http://forkarl.com/assets/images/select-arrow.png), */
	background-color: #f2f5f7;
	background-position: center right;
	background-repeat: no-repeat;
	color: #26567c;
	font-size: 16pt;
	margin: 0 0 20px 0;
	overflow: hidden;
	padding: 0;
	border: 1px solid #26567c;
	text-overflow: ellipsis;
	white-space: nowrap;
	
}

#zip {
	width: 500px;
	height: 50px;
	text-align: center;
	font-size: 20pt;
}

#legal {
	color		: black;
	font-size	: 10pt;
}

#legal p.heading {
	font-weight	: bold;
	max-width: 800px;
	font-size	: 11pt;
}