servoce/* CSS Code by Richard Creagh 2014 */

/* GLOBAL STYLES */

/* SIDE SCROLLING FIX */

.row { margin-right: 0; margin-left: 0; }

/* LINK STYLING */

/* MAIN NAV */

a:link {color: #076515;}
a:visited {color: #076515;}
a:hover {color: #076515;}
a:active {	color: #076515;}

/* NAV BAR */

.navbar-nav > li > a {padding-top:5px !important; padding-bottom:6px !important; padding-left: 0px;}
.navbar {font-size: 1.2em; min-height:30px !important; border-radius: 0px; margin-bottom: 0px; background-color: #e6f6f0; border-top: 0px; border-bottom: 0px; font-weight: bold;}

/* GLOBAL LINKS */

ul.nav a:link { color: #065311 !important; }
ul.nav a:visited { color: #065311 !important;  }
ul.nav a:active{ color: #065311 !important;  }
ul.nav a:hover { color: #065311 !important;  }

/* TASK LINKS */

a.task-links:link {
	font-size: 1.3em;
	color: #fff;
}

a.task-links:visited {
	font-size: 1.3em;
	color: #fff;
}

a.task-links:link {color: #fff;}
a.task-links:visited {color: #fff;}
a.task-links:hover {color: #fff;}
a.task-links:active {	color: #fff;}

a.large-task-links:link {
	font-size: 1.5em;
	margin-top: 39px;
	
	text-decoration: underline;
	}
	
	

	a.large-task-links:visited{
	font-size: 1.5em;
	margin-top: 39px;
	color: #fff;
	}
	
	a.large-task-links:hover {
			font-size: 1.5em;sss
			margin-top: 39px;
			color: #ebebeb;
			text-decoration: underline;
	}

.transaction-links {
	margin-top: 0.7em;
	width: 170px; 
	padding-left: 20px;
}
/* LIST LINKS */
a.list-links:link {
	font-size: 1.7em;
	font-weight: bold;
	line-height: 1.5em;
}

a.list-links:visited {
	font-size: 1.5em;
}

/* HOMEPAGE SERVICE LINKS */
.service-links {
	line-height: 1.8em;
}

/* HOMEPAGE SUB LINKS */
a.sub-links {
	color: #000000;
	font-size: 1.2em;
}

.arrow {font-size: 1.5em; color: #864d9e;}

/* HOMEPAGE SUB LINKS */
a.sub-links:link {
	color: #000000;
		font-size: 1.2em;
}

/* MOVIES AND VIDEO */
.video {width:800px; height: 400px; border:0px;}

/* FOOTER LINKS */

a.footer-links:link {color: #ebebeb; line-height: 1.5em; border-bottom-width: 1px; border-bottom-style: solid; border-color: #666666;}
a.footer-links:visited {color: #ebebeb; line-height: 1.5em; border-bottom-width: 1px; border-bottom-style: solid; border-color: #666666;}
a.footer-links:hover {color: #ebebeb; line-height: 1.5em; border-bottom-width: 1px; border-bottom-style: solid; border-color: #ffffff; text-decoration: none;}
a.footer-links:active {color: #ebebeb; line-height: 1.5em; border-bottom-width: 1px; border-bottom-style: solid; border-color: #666666;}


/* AtoZ LINKS */
a.atoz-links:link {
	font-size: 1.9em;
	font-weight: bold;
	margin-right: 0.5em;
}

/* SECTION LINKS */

a.section-links:link {
	font-size: 1.7em;
	font-weight: bold;
	line-height: 1.2em;
}

a.section-links:visited{
	font-size: 1.7em;
	font-weight: bold;
	line-height: 1.2em;
}

a.sectionL2-links:link {
	font-size: 1.4em;
	font-weight: bold;
}

a.sectionL2-links:visited{
	font-size: 1.4em;
	font-weight: bold;
}

.section-background {
	background-color: #ebebeb;
	padding: 15px 10px 15px 10px;	
	margin: 0 0 1.0em 0; 
	border-radius: 2px;
	height: 80px;
}

.extra-pages-background {
	background-color: #e8e7d3;
	padding: 15px 10px 15px 10px;
	margin: 0 0 1.0em 0;
	border-radius: 2px;
	height: 80px;
}

.test-background {
	background-color: #e8e7d3;
	padding: 15px 10px 15px 10px;
	margin: 3.0em 0 1.0em 0;
	border-radius: 2px;
}

.home-background {
	margin: 0 0 0.8em 0;
	padding: 0px;
	height: 150px;
}

.service-background {
	margin: 0 0 0.8em 0;
	padding: 0px;
	height: 140px;
}

/* DOWNLOAD LINKS */
.download-links {
	padding-bottom: 7px;
	font-size: 1.1em;

}

.arhslinkmedia {
	padding-left: 10px;
	margin-top: 3px;
}

/*EVENTS LINKS */
.data-divider {
	padding-top: 10px;
}

.updated {
	color:#666666;
	margin-top: 2em;
}

/* TEXT STYLING */
p {
	line-height: 1.4em;
	font-size: 1.2em;
	font-family:arial;
	margin-bottom: 1.5em;
}

li {
	line-height: 1.4em;
	font-size: 1.2em;
	font-family:arial;

}



h1 {
	font-size: 2.8em;
	font-weight: bold;
}

h2 {
	font-size: 1.8em;
	font-weight: bold;
}

.last-modified {
	color: #666666;
	margin-top: 4.0em;
	font-size: 0.9em
}

.contact-img {
	width: 74px;
	height: 100px;
	vertical-align: middle;
	border: 0;
	margin-right: 10px;
-ms-interpolation-mode: bicubic;
}

.pathpipe {font-size: 1.4em; color: #cccccc; padding-top: 5px;}

/* TASK HEADER */

.header-tasks {
	color: #fafdfc;
	font-size: 1.8em;
	font-weight: bold;
}

/* TASK BAR */

.task-background {
	background-color: #415f3d;
	padding: 1.0em 0 0em 0;
}

.task-background-article {
	background-color: #415f3d;
	padding: 0em 0 1.2em 0;
}

.task-darker-background {
	background-color: #415f3d;
	padding: 1.0em 0 1.0em 0.7em;
	height: 100%;
	border-radius: 5px;
}

.tasks-first-col {
	margin-top: 1.0em;
}

.tasks-second-col {
	margin-top: 3.5em;
}

.tasks-third-col {
	margin-top: 2.0em;
	margin-bottom: 1.0em
}

.task-icons {
	margin-right: 0.3em;
	margin-bottom: 0.6em;
}

.tasks-second-col-service {
	margin-top: 4.0em;
}

.see-also {
	font-size: 1.6em;
}

/* CALL FOR ACTION */

.call-for-action {
	background-color: #681e87;
	border-radius: 5px;
	color: #ffffff;
	margin-bottom: 2.0em;
	padding-left: 1.0em;
	padding-bottom: 1.1em;
	padding-right: 1.0em;
}

a.call-for-action-header:link {
	font-size: 2.5em;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}

a.call-for-action-header:visited{
	font-size: 2.5em;
	color: #ffffff;
	text-decoration: none;
}

a.call-for-action-header:hover {
	font-size: 2.5em;
	color: #ffffff;
	text-decoration: underline;
}
.call-for-action-text {
	font-size: 1.0em;
	color: #ffffff;
}

.ina {

background-color: #80b94c;
color: #fff;

margin-bottom: 15px;
border-radius: 3px;
}

.ina-header {
	font-size: 2.6em;
	font-weight: bold;
}

.ina-text {
		font-size: 1.5em;
}


a.cfalink:link {
	font-size: 1.2em;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}

a.cfalink:visited{
	font-size: 1.2em;
	color: #ffffff;
	text-decoration: none;
}

a.cfalink:hover {
	font-size: 1.2em;
	color: #ffffff;
	text-decoration: underline;
}

.second-coa {
	background-color: #84c341;
	padding: 5px;
	color: #fff;
	font-weight: bold;
	font-size: 1.2em;
	padding-left: 6px;
}

a.second-coa-link:link {

	color: #fff;

}

a.second-coa-link:hover {

	color: #fff;

}

/* CALL FOR ACTION - ARTICLES */

.call-for-action-articles {
	background-color: #ebebeb;
	border: 1px solid #cccccc;
	border-radius: 5px;
	color: #ebebeb;
	margin-bottom: 2.0em;
		padding-top: 0.8em;
	padding-left: 0.8em;
	padding-bottom: 0.8em;
	padding-right: 1.0em;
}

a.call-for-action-header-articles:link {
	font-size: 2.5em;
	color: #333333;
	text-decoration: none;
	font-weight: bold;
}

a.call-for-action-header-articles:visited{
	font-size: 2.5em;
	color: #333333;
	text-decoration: none;
}

a.call-for-action-header-articles:hover {
	font-size: 2.5em;
	color: #333333;
	text-decoration: underline;
}
.call-for-action-text-articles {
	font-size: 1.2em;
	color: #333333;
}


a.cfalink-articles:link {
	font-size: 1.2em;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}

a.cfalink-articles:visited{
	font-size: 1.2em;
	color: #ffffff;
	text-decoration: none;
}

a.cfalink-articles:hover {
	font-size: 1.2em;
	color: #ffffff;
	text-decoration: underline;
}



.key-btn:link {
	background-color: #fff;
	border: 2px solid #415f3d;
	color: #415f3d;
	font-size: 1.2em;
	padding: .3em;
	padding-top: .4em;
	border-radius: 4px;
}



.key-btn1:link {
	background-color: #fff;
	border: 2px solid #ccc;
	color: #415f3d;
	font-size: 1.2em;
	padding: .3em;
	padding-top: .4em;
	border-radius: 4px;
}



.key-btn2:link {
	background-color: #681e87;
	border: 2px solid #681e87;
	color: #fff;
	font-size: 1.2em;
	padding: .3em;
	padding-top: .4em;
	border-radius: 4px;
}

.key-btn2:hover {
	background-color: #681e87;
	border: 2px solid #681e87;
	color: #fff;
	font-size: 1.2em;
	padding: .3em;
	padding-top: .4em;
	border-radius: 4px;
}

.key-btn2:visited{
	background-color: #681e87;
	border: 2px solid #681e87;
	color: #fff;
	font-size: 1.2em;
	padding: .3em;
	padding-top: .4em;
	border-radius: 4px;
}

.key-btn3:link {
	background-color: #415f3d;
	border: 2px solid #415f3d;
	color: #fff;
	font-size: 1.2em;
	padding: .3em;
	padding-top: .4em;
	border-radius: 4px;
}

.key-btn4:link {
	background-color: #fff;
	border: 2px solid #681e87;
	color: #681e87;
	font-size: 1.2em;
	padding: .3em;
	padding-top: .4em;
	border-radius: 4px;
}






.key-btn5:link {
	background-color: #681e87;
	border: 2px solid #681e87;
	color: #fff;
	font-size: 1.2em;
	padding: .3em;
	padding-top: .4em;
	border-radius: 4px;
	
}

.key-btn5:hover {
	background-color: #681e87;
	border: 2px solid #681e87;
	color: #fff;
	font-size: 1.2em;
	padding: .3em;
	padding-top: .4em;
	border-radius: 4px;
}

.key-btn5:visited{
	background-color: #681e87;
	border: 2px solid #681e87;
	color: #fff;
	font-size: 1.2em;
	padding: .3em;
	padding-top: .4em;
	border-radius: 4px;
}

/* VIDEO */

.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}




/* MOLE VALLEY AND ME */

.mvme-background {
	background-color: #ebebeb;
	padding: 0.6em 0.6em 1.6em 0.6em;
	border-radius: 5px;
	background-image:url('../../images/2014-website/mv-house.jpg');
	background-repeat: no-repeat;
	background-position: right bottom;
	height: 12em;
}

.mvme-plain-background {
	background-color: #ebebeb;
	padding: 0.6em 0.6em 1.6em 0.6em;
	border-radius: 5px;
	height: 10em;
}

.mvme-title {
	font-size: 1.6em;
}

.mvme-form {
	margin: 1.3em 0em 0 -1em;
}

.mvmered {
	color:#b80000;
}

/* MVDC LOGO */

.logo-container {
	padding: 10px 0px 10px 0px;
}

.hr {height:0; border-top:4px solid #666; margin-top: 1.0em;}

/* DISPLAYING DATA */
a.data-links:link {
	font-size: 1.5em;
	font-weight: bold;
}

.data-divider {
	border-bottom: 1px solid #ebebeb;
}

/* ATOZ LINK */
a.aatozlinks {
	background-color: #000000;
	padding: 5px 10px 5px 10px;
	margin: 1px;
	font-size: 1.7em;
	color: #ffffff;
}

a.aatozlink {
	background-color: #ffffff;
	padding: 5px 10px 5px 10px;
	border: 1px solid #ebebeb;
	margin: 1px;
	font-size: 1.7em;
	color: #333333;

}

a.atozlist:link {
	font-size: 1.4em;
	line-height: 1.7em;
}

/* CAROUSEL */

.carousel-control.left, .carousel-control.right {
    background-image: none;
}

.carousel-container {
	background-color: #fff;
}

#ind-background {
	background-color: #ebebeb;
}

/* SEARCH */

.search-form {
	margin: 0.7em 1.0em 1.8em 0em;
}

html,
body {
	margin:0;
	padding:0;
}
#wrapper {
	min-height:100%;
	position:relative;
}

#header {
	background:#ededed;
	padding:10px;
}

#content {
	padding-bottom:320px; /* Height of the footer element */
}

#footer {
	clear:left;
	background:#333333;
	width:100%;
	height:auto;
	position:absolute;
	bottom:0;
	left:0;
	padding-top: 20px;
}

#contact-footer {
	clear:left;
	background:#333333;
	width:100%;
	position:absolute;
	height:250px;
	bottom:0;
	left:0;
	padding-top: 20px;
	
}

#councillor-footer {
	clear:left;
	background:#333333;
	width:100%;
	height:250px;
	bottom:0;
	left:0;
	padding-top: 20px;
	
}

.contact-box {
	background-color: #fff;
	padding-right: 10px;
	height: 160px;
}

a.webpath:link {
	color: #ebebeb;
}

/* FOOTER */

.footer-text {
	color: #fff;
	font-size: 1.0em;
}

.image-container {
	margin-top: 0em;
	height: 144px;
}

/* CAROUSEL CONTROL */

.carousel-control {
	font-weight: normal;]
	margin-right: 0px;
}

.carousel-indicators {
	padding-top: 0em;
  	bottom:-25px;
  	color: #ea23af;
}

.carousel-control.right {
	margin-right: 15px;
carousel-control right
}

.glyphicon.glyphicon-chevron-right {
	margin-right: 0px; 	background-color: #cccccc;
}

.carousel-inner {
   margin-bottom:5px;
}

.carousel-control.left span,
.carousel-control.right span {

}

/* Carousel Styles */
.carousel-indicators .active {
    background-color: #ccc;
}

.carousel-indicators li {
  background-color: #999;
  background-color: rgba(70,70,70,.25);
}

.carousel-inner img {
    width: 100%;
    max-height: 460px;
}

.carousel-control {
    width: 0;
}

.carousel-control.left,
.carousel-control.right {
	opacity: 1;
	filter: alpha(opacity=100);
	background-image: none;
	background-repeat: no-repeat;
	text-shadow: none;
}

.carousel-control.left span {
	padding: 0px;
}

.carousel-control.right span {
	padding: 0px;
}

.carousel-control .glyphicon-chevron-left, 
.carousel-control .glyphicon-chevron-right, 
.carousel-control .icon-prev, 
.carousel-control .icon-next {
	position: absolute;
	top: 45%;
	z-index: 5;
	display: inline-block; 	
	background-color: #cccccc;
}

.carousel-control .glyphicon-chevron-left,
.carousel-control .icon-prev {
	left: 0;
}

.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next {
	right: 0;
}

.carousel-control.left span,
.carousel-control.right span {

}

.carousel-control.left span:hover,
.carousel-control.right span:hover {
	opacity: .7;
	filter: alpha(opacity=70);
}

/* MAIN NEWS ITEMS */

.news-title {
	font-size: 2.0em;
	font-weight: bold;
	line-height: 1.2em;
}

/* SOCIAL NETWORK TABLES */

.social-icons {
	margin-right: 1.2em;
}

#thumbs {   
    width: 230px;
    margin-top:0px;
    margin-left: auto; 
    margin-right: auto;
    text-align: justify;
    -ms-text-justify: distribute-all-lines;
    text-justify: distribute-all-lines;
}

#thumbs a {
    vertical-align: top;
    display: inline-block;
    *display: inline;
    zoom: 1;
}

.stretch {
    width: 100%;
    display: inline-block;
    font-size: 0;
    line-height: 0
}

.car-nav {
	margin-top: 3.0em;
}

.navbar-toggle {
	color: #000000;
	background-color: #000000;
}

.related-articles {
	margin-bottom:0.8em;
}

.content-container {
	margin-top: 2.0em;
}

.rhstitle {
	font-size: 1.8em;
	font-weight: bold;
	margin-top: 2.0em;
}

.right-links-spacer {
	margin-bottom: 0.7em;
}

.offsite-disclaimer {
	color: #999999;
	font-size: 0.8em;
	margin-top: 1.5em;
}

.limage {
	float:left;
	padding-right: 2.5em;
}

.web-comments {
	background-color: #ebebeb;
	padding: 10px;
	margin-top: 100px;
	border-radius: 5px;
}

/* LOWER RESOLUTION FIXES */

/* MOLE VALLEY AND ME - Removes House Background Image */
@media (max-width: 1200px) {

a.large-task-links:link {
	font-size: 1.8em;
	margin-top: 39px;
	color: #fff;
	
	}

	a.large-task-links:visited{
	font-size: 1.8em;
	margin-top: 39px;
	color: #fff;
	}

.mvme-background {
	background-color: #ebebeb;
	padding: 0.6em 0.6em 1.6em 0.6em;
	background-image:none;
	border-radius: 5px;
	background-repeat: no-repeat;
	background-position: right bottom;
	height: 11em;
}

.home-background {
	margin: 0 0 1.0em 0;
	padding: 0px;
	margin-bottom: 0px;
	height: 170px;
}

.mvme-title {
	font-size: 1.5em;
}

.mvme-intro {
	font-size: 1.0em;
}

.mvme-form {
	margin: 1.3em 0em 0 -1em;
}

#popup_content {font-size: 1.5em;}
#popup_message {font-size: 1.5em;}
}

/* KINDLE FIRE + 1024 DESKTOPS */

@media only screen 
and (min-width : 768px) 
and (max-width : 1024px)  {

.search-form {
	margin: 1.3em 0em 1em 0em;
}

.ina {

background-color: #80b94c;
color: #fff;

margin-bottom: 15px;
border-radius: 3px;
}

.ina-header {
	font-size: 2.3em;
}

.ina-text {
		font-size: 1.3em;
}

.transaction-links {
	margin-top: 1.3em;
}

#content {
	padding-bottom:50px; /* Height of the footer element */
}

.mvme-background {
	background-color: #ebebeb;
	padding: 0.6em 0.6em 1.6em 0.6em;
	border-radius: 5px;
	background-image:url('../../images/2014-website/mv-house.jpg');
	background-repeat: no-repeat;
	background-position: right bottom;
	height: 12em;
}

.mvmered {
	color:#b80000;
}

.carousel-inner img {
    width: 200px;
    max-height: 460px;
    padding-right: 20px;
}

.task-background {
	background-color: #415f3d;
	padding: 0em 0 0em 0;
}

.task-background-article {
	background-color: #415f3d;
	padding: 0em 0 0em 0;
}

.tasks-second-col {
	margin-top: 3.6em;
}

.image-container {
	margin-top: 0em;
	height: 153px;
}

/* ATOZ LINK */
a.aatozlinks {
	background-color: #000000;
	padding: 5px 8px 5px 8px;
	margin: 1px;
	font-size: 1.3em;
	color: #ffffff;
}

a.aatozlink {
	background-color: #ffffff;
	padding: 5px 8px 5px 8px;
	border: 1px solid #ebebeb;
	margin: 1px;
	font-size: 1.3em;
	color: #333333;

}

a.atozlist:link {
	font-size: 1.4em;
	line-height: 1.6em;		
}

.service-background {
	margin: 0 0 0.8em 0;
	padding: 0px;
	height: 160px;
}

#footer {
	clear:left;
	background:#333333;
	width:100%;
	height:auto;
position: relative;
	bottom:0;
	left:0;
	padding-top: 20px;

}

/* MOVIES AND VIDEO */
.video {width:670px; height: 320px;}


a.large-task-links:link {
	font-size: 1.7em;
	margin-top: 39px;
	color: #fff;
	}

	a.large-task-links:visited{
	font-size: 1.7em;
	margin-top: 39px;
	color: #fff;
	}
}

@media only screen 
and (max-width : 768px)  {

.task-background { 
padding-bottom: 20px;
}

#footer {
	clear:left;
	background:#333333;
	width:100%;
	height:auto;
	position: relative;
	bottom:0;
	left:0;
	padding-top: 20px;
	margin-top: 0px;
}

#contact-footer {
	clear:left;
	background:#333333;
	width:100%;
	height:400px;
	position:absolute;
	bottom:0;
	left:0;
	padding-top: 20px;
}

#councillor-footer {
	clear:left;
	background:#333333;
	width:100%;
	height:400px;

	bottom:0;
	left:0;
	padding-top: 20px;
}



#content {
	padding-bottom:100px; /* Height of the footer element */
}

.home-background {
	margin: 0 0 1.0em 0;
	padding: 0px;
	margin-bottom: 1.5em;
	height: auto;
}

.social-icons {
	margin-right: 0.7em;
}

.task-background-article {
	height: 70px;
}

.second-col-tasks {
	margin-top: 0%;
}

.image-container {
	margin-top: 0em;
	height: auto;
}

.contact-box {
	background-color: #fff;
	padding-right: 10px;
	
	height: 140px;
}

.tasks-first-col {
	margin-top: 1.0em;
}

.tasks-second-col {
	margin-top: 0em;
}

.tasks-third-col {
	margin-top: 1em;
	margin-bottom: 1.0em
}

.tasks-second-col-service {
	margin-top: 0em;
}

.section-background {
	background-color: #ebebeb;
	padding: 15px 10px 15px 10px;	
	margin: 0 0 1.0em 0; 
	border-radius: 2px;
	height: auto;
}



.extra-pages-background {
	background-color: #e8e7d3;
	padding: 15px 10px 15px 10px;
	margin: 0 0 1.0em 0;
	border-radius: 2px;
	height: auto;
}

.carousel-indicators {
	padding-top: 0em;
  	bottom:-17px;
  	color: #ea23af;
}

.key-btn:link {
	background-color: #681e87;
	border: 2px solid #681e87;
	color: #ffffff;
	font-size: 0.9em;
	padding: .4em;
	border-radius: 4px;
}

.key-btn:hover {
	background-color: #4c0f65;
	border: 2px solid #4c0f65;
	color: #ffffff;
	font-size: 0.9em;
	padding: .3em;
	border-radius: 4px;
	text-decoration: none;
}

.key-btn2:link {
	background-color: #681e87;
	border: 2px solid #681e87;
	color: #ffffff;
	font-size: 0.9em;
	padding: .4em;
	border-radius: 4px;
}

.key-btn2:hover {
	background-color: #4c0f65;
	border: 2px solid #4c0f65;
	color: #ffffff;
	font-size: 0.9em;
	padding: .3em;
	border-radius: 4px;
	text-decoration: none;
}


/* MOVIES AND VIDEO */
.video {width:270px; height: 150px;}


.limage {display: hidden;}




}