﻿

body {
        /*padding-top: 20px; removed by CL */
        padding-bottom: 0px;
    	background-image:url(https://www.ayrshireroadsalliance.org/site-elements/images/ARA-triangle-bw.gif);
		background-position:right;
		background-repeat:no-repeat;
      }

      /* Custom container */
      .container {
        margin: 0 auto;
        max-width: 1200px;
      }
      .container > hr {
        margin: 60px 0;
      }

      /* Main marketing message and sign up button */
      .jumbotron {
        margin: 80px 0;
        text-align: center;
      }
      .jumbotron h1 {
        font-size: 100px;
        line-height: 1;
      }
      .jumbotron .lead {
        font-size: 24px;
        line-height: 1.25;
      }
      .jumbotron .btn {
        font-size: 21px;
        padding: 14px 24px;
      }

      /* Supporting marketing content */
      .marketing {
        margin: 60px 0;
      }
      .marketing p + h4 {
        margin-top: 28px;
      }


      /* Customize the navbar links to be fill the entire space of the .navbar */
      .navbar .navbar-inner {
        padding: 0;
      }
      .navbar .nav {
        margin: 0;
        display: table;
        width: 100%;
      }

      .navbar .nav li a {
        /*font-weight: bold;*/
        text-align: center;
        border-left: 1px solid rgba(255,255,255,.75);
        border-right: 1px solid rgba(0,0,0,.1);
      }
      .navbar .nav li:first-child a {
        border-left: 0;
        border-radius: 3px 0 0 3px;
      }
      .navbar .nav li:last-child a {
        border-right: 0;
        border-radius: 0 3px 3px 0;
      }
	  
.containerWide{
    width:100%;
	background:rgb(0, 166, 81);
	margin-bottom:4px;
}
.containerWide a{
	color:#fff
}

.containerWidePic{
    width:100%;
	margin-bottom:20px;
	background:url(https://www.ayrshireroadsalliance.org/site-elements/images/roadsTop.jpg);
	height:251px;
}

.containerBot{
	width:100%;
	background:rgb(0, 166, 81);
	margin-top:20px;
	margin-bottom:0px;	
	padding-top:10px;
}

.containerBot, .containerBot a, .containerBot li, .containerBot li a{
	color:#ffffff;
}	

/* AMJ
h1, h3 {
	color:#02aff3;
	border-bottom: 2px solid #02aff3;
}

h2 {
    color:#5a5a5a;
	border-top: 2px solid #02aff3;
    background:#f3f3f3;
    font-weight:normal;
}
AMJ */

.divOuter{background:#f3f3f3; padding:10px;border:1px solid #cccccc; border-radius:8px}

.sys_21{
       background-image:url(https://www.ayrshireroadsalliance.org/site-elements/images/pdf-16.png);
        background-position: 0pt 0pt;
		background-repeat:no-repeat;
        list-style-type:none;
        padding-left:30px;
        margin-bottom:4px;
      }
  
.sys_foldersummarylist {
    border :1px solid #ddd;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
   -moz-border-radius-bottomright: 4px;
   -moz-border-radius-bottomleft: 4px;
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
   -moz-border-radius-topright: 4px;
   -moz-border-radius-topleft: 4px;
   margin-top:10px;
}
.sys_foldersummarylist a{
		padding-left:10px;
		font-weight:normal;
		display:block;
}
.sys_foldersummarylist h1{
        font-size: 11.9px;
		margin:0px;
		padding:6px;
        border-bottom: 0px;
		
}
.sys_foldersummarylist-subitem{
		border-bottom:1px solid #ddd;	
}
.sys_foldersummarylist-subitem:hover{
		background:#ddd;	
}
.road{
    color:#fff;	
}
.road li{
	list-style-image:url(https://www.ayrshireroadsalliance.org/site-elements/images/roadworks.png);
}
.divOuter{
    background:#02aff3; 
	padding:10px;
}
.divOuter h3, .divOuter p, .divOuter a{
		color:#fff;
}
.nav li {margin-bottom:10px}

.nav > li:hover{
    background-color: #0d92c4 ;
}
.nav > li > a:hover{
    background-color: #0d92c4 ;
}

.navForm {
  margin-bottom: 20px;
  margin-left: 0;
  list-style: none;
}

.navForm li{
    background: #00aeef	;
}

.navForm > li > a{
	color:#fff;	
}

.navForm > li > a:hover {
  display: block;
  color:#fff;
  text-decoration:none; 
}
.navForm > li.Roads{
	    background: #00aeef url(https://www.ayrshireroadsalliance.org/site-elements/images/roads-list.png);
		background-repeat:no-repeat;	
		padding-left:40px;
		background-position: 0 0 ;
		height:25px;
		padding-top:6px;
		margin-bottom:1px; 
		vertical-align:middle;
}
.navForm > li.Roads:hover{background:rgb(0,166,81)}
.navForm > li.Roads:hover a{display:block}
.navForm > li.StreetLighting{
	    background: #00aeef url(https://www.ayrshireroadsalliance.org/site-elements/images/sl-list.png);
		background-repeat:no-repeat;	
		padding-left:40px;
		background-position: 0 0 ;
		height:25px;
		padding-top:6px;
		margin-bottom:1px; 
		vertical-align:middle;
}
.navForm > li.StreetLighting:hover{background:rgb(0,166,81)}
.navForm > li.StreetLighting:hover a{display:block}
.navForm > li.Coastal{
	    background: #00aeef url(https://www.ayrshireroadsalliance.org/site-elements/images/coastal-list.png);
		background-repeat:no-repeat;	
		padding-left:40px;
		background-position: 0 0 ;
		height:25px;
		padding-top:6px;
		margin-bottom:1px; 
		vertical-align:middle;
}
.navForm > li.Coastal:hover{background:rgb(0,166,81)}
.navForm > li.Coastal:hover a{display:block}
.navForm > li.Bridge{
	    background: #00aeef url(https://www.ayrshireroadsalliance.org/site-elements/images/bridge-list.png);
		background-repeat:no-repeat;	
		padding-left:40px;
		background-position: 0 0 ;
		height:25px;
		padding-top:6px;
		margin-bottom:1px; 
		vertical-align:middle;
}
.navForm > li.Bridge:hover{background:rgb(0,166,81)}
.navForm > li.Bridge:hover a{display:block}
.navForm > li.Traffic{
	    background: #00aeef url(https://www.ayrshireroadsalliance.org/site-elements/images/traffic-list.png);
		background-repeat:no-repeat;	
		padding-left:40px;
		background-position: 0 0 ;
		height:25px;
		padding-top:6px;
		margin-bottom:1px; 
		vertical-align:middle;
}
.navForm > li.Traffic:hover{background:rgb(0,166,81)}
.navForm > li.Traffic:hover a{display:block}
.navForm > li.Bridges{
	    background: #00aeef url(https://www.ayrshireroadsalliance.org/site-elements/images/bridge-list.png);
		background-repeat:no-repeat;	
		padding-left:40px;
		background-position: 0 0 ;
		height:25px;
		padding-top:6px;
		margin-bottom:1px; 
		vertical-align:middle;
}
.navForm > li.Bridges:hover{background:rgb(0,166,81)}
.navForm > li.Bridges:hover a{display:block}
.navForm > li.Gritting{
	    background: #00aeef url(https://www.ayrshireroadsalliance.org/site-elements/images/grit-list.png);
		background-repeat:no-repeat;	
		padding-left:40px;
		background-position: 0 0 ;
		height:25px;
		padding-top:6px;
		margin-bottom:1px; 
		vertical-align:middle;
}
.navForm > li.Gritting:hover{background:rgb(0,166,81)}
.navForm > li.Gritting:hover a{display:block}
.unstyled > li.twitter{
        background: url(https://www.ayrshireroadsalliance.org/site-elements/images/bird-white-32.png);
		background-repeat:no-repeat;	
		padding-left:24px;
		background-position: 0 0 ;
		margin-bottom:1px; 
		vertical-align:middle;
}

.unstyled > li.facebook{
        background: url(https://www.ayrshireroadsalliance.org/Site-Elements/images/fb-icon-Cropped-20x20.png);
		background-repeat:no-repeat;	
		padding-left:24px;
		background-position: 0 0 ;
		margin-bottom:1px; 
		vertical-align:middle;
}
.aligncenter{
    float:left;
    padding: 0 8px 8px 0;
}
.frameheight700{
    border-style: none;
    overflow:hidden;
}

.content-header{
    color: #5a5a5a;
    border-top: 2px solid #02aff3;
    border-bottom: 0px;
    background: #f3f3f3;
    font-weight: normal;
    font-size: 31.5px;
    line-height: 40px;
    margin: 10px 0;
    font-family: inherit
}


.contact-info-header{
    color: #5a5a5a;
    border-top: 2px solid #02aff3;
    border-bottom:0px;
    background: #f3f3f3;
    font-weight: normal;
    font-size: 31.5px;
    line-height: 40px;
    margin: 10px 0;
    font-family: inherit
}

.thumbnail {
    min-height: 160px !important;
}

/* Carousel */

	.glyphicon-chevron-left,
	.glyphicon-chevron-right {
		font-size: 0.7em;
	}

	.glyphicon-chevron-left::before {
		content: "\003c";
	}

	.glyphicon-chevron-right::before {
		content: "\003e";
	}

	.carousel .item {
		height: 300px;
	}

    .card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem;
}

.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
}