.panel.callout {
    border-style: solid;
    border-width: 1px;
    border-color: #332E22;
    margin-bottom: 1.25rem;
    padding-left: 1.25rem;
    padding: 1.25rem;
    background: none repeat scroll 0% 0% white;
    border-radius: 0px;
}
.panel.callout h3 {
	color: #332E22;
	}
body {
	/*background: none repeat scroll 0% 0% #EDE3CC;*/
	/*background-image: url("../img/body-bg.png");*/
}
.content {
	background: none repeat scroll 0% 0% #FFF;
}
.top-bar .name {
    font-size: 20px;
}
#grad {
  background: -webkit-linear-gradient(left, #abcbe5 , #2E7EBF); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, #abcbe5, #2E7EBF); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, #abcbe5, #2E7EBF); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, #d5e5f2 , #99b6ce); /* Standard syntax */
}
.reversegrad {
  background: -webkit-linear-gradient(left, #abcbe5, #d5e5f2); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, #abcbe5, #d5e5f2); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, #abcbe5, #d5e5f2); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, #abcbe5, #d5e5f2); /* Standard syntax */
}
.top-bar .name {
    font-size: 20px;
}
.top-bar-section ul li  a {
    font-size: 16px;
}

.top-bar-section ul li:hover:not(.has-form) > a {
  background-color: #99b6ce;
  background: #99b6ce;
  color: #FFFFFF;
}
/* line 361, ../bower_components/foundation/scss/foundation/components/_top-bar.scss */
.top-bar-section ul li.active > a {
  background: #99b6ce;
  color: #FFFFFF;
}
 .top-bar-section li.hover > a:not(.button) {
    background-color: #99b6ce;
    background: #99b6ce;
    color: #FFFFFF;
  }
    .top-bar-section li:not(.has-form) a:not(.button):hover {
    background-color: #99b6ce;
    background: #99b6ce;
  }
  /* line 522, ../bower_components/foundation/scss/foundation/components/_top-bar.scss */
  .top-bar-section li.active:not(.has-form) a:not(.button) {
    padding: 0 0.9375rem;
    line-height: 2.8125rem;
    color: #FFFFFF;
    background: #99b6ce;
  }
   .top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {
    color: #FFFFFF;
    background-color: #99b6ce;
    background: #333333;
  }
   .no-js .top-bar-section ul li:hover > a {
    background-color: #99b6ce;
    background: #99b6ce;
    color: #FFFFFF;
  }
  /* line 670, ../bower_components/foundation/scss/foundation/components/_top-bar.scss */
  .no-js .top-bar-section ul li:active > a {
    background: #99b6ce;
    color: #FFFFFF;
  }
  
  .panel.callout {
    border-style: solid;
    border-width: 1px;
  /*  border-color: #B6EDFF; */
	border-color: #EEE;
    margin-bottom: 1.25rem;
    padding: 1.25rem;
  background: none repeat scroll 0% 0% #FEFEFE; 
   /*  border-radius: 5px;*/
     -webkit-box-shadow: 2px 2px 2px #7C7C7C;
    box-shadow: 2px 2px 2px #7C7C7C;
}
.panel.callout h3 {
	color: #356291;
	}
	
.panel.callout h4 {
	font-size:1.2em;
	}	
.panel.callout p, li {
	font-size:0.9em;
	}	
	
	
.panel.squarebox {

    border-style: solid;
    border-width: 1px 1px 1px 40px;
    border-color: #008CBA;
    margin-bottom: 1.25rem;
    padding: 0.875rem;
    background: none repeat scroll 0% 0% #F2F6FA;
    background: #356291;
}
.panel.squarebox a {
   color: white;
}

.panel.squareboxcallout {
    border-style: solid;
    border-width: 1px;
    border-color: #B6EDFF;
    margin-top: -1.25rem;
    margin-bottom: 1.25rem;
    padding: 1.25rem;
    background: none repeat scroll 0% 0% #F2F6FA;
}

.panel.callout h3 {
	color: #356291;
	}