/* niftyCube2 */
html, body {
	margin: 0;
	padding: 0
}
html {
	scroll-behavior: smooth
}
body {
	font: 85%/1.3em Verdana, Arial, sans-serif;
	text-align: center;
	background: #757D88 url(/uploads/images/nifty/nccbak.png) repeat-x left -1px;
	padding-bottom: 20px
}
p {
	margin-top: 0
}
h1, h2, h3 {
	font: normal normal 200% "Trebuchet MS", Arial, sans-serif
}
h2 {
	font-size: 160%
}
h3 {
	font-size: 120%
}
#box {
}
#page {
	margin: 0 auto
}
#header {
	width: 100%;
	overflow: hidden;
	background: #595D66
}
#header h1, #menu {
	max-width: 770px;
	margin: 0 auto;
	text-align: left
}
#header h1 {
	padding: 30px 0 6px;
	color: #FFF
}
#hbox {
	max-width: 770px;
	margin: 0 auto
}
#wrapper {
	padding:  0 0;
}
#menuwrapper {
	float: right;;
}
#contenthead {
	height: 20px;
	font-size: 80%;
	margin: auto 0px;
	padding-left: 5px;
	background: #FFF;
}
.breadcrumbs {
	float: left;
	margin: 1px 0 1.5px;
	padding: 3px 0 1px;
	background: #FFF;
}
#contain {
	max-width: 770px;
	margin: 0 auto 10px;
	padding: 0px 0 10px;
	text-align: left;
	background: #FFF  url(/uploads/images/nifty/nccbak.png) repeat-x;
	border-radius:0 0 8px 8px;
}
#content1 {
	float: left;
	display: inline;
	width: 560px;
	margin: 0 0 10px 10px
}
#content {
	float: left;
	isplay: inline;
	max-width: 560px;
	margin: 0 0 0 10px
}
#side {
	float: right;
	max-width: 180px;
	height: 116.5vh;
	background: #F3CF00;
	margin: 0 10px 10px 0;
	border-radius: 8px;
}
#newsblock {
	margin: 5px auto;
	padding: 0 10px
}
#newsblock h2 {
	margin: 5px
}
.news {
	padding: 8px;
}
ul#intro, ul#intro li {
	list-style-type: none;
	margin: 0;
	padding: 0
}
ul#intro {
	display: flex;
	width: 100%;
	overflow: hidden;
	margin-bottom: 20px
}
ul#intro li {
	isplay: table-cell;
	float: left;
	max-width: 150px;
	margin-right: 10px;
	padding: 8px 10px;
  border-radius: 8px;
}
li#mission {
	background: #E65714;
	order: 1;
}
li#services {
	background: #42B4AC;
	order: 2;
}
li#more {
	margin-right: 0;
	background: #7D63A9;
	order: 3;
}
ul#intro p, ul#intro h3 {
	margin: 0;
	padding: 0 10px
}
ul#intro h3 {
	text-transform: uppercase;
	padding-bottom: 3px;
	color: #FFF
}
ul#intro .list1 .firstnewscat {
  border-style: none;
  border-color: none;
  border-radius: none;
}
#content h2 {
	margin: 10px 0;
	color: #007BC4
}
#date2 {
	float: left;
	width: 4.5em;
	padding: 6px;
	background: #F1DDC4;
	color: #B0001E;
	text-align: center;
	margin-right: 10px;
	font-size: 80%;
	line-height: 0.9
}
.date {
	padding: 5px;
	background: #F1DDC4;
	color: #B0001E;
	text-align: center;
	margin: 4px 0;
	font-size: 80%;
	line-height: 0.9
}
.date span {
	display: block;
	font-size: 150%;
	font-weight: bold
}
.comments div {
	background: #EEE;
	margin-bottom: 10px;
	border-radius: 6px;
}
.comments p {
	padding: 10px;
	margin: 0
}
.comments .odd {
	background: #DAE6FE
}
#flat {
	clear: both;
	max-width: **px;
	margin: 0 auto;
	margin: 0;
	padding: 0 10px 10px;
}
#flat p {
	margin: 0;
	padding: 0;
}
.lft {
	float: left;
}
.rite {
	float: right;
}
.right49 {
	clear: both;
	margin: 0;
	padding: 0;
	text-align: center;
}
#footer {
	clear: both;
	max-width: 750px;
	margin: 0 10px 0;
	padding: 10px 0;
	background: #586695;
	color: #FFF;
	text-align: center;
	border-radius: 6px;
}
#footer p {
	margin: 0
}
/* End of 'aNiftyLayout' */
#wrapper {
}
ul#primary_nav a:hover {
	background: #CDFFA1;
	color: #006A35
}
/* Styling the basic apperance of the menu elements */

ul#primary-nav, ul#primary-nav li {
	list-style-type: none;
	margin: 0;
	padding: 0
}
ul#primary-nav {
	margin: 0 auto;
	font-size: 80%
}
ul#primary-nav a:hover {
	background: #FFF;
	color: #006A35
}
/* Set the width of the menu elements at second level. Leaving first level flexible. */
#primary-nav li li {
	width: 125px;
}
/* Unless you know what you do, do not touch this */
#primary-nav {
	list-style: none;
	margin: 0px auto;
	padding: 0px;
}
#primary-nav ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#primary-nav ul {
	position: absolute;
	top: auto;
	display: none;
}
#primary-nav ul ul {
	margin-top: 1px;
	margin-left: 20px;
	left: 100%;
	top: 0px;
}
ul#primary-nav li {
	float: left;
	margin-left: 3px;
	text-align: center;
}
#primary-nav li li {
	margin-left: 0px;
	margin-top: -1px;
	float: none;
	position: relative;
	text-align: left;
}
/* Styling the basic apperance of the menu elements */
#primary-nav a {
	display: inline-block;
	width: 125px;
	padding: 5px 10px 6px;
	margin: 0px;
	background: #369A3D;
	text-decoration: none;
	color: #FFC;
	border-radius: 8px 8px 0 0;
}
#primary-nav li a {
}
#primary-nav li li a {
	border-radius: 0;
}
#primary-nav ul li {
	background-color: transparent;
}
#primary-nav li ul {
	background-color: transparent;
}
#primary-nav li.menuparent {
}
/* Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) */
#primary-nav li.menuactive {
}
/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */
#primary-nav ul li .menuparent,
#primary-nav ul li.menuparent:hover {
	background-image: url(/uploads/theme/arrow.gif);
	background-position: center right;
	background-repeat: no-repeat;
}
/* Styling the apperance of menu items on hover */
#primary-nav li:hover {
	;
}
/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */
#primary-nav ul,
#primary-nav li:hover ul,
#primary-nav li:hover ul ul,
#primary-nav li:hover ul ul ul {
	display: none;
}
#primary-nav li:hover ul,
#primary-nav ul li:hover ul,
#primary-nav ul ul li:hover ul,
#primary-nav ul ul ul li:hover ul{
	display: block;
}
/* niftyCube2 */