@charset "utf-8";
/* CSS Document */

html,body {
    	background-color: #005A68;
		font-family: Roboto, sans-serif;
		/*font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;*/
		color: #B8DCEB;
}  
img {
    	max-width: 100%;
    	height: auto;
}
.container, container-fluid {
	   	max-width: 100%;
	  	align: center;
   }
.header {
	    background: url(../Images/logos/divider1.png) bottom repeat-x;
	   	background-color: #005A68;
	   	height:100px;
	   	padding-top: 20px;
		max-width: 100%;
   }
.header-right {
 		float: right;
 		padding-top: 20px;
}
.navbar {
		background: url(../Images/logos/divider1.png) bottom repeat-x;
	  	background-color: #005A68;
     	margin-bottom: 0;
     	border-radius: 0;
	 	max-width: 100%;
    }
.nav.navbar-nav li a{
		color: #B8DCEB;
		font-size:130%;
	}
.nav.navbar-nav li a:hover{color: #DA7A20;}	
.navbar-nav {
    	display: inline-block;
    	float: none;
		margin-left: 20%;
  }
.navbar-inverse {border: none;}
.navbar-collapse.collapse {
        text-align: center; 
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important;
	}
.navbar-toggle{
  		/*align: center;*/
		float:none;
		margin-right: 0;
	}
.breadcrumb{
		background-color: #005A68;
		padding: 10px 0px 0px 20px;
		margin-left:45px;
}
.breadcrumb:active{background-color: #005A68;}
.spacer{
	height: 2px;
}
.currentPage{color:#DA7A20;}
.jumbotron {	 
		background-image:url("../Images/jumboImg/ARO64.jpg");
		/*background-attachment: fixed;*/
		background-size: 100% 100%;
    	-moz-background-size: 100% 100%;
     	-webkit-background-size: 100% 100%;
    	-o-background-size: 100% 100%;
}
.rowJumbotron  {
		display:inline-block;
		background-color: rgba(184,220,235,0.7);
		padding-bottom:0%;
	}
.rowHeader  {
		display:inline-block; 
		color: #005A68;
}
.rowHeader a:link {color: #005A68;}
.rowHeader a:hover {
		color:#DA7A20;
		text-decoration:none;
}
.rowHeader a:visited {
		color:#005A68;
		text-decoration:none;
}
.rowPara{
		display:inline-block;
		color:#005A68;
}
a.rowPara:link{color:#005A68;}
a.rowPara:hover {
		color:#DA7A20;
		text-decoration:none;
}
a.rowPara:visited {
		color:#005A68;
		text-decoration:none;
}
a.title:hover {
	colour: red;
	text-decoration: none;
}
.about {	 
		background-image:url(../Images/jumboImg/ARO12.jpg);
		height:250px;
		background-size: 100% 100%;
    	-moz-background-size: 100% 100%;
     	-webkit-background-size: 100% 100%;
    	-o-background-size: 100% 100%;
}
.submission {	 
		background-image:url(../Images/jumboImg/ARO16.jpg);
		height:250px;
		background-size: 100% 100%;
    	-moz-background-size: 100% 100%;
     	-webkit-background-size: 100% 100%;
    	-o-background-size: 100% 100%;
}
.sitemap {	 
		background-image:url(../Images/jumboImg/ARO19.jpg);
		height:250px;
		background-size: 100% 100%;
    	-moz-background-size: 100% 100%;
     	-webkit-background-size: 100% 100%;
    	-o-background-size: 100% 100%;
}
.form-control{
		border-radius: 0px;
		margin-right: 2%;
}
.btn{
		background: none;
		padding: 5px 10px;
		text-transform:capitalize;
    	color: #B8DCEB;
		border-radius:0px;
		border-color: #B8DCEB;
		margin-bottom: 1%;
		
} 
.btn:hover, .btn:focus{
		background: none;
		color: #DA7A20;
		border-color: #DA7A20;
}
.btn:active:focus {
    	background: none;
		color: #330593;
		border-color: #330593;
}
.btn.rowParaMargin{
		margin-top: 2%;
		color: #005A68;
		border-color: #005A68;
	}
.btn.rowParaMargin:hover, .btn:focus{
		background: none;
		color: #DA7A20;
		border-color: #DA7A20;
}
.btn.rowParaMargin:active:focus {
    	background: none;
		color: #330593;
		border-color: #330593;
}
.buttonReport{
		margin-right: 2%;
		margin-top: 1%;
}
.nobullets{
		list-style-type:none;
		padding-left:0px;
		}
.sitemapSpace{ line-height:250%;}	
#myCarousel {margin: 20px;
}
.carousel-control  { 
  		width:auto;
 		background:transparent; 
}
.carousel-control.left,.carousel-control.right {
		height: 70%;
		background-image:none;
		color:#ffffff;
	}
.thumbnail {
		background-color:#005A68;
		border:none;
 		}
.caption{
	text-align:center;
	}
.email:link{ color: #DA7A20;}	
.email:hover{ color: #330593;}	
.thumbnail img {
   		max-width: 100%;
		max-height: 100%;
}
a:link{	color: #B8DCEB;}
a:visited{
		color:#B8DCEB;
		text-decoration:none; 
	}
a:hover{
		color:#DA7A20;
		text-decoration:none;
	}
.AROrow {
		padding: 0px 5px 5px 5px;
		margin: 0px 5px 5px 5px;
}
.AROthumbnail{margin: 0px 0px 20px 0px;}	
.AROthumbnail img {display: block;
    				margin: 0 auto;}
.well{
	background-color: #005A68;
	border:none;	
	-webkit-box-shadow: initial ;
	-moz-box-shadow: initial ;
	box-shadow: initial ;
}

.listGridbtn { 
		background:#005A68;
		text-transform:capitalize;
    	color: #B8DCEB;
		padding: 10px;
		margin-top: 20px;
		border-radius: 2px;
}
.listGridbtn:hover, .listGridbtn:focus{
		color: #DA7A20;
		background:#005A68;
}
.listGridbtn:active {
    	color: #B8DCEB;
}

.glyphicon-th-list, .glyphicon-th {
	color: #B8DCEB;
}
.glyphicon { margin-right:5px; }

h4{		font-weight:700;
		line-height: 120%;}
h6{		line-height: 120%;}

.twitter-timeline	{
	width:300px;
	scrollbar-color: #005A68; 
	padding-bottom: 20px;
}
.tweets {
    color: #B8DCEB;
}

footer {
	  	background:url(../Images/logos/divider1.png) top repeat-x;
      	background-color: #005A68;
}	
.rowFooter {line-height: 150%;}
.rowCopyright{
		background: url(../Images/logos/divider1.png) top repeat-x;
		text-align:left;
		padding-top: 2%;
		clear:left;
}
.pull-left {float: left !important;}
.pull-right {float: right !important;}

.OpenAccess {
	float: left;
	margin: 0 15px 0px 10px;
}
.noElipse{
	display: inline-block;
}
/*#legend {
	height: 100px;
	width: 100px;
    background: #fff;
    padding: 10px;
    margin: 10px;
    border: 1px solid #000;
  }
slider */

.sliderContainer {
  height: 1px;
  margin: 1px;
  z-index: 100;
}
.wrapText {
	text-overflow:inherit;
}

/*media queries */
	  
 /*screen is less than 600 pixels wide */
  @media (max-width: 600px) {
	 .about { height: auto;}
	  .submission { height: auto;}
	  .sitemap { height: auto;}
	.header { margin-left:auto; }
	.rowPara {display:none;}
	/*.rowHeader h3 {font-size: 16px;}*/
	.btn.btn-default.rowParaMargin {display: none;}
	.breadcrumb{display:none;}
	.rowCopyright{text-align:center;}
	.header {background: none;}
	.navbar {background: none;}
	h4 {font-size:14px;}
	.item.list-group-item {margin-left: 0%;}
	.item.list-group-item caption {padding-top:0px;}
	
  }
@media (max-width: 767px) {
	.carousel-inner .active.left { left: -100%; }
	.carousel-inner .next        { left:  100%; }
	.carousel-inner .prev		 { left: -100%; }
	.active > div { display:none; }
	.active > div:first-child { display:block; }
	.rowPara {display:none;}
	.breadcrumb{display:none;}
	.header {background: none;}
	.navbar {background: none;}
	.navbar-nav {margin: 0;}
	.item.list-group-item {margin-left: 0%;}

}
@media (min-width: 767px) and (max-width: 992px ) {
	.carousel-inner .active.left { left: -50%; }
	.carousel-inner .next        { left:  50%; }
	.carousel-inner .prev		 { left: -50%; }
	.active > div { display:none; }
	.active > div:first-child { display:block; }
	.active > div:first-child + div { display:block; }
	.navbar-nav {margin: 0;}
	.item.list-group-item {margin-left: 0%;}
}
@media (min-width: 992px ) {
	.carousel-inner .active.left { left: -25%; }
	.carousel-inner .next        { left:  25%; }
	.carousel-inner .prev		 { left: -25%; }
	/*.thumbnail img 				 { height:150px; }*/
	}