body {
	margin:0;
	padding:20px 60px;
	font-family: 'Roboto Slab', serif;
	letter-spacing: 1px;
/*	color:#70337f;*/
	color:#40034f;
	background-color:#a2cba3;
	background-image:url('nyc-2025.svg');
	background-repeat:no-repeat;
	background-size:cover;
	background-position:0 -100px;
}

#left, #right {
	margin-top:20px;
	display: inline-block;
}

#left {
	max-width:1000px;
	min-width:250px;
	float: left;
	margin-right:50px;
}

#right {
	max-width:100%;
	min-width:250px;
}

#bottom {
	margin-top:100px;
	width:250px;

}

h1,h2,h3,h4,h5 {
	font-weight: 500;
}

h1 {
	margin-top:0;
	margin-bottom:0;
	font-size:50px;
}

h2 {
	margin:20px 0 5px;
	text-transform: uppercase;
	font-size:16px;	
}

h3 {
	margin:0;
	font-size:15px;	
 	padding:10px 0 5px;

}

h4 {
	margin:0;
	font-size:14px;
	text-transform: uppercase;
	line-height: 21px;
}

h5 {
	margin-top: 0;
	margin-bottom: 20px;
	font-size:21px;
}

h6 {
	text-transform: uppercase;
	font-size:11px;
	padding:5px 0 10px;
	margin:0;
}

p {
	font-weight:600;
	font-size:12px;
	line-height: 22px;
}

span {
  	background-color:#a2cba3;	
  	padding:4px 0;
}

span.unbroken {
	white-space:nowrap;
}

a:link, a:visited {
/*	color:#70337f;*/
	color:#40034f;
	text-decoration: none;
}

p a:link, p a:visited {
	border-bottom: 1px solid #70337f;	
}

p a:hover {
  	background-color:#e0ffff;		
}


.button {
    width: 200px;
    height: 100px;
    background-size: 100px 100px;
    background-repeat: no-repeat;
    background-position: left top;
    padding-left: 110px;
    padding-right: 10px;
    margin-bottom: 10px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: top;
    background-image:url(squares/placeholder.png);
}

.button p {
	margin:0;
}
.button:hover span {
  	background-color:#e0ffff;		
  	color:#70337f;
}

.button { background-image: url(squares/placeholder.png); }

.button#abby { background-image: url(squares/abby.png) }
.button#alli { background-image: url(squares/alli.png) }
.button#ben { background-image: url(squares/ben.png) }
.button#ellie { background-image: url(squares/ellie.png) }
.button#katie { background-image: url(squares/katie.png) }
.button#kelsey { background-image: url(squares/kelsey.png) }
.button#kevin { background-image: url(squares/kevin.png) }
.button#lily { background-image: url(squares/lily.png) }
.button#min { background-image: url(squares/min.png) }
.button#nika { background-image: url(squares/nika.png) }
.button#quinton { background-image: url(squares/quinton.png) }
.button#rashid { background-image: url(squares/rashid.png) }
.button#shing { background-image: url(squares/shing.png) }
.button#skye { background-image: url(squares/skye.png) }


