/*GDS Web Design...custom styles EGMES 

20% #cccccc
30% #b2b2b2
40% #999999
50% #7f7f7f
60% #666666
70% #4c4c4c
80% #333333
90% #191919

*/




.img-responsive pull right {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

.img-responsive pull left {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}


.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}



#inset .panel-body {
	background-color: #cdcdcd;
    text-align: center;
	padding-top: 2em;
	padding-right: .5em;
	padding-bottom: 2em;
	padding-left: .5em;
}


p1{
	color: #ffff00;
    text-align: left;
    margin-top: 3px;
    margin-bottom: 3px;
    font-size: 1em;
}


p2 {
	color: #ff0000;
    text-align: center;
    margin-top: 3px;
    margin-bottom: 3px;
    font-size: 150%;
    font-weight: bold;
}



body {

background-color:background-image: -webkit-gradient(linear, left 0%, left 100%, from(#ddf6b0), to(#f0fff0));
    background-image: -webkit-linear-gradient(top, #ddf6b0, 0%, #f0fff0, 100%);
    background-image: -moz-linear-gradient(top, #ddf6b0 0%, #f0fff0 100%);
    background-image: linear-gradient(to bottom, #ddf6b0 0%, #f0fff0 100%);




	
}

.container {


background-color:background-image: -webkit-gradient(linear, left 0%, left 100%, from(#ddf6b0), to(#f0fff0));
    background-image: -webkit-linear-gradient(top, #ddf6b0, 0%, #f0fff0, 100%);
    background-image: -moz-linear-gradient(top, #ddf6b0 0%, #f0fff0 100%);
    background-image: linear-gradient(to bottom, #ddf6b0 0%, #f0fff0 100%);


padding-top: none;
  padding-right: 5%;
  padding-bottom: 2%;
  padding-left: 5%;

	
	
	color: #ccc;
}

.container-fluid {
	background-color: #000;
	padding: 0;
}

footer {
background-color: #003306;
	text-align: center;
}

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

header {
	text-align: center;
}

hr {
	box-sizing: content-box;
	height: 0;
}

.btn-default {
	background-color: #666;
	border-color: #CCCCCC;
	color: #fff;
}

textarea {
	background-color: #666;
	border-color: #fff;
	color: #ccc;
}

a{
	text-decoration: none;
	color: #fff;
}

a:hover{
	text-decoration: none;
	color: #fff;
}

a:visited{
	text-decoration: none;
	color: #999;
}

.img-responsive {
    margin:0 auto;
}

.style1 {
	color: #fff;
	font-size: 1.2em;
}

.navbar-toggle {
    float: none;
}

h1 {
	color: #003306;
    text-align: left;
    margin-top: 10px;
    margin-bottom: 10px;
}

h2 {
	color: #003300;
    text-align: center;
    margin-top: 3px;
    margin-bottom: 3px;
    font-size: 150%;
}

h3 {
	color: #003306;
    text-align: left;
    margin-top: 3px;
    margin-bottom: 3px;
    font-size: 10%;
}

h4 {
	color: #000;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
}


p1 {
	color: #003306;
    text-align: left;
    margin-top: 10px;
    margin-bottom: 10px;
}



.panel {
  margin-bottom: 20px;
  background-color: #000;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
          box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}

.panel-body-gds {
	background-color: #003306;
    color: #fff;
    padding-top: .5em;
	padding-right: .5em;
	padding-bottom: .5em;
	padding-left: .5em;
    margin-left: 0%;
    margin-right: 0%;
}

.panel-body-gds3 {
	background-color: #b2b2b2;
    color: #fff;
}

.panel-body-gds4 {
	background-color: #4c4c4c;
    color: #fff;
    margin-right: 0%;
}


/* EGMES custom navbar */

.navbar-custom {
  background-color: #003306;
  border-color: #131516;
  
}
.navbar-custom .navbar-brand {
  color: #ffffff;
}
.navbar-custom .navbar-brand:hover,
.navbar-custom .navbar-brand:focus {
  color: #e6e6e6;
  background-color: transparent;
}
.navbar-custom .navbar-text {
  color: #ffffff;
}
.navbar-custom .navbar-nav > li:last-child > a {
  border-right: 1px solid #131516;
}
.navbar-custom .navbar-nav > li > a {
  color: #ffffff;
  border-left: 1px solid #131516;
}
.navbar-custom .navbar-nav > li > a:hover,
.navbar-custom .navbar-nav > li > a:focus {
  color: #c0c0c0;
  background-color: transparent;
}
.navbar-custom .navbar-nav > .active > a,
.navbar-custom .navbar-nav > .active > a:hover,
.navbar-custom .navbar-nav > .active > a:focus {
  color: #c0c0c0;
  background-color: #131516;
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#131516), to(#2a2f32));
  background-image: -webkit-linear-gradient(top, #131516, 0%, #2a2f32, 100%);
  background-image: -moz-linear-gradient(top, #131516 0%, #2a2f32 100%);
  background-image: linear-gradient(to bottom, #131516 0%, #2a2f32 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff131516', endColorstr='#ff2a2f32', GradientType=0);
}
.navbar-custom .navbar-nav > .disabled > a,
.navbar-custom .navbar-nav > .disabled > a:hover,
.navbar-custom .navbar-nav > .disabled > a:focus {
  color: #cccccc;
  background-color: transparent;
}
.navbar-custom .navbar-toggle {
  border-color: #dddddd;
}
.navbar-custom .navbar-toggle:hover,
.navbar-custom .navbar-toggle:focus {
  background-color: #fff;
}
.navbar-custom .navbar-toggle .icon-bar {
  background-color: #cccccc;
}
.navbar-custom .navbar-collapse,
.navbar-custom .navbar-form {
  border-color: #121415;
}

/* the colour of the little down arrow in menu*/
.navbar-custom .navbar-nav > .dropdown > a:hover .caret,
.navbar-custom .navbar-nav > .dropdown > a:focus .caret {
  border-top-color: #c0c0c0;
  border-bottom-color: #c0c0c0;
}
/* background colour on drop down mobile menu when hovering*/
.navbar-custom .navbar-nav > .open > a,
.navbar-custom .navbar-nav > .open > a:hover,
.navbar-custom .navbar-nav > .open > a:focus {
  background-color: #131516;
  color: #fff;
}
.navbar-custom .navbar-nav > .open > a .caret,
.navbar-custom .navbar-nav > .open > a:hover .caret,
.navbar-custom .navbar-nav > .open > a:focus .caret {
  border-top-color: #c0c0c0;
  border-bottom-color: #c0c0c0;
}
.navbar-custom .navbar-nav > .dropdown > a .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}
@media (max-width: 767) {
  .navbar-custom .navbar-nav .open .dropdown-menu > li > a {
    color: #ffffff;
  }
  
  /* hover colour on drop down options on  mobile menu*/
  .navbar-custom .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-custom .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #FF0000;
    background-color: transparent;
  }
  .navbar-custom .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-custom .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-custom .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #c0c0c0;
    background-color: #131516;
  }
  .navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #cccccc;
    background-color: transparent;
  }
  
  
}
.navbar-custom .navbar-link {
  color: #ffffff;
}
.navbar-custom .navbar-link:hover {
  color: #003306;
}

.navbar-toggle {
    float: none;
}

.navbar-nav{
	float: none;
}

.navbar-nav > li > a {
	padding-top:5px !important;
	padding-bottom:5px !important;
}

.navbar {
	min-height:32px !important;
	margin-bottom: 0px;	
}

.navbar-brand {
	padding-top: 5px;
	padding-bottom: 0px;
	padding-left:10px;
	height: 20px;
	font-size: 95%;
}
.dropdown-menu > li {
  background-color: #003306;
}
.dropdown-menu > li > a {
  display: block;
  padding: 0px 0px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: #fff;
  white-space: nowrap;
  background-color: #003306;
}
.navbar-custom {
  background-color: #003306;
  
  
}