@font-face {
    font-family: "Medio";
    src: url("../type/Medio.eot");
    src: local("Medio"), url("../type/Medio.otf") format("opentype");
}
body {
  font-family:    verdana;
  font-size:      12px;
  color:          #008000;
  background-color:#fff;
}
h1 { font-size:130%; }
h2 { padding-top:25px;font-size:120%; }
h3 { font-size:110%; }
h4 { font-family:verdana; font-weight:normal; }
a:link, a:visited, a:active, a:hover {
  font-family:    verdana;
  color:          #008000;
  text-decoration: underline;
}
#content { 
	background-color:#f2faf2;
	border: 2px solid #008000;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	-webkit-box-shadow: 10px 10px 10px #888;
	-moz-box-shadow: 10px 10px 10px #888;
	padding:15px 15px 15px 15px;
}
/*  DEFINED CLASSES */
.pageNav {
  padding: 10px 0 30px 0; 
  text-align:center;
}
.siteHeader{
  font-family:    verdana;
  font-size:      24px;
  font-weight:    bolder;
  padding-top     : 0px;
  margin-top      : 0px;
}
.bold { font-weight : bolder; }
.error { color : #ff0000; font-size : 10px;  }
.small { font-size: 80%; }
.innerBox1 { 
    background-color:#aed7ae;
    border:1px solid #008000;
    padding:20px;
    margin-top:20px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
}
.innerBox2 { 
    border:1px solid #008000;
    padding:20px;
    margin-top:20px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
}
.hpanel .innerBox1, .hpanel .innerBox2 { 
  width:650px;
  margin:0 0 20px 40px;
}
.hpanel .header {
  width:100%;
  padding: 0 0 10px 0;
  text-align:justify;
}
.hpanel .copy {
  padding: 0 0 5px 0;
}
/*DynaCloud styles*/
#dynacloud { border:1px solid #008000; }
.highlight { background-color: #eedfde; }

/* Fun with Fonts */
.fontFun {
    font-family: "Medio";
    font-size: 1.4em;
}
.fontFun .codeWrap { 
    font-size:.7em;
    background-color:#FEF6E4;
    border-left:3px double #ccc;
}
.fontFun h2 {font-size:1.8em;}
.fontFun h3 {font-size:1.6em;}
/* Phoenix Fringe styles */
	.phxfringebox {  border:1px solid #232323; padding:20px; margin-top:20px; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; background-color: #232323; }
	/* slideshow gallery */
	.phxfringeslidebox { position: relative; border: none; overflow: hidden; }
	.phxfringeslidebox a { position: absolute; z-index: 1; width: 100%; height: 100%; text-align: center; }
	.phxfringeslidebox img { border: none; }
	/* pagination control */
	.phxfringeslidebox ul, .phxfringeslidebox ol { display:none; list-style: none; position: absolute; margin: 0; padding: 0; bottom: 5px; right: 5px; z-index: 3; }
	.phxfringeslidebox ul li, .phxfringeslidebox ol li { float: left; margin: 0 3px; width: 16px; }
	.phxfringeslidebox ul li a { position: relative; display: block; width: 100%; height: 14px; padding-top: 2px; text-decoration: none; color: #666; background: #eee; border: 1px solid #666; text-align: center; font-size: 11px; }
	.phxfringeslidebox ul li a.current { color: #111; font-weight: bold; border: 1px solid #111; background: #fff; }
	.phxfringeslidebox ul li a:hover { color: #fff; background: #333; }
	/* caption control */
	.phxfringeslidebox ol { top: 5px; position: relative; overflow: hidden; width: 100%; font-size: 14px; color: #fff; background: #000; padding: 3px 10px; }
	.phxfringeslidebox ol li { width: 100%; }
/* slide out tab */
.slide-out-div {
  padding: 20px;
  width: 150px;
  border: 1px solid #008000;
  -webkit-border-radius:6px;
  -moz-border-radius:6px;
  background:#fff;
}