/* variables go here */
/* medium - light blue */
/* Very Dark Blue */
/* pale blue */
/* white transparent */
/* pale pink */
/* maroon */
/* dark grey */
/* maroonish */
body {
  background-color: #a4f442;
   }
 /* used for scaling images with responsive web and give rounded corners */  
img {
    max-width: 100%;
    height: auto;
	float: right;
	border-radius: 10px;
}

h2, h3 {
	font-weight: bold;
}

/* Making the h1 heading big and bold */
h1 {
	font-family: Impact, Charcoal, sans-serif;
	font-size: 3em;
}

li {
	font-weight: bold;
	font-size: 1.2em;
	}
/* used to make p and li bold so it's easier to read */	

p {
	font-weight: bold;
	font-size: 1.2em;
	
}	

.navbar, .dropdown-menu {	
  background-color: #010c22; }
  	

/* Normal links in navbar */
.navbar-default .navbar-nav > li > a {
  color: #FFFFFF;
  font-weight: bold; }

/* Hover link in navbar */
.navbar-default .navbar-nav > li > a:hover {
  color: #c1d1f2;
  font-weight: bold; }

/* Sub Menu Normal Links */
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
  color: #ffffff;
  font-weight: bold; }

/* Sub Menu Hover Links */
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
  color: #c1d1f2;
  font-weight: bold;
  background-color: #010c22; }

/* Navigation Header */
.navbar-default > .navbar-header > h1 {
  color: #ffffff;
  padding-left: 10px;
 }

/* Styles main div... */
section {
  background-color:#7cbb65 ;
  padding: 20px; 
  font-weight: bold;
  overflow: auto;


sup.required {
  color: #c60101; }

div.error {
  background-color: #ffd6d6;
  color: #c60101;
  padding: 10px;
  border: solid 1px #c60101; }

input {
  max-width: 100%;
  /*limits width of input box to container */
  padding: 5px; }

select {
  padding: 5px; }

div.one {
  background-color: #c1d1f2;
  border: solid 1px #010c22;
  padding: 15px; }

div.two {
  background-color: #ffffff;
  /* white */
  border: solid 1px #010c22;
  /* dark blue */
  padding: 15px; }

span.error {
  color: #c60101; }

hr.dark {
  color: #010c22;
  border: solid 1px #010c22; }

/* removes blue border on modal */
.modal-open .modal, .btn:focus, a:focus {
  outline: none !important; }

.modal .modal-content {
  width: 265px;
  margin: auto; }

.btn-success {
  background-color: #2a59b5;
  /* medium blue */
  border-color: #2a59b5;
  /* medium blue */ }

.btn-success:hover {
  color: #fff;
  background-color: #010c22;
  border-color: #2a59b5;
  /* medium blue */ }

/* Links in 'main' part of page... */
a {
  font-weight: bold; }

a:link {
  color: #010c22; }

a:visited {
  color: #616161; }

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