li {margin: 0.2em 0;}

img {padding:0.6em;}

blockquote {
 font-size: 100%;
}
.panel-heading a {
    font-size:120%; font-family:"Courier New" !important; font-weight:bold;
	/*color:rgb(83, 47, 176);*/
}


.navbar-brand  a {
   
    font-family:"Courier New" !important;
    font-size:120%; 
    color:white !important;
    
}

.navbar-brand  a:hover {
   
    font-weight:bold;
    text-decoration:none;
    
}

/*change breadcrumb */
#breadcrumb {
    padding-top:5px;
    padding-bottom:0px;
    padding-right:0px;
    padding-left:0px;
    height:30px;
}

.breadcrumb {

    font-size:80%;
    background-color:transparent !important;
}
.breadcrumb a {
     color: #aaa;
}

.breadcrumb a:hover {
     text-decoration: none;
}

/*change active color*/
.breadcrumb > .active {
     color: #fff;

}

.breadcrumb > li + li:before {
     content: "\00BB";
     color: #aaa;
}

/* from the w3 band template for the nav bar */
.navbar {
      font-family: Helvetica, sans-serif;
      margin-bottom: 0;
      background-color: #000  !important;
      border: 0;
      font-size: 11px !important;
      letter-spacing: 1px !important;
      opacity: 0.95;
      padding-top:5px !important;
      padding-bottom:5px !important;
      z-index:999;
}
  .navbar li a, .navbar .navbar-brand { 
      color: #d5d5d5 !important;
  }
  .navbar-nav li a:hover {
      color: #fff !important;
  }
  .navbar-nav li.active a {
      color: #fff !important;
      background-color: #29292c !important;
  }
  .navbar-default .navbar-toggle {
      border-color: transparent;
  }
  .open .dropdown-toggle {
      color: #fff;
      background-color: #74d !important;
  }
  .dropdown-menu li a {
      color: #74d !important;
      font-size: 12px !important;
  }
  .dropdown-menu li a:hover {
      background-color: #532fb0 !important;
  }

  /* end of w3 band template */
/*
.floatleft {
    float:left;
    padding-right:10px;
    
}*/


body {

    font-family: 'Roboto', sans-serif !important;
    padding-top:30px;
    background: #FFFFFF url(images/backgroundimage.jpg) no-repeat center top fixed;
   -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
/* uses different backgrounds for different sizes */
@media screen and (min-width: 1024px) and (max-width: 1400px) {
    body {
        background: #FFFFFF url(images/backgroundimage-lg.jpg) no-repeat center top fixed;;
    }
}


@media screen and (max-width: 1024px) {
    body {
        background: #FFFFFF url(images/backgroundimage-md.jpg) no-repeat center top fixed;;
    }
}


.logo-small {
    color: #532fb0;  /* purple */
    fill: #532fb0;
    font-size: 48px;
}
.purple {
  
}
.searchicon {
     color: white;
     position:relative;
     top:-3px;
     font-size:1.2em;    
}

.searchicon:focus, .searchicon:visited {
    outline:none;
    color: #532fb0;  /* purple */
}

.purple:hover {
  color: #000;   
 opacity:0.7;
  filter: Alpha(opacity=70);
  text-decoration:underline;  
}

.svg {
    display: inline-block;
	width: 48px;
	height: 48px;
}

.pagetitle {
    font: bold 220% 'Courier New', cursive;
    color:white;    
}
.pagetitle span{
    color:  #735fd0;
    
}
.pagetitle:hover {
    color:white;  
    text-decoration:underline;    
}
.pagetitle:visited, .pagetitle:focus {
    color:white;  
    text-decoration:none !important;    
}


.whitebox {
    background-color:rgba(255,255,255,0.97);
    border-radius:10px;
    padding:50px;
}
.whitebox-course {
    background-color:rgba(255,255,255,0.97);
    border-radius:10px;
    padding:30px 30px 10px 30px; 
}
.boxtitle {
  
   font-family:"Courier New", sans-serif;
   font-weight:bold;
   font-size:175%; 
   color:black;
}
footer p {
    color:white;
    font-size:75%;
    
}
.valign {
  
    vertical-align: middle;
    
}
.boxlink {
   color:#000; 
}
.boxlink:hover {
   color:#888; 
   text-decoration:none;
}
.page-header {
    margin-top:2px !important;
    border-bottom:0px !important;
    
}
.page-header  h2{

   font-family:"Courier New";
   font-weight:bold;
}


.showhide {
   background-color: #532fb0;
   border-color:#532fb0;
}

h2 {
    color:white;
}

/* FOOTER */
.footer-distributed{
	background-color: black;/*#292c2f;*/
    opacity:0.9;    
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
	box-sizing: border-box;
	width: 100%;
	text-align: left;
	font-weight: normal;
    font-size:1.2em ;

	padding: 55px 50px;
	margin-top: 80px;
}

.footer-distributed .footer-left,
.footer-distributed .footer-center,
.footer-distributed .footer-right{
	display: inline-block;
	vertical-align: top;
}

/* Footer left */

.footer-distributed .footer-left{
	width: 40%;
}
.footer-distributed .footer-left .pagetitle {
    font-size:180%;
}


/* Footer links */

.footer-distributed .footer-links{
	color:  #ffffff;
	margin: 20px 0 12px;
	padding: 0;
    font-weight:bold;
}

.footer-distributed .footer-links a{
	display:inline-block;
	line-height: 1.8;
	text-decoration: none;
	color:  inherit;
}
.footer-distributed .footer-links a:hover{

	text-decoration: underline;

}


.footer-distributed .footer-company-name{
	color:  #8f9296;
	font-size: 0.8em;
	font-weight: normal;
	margin: 0;
}

/* Footer Center */

.footer-distributed .footer-center{
	width: 35%;
}

.footer-distributed .footer-center i{
	background-color:  #33383b;
	color: #ffffff;
	font-size: 25px;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	text-align: center;
	line-height: 42px;
	margin: 10px 15px;
	vertical-align: middle;
}

.footer-distributed .footer-center i.fa-envelope{
	font-size: 17px;
	line-height: 38px;
}

.footer-distributed .footer-center p{
	display: inline-block;
	color: #ffffff;
	vertical-align: middle;
	margin:0;
}

.footer-distributed .footer-center p span{
	display:block;
	font-weight: normal;
	font-size:14px;
	line-height:2;
}

.footer-distributed .footer-center p a{
	color:  #735fd0;
	text-decoration: none;;
}


/* Footer Right */

.footer-distributed .footer-right{
	width: 20%;
}

.footer-distributed .footer-company-about{
	line-height: 20px;
	color:  #92999f;
	font-size: 13px;
	font-weight: normal;
	margin: 0;
}

.footer-distributed .footer-company-about span{
	display: block;
	color:  #ffffff;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 20px;
}

.footer-distributed .footer-icons{
	margin-top: 25px;
}

.footer-distributed .footer-icons a{
	display: inline-block;
	width: 35px;
	height: 35px;
	cursor: pointer;
	background-color:  #33383b;
	border-radius: 2px;

	font-size: 20px;
	color: #ffffff;
	text-align: center;
	line-height: 35px;

	margin-right: 3px;
	margin-bottom: 5px;
}

/* If you don't want the footer to be responsive, remove these media queries */

@media (max-width: 880px) {

	.footer-distributed{
		font: bold 14px sans-serif;
	}

	.footer-distributed .footer-left,
	.footer-distributed .footer-center,
	.footer-distributed .footer-right{
		display: block;
		width: 100%;
		margin-bottom: 40px;
		text-align: center;
	}

	.footer-distributed .footer-center i{
		margin-left: 0;
	}

}

/*  END OF FOOTER */

/* These styles fix Google CSE and Bootstrap 3 conflict */

    .reset-box-sizing, .reset-box-sizing *, .reset-box-sizing *:before, .reset-box-sizing *:after,  .gsc-inline-block
    {
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
    }
    input.gsc-input, .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus, .gsc-search-button
    {
        box-sizing: content-box;
        line-height: normal;
    }