@font-face{

	font-family:MyFont;
	src: url(../fonts/OpenSans-Regular.ttf);
}

body{
	margin:0px 0px 0px 0px;
	/*background-color:#F1F1F1;*/
	/*background-image: url(../images/bg.jpg);*/
	//font-family:Segoe UI;	
}

p, li{
	//font-family:MyFont;
}


.topbar{
	width:100%;
	height:1.5em;
	text-align:right;
}
#centeralign{
    text-align: left;
}
.topbar ul li a{
	display:inline-block;
	color:black;
	text-decoration:underline;
}

.header{
	width:100%;
	
	//background-color:darkred;//#ffffff;
	border-bottom:1px solid black;
	/***background-image: url(../images/CPN2.jpg);***/
background:url(../images/web_bg_top.png);
	width:100%;
	top:0;
       /* height: 100px;
background-size: 100% 100%;
    background-repeat: repeat-x;*/
	
}

/*.navtop{
width:80%;
bottom:0px;
font-size:11px;

}*/

.page-header2{padding-bottom:4px;margin:40px 0 5px;}


.body{
	background-color:white;
	width:100%;
	background-image:URL(../images/t1.png);
	height:20em;
	max-height:20em;
	display:inline-block;
	margin-right:0%;
	margin-bottom:0%;
	padding:2em 0em 2em 0em;
	/*margin-left:*/
}

.body p{
	margin-left:10%;
	margin-bottom:1em;
}


.cont{
	display:inline-table;
	width:10em;
	height:10em;
	margin-left:9em;
	margin-top:2em;
	background-color:#d63535;
	border-radius:10%;
}

.cont:hover{
	background-color:#6CAD4F;
	border-radius:100%
}

.cont p{
	margin-top:4em;
	margin-bottom:auto;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	color:white;
	font-weight:bold;
}

.cont a{
	text-decoration:none;
	color:white;
}

.cont a:hover{
	color: red;
}

#footer{
	background-color:#2e782e;
	min-height:5em;
	bottom:0;
	margin-top:0;
	color:white;
}

#footer a{
	text-decoration:none;
	color:white;
}

#footer a:hover{
	text-decoration:none;
}

/************************************************************************************************************/
#comp{
	margin-left:0;
	background-color:white;
	width:60%;
	height:2.5em;
	margin-bottom:1em;

}

/*****************************************************************************/

@font-face{

	font-family:MyFont;
	src: url(Sebastian-Regular.ttf);
}

#mynav1{

	background-color: #CF0000;
}

#myCarousel{
	height: 50%;
	margin-bottom:20px;
}

#myCarousel p{

}

#myCarousel img{
	height: 50%;

}

#mynav1 li a{

	color:white;
}

#mynav1 li a.active{

	color:black;
}

.container-full{

	width:100%;
}

#thumbimg{

	height: 100px;
	margin-bottom:-15px;
}

.whitebg{

	background-color: white;
}

.thumb{

	/*height:23em;*/
	/**border:0px;**/
}

.smthumb-bx{
    margin:2%;
   
}

.smthumb{
	width:98%;
	height:15%;
	background-color:#c11212;
	border:1px solid darkred;
	margin-bottom:2%;
	padding:0;
        opacity:0.9;
        border-radius:5px;
}

#smthumbimg{
	height:100%;
	float:left;
	padding-right:10px;
	width:20%;
	display:inline-block;

}

#smthumbimg img{
	/*width:80%;*/
	max-width:100%;
	max-height:100%;
	margin:5px;
	
}

#smthumbcap{
	height:100%;
	float:right;
	width:79%;
	font-weight:bold;
	font-size:190%;
	border-left:1px solid grey;
	/*padding:0px 40px 0px 40px;*/
	text-align:center;
	display:flex;
	align-items:center;
	color:white;

}

#nodec{
	text-decoration:none;
	color:black;
}

#smthumbcap p{
	margin:auto;
	text-align:center;
	display:flex;
	align-items:center;
	color:black;
}

#smthumbcap:active{
	background-color:#D41313;
}

#smthumbcap p:active{
	color:white;
}

#logomarquee{
	height:100px;
//	background-color:#f2f2f2;
	width:100%;
	margin-top:20px;
}

#logomarquee img{
	max-height:100px;;

}


@media (min-width: 768px) {
	.dropdown:hover .dropdown-menu {
		display: block;
	}
}

@media (max-width: 768px) {
	#logomarquee{
		display:none;		
	}

	.topbar{
		display:none;
	}

	#navwrap{
		background-image:url(../images/CPN3.png);
		background-repeat:no-repeat;
		background-size:cover;
    	background-position:center;
 
	}

	#mynav1{
		background-color:#CF0000;

	}

	#newcenter{
		width:100%;
		margin:0;
	}
	
}

@media (max-width: 450px) {
	#navwrap{
		background-image:url(../images/CPN4.png);
	}
}

#about{

	min-height:60%;
	background-color:#f2f2f2;
	margin:0;
}

#about2{
	min-height:60%;
	background-color:white;
	margin:0;
}

#councilimg{
	width:10em;
	height:10em;
}

.dropdown-backdown{
	position:static;
}

#greybg{
	background-color:#F7F7F7;
	padding-bottom: 5px;
	display:none;
}

#mainjumbo{
	height:50%;
	background-image:url(../images/t6.jpg);
	margin-bottom:0;
	line-height:200px;
}

#mainjumbo a{

	vertical-align:middle;
}

#eventbox{
	width:100%;
	min-height:20%;
	background-color:#F7F7F7;
	padding:5px 5px 5px 5px;
	margin-bottom:2em;
}

#eventbox h4{
	color:#D9534F;
	text-align:left;
}

#eventbox img{
	height:10em;
	width:10em;
}

#eventbox p{
	font-size: 12px;
}

#eventboximg{
	min-height:12em;
	width:10em;
	float:left;
	margin-right:15px;
	//border-right:2px solid black;
	padding:2em 0 1em 0;
}
.evt-brf{
        text-align: justify;
        font-size: 12px;
}

#bcar{
	min-height:25%;
	background-color:red;
	margin-top:0;
}

#topcont{
	min-height:50%;
	margin-top:20px;
	border-top:10px solid #CF0000;
	border-left:1px solid black;
	border-right:1px solid black;
	border-bottom:1px solid black;
	box-shadow:2px 2px 2px #919191;
	background-color:white;
	margin-bottom:5px;
}

#secont{
	padding:5px 5px 5px 5px;
	margin-top:-20px;
	min-height:200px;
	background-color:white;
	border-top:10px solid #2e782e;
	border-bottom:1px solid black;
	border-right:1px solid black;
	border-left:1px solid black;
	box-shadow:2px 2px 2px #919191;
}

#newsthumb{
	border:0;
	text-decoration:none;
        border:1px solid #eaeaea;
}

#newsthumb:hover{
	box-shadow:0px 0px 5px 5px #919191;
	text-decoration:none;
}

#newsthumb h5{
	//color:#2e782e;
}

#newsimg{
	width:40em;
	height:20em;
}

#mininews{
	width:100%;
	min-height:10em;
	max-height:15em;
	border:1px solid #eaeaea;
	padding:0.5em 0.5em 0.5em 0.5em;
	box-shadow: 0px 0px 9px #eaeaea;
}

#mininews img{
	width:7em;
	float:left;
	margin-right:2em;
}

#mininewsr{
	margin-left:1em;
}

#other-newsimg{
    width:80px;
    float: left;
    margin-bottom: 3px;
    margin-right: 3px;
}
.thumb1{
	border:0px;
	margin-top:15px;
        
}

.thumb1:hover{
	box-shadow:0px 0px 4px #919191;
	text-decoration:none;
}

#homevt{
	width:100%;
	margin-bottom:5px;
	min-height:12.5%;
	display:inline-block;
}

#homevt:hover{
	background-color:#edeaea;
}

#homevtleft{
	width:30%;
	float:left;
	padding:0.5em 0.5em 0.5em 0.5em;
	
}

#homevtright{
	width:69%;
	float:right;
}

#homevtright p{
	font-size:14px;
}

#homehead{
	padding-bottom:0px;
	margin-bottom:5px;
}

@media (min-width:1000px){
.centerffs{
	margin-top:20%;
}
}

#myCarousel1{
	margin-top:0;
	margin-bottom:20px;
	
}

#myCarousel img{
	height: 50%;
}

/**************************************************************************/

#maincta{
	height:50%;
	width:100%;
	background-color:white;
	margin-bottom:20px;
}

#minicta{
	height:22.5%;
	width:100%;
	background-color:white;
	margin-bottom:30px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

#gap{
	height:5%;
}

#thumb2{
	border:0px;
	text-decoration:none;
}

#thumb2:hover{
	box-shadow:0px 0px 4px #919191;
	text-decoration:none;
}

#thumbimg2{
	height: 5.5em;
	margin-bottom:-15px;
	-webkit-transition: -webkit-transform .5s ease-in-out;
    -moz-transition: -moz-transform .5s ease-in-out;
    -o-transition: -o-transform .5s ease-in-out;
    transition: transform .5s ease-in-out;
}

#thumbimg2:hover{
	-webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);

}

#newshead{
	height:2em;
	width:100%;
}

#mobilejumbo{
	background-image:URL(../images/cpndark.jpg);
	filter:grayscale(60%);
	-webkit-filter:grayscale(60%);
	-moz-filter:grayscale(60%);
	-o-filter:grayscale(60%);
	height:30%;
	background-repeat:no-repeat;
	background-size:cover;
    background-position:center;
}

#widgetcont{
	min-height: 25%;
	background-color:white;
	border-top:10px solid #006013;
	border-left:1px solid black;
	border-right:1px solid black;
	border-bottom:1px solid black;
	box-shadow:2px 2px 2px #919191;
	margin-bottom:5px;
	margin-top:20px;
}

#downloadbox{
	width:100%;
	background-color:#F7F7F7;
	min-height:20%;
	margin-top:1em;
	margin-bottom:1em;
	border-bottom:10px solid #CF0000;
}

#downloadbox li a{
	text-decoration:none;
	color:black;
}

#downloadbox li a:hover{
	color:red;
}

#dboxhead{
	width:100%;
	background-color:#CF0000;
	color:white;
	font-weight:bold;
	text-align: center;
}

#menulist a{
	background-color:#F7F7F7;
}

#menulist a:hover{
	background-color:white;
}

#menulist a:active{
	background-color:#337AB7;
	color:white;
}
.newsblock-c{
        clear:both; 
        margin-bottom:3px; 
        display:block;
}
#newsblock{
	min-height:15%;
	width:100%;
	margin-bottom:0.3em;
	padding:0.1em 0.1em 0.1em 0.1em;
        display:block;
}

.newsblock-c:hover{
	background-color:#F7F7F7;
        
}

#newsblock a:hover{
	text-decoration:none;
}


#newsblockleft{
	float:left;
	width:25%;
	height:20%;
	display:inline-block;
        clear: left;
}
#lb{
	border-left:solid #eaeaea 1px;
}

#lb img{
	max-width:400px;
	max-height:400px;
}
#newsblockright{
	float:right;
	display:inline-block;
	width:74%;
        clear: right;
}

@font-face{
	font-family:Podkova;
	src: url(../fonts/Podkova-Regular.ttf);
}

@font-face{
	font-family:Oswald;
	src: url(../fonts/Oswald-Regular.ttf);
}

.panel-default > .whitepanel{
	background-image:none;
	background-color:white;
	font-family:Podkova;
	font-weight:bold;
	font-size:16px;
}

.panel-default > .whitepanel2{
	background-image:none;
	background-color:white;
	font-family:Oswald;
	font-weight:bold;
	font-size:16px;
}

#logomarquee img{
	filter:grayscale(100%);
	-webkit-filter:grayscale(100%);
	-moz-filter:grayscale(100%);
	-o-filter:grayscale(100%);
}

.serch{
width:80px;
}
#logomarquee img:hover{
	filter:grayscale(0%);
	-webkit-filter:grayscale(0%);
	-moz-filter:grayscale(0%);
	-o-filter:grayscale(0%);

}

.alerterror{
	background-color:#f8f995;
	min-height:80px;
	width:70%;
	padding-left:2em;
	padding-top:0.5em;
}

.alerterror > .fa{
	padding-right:0.2em;
}

.main-example {
	margin: 0 auto;
	width: 355px;
}
.main-example .countdown-container {
	height: 130px;
}
.main-example .time {
	border-radius: 5px;
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);
	display: inline-block;
	text-align: center;
	position: relative;
	height: 95px;
	width: 65px;

	-webkit-perspective: 479px;
	-moz-perspective: 479px;
	-ms-perspective: 479px;
	-o-perspective: 479px;
	perspective: 479px;

	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;

	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);

	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
.main-example .count {
	background: #202020;
	color: #f8f8f8;
	display: block;
	font-family: 'Oswald', sans-serif;
	font-size: 2em;
	line-height: 2.4em;
	overflow: hidden;
	position: absolute;
	text-align: center;
	text-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
	top: 0;
	width: 100%;

	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);

	-webkit-transform-style: flat;
	-moz-transform-style: flat;
	-ms-transform-style: flat;
	-o-transform-style: flat;
	transform-style: flat;
}
.main-example .count.top {
	border-top: 1px solid rgba(255,255,255,0.2);
	border-bottom: 1px solid rgba(255,255,255,0.1);
	border-radius: 5px 5px 0 0;
	height: 50%;

	-webkit-transform-origin: 50% 100%;
	-moz-transform-origin: 50% 100%;
	-ms-transform-origin: 50% 100%;
	-o-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
}
.main-example .count.bottom {
	background-image: linear-gradient(rgba(255,255,255,0.1), transparent);
	background-image: -webkit-linear-gradient(rgba(255,255,255,0.1), transparent);
	background-image: -moz-linear-gradient(rgba(255,255,255,0.1), transparent);
	background-image: -ms-linear-gradient(rgba(255,255,255,0.1), transparent);
	background-image: -o-linear-gradient(rgba(255,255,255,0.1), transparent);
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	border-radius: 0 0 5px 5px;
	line-height: 0;
	height: 50%;
	top: 50%;

	-webkit-transform-origin: 50% 0;
	-moz-transform-origin: 50% 0;
	-ms-transform-origin: 50% 0;
	-o-transform-origin: 50% 0;
	transform-origin: 50% 0;
}
.main-example .count.next {
}
.main-example .label {
	font-size: normal;
	margin-top: 5px;
	display: block;
	position: absolute;
	top: 95px;
	width: 100%;
	color:darkgreen;
}
/* Animation start */
.main-example .count.curr.top {
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	-ms-transform: rotateX(0deg);
	-o-transform: rotateX(0deg);
	transform: rotateX(0deg);
	z-index: 3;
}
.main-example .count.next.bottom {
	-webkit-transform: rotateX(90deg);
	-moz-transform: rotateX(90deg);
	-ms-transform: rotateX(90deg);
	-o-transform: rotateX(90deg);
	transform: rotateX(90deg);
	z-index: 2;
}
/* Animation end */
.main-example .flip .count.curr.top {
	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-ms-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;

	-webkit-transform: rotateX(-90deg);
	-moz-transform: rotateX(-90deg);
	-ms-transform: rotateX(-90deg);
	-o-transform: rotateX(-90deg);
	transform: rotateX(-90deg);
}
.main-example .flip .count.next.bottom {
	-webkit-transition: all 250ms ease-in-out 250ms;
	-moz-transition: all 250ms ease-in-out 250ms;
	-ms-transition: all 250ms ease-in-out 250ms;
	-o-transition: all 250ms ease-in-out 250ms;
	transition: all 250ms ease-in-out 250ms;

	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	-ms-transform: rotateX(0deg);
	-o-transform: rotateX(0deg);
	transform: rotateX(0deg);
}

.main-example {
	width: 100%;
}
.main-example .countdown-container {
	height: 100px;
}
.main-example .time {
	height: 70px;
	width: 48px;
}
.main-example .count {
	font-size: 1.5em;
	line-height: 70px;
}
.main-example .label {
	font-size: 0.8em;
	top: 72px;
}