/*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: #003306;
}

.container-fluid {
	background-color: #003306;
	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: #003306;
}

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 .navbar-collapse,
.navbar-custom .navbar-form {
  background-color: #003306;
  border-color: #003306;
}


/* background colour on drop down mobile menu when hovering*/


  
  /* hover colour on drop down options on  mobile menu*/
  
 
.navbar-nav{
	float: none;
color: #fff;
}



/*colour, white, and thicknes of menu and mobile items*/

.navbar-default .nav li a {

    font-weight: 400;
    letter-spacing: 1px;
    color: #fff;
}


/*keep this code, it set text size etc on drop downmenu*/

.dropdown-menu > li > a {
  display: block;

  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: #fff;
  white-space: normal;
  border-color: transparent;
  background-color: #003306;
  margin:0; !important;
  
}


/* menu height, */

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

 
/* dropdown and menu items hover over colour   */

.navbar-default .nav li a:hover,
.navbar-default .nav li a:focus {
    outline: 0;
    font-weight: bold;
    color: #ff0000;
}




/* EGMES custom navbar */



.navbar-custom .navbar-collapse,
.navbar-custom .navbar-form {
  background-color: #003306;
  border-color: #003306;
}


/* background colour on drop down mobile menu when hovering*/


  
  /* hover colour on drop down options on  mobile menu*/
  
 
.navbar-nav{
	float: none;
color: #fff;
}



/*colour, white, and thicknes of menu and mobile items*/

.navbar-default .nav li a {

    font-weight: 400;
    letter-spacing: 1px;
    color: #fff;
}


/*keep this code, it set text size etc on drop downmenu*/

.dropdown-menu > li > a {
  display: block;

  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: #fff;
  white-space: normal;
  border-color: transparent;
  background-color: #003306;
  margin:0; !important;
  
}


/* menu height, */

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

 
/* dropdown and menu items hover over colour etc   */

.navbar-default .nav li a:hover,
.navbar-default .nav li a:focus {
    outline: 0;
    font-weight: bold;
    color: #ff0000;
}



/* menu and mobile menu margin colour as green, setting the margins, color sets the colour of the word menu*/

.navbar-default {


    padding-left:5% !important;
	padding-right:5% !important;
    color: #fff;
  
    border-color: transparent;
    background-color: #003306;
    display flex;
 }