@CHARSET "UTF-8";

#sideBar {
	font-size: 14px;
	width: 105px;
	float: left;
	margin: 0 10px;
	background-color: White;
	box-shadow: 0px 1px 3px LightGrey;
}

.categoryItem {
	margin: 0 auto;
	padding: 7px 15px;
	color: black;
	cursor: pointer;
}

.categoryItemSelected {
	padding: 7px 15px;
	background: slateblue;
	color: white;
	cursor: pointer;
}

.articleList {
  	margin: 10px;
	padding: 8px 10px;
	background-color: White;
	box-shadow: 1px 1px 3px LightGrey;
}

.articleList li {
	font-size: 16px;
	list-style-type: none;
	line-height: 28px;
}

.articleList li img {
	height: 20px;
}

.articleList li .subject {
	font-size: 16px;
	  height: 32px;
  line-height: 32px;
}

.articleList li .desc {
	font-size: 14px;
	color: Grey;
}

.text {
	font-size: 14px;
	line-height: 22px;
	padding: 8px 15px;
}

.info {
	padding: 0 15px 5px 15px;
	font-size: 12px;
	line-height: 20px;
	color: grey;
}

.bigText {
	padding: 10px 15px;
	font-size: 16px;
	line-height: 26px;
}

.smallTitle {
	font-size: 16px;
	line-height: 24px;
	padding: 8px 15px 0 15px;
}

.smallTitle p {
  height: 24px;
  line-height: 24px;
  float: left;
}

.textBox .smallTitle img {
  height: 20px;
  line-height: 24px;
  float: left;
}

.title {
    line-height: 32px;
	font-size: 24px;
	padding: 8px 15px 0 15px;
}

.title p {
  line-height: 32px;
  float: left;
}

.textBox .title img {
  height: 32px;
  line-height: 32px;
  float: left;
}

#frmArticle .textInput {
	border: 1px solid #C0C0C0;
	width: 400px;
	height: 25px;
}

#frmArticle textarea {
	border: 1px solid #C0C0C0;
	width: 400px;
	height: 15em;
}

.msgBox {
	line-height: 40px;
	margin: 10px;
	padding: 3px;
	font-size: 14px;
	background: LightYellow;
	text-align: center;
	box-shadow: 1px 1px 1px LightGrey;
}

#frmSearch {
	margin: 5px 0;
	padding: 10px;
}

#frmSearch .textInput {
	border: 1px solid #C0C0C0;
	height: 25px;
}

.dataTable {
	text-align: left;
	border-collapse: collapse;
	margin: 10px;
}

.dataTable th, td {
	padding: 10px;
	border-bottom: 1px solid LightGrey;
}

.userNav {
	height: 32px;
	font-size: 16px;
}

.userNavItem {
	text-align: center;
	width: 80px;
	color: Grey;
	float: left;
	height: 32px;
	line-height: 32px;
	font-weight: normal;
	cursor: pointer;
}

.userNavItemSelected {
	text-align: center;
	width: 80px;
	color: White;
	float: left;
	height: 32px;
	line-height: 32px;
	background-color: slateBlue;
	cursor: pointer;
}

.signText {
	font-size: 14px;
	font-style: italic;
	padding: 10px 15px;
}

.blueButton {
  margin: 10px 0;
  padding: 5;
  height: 32px;
  width: 100px;
  font-size: 14px;
  background-color: slateblue;
  color: white;
  font-weight: bold;
}

.whiteButton {
  margin: 10px 0;
  padding: 5px;
  height: 32px;
  width: 100px;
  font-size: 14px;
  background-color: white;
  color: black;
  font-weight: bold;
  border: solid 1px grey;
}

.textBox {
	background-color: White;
	box-shadow: 1px 1px 3px LightGrey;
	margin: 0 10px 10px 10px;
}

.textBox hr {
    border-bottom: 1px solid LightGrey;
}

#index {
	margin: 10px 10px 10px 120px;
}

.textBox .image {
  max-width: 920px;
  margin: 10px;
}

.infoBox {
	background-color: White;
    box-shadow: 1px 1px 3px LightGrey;
    height: 32px;
    margin: 0 10px 10px 10px;
}

.infoBox img {
	height: 32px;
	float: left;
}

.infoBox p {
	height: 32px;
	line-height: 32px;
	float: left;
	margin: auto 10px;
}