body {background-image: url("../images/back.png"); background-repeat: repeat; }
#nav
{
overflow:auto;
}
#nav ul
{
list-style:none;
height:80px;
padding:0px;
margin:0px;
}
#nav ul li
{
float:left;
margin:10px;
font-size: 1.25em; 
}
.clear {
	clear: both;
}
.slimpanel {
    margin-bottom: 1rem;
    padding: 1rem;
    background-color: #FFFFFF;
    border-style: solid;
    border-width: 1px;
    border-color: #66CC66;
}
.slimmargin {margin: 1em;}
.panel {
    border-style: solid;
    border-width: 1px;
    border-color: #d7d7d7;
    margin-bottom: 1.25rem;
    padding: 1.25rem;
    background-color: #FFFFFF;
}
.patternback { background-image: url("../images/back.png"); }
.blueback {	 background-color: #F2F2FF;}
.redback {   background-color: #FFF2F2;}
.greenback {background-color: #F2FFF2;}
.yellowback {background-color: #FFFFE0;}
.inline {
	display: inline;
}
.block {
	display: block;
}
.floatleft {
	float: left; margin: 10px;
}
.floatright {
	float: right;
}
.fullheight
{
	height: 100%;
}
.fullwidth
{
  width: 100%;
}
.em150{	font-size: 1.5em;}
.em125{	font-size: 1.25em;}
.em100{	font-size: 1.00em;}

#xnav ul
{
list-style:none;
height:80px;
padding:0px;
margin:0px;
}
#xnav ul li
{
float:left;
margin:10px;
font-size: 1.5em; 
}
.prettyBullets ul li
{
	list-style:none;
background-image:url("../images/bullet.png");
background-repeat:no-repeat;
background-position:0px 3px;
line-height:40px;
padding-left:50px;
}
.center {text-align: center;
    margin-left: auto;
    margin-right: auto;}


.abuttonwrap
{
    vertical-align: middle;
    display: inline-block;
    min-height: 44px;
}

.abutton
{
    display: inline-block;
    height: 100%;
    vertical-align: middle;
        position: relative;
    margin: 10px;
    padding: 0 20px;
    text-align: center;
    text-decoration: none;
    font: bold 12px/25px Arial, sans-serif;
        border: 1px solid #9c9c9c; /* Fallback style */
    border: 1px solid rgba(0, 0, 0, 0.3);
    text-shadow: 0 1px 0 rgba(0,0,0,0.4);    
    box-shadow: 0 0 .05em rgba(0,0,0,0.4); 
}


.xabutton {
    display: table-cell;
    xdisplay: inline-block;
    position: relative;
    margin: 10px;
    padding: 0 20px;
    text-align: center;
    text-decoration: none;
    font: bold 12px/25px Arial, sans-serif;
    min-height: 44px;
        border: 1px solid #9c9c9c; /* Fallback style */
    border: 1px solid rgba(0, 0, 0, 0.3);
    text-shadow: 0 1px 0 rgba(0,0,0,0.4);    
    box-shadow: 0 0 .05em rgba(0,0,0,0.4);  
    vertical-align: middle;
}
.green {
    color: #FFFFFF;
    background: #a5cd4e;
}

/* Blue Color */

.blue {
    color: #19667d;
    background: #70c9e3;
}

/* Gray Color */

.gray {
    color: #515151;
    background: #d3d3d3;
}
.red {
    color: #FFFFFF;
    background: #CD5C5C;
}
.yellow {
    color: #000000;
    background: #FFFF00;
}

blockquote{
  display:block;
  background: #fee;
  padding: 15px 20px 15px 45px;
  margin: 0 0 20px;
  position: relative;
  /*Font*/
  font-family: Georgia, serif;
  font-size: 16px;
  line-height: 1.2;
  color: #666;
  text-align: justify;
  /*Borders - (Optional)*/
  border-left: 15px solid #c76c0c;
  border-right: 2px solid #c76c0c;
  /*Box Shadow - (Optional)*/
  -moz-box-shadow: 2px 2px 15px #ccc;
  -webkit-box-shadow: 2px 2px 15px #ccc;
  box-shadow: 2px 2px 15px #ccc;
}
 
blockquote::before{
  content: "\201C"; /*Unicode for Left Double Quote*/
  /*Font*/
  font-family: Georgia, serif;
  font-size: 60px;
  font-weight: bold;
  color: #999;
  /*Positioning*/
  position: absolute;
  left: 10px;
  top:5px;
}
 
blockquote::after{
  /*Reset to make sure*/
  content: "";
}
 
blockquote a{
  text-decoration: none;
  background: #eee;
  cursor: pointer;
  padding: 0 3px;
  color: #c76c0c;
}
 
blockquote a:hover{
color: #666;
}
 
blockquote em{
  font-style: italic;
}

#content a{

  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;

}
.image-source-link {
	color: #98C3D1;
}

.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
	opacity: 0;
	-webkit-backface-visibility: hidden;
	/* ideally, transition speed should match zoom duration */
	-webkit-transition: all 0.3s ease-out; 
	-moz-transition: all 0.3s ease-out; 
	-o-transition: all 0.3s ease-out; 
	transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
		opacity: 1;
}
.mfp-with-zoom.mfp-ready.mfp-bg {
		opacity: 0.8;
}

.mfp-with-zoom.mfp-removing .mfp-container, 
.mfp-with-zoom.mfp-removing.mfp-bg {
	opacity: 0;
}