body {
 	padding-top: 10px;
/* 	
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0.81, #E6D78D),
		color-stop(0.85, #73361C)
	);
	background-image: -o-linear-gradient(bottom, #E6D78D 81%, #73361C 85%);
	background-image: -moz-linear-gradient(bottom, #E6D78D 81%, #73361C 85%);
	background-image: -webkit-linear-gradient(bottom, #E6D78D 81%, #73361C 85%);
	background-image: -ms-linear-gradient(bottom, #E6D78D 81%, #73361C 85%);
	background-image: linear-gradient(to bottom, #E6D78D 81%, #73361C 85%);
	*/
	background-image:url('../images/purple.png');
	background-repeat:repeat-y repeat-x;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
}

table {
	background-color:#DDBBFF;
}

.table-bordered {
	border: 10px solid #800080;
}
table > caption > h3{
	background-color:#800080;
	height: 34px;	
	padding-top: 4px;
	border-radius:25px;
	color:white;
}
.footer {
  border-top: 1px solid #eee;
  margin-top: 10px;
  padding-top: 15px;
  padding-bottom: 40px;
}

.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
	background-color: #800080;
	border-color: #800080;
}



/* Main marketing message and sign up button */
.jumbotron {
  text-align: center;
  background-color: transparent;
}
.jumbotron .btn {
  font-size: 21px;
  padding: 14px 24px;
}

/* Customize the nav-justified links to be fill the entire space of the .navbar */

.nav-justified {
  background-color: #eee;
  border-radius: 5px;
  border: 1px solid #ccc;
}

.navbar-nav > li > a 
{
	padding: 15px 15px 15px 15px;	
	font-size: 18px;
}

.nav-justified > li > a  {
  padding-top: 15px;
  padding-bottom: 15px;
  color: #777;
  font-weight: bold;
  text-align: center;
  border-bottom: 1px solid #d5d5d5;
  background-color: #e5e5e5; /* Old browsers */
  background-repeat: repeat-x; /* Repeat the gradient */
  background-image: -moz-linear-gradient(top, #f5f5f5 0%, #e5e5e5 100%); /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #f5f5f5 0%,#e5e5e5 100%); /* Chrome 10+,Safari 5.1+ */
  background-image: -ms-linear-gradient(top, #f5f5f5 0%,#e5e5e5 100%); /* IE10+ */
  background-image: -o-linear-gradient(top, #f5f5f5 0%,#e5e5e5 100%); /* Opera 11.10+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
  background-image: linear-gradient(top, #f5f5f5 0%,#e5e5e5 100%); /* W3C */
}
.nav-justified > .active > a,
.nav-justified > .active > a:hover,
.nav-justified > .active > a:focus {
  background-color: #ddd;
  background-image: none;
  box-shadow: inset 0 3px 7px rgba(0,0,0,.15);
}
.nav-justified > li:first-child > a {
  border-radius: 5px 5px 0 0;
}
.nav-justified > li:last-child > a {
  border-bottom: 0;
  border-radius: 0 0 5px 5px;
}

.top-image{
	max-height: 150px; 
	display: inline; 
	margin-right: 12px;
	margin-bottom: 2px;
	text-align: justify;
}

@media (min-width: 768px) {
  .nav-justified {
    max-height: 52px;
  }
  .nav-justified > li > a {
    border-left: 1px solid #fff;
    border-right: 1px solid #d5d5d5;
  }
  .nav-justified > li:first-child > a {
    border-left: 0;
    border-radius: 5px 0 0 5px;
  }
  .nav-justified > li:last-child > a {
    border-radius: 0 5px 5px 0;
    border-right: 0;
  }
	.navbar-nav > li > a 
	{
		padding: 15px 30px 15px 30px;	
		font-size: 18px;
	}
	.top-image
	{
		padding-left: 0px;
	}  
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
  /* Remove the padding we set earlier */
  .masthead,
  .marketing,
  .footer {
    padding-left: 0;
    padding-right: 0;
  }
  	.navbar-nav > li > a 
	{
		padding: 15px 15px 15px 15px;	
		font-size: 18px;
	}	
	
	.top-image
	{
		padding-left: 0px;
	}
}

@media (min-width: 1000px) {
  	.navbar-nav > li > a 
	{
		padding: 15px 30px 15px 30px;	
		font-size: 18px;
	}
	.top-image
	{
/*		padding-left: 12px;*/
	}	
}	
	
@media screen and (min-width: 1200px) {
  	.navbar-nav > li > a 
	{
		padding: 15px 40px 15px 40px;	
		font-size: 18px;
	}
	.top-image
	{
/*		padding-left: 12px;*/
	}		
}


.col-sm-1 {
width: 3%;
}

.list-group-item.active{
	color: white;
}

.navbar {
border-radius: 4px;
}