@charset "UTF-8";

h1 {
	text-align: center;
	/* background-color: rbg(189, 48, 57);*/
	color: black;
	font-size: 2.5em;
}

h2 {
	text-align: center;
}

p { 
	font-family: times, sans-serif, arial;
	font-size: 1.25em;
	/* replace first one with the font of the choice */
}

.expand {
	font-size: 1.6em;
}

.commonborder {
	border-style: solid;
	border-width: 6px;
	border-radius: 5px;
}

.darkredborder {
	border-color: rgb(122, 29, 29);
}

.blackborder {
	border-color: black;
}

.redborder {
	border-color: rgb(189, 48, 57);
}

.widthSm {
	width: 30%;	
}

.floatright {
	float: right;
}

.floatleft {
	float: left;
}

.clearfix {
	overflow: auto;
}

.margins {
	padding: 17px; /* makes the space around the picture - make it so there's four dimensions to */
	margin:0;
}

.topmargins {
	margin-top: 20px;
}

.bottommargins1 {
	margin-bottom: 20px;
}

.bottommargins {
	margin-bottom: 40px;
}

.rightmargins {
	margin-right: 20px;

	}
	
.leftmargins {
	margin-left: 20px;
}

.leftmargins1 {
	margin-left:26px;
}

ul {
	list-style-type: none; /* removes the default bullet */
	margin: 0px; /* removes default margins */
	padding: 0px; /* removes default padding */
	background-color: rgb(189, 48, 57); /* block level, default - makes bg color red */
	overflow: hidden; /* keeps elements inside of the unordered list */
}

ul li {
	float: left;
}

ul li a { /*writing rule for a tag itself*/
	color: black;
	text-decoration: none; /* removes the underline */
	padding: 14px 16px;
	display: block; /* makes the list item block instead of online */
}


ul li a:hover {
	background-color: rgb(115, 18, 18);
}

body {
	margin: 0;
}

.red {
	background-color: rgb(189, 48, 57);
}
.black-text {
	color: black;
}

.white-text {
	color: white;
}

.colors {
	background-color: rgb(255, 242, 242);
}

.round {
	border-radius: 50%
}
.center {
	text-align: center;
} 

.overlay-text {
	position: absolute;
	bottom:0;
}