/*Colors
#553E4E
#8E5572
#9B97B2
#BFACC8
#DBD2E0
*/

/*navigation bar CSS Starts*/
ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	background-color: #9B97B2;
	position: fixed;
	top: 0;
	width: 100%;
}
li {
	float: left;
}
li a {
	display: block;
	color: white;
	text-align: center;
	padding: 14px 16px;
	text-decoration: none;
}
li a:hover:not(.statushome) {
	background-color: #8E5572;
}
.statushome {
	background-color: #553E4E;
}
/*Navigation Bar CSS Ends*/

/*Standard Body CSS Starts*/
@font-face{
	font-family: SanFran;
	src: url(../fonts/iOSSF.ttf);
}
body {
	margin: 0;
	font-family: SanFran;
	background-color: #DBD2E0;
}
h1 {
	color: #553E4E;
	font-size: 300%;
	text-align: center;
	font-family: SanFran;
}
h2{
	color: #8E5572;
	font-size: 250%;
	text-align: center;
	font-family: SanFran;
}
h3{
	color: #9B97B2;
	font-size: 130%;
	text-align: center;
	font-family: SanFran;
}
p {
	color: #553E4E;
	font-family: SanFran;
	font-size: 110%;
	margin-left: 30px;
	margin-right: 30px;
}
a{
	text-decoration: none;
}
li{
	font-family: SanFran;
}
.blank{
	/*hopefully clear all formatting*/
	height:auto !important;
	background-color: rgba(0,0,0,0.00) !important;
	display: auto !important;
	color: auto !important;
	text-align: auto !important;
	padding: auto !important;
	text-decoration: auto !important;
	list-style-type: circle !important;
	margin: auto !important;
	padding: auto !important;
	overflow: auto !important;
	position: relative !important;
	top: auto !important;
	float: none !important;
	width: 50% !important;
}
/*Standard Body CSS Ends*/

/*special Body Info Starts*/
.maininfo {
	column-count: 2;
	column-fill: auto;
	column-rule: 4px double #8E5572;
}
img .categories{
	
}
.categories{
	column-count: 4;
	column-rule: 4px solid #8E5572;
}
.introtext {
	display: block;
	margin-left: 50px;
	margin-right: 50px;
}
.columnfirst {
	display: inline-block;
}
.columnsecond{
	display: block;
}
.centerimage{
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.centertext{
	text-align: center;
}