/* CSS Document */
body {
  margin: 0px;
  padding: 0px;
  user-select:none;
}
a{
	text-decoration:none;
	color:#333;
}
a:hover {
    color: #0063BF;
	cursor: pointer;
}
#fixedbar{
	width:inherit;
	float: left;
	max-width: 1440px;
	padding-bottom: 10px;
	position: fixed;
	z-index: 10;
	background: #FFF;
	overflow: visible;
	white-space: nowrap;
}
#spacer{
	width: 100%;
	float: left;
	padding-bottom: 15px;
	background-color: #FFF;
}
#spacerfiller{
	width: 20%;
	float: left;
	text-align: left;
	padding-top: 22px;
	padding-bottom: 10px;
	font-size: 20px;
}
#maincontent{
	width: 80%;
	max-width: 1440px;
	text-align: left;
}
#specificcontent{
	width: 100%;
	float: left;
	margin-top: 20px;
}
#homepagebtn{
	width: 20%;
	display: inline-block;
	float: left;
	text-align: left;
	padding-top: 22px;
	padding-bottom: 10px;
	font-size: 20px; overflow: visible;
	white-space: nowrap;
}
#searchbutton{
	background-color:#00C632;
	border:none;    
	color:#fff;
	position:absolute;
	top:0px;right:0px;bottom:0px;
	width:70px;
	padding-top: 5px;
	border-top-right-radius:17px;
	border-bottom-right-radius:17px;
}
#searchbutton:hover{
	cursor: pointer;
}
#searchbuttonimg{
	width:30px;
}
#search{
	max-width: 550px;
	position:relative;
	display:flex;
}
#searchtextbar{
	font-size:18px;
	background-color:#fff;  
	border-color:#cecece;
	border-style:solid;
	border-width:2px;
	line-height:32px;
	padding:3px;
	display:inline-block;
	padding-right:70px;
	padding-left:15px;
	width:100%;
	border-top-left-radius:17px;
	border-bottom-left-radius:17px;
	border-top-right-radius:17px;
	border-bottom-right-radius:17px;
	max-width: 550px;
}
#searchdiv{
	width: 68%;
	padding-top: 15px;
	float: left;
	text-align: center;
	overflow: visible;
	white-space: nowrap;
}
#hamburgerholder{
	display: inline-block;
	width: 10%;
	text-align:center;
	float: right;
	padding-top: 20px;
	padding-bottom: 5px;
	font-size: 20px;
	overflow: visible;
	white-space: nowrap;
}
#hamburgerimage{
	width: 30px;
}
#menu{
	position: absolute;
	width: 300px;
	top: 70px;
	right: 0px;
	height: auto;
	background-color: #FFF;
	font-size: 20px;
	border-left: thin;
	border-left-style: solid;
	border-right: thin;
	border-right-style: solid;
	display: none;
}
.menuitemdiv{
	float: left;
	width: 260px;
	padding: 20px;
	border-bottom: thin;
	border-bottom-style: solid;
}
#notifspace{
	float: left;
	width: 100%;
	margin-top: 10px;
}
#notifbox{
	border-radius: 25px;
	border-style: solid;
	border-width: 2px;
	padding: 7px;
	font-size: 20px;
	min-height:25px;
	display:inline-block;
	min-width:35%;
	max-width:700px;
}
#notifcontent{
	float: left;
	width: 95%;
}
#notifimagediv{
	width: 10%;
	float: left;
}
#notifimage{
	width: 20px;
}
#notifmessage{
	width: 90%;
	float: left;
}
.editorsubmitbtn{
	float:right;
	font-size: 20px;
	padding: 5px;
	border-radius: 10px;
	margin-top:20px;
	margin-right: 15px;
}
.editorsubmitbtn:hover{
cursor: pointer;
}
#abouttitle{
	font-size: 20px;
	font-weight: 600;
}
#footer{
	margin-top: 35px;
	width: 100%;
	float: left;
	font-size: 18px;
	background-color:rgba(170,170,170,0.50);
	text-align: center;
}
@media all and (max-width: 1200px) {
	#maincontent{
		width: 85%;
	}
	#search{
		max-width: 450px;
	}
	#searchtextbar{
		max-width: 450px;
	}
}
@media all and (max-width: 1000px) {
	#search{
		max-width: 400px;
	}
	#searchtextbar{
		max-width: 400px;
	}
}
@media all and (max-width: 950px) {
	#maincontent{
		width: 90%;
	}
}
@media all and (max-width: 800px) {
	#search{
		max-width: 300px;
	}
	#searchtextbar{
		max-width: 300px;
	}
}
@media all and (max-width: 700px) {
	#maincontent{
		width: 95%;
	}
}
@media all and (max-width: 600px) {
	#homepagebtn{
		width: 32%;
	}
	#search{
		max-width: 242px;
	}
	#searchtextbar{
		max-width: 242px;
	}
	#searchdiv{
		width: 56%;
	}
}
@media all and (max-width: 475px) {
	#maincontent{
		width: 98%;
	}
	#search{
		max-width: 150px;
	}
	#searchtextbar{
		max-width: 150px;
	}
}
.docimg{
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto !important;
	display: block;
}