@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,500,700,400italic);
/*
* ==|== normalize ==========================================================
*/
p,
h1,
h2 {
  margin: 0px 0px 5px 0px;
  font-weight: normal;
}
h3,
h4,
h5,
h6 {
  margin: 0px 0px 5px 0px;
  font-weight: normal;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
audio:not([controls]) {
  display: none;
}
[hidden] {
  display: none;
}
html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
html,
button,
input,
select,
textarea {
  font-family: sans-serif;
  color: #222;
}
body {
  margin: 0;
  font-size: 1em;
  line-height: 1.4;
}
::-moz-selection {
  background: #c3effd;
  color: #fff;
  text-shadow: none;
}
::selection {
  background: #c3effd;
  color: #fff;
  text-shadow: none;
}
a {
  color: #00e;
  text-decoration: none;
}
a:hover {
  color: #06e;
}
a:focus {
  outline: thin dotted;
}
a:hover,
a:active {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
blockquote {
  margin: 1em 40px;
}
dfn {
  font-style: italic;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}
ins {
  background: #ff9;
  color: #000;
  text-decoration: none;
}
mark {
  background: #ff0;
  color: #000;
  font-style: italic;
  font-weight: bold;
}
pre,
code,
kbd,
samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em;
}
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}
q {
  quotes: none;
}
q:before,
q:after {
  content: "";
  content: none;
}
small {
  font-size: 85%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
ul,
ol {
  margin: 1em 0;
  padding: 0 0 0 40px;
}
dd {
  margin: 0 0 0 40px;
}
nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
}
img {
  border: 0;
  -ms-interpolation-mode: bicubic;
  vertical-align: middle;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 0;
}
form {
  margin: 0;
}
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
label {
  cursor: pointer;
}
legend {
  border: 0;
  *margin-left: -7px;
  padding: 0;
  white-space: normal;
}
button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle;
}
button,
input {
  line-height: normal;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
  *overflow: visible;
}
button[disabled],
input[disabled] {
  cursor: default;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
  *width: 13px;
  *height: 13px;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical;
}
input:invalid,
textarea:invalid {
  background-color: #f0dddd;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td {
  vertical-align: top;
}
.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: black;
  padding: 0.2em 0;
}
/* ==|== LESS mixins =====================================================
	
	A set of useful LESS mixins by Dmitry Fadeyev tweaked by Dave Fuller
    More info at: http://lesselements.com
	
	.gradient
	.bordered
	.drop-shadow
	.rounded
	.border-radius
	.opacity
  .background-opacity
	.transition-duration
  .transition-target
	.rotation
	.scale
	.transition
  .transition-specific
	.inner-shadow
	.box-shadow
	.columns
	.translate
	.clearfix
	.box-sizing
  .clickable-area
	
========================================================================== */
/*  .gradient(#F5F5F5, #EEE, #FFF); 
	
	Gradient background. First color is the background color to use for browsers 
	that don’t support gradients. The second two colors are the start and stop 
	colors, going from bottom to top.
*/
/*  .bordered(#EEE, #E5E5E5, #DDD, #E5E5E5);
	
	Quick way to set a 1 pixel thick border that varies its color on each side. The color values
	go in a clockwise order: top, right, bottom, left.
*/
/*  .drop-shadow(0, 1px, 2px, 0.2);
	
	Adds a box-shadow that is a semi-transparent black. The first two values control the x and y
	axis position, the third controls blur (how big the shadow is), and the final value is the opacity
	(0 is fully transparent, 1 is opaque).
*/
/*  .rounded(5px);
	Sets a border-radius for all 4 corners. If you want to set border-radius for individual corners use: .border-radius
*/
/*  .border-radius(5px, 0, 0, 5px);
	
	Sets a border-radius for each of the 4 corners individually. 
	The values go in a clockwise rotation: top right, bottom right, bottom left, top left.
*/
/*  .opacity(0.8);
	
	Sets the opacity. 0 is fully transparent, 1 is opaque.
*/
/*  .background-opacity(#fff, 0.8);
    Author: Taylor

    Set the opacity of the background rather than everything contained in that element.
    IE needs to have background:transparent;
    
    http://robertnyman.com/2010/01/11/css-background-transparency-without-affecting-child-elements-through-rgba-and-filters/
    http://stackoverflow.com/questions/5176114/lesscss-converting-rgba-to-hex-how-to-nest-color-variables-into-a-mixin
*/
/*  .transition-duration(0.2s);
	
	Sets a transition-duration (time it takes to do things like hover effects). The value provides a time in seconds.
*/
/*  .rotation(15deg);
	
	Rotates the item by a number of degrees clockwise.
*/
/*  .scale(2);
	
	Scales the item by the ratio provided. The above makes the item 2 times larger.
*/
/*  .transition(2s, ease-out);
	
	Sets the transition duration and effect to use for any transitions (e.g. hover effects), unlike
	transition-duration which only sets the duration.
*/
/*  .transition-specific(background);
    
	Sets the transition duration, effect and target element to use for any transitions (e.g. hover effects)
*/
/*  .inner-shadow(0, 1, 2px, 0.4);
	
	Sets the inner shadow. The first two numbers are the x and y coordinates, the third is the blur
	and the last one is the strength of the shadow.
*/
/*  .box-shadow(0 1px 2px #999);
	
	Sets the box-shadow. The first two numbers are the x and y coordinates, then the blur, and the
	color. This is different from drop-shadow in that it takes on a color instead of setting a
	transparent black shadow. Additionally, this mixin takes on the whole set of arguments in one
	go, so no need for commas between each number, and you can also add “inset” before the first
	number for inset shadow.
*/
/*  .columns(250px, 0, 50px, #EEE, solid, 1px);
	
	Divides the content into columns. The variables are: column width, column count, column gap,
	column border color, column border style, column border width.
*/
/*  .translate(10px, 20px)
	
	Translates an element using the given coordinates. The values are x and y offset coordinates, so
	the above example moves the element right 10 pixels and up 20 pixels.
*/
/*  .clearfix
	
	Clears floated element
*/
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
/*  .box-sizing

	Prevents padding adding width to block element
*/
.box-sizing {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  *behavior: url('/wp-content/themes/apcc_front/css/boxsizing.htc');
}
/*  .clickable-area
    Author: Taylor

    Make the whole containing element a clickable area
    Use empty <span> tags
    <a href="#">Link text <span></span></a>
*/
.clickable-area {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1000;
  cursor: pointer;
  /*IE Fix*/
  background-image: url('empty.gif');
}
body {
  width: 100%;
  *zoom: 1;
}
body:before,
body:after {
  content: "";
  display: table;
}
body:after {
  clear: both;
}
body:before,
body:after {
  content: "";
  display: table;
}
body:after {
  clear: both;
}
/* ==|== variables ===================================================== */
/* ==|== Mixins ===================================================== */
.no_bullets {
  margin: 0;
  padding: 0;
  list-style: none;
  *zoom: 1;
  position: relative;
}
.no_bullets:before,
.no_bullets:after {
  content: "";
  display: table;
}
.no_bullets:after {
  clear: both;
}
.no_bullets:before,
.no_bullets:after {
  content: "";
  display: table;
}
.no_bullets:after {
  clear: both;
}
/* ==|== Body styles ===================================================== */
html {
  font-size: 62.5%;
  line-height: 62.5%;
  font-family: 'Roboto', sans-serif;
}
body {
  font-size: 1.4em;
  line-height: 1.5em;
  background: #687072;
  color: #576062;
  min-width: 990px;
  font-family: 'Roboto', sans-serif;
}
* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  *behavior: url('/wp-content/themes/apcc_front/css/boxsizing.htc');
  outline: none !important;
}
a {
  color: #00aeef;
}
a:hover {
  color: #00aeef;
}
p {
  margin-bottom: 15px;
  color: #576062;
}
p > a {
  color: #00aeef;
}
p > a:hover {
  color: #00aeef;
  text-decoration: underline;
}
p.date {
  font-style: italic;
  margin-bottom: 10px;
}
h1 {
  font-size: 1.9em;
  font-weight: 300;
  color: #576062;
  margin-bottom: 15px;
  line-height: 1.4em;
}
h1 a {
  color: #576062;
}
h1 a:hover {
  color: #576062;
  text-decoration: underline;
}
h2 {
  font-size: 1.3em;
  font-weight: 500;
  color: #576062;
  margin-bottom: 10px;
  line-height: 1.4em;
}
h2 a {
  color: #576062;
}
h2 a:hover {
  color: #576062;
  text-decoration: underline;
}
.inner {
  max-width: 950px;
  *zoom: 1;
  margin: 0 auto;
  position: relative;
}
.inner:before,
.inner:after {
  content: "";
  display: table;
}
.inner:after {
  clear: both;
}
.inner:before,
.inner:after {
  content: "";
  display: table;
}
.inner:after {
  clear: both;
}
/* ==|== Header styles ===================================================== */
header#site_header {
  width: 100%;
  background: #f7f8f9;
  padding-top: 20px;
}
#top_logo {
  display: block;
  float: left;
  margin-bottom: 10px;
}
#header_meta {
  display: inline;
  float: left;
  width: 78.57142857142857%;
  margin: 0 0.2976190476190476%;
  float: right;
  height: 60px;
  *zoom: 1;
}
#header_meta:before,
#header_meta:after {
  content: "";
  display: table;
}
#header_meta:after {
  clear: both;
}
#header_meta:before,
#header_meta:after {
  content: "";
  display: table;
}
#header_meta:after {
  clear: both;
}
#header_meta .login_wrap {
  float: left;
  margin: 4px 170px 0 6px;
}
#header_meta ul {
  float: left;
  margin: 0;
  padding: 0;
  list-style: none;
  *zoom: 1;
  position: relative;
  margin-top: 5px;
}
#header_meta ul:before,
#header_meta ul:after {
  content: "";
  display: table;
}
#header_meta ul:after {
  clear: both;
}
#header_meta ul:before,
#header_meta ul:after {
  content: "";
  display: table;
}
#header_meta ul:after {
  clear: both;
}
#header_meta ul > li {
  display: block;
  float: left;
  margin-right: 10px;
}
#header_meta ul > li > a {
  font-size: 0.9em;
  color: #576062;
  padding-right: 10px;
  border-right: 1px solid #576062;
}
#header_meta ul > li > a:hover,
#header_meta ul > li > a.current {
  color: #2db2be;
}
#header_meta ul > li > a span {
  font-size: 18px;
  color: #3f98ff;
}
#header_meta ul > li:last-child {
  margin-right: 0;
}
#header_meta ul > li:last-child > a {
  border-right: none;
}
#header_meta #top_site_search_form {
  float: right;
  position: relative;
  *zoom: 1;
}
#header_meta #top_site_search_form:before,
#header_meta #top_site_search_form:after {
  content: "";
  display: table;
}
#header_meta #top_site_search_form:after {
  clear: both;
}
#header_meta #top_site_search_form:before,
#header_meta #top_site_search_form:after {
  content: "";
  display: table;
}
#header_meta #top_site_search_form:after {
  clear: both;
}
#header_meta #top_site_search_form input,
#header_meta #top_site_search_form button {
  float: left;
}
#header_meta #top_site_search_form button {
  border: 1px solid #e6ebee;
  background: #e6ebee;
  color: #576062;
  font-size: 16px;
}
#mobile_social_top {
  display: none;
  position: absolute;
  top: 0px;
  right: 20px;
}
#mobile_social_top a {
  color: #3f98ff;
  font-size: 32px;
}
#main_navigation {
  display: inline;
  float: left;
  width: 82.73809523809523%;
  margin: 0 0.2976190476190476%;
  margin: 0;
  float: right;
}
#main_navigation ul.menu {
  margin: 0;
  padding: 0;
  list-style: none;
  *zoom: 1;
  float: right;
  position: relative;
  z-index: 10;
}
#main_navigation ul.menu:before,
#main_navigation ul.menu:after {
  content: "";
  display: table;
}
#main_navigation ul.menu:after {
  clear: both;
}
#main_navigation ul.menu:before,
#main_navigation ul.menu:after {
  content: "";
  display: table;
}
#main_navigation ul.menu:after {
  clear: both;
}
#main_navigation ul.menu > li {
  display: inline-block;
  margin-left: 15px;
  padding-bottom: 5px;
  border-bottom: 3px solid transparent;
}
#main_navigation ul.menu > li > a {
  color: #576062;
}
#main_navigation ul.menu > li:first-child {
  margin-left: 0;
}
#main_navigation ul.menu > li.current-menu-item,
#main_navigation ul.menu > li.current-page-ancestor,
#main_navigation ul.menu > li.current-menu-ancestor,
#main_navigation ul.menu > li.current-menu-parent,
#main_navigation ul.menu > li.current-page-parent,
#main_navigation ul.menu > li:hover {
  border-bottom-color: #2db2be;
}
#main_navigation ul.menu > li.current-menu-item > a,
#main_navigation ul.menu > li.current-page-ancestor > a,
#main_navigation ul.menu > li.current-menu-ancestor > a,
#main_navigation ul.menu > li.current-menu-parent > a,
#main_navigation ul.menu > li.current-page-parent > a,
#main_navigation ul.menu > li:hover > a {
  color: #2db2be;
}
#main_navigation ul.menu > li ul.sub-menu {
  position: absolute;
  left: 0;
  top: 26px;
  height: 30px;
  width: 500px;
  display: none;
  padding-top: 10px;
}
#main_navigation ul.menu > li ul.sub-menu > li {
  display: block;
  float: left;
  margin-right: 15px;
}
#main_navigation ul.menu > li ul.sub-menu > li > a {
  font-size: 0.9em;
  color: #fff;
}
#main_navigation ul.menu > li ul.sub-menu > li.current-menu-item > a,
#main_navigation ul.menu > li ul.sub-menu > li:hover > a {
  color: #444;
}
#main_navigation #subnav_area {
  clear: both;
  width: 100%;
  background: #2db2be;
  height: 35px;
  position: relative;
  z-index: 5;
}
#main_navigation #subnav_area:after {
  position: absolute;
  content: '';
  display: block;
  width: 0;
  height: 0;
  top: 0;
  left: -10px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #f7f8f9;
}
#mobile_menu_container {
  display: none;
  float: right;
  margin-right: 20px;
}
#mobile_menu_container a {
  display: block;
  padding: 0px 15px;
  background: #2db2be;
  color: #fff;
  float: left;
  height: 35px;
  margin-left: 2px;
  line-height: 35px;
}
#mobile_menu_container a.active {
  height: 37px;
}
#mobile_menu_container a span {
  font-size: 18px;
  line-height: 35px;
}
#mobile_menu_container a span.icon-reorder {
  vertical-align: middle;
}
.breadcrumbs {
  clear: both;
}
.breadcrumbs .inner {
  padding: 10px 0;
  border-bottom: 1px solid #eee;
  font-size: 0.9em;
}
.breadcrumbs .inner a {
  color: #999;
}
.breadcrumbs .inner a:hover {
  text-decoration: underline;
}
.breadcrumbs .inner .icon-caret-right {
  padding: 0 5px;
}
#members_login {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  *behavior: url('/wp-content/themes/apcc_front/css/boxsizing.htc');
  padding: 5px 11px;
  border: none;
  margin: 0 0 0 0;
  text-transform: UPPERCASE;
  color: #fff !important;
  font-size: 0.8em !important;
  background: #2db2be;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
#members_login:hover {
  text-decoration: none;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  background: #238b95;
}
#members_login:active {
  color: #2db2be;
}
/* ==|== Content styles ===================================================== */
section#site_content {
  background: #ffffff;
  padding-bottom: 40px;
  min-height: 500px;
  *zoom: 1;
}
section#site_content:before,
section#site_content:after {
  content: "";
  display: table;
}
section#site_content:after {
  clear: both;
}
section#site_content:before,
section#site_content:after {
  content: "";
  display: table;
}
section#site_content:after {
  clear: both;
}
#home_banner {
  background: #2db2be;
  *zoom: 1;
  overflow: hidden;
  max-width: 950px;
  margin: 0 auto;
  margin-bottom: 20px;
  position: relative;
}
#home_banner:before,
#home_banner:after {
  content: "";
  display: table;
}
#home_banner:after {
  clear: both;
}
#home_banner:before,
#home_banner:after {
  content: "";
  display: table;
}
#home_banner:after {
  clear: both;
}
#home_banner #banner_images {
  position: relative;
  width: 57%;
  display: block;
  float: left;
  margin: 0;
  overflow: hidden;
}
#home_banner #banner_images ul {
  width: 300%;
  max-height: 252px;
  overflow: hidden;
  margin: 0;
  padding: 0;
  list-style: none;
  *zoom: 1;
  position: relative;
}
#home_banner #banner_images ul:before,
#home_banner #banner_images ul:after {
  content: "";
  display: table;
}
#home_banner #banner_images ul:after {
  clear: both;
}
#home_banner #banner_images ul:before,
#home_banner #banner_images ul:after {
  content: "";
  display: table;
}
#home_banner #banner_images ul:after {
  clear: both;
}
#home_banner #banner_images ul > li {
  width: 33%;
  display: block;
  float: left;
}
#home_banner #banner_images ul > li img {
  width: 542px;
  height: auto;
}
#home_banner #banner_content {
  float: right;
  width: 43%;
  display: block;
  padding: 0 30px 30px 30px;
}
#home_banner #banner_content ul {
  margin: 0;
  padding: 0;
  list-style: none;
  *zoom: 1;
  position: relative;
}
#home_banner #banner_content ul:before,
#home_banner #banner_content ul:after {
  content: "";
  display: table;
}
#home_banner #banner_content ul:after {
  clear: both;
}
#home_banner #banner_content ul:before,
#home_banner #banner_content ul:after {
  content: "";
  display: table;
}
#home_banner #banner_content ul:after {
  clear: both;
}
#home_banner #banner_content ul > li {
  color: #fff;
  background: #2db2be;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: none;
}
#home_banner #banner_content ul > li.visible {
  display: block;
  position: relative;
  z-index: 2;
}
#home_banner #banner_content ul > li a {
  color: #fff;
  font-size: 2em;
  font-weight: 200;
  line-height: 1.4em;
  display: block;
}
#home_banner #banner_content ul > li a:hover {
  text-decoration: underline;
}
#home_banner #banner_nav {
  position: absolute;
  bottom: 20px;
  left: 60.5%;
  z-index: 100;
}
#home_banner #banner_nav ol {
  margin: 0;
  padding: 0;
  list-style: none;
  *zoom: 1;
  position: relative;
}
#home_banner #banner_nav ol:before,
#home_banner #banner_nav ol:after {
  content: "";
  display: table;
}
#home_banner #banner_nav ol:after {
  clear: both;
}
#home_banner #banner_nav ol:before,
#home_banner #banner_nav ol:after {
  content: "";
  display: table;
}
#home_banner #banner_nav ol:after {
  clear: both;
}
#home_banner #banner_nav ol > li {
  display: block;
  float: left;
  margin-right: 10px;
  font-size: 30px;
  color: #5fcfd9;
}
#home_banner #banner_nav ol > li.current {
  color: #fff;
}
.medium_column {
  display: inline;
  width: 53.57142857142857%;
  margin: 0 0.2976190476190476%;
  float: left;
  margin: 0;
  margin-bottom: 40px;
}
.home_side_column {
  display: inline;
  float: left;
  width: 36.904761904761905%;
  margin: 0 0.2976190476190476%;
  float: right;
  clear: right;
  margin: 0;
  margin-bottom: 40px;
}
.home_side_column .map_placeholder {
  width: 100%;
}
.home_side_column .title {
  display: block;
  border-bottom: 1px solid #2db2be;
  margin-bottom: 20px;
  font-size: 32px;
  font-weight: 200;
  line-height: 52px;
  position: relative;
}
.home_side_column .title span {
  float: right;
  background: #2db2be;
  color: #fff;
  padding: 10px;
}
.home_side_column p {
  margin-bottom: 10px;
}
.home_side_column p.title {
  font-size: 1.3em;
  line-height: 1.6em;
  margin-bottom: 10px;
}
.home_side_column svg {
  width: 100%;
  height: 350px;
}
#rsr {
  position: relative;
}
#map_area_caption {
  padding: 10px;
  background: #754e82;
  color: #fff;
  position: fixed;
  top: 0;
  right: 0;
  vertical-align: bottom;
  -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
}
#map_area_caption span.icon-angle-right {
  font-size: 22px;
  vertical-align: sub;
  margin-left: 5px;
}
#map_area_caption:after {
  width: 0;
  height: 0;
  content: '';
  position: absolute;
  display: block;
  bottom: -6px;
  right: 6px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #754e82;
}
#map_area_caption:before {
  width: 0;
  height: 0;
  content: '';
  position: absolute;
  display: block;
  bottom: -8px;
  right: 4px;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid black;
  -moz-opacity: 0.1;
  -khtml-opacity: 0.1;
  -webkit-opacity: 0.1;
  opacity: 0.1;
  filter: alpha(opacity=10);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
}
article.panel {
  width: 100%;
  clear: both;
  *zoom: 1;
  position: relative;
  margin-bottom: 20px;
  border: 1px solid #202e6d;
  padding: 50px 20px 20px 20px;
}
article.panel:before,
article.panel:after {
  content: "";
  display: table;
}
article.panel:after {
  clear: both;
}
article.panel:before,
article.panel:after {
  content: "";
  display: table;
}
article.panel:after {
  clear: both;
}
article.panel .type {
  position: absolute;
  top: 0;
  left: 0;
  padding: 8px 0px 8px 15px;
  background: #202e6d;
  color: #fff;
  height: 36px;
  text-transform: UPPERCASE;
  font-size: 0.8em;
  width: 150px;
}
article.panel .type:after {
  position: absolute;
  top: 0;
  right: -18px;
  content: '';
  width: 0;
  height: 0;
  border-top: 18px solid transparent;
  border-bottom: 18px solid transparent;
  border-left: 18px solid #202e6d;
}
article.panel .date {
  position: absolute;
  top: 10px;
  left: 145px;
  color: #202e6d;
  font-size: 0.85em;
}
article.panel .all {
  position: absolute;
  right: 20px;
  top: 10px;
}
article.panel .all a {
  color: #00aeef;
}
article.panel ol {
  margin: 0;
  padding: 0;
  list-style: none;
  *zoom: 1;
  position: relative;
}
article.panel ol:before,
article.panel ol:after {
  content: "";
  display: table;
}
article.panel ol:after {
  clear: both;
}
article.panel ol:before,
article.panel ol:after {
  content: "";
  display: table;
}
article.panel ol:after {
  clear: both;
}
article.panel ol > li {
  *zoom: 1;
  margin-bottom: 10px;
}
article.panel ol > li:before,
article.panel ol > li:after {
  content: "";
  display: table;
}
article.panel ol > li:after {
  clear: both;
}
article.panel ol > li:before,
article.panel ol > li:after {
  content: "";
  display: table;
}
article.panel ol > li:after {
  clear: both;
}
article.panel p {
  color: #576062;
}
article.panel p.title {
  font-size: 1.2em;
}
article.panel p.title a {
  color: #202e6d;
  text-decoration: underline;
  font-weight: 200;
  line-height: 1.4em;
}
article.panel.purple {
  border-color: #754e82;
}
article.panel.purple .type {
  background: #754e82;
}
article.panel.purple .type:after {
  border-left-color: #754e82;
}
article.panel.purple .date {
  color: #754e82;
}
article.panel.purple p.title a {
  color: #754e82;
}
article.panel.orange {
  border-color: #bb5725;
  padding: 41px 0 5px 0;
}
article.panel.orange .type {
  background: #bb5725;
}
article.panel.orange .type:after {
  border-left-color: #bb5725;
}
article.panel.orange .date {
  color: #bb5725;
}
article.panel.orange p.title a {
  color: #bb5725;
}
ul.home_video_list {
  margin: 0;
  padding: 0;
  list-style: none;
  *zoom: 1;
  position: relative;
}
ul.home_video_list:before,
ul.home_video_list:after {
  content: "";
  display: table;
}
ul.home_video_list:after {
  clear: both;
}
ul.home_video_list:before,
ul.home_video_list:after {
  content: "";
  display: table;
}
ul.home_video_list:after {
  clear: both;
}
ul.home_video_list > li {
  *zoom: 1;
  background: #687072;
  position: relative;
}
ul.home_video_list > li:before,
ul.home_video_list > li:after {
  content: "";
  display: table;
}
ul.home_video_list > li:after {
  clear: both;
}
ul.home_video_list > li:before,
ul.home_video_list > li:after {
  content: "";
  display: table;
}
ul.home_video_list > li:after {
  clear: both;
}
ul.home_video_list > li:hover {
  background: #bb5725;
}
ul.home_video_list > li:hover .img .icon-play {
  color: #fff;
}
ul.home_video_list > li a .clickable {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1000;
  cursor: pointer;
  /*IE Fix*/
  background-image: url('empty.gif');
}
ul.home_video_list > li .img {
  width: 36%;
  float: left;
}
ul.home_video_list > li .img img {
  max-width: 100%;
  height: auto;
}
ul.home_video_list > li .img .icon-play {
  color: #bb5725;
  font-size: 30px;
  display: none;
}
ul.home_video_list > li .content {
  padding: 10px 15px 0 15px;
  width: 64%;
  float: right;
}
ul.home_video_list > li .content p {
  color: #fff;
  font-size: 12px;
  margin: 0;
}
ul.home_video_list > li .content p.source {
  font-size: 11px;
  color: #ccc;
}
#twitter_box {
  clear: both;
  *zoom: 1;
  padding: 50px 20px 20px 20px;
  position: relative;
  background: #ecf4ff;
  margin-bottom: 20px;
}
#twitter_box:before,
#twitter_box:after {
  content: "";
  display: table;
}
#twitter_box:after {
  clear: both;
}
#twitter_box:before,
#twitter_box:after {
  content: "";
  display: table;
}
#twitter_box:after {
  clear: both;
}
#twitter_box .logo {
  position: absolute;
  top: 0;
  left: 0;
  padding: 8px 10px 8px 15px;
  background: #3f98ff;
  color: #fff;
  height: 36px;
  text-transform: UPPERCASE;
  font-size: 20px;
}
#twitter_box .logo:after {
  position: absolute;
  top: 0;
  right: -18px;
  content: '';
  width: 0;
  height: 0;
  border-top: 18px solid transparent;
  border-bottom: 18px solid transparent;
  border-left: 18px solid #3f98ff;
}
#twitter_box .logo .icon-twitter {
  color: #fff;
}
#twitter_box .follow {
  position: absolute;
  top: 10px;
  left: 85px;
  color: #3f98ff;
  font-size: 0.85em;
}
#twitter_box ul {
  margin: 0;
  padding: 0;
  list-style: none;
  *zoom: 1;
  position: relative;
}
#twitter_box ul:before,
#twitter_box ul:after {
  content: "";
  display: table;
}
#twitter_box ul:after {
  clear: both;
}
#twitter_box ul:before,
#twitter_box ul:after {
  content: "";
  display: table;
}
#twitter_box ul:after {
  clear: both;
}
#twitter_box ul > li {
  clear: both;
  border-bottom: 1px solid #a5cfff;
  padding-bottom: 10px;
  margin-bottom: 20px;
}
#twitter_box ul > li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border: none;
}
#twitter_box ul > li p {
  color: #576062;
  margin-bottom: 5px;
}
#twitter_box ul > li p.time {
  font-size: 0.9em;
}
#twitter_box ul > li .entry-content {
  color: #576062;
  margin-bottom: 5px;
  display: block;
}
#twitter_box ul > li .time-meta {
  font-size: 0.9em;
  display: block;
}
#twitter_box ul > li .time-meta a {
  color: #576062;
}
.thin_left_side {
  display: inline;
  float: left;
  width: 15.238095238095239%;
  margin: 0 0.2976190476190476%;
  margin-left: 0;
  position: absolute;
  top: 0;
  left: 0;
}
#sub_nav {
  background: #f7f8f9;
  padding: 10px 0;
}
#sub_nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
  *zoom: 1;
  position: relative;
}
#sub_nav ul:before,
#sub_nav ul:after {
  content: "";
  display: table;
}
#sub_nav ul:after {
  clear: both;
}
#sub_nav ul:before,
#sub_nav ul:after {
  content: "";
  display: table;
}
#sub_nav ul:after {
  clear: both;
}
#sub_nav ul > li > a {
  display: block;
  padding: 5px 10px;
  color: #576062;
  font-size: 0.9em;
}
#sub_nav ul > li > a:hover,
#sub_nav ul > li > a.current {
  background: #2db2be;
  color: #fff;
}
#sub_nav ul > li ul.third_level {
  margin-left: 10px;
}
.middle_content {
  display: inline;
  float: left;
  width: 53.57142857142857%;
  margin: 0 0.2976190476190476%;
  margin-left: 17.26%;
  margin-top: 20px;
}
.middle_content svg {
  width: 100%;
  height: 510px;
}
.thin_right_side {
  display: inline;
  float: left;
  width: 24.404761904761905%;
  margin: 0 0.2976190476190476%;
  margin-right: 0;
  float: right;
}
article {
  *zoom: 1;
  margin-bottom: 20px;
}
article:before,
article:after {
  content: "";
  display: table;
}
article:after {
  clear: both;
}
article:before,
article:after {
  content: "";
  display: table;
}
article:after {
  clear: both;
}
article.post {
  position: relative;
}
article.post.pcc_news,
article.post.video {
  margin-bottom: 0;
  background: #fafafa;
  padding: 10px;
  padding-right: 50px;
  margin-bottom: 5px;
}
article.post.pcc_news:nth-child(odd),
article.post.video:nth-child(odd) {
  background: #f3f3f3;
}
article.post.pcc_news .icon-share,
article.post.video .icon-share {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 18px;
  color: #202e6d;
}
article.post.pcc_news .icon-play,
article.post.video .icon-play {
  position: absolute;
  top: 15px;
  right: 10px;
  font-size: 26px;
  color: #c46c6a;
}
article.post.pcc_news p,
article.post.video p {
  margin: 0;
  font-size: 13px;
}
article.post.pcc_news p.date,
article.post.video p.date {
  color: #999;
  font-style: normal;
}
article.post.pcc_news a,
article.post.video a {
  margin-top: 5px;
  display: block;
}
article.post.group_email {
  margin-bottom: 0;
}
article.post.group_email h2 {
  margin-bottom: 0;
}
article.post.group_email p.date {
  margin-bottom: 0;
}
.pcc_info {
  clear: both;
  *zoom: 1;
  background: #f7f8f9;
  position: relative;
  margin-bottom: 20px;
}
.pcc_info:before,
.pcc_info:after {
  content: "";
  display: table;
}
.pcc_info:after {
  clear: both;
}
.pcc_info:before,
.pcc_info:after {
  content: "";
  display: table;
}
.pcc_info:after {
  clear: both;
}
.pcc_info .map {
  width: 190px;
  height: 146px;
  float: left;
  background: #eaebeb;
  margin-right: 15px;
}
.pcc_info .content {
  padding: 10px;
}
.pcc_info .content p {
  margin-bottom: 5px;
}
.pcc_info .content p.small {
  font-size: 0.9em;
  margin-bottom: 0px;
}
.pcc_info .social_container {
  position: absolute;
  bottom: 10px;
  right: 10px;
  text-align: right;
}
.pcc_info .social_container a {
  font-size: 18px;
  margin-left: 10px;
}
.pcc_avatar {
  float: left;
  margin-right: 10px;
}
.icon-twitter {
  color: #3f98ff;
}
.icon-facebook {
  color: #3b5998;
}
.icon-googleplus {
  color: #dd4b39;
}
.downloads_container {
  *zoom: 1;
  clear: both;
  margin-top: 20px;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #eee;
}
.downloads_container:before,
.downloads_container:after {
  content: "";
  display: table;
}
.downloads_container:after {
  clear: both;
}
.downloads_container:before,
.downloads_container:after {
  content: "";
  display: table;
}
.downloads_container:after {
  clear: both;
}
.download_list {
  margin: 0;
  padding: 0;
  list-style: none;
  *zoom: 1;
  position: relative;
  word-wrap: break-word;
}
.download_list:before,
.download_list:after {
  content: "";
  display: table;
}
.download_list:after {
  clear: both;
}
.download_list:before,
.download_list:after {
  content: "";
  display: table;
}
.download_list:after {
  clear: both;
}
.download_list > li {
  *zoom: 1;
  position: relative;
  margin-bottom: 5px;
}
.download_list > li:before,
.download_list > li:after {
  content: "";
  display: table;
}
.download_list > li:after {
  clear: both;
}
.download_list > li:before,
.download_list > li:after {
  content: "";
  display: table;
}
.download_list > li:after {
  clear: both;
}
.download_list > li span.icon-file-download {
  color: #c46c6a;
  font-size: 18px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.download_list > li a {
  color: #576062;
  text-decoration: underline;
  font-size: 12px;
  line-height: 18px;
  padding-left: 25px;
  display: block;
}
.find_pcc_cta {
  clear: both;
  *zoom: 1;
  position: relative;
  margin-bottom: 20px;
  background: #f8faf9;
}
.find_pcc_cta:before,
.find_pcc_cta:after {
  content: "";
  display: table;
}
.find_pcc_cta:after {
  clear: both;
}
.find_pcc_cta:before,
.find_pcc_cta:after {
  content: "";
  display: table;
}
.find_pcc_cta:after {
  clear: both;
}
.find_pcc_cta .title {
  padding: 10px;
  background: #2db2be;
  color: #fff;
  font-size: 20px;
  font-weight: 200;
}
.find_pcc_cta .title .icon-location {
  float: right;
  font-size: 22px;
}
.find_pcc_cta .map {
  padding: 20px 40px;
}
.find_pcc_cta .map img {
  width: 100%;
}
.find_pcc_cta .map svg {
  width: 100%;
  height: 200px;
}
.archive_container {
  *zoom: 1;
  margin-top: 20px;
}
.archive_container:before,
.archive_container:after {
  content: "";
  display: table;
}
.archive_container:after {
  clear: both;
}
.archive_container:before,
.archive_container:after {
  content: "";
  display: table;
}
.archive_container:after {
  clear: both;
}
ul.post_archive_list {
  margin: 0;
  padding: 0;
  list-style: none;
  *zoom: 1;
  position: relative;
}
ul.post_archive_list:before,
ul.post_archive_list:after {
  content: "";
  display: table;
}
ul.post_archive_list:after {
  clear: both;
}
ul.post_archive_list:before,
ul.post_archive_list:after {
  content: "";
  display: table;
}
ul.post_archive_list:after {
  clear: both;
}
ul.post_archive_list > li > a.current,
ul.post_archive_list > li > a:hover {
  text-decoration: underline;
}
.nav-single {
  clear: both;
  padding: 20px 0;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  margin-bottom: 20px;
  *zoom: 1;
}
.nav-single:before,
.nav-single:after {
  content: "";
  display: table;
}
.nav-single:after {
  clear: both;
}
.nav-single:before,
.nav-single:after {
  content: "";
  display: table;
}
.nav-single:after {
  clear: both;
}
.nav-single strong {
  display: block;
}
.nav-single a {
  color: #576062;
  text-decoration: underline;
  font-size: 0.9em;
  clear: both;
  float: left;
}
.nav-single .icons {
  float: right;
}
.nav-single .icons a {
  font-size: 26px;
  color: #576062;
  margin-left: 10px;
  text-decoration: none;
  float: none;
}
.nav-archive {
  clear: both;
}
.nav-archive .nav-previous {
  float: left;
}
.nav-archive .nav-next {
  float: right;
}
.board_members_list {
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
  padding-top: 20px;
  *zoom: 1;
}
.board_members_list:before,
.board_members_list:after {
  content: "";
  display: table;
}
.board_members_list:after {
  clear: both;
}
.board_members_list:before,
.board_members_list:after {
  content: "";
  display: table;
}
.board_members_list:after {
  clear: both;
}
.board_members_list:before,
.board_members_list:after {
  content: "";
  display: table;
}
.board_members_list:after {
  clear: both;
}
.board_members_list:before,
.board_members_list:after {
  content: "";
  display: table;
}
.board_members_list:after {
  clear: both;
}
.board_members_list > li {
  *zoom: 1;
  margin-bottom: 20px;
}
.board_members_list > li:before,
.board_members_list > li:after {
  content: "";
  display: table;
}
.board_members_list > li:after {
  clear: both;
}
.board_members_list > li:before,
.board_members_list > li:after {
  content: "";
  display: table;
}
.board_members_list > li:after {
  clear: both;
}
.board_members_list > li .img {
  float: left;
  margin-right: 15px;
}
.board_members_list > li .content p.title {
  font-weight: 500;
  font-size: 1.2em;
  margin-bottom: 10px;
}
.pcc_feed {
  margin: 20px 0;
  *zoom: 1;
}
.pcc_feed:before,
.pcc_feed:after {
  content: "";
  display: table;
}
.pcc_feed:after {
  clear: both;
}
.pcc_feed:before,
.pcc_feed:after {
  content: "";
  display: table;
}
.pcc_feed:after {
  clear: both;
}
.pcc_feed ul {
  margin: 0;
  padding: 0;
  list-style: none;
  *zoom: 1;
  position: relative;
}
.pcc_feed ul:before,
.pcc_feed ul:after {
  content: "";
  display: table;
}
.pcc_feed ul:after {
  clear: both;
}
.pcc_feed ul:before,
.pcc_feed ul:after {
  content: "";
  display: table;
}
.pcc_feed ul:after {
  clear: both;
}
.pcc_feed ul > li {
  margin-bottom: 10px;
}
.pcc_feed ul > li > a {
  text-decoration: underline;
  color: #202e6d;
}
.event_info {
  *zoom: 1;
  margin-bottom: 20px;
}
.event_info:before,
.event_info:after {
  content: "";
  display: table;
}
.event_info:after {
  clear: both;
}
.event_info:before,
.event_info:after {
  content: "";
  display: table;
}
.event_info:after {
  clear: both;
}
.event_info .date {
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  border-right: 1px solid #eee;
  padding: 0px 10px 0px 0;
  display: block;
  float: left;
  width: 65%;
  height: 50px;
  line-height: 50px;
}
.event_info .date .icon-calendar {
  font-size: 22px;
  color: #b9b9b9;
  vertical-align: sub;
  margin-right: 10px;
}
.event_info .time {
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  padding: 0px 10px 0px 10px;
  display: block;
  float: right;
  width: 35%;
  height: 50px;
  line-height: 50px;
}
.event_info .time .icon-clock {
  font-size: 22px;
  color: #b9b9b9;
  vertical-align: sub;
  margin-right: 10px;
}
.event_info .map {
  width: 65%;
  display: block;
  float: left;
  border-bottom: 1px solid #eee;
  border-right: 1px solid #eee;
  height: 220px;
}
.event_info .address {
  clear: both;
  border-bottom: 1px solid #eee;
  padding: 10px 10px 10px 10px;
  display: block;
  float: right;
  width: 35%;
  height: 220px;
}
.event_info .address .icon-marker {
  font-size: 28px;
  display: block;
  height: 220px;
  float: left;
  color: #b9b9b9;
  vertical-align: sub;
  margin-right: 10px;
}
ul.reports_list {
  margin: 0;
  padding: 0;
  list-style: none;
  *zoom: 1;
  position: relative;
}
ul.reports_list:before,
ul.reports_list:after {
  content: "";
  display: table;
}
ul.reports_list:after {
  clear: both;
}
ul.reports_list:before,
ul.reports_list:after {
  content: "";
  display: table;
}
ul.reports_list:after {
  clear: both;
}
ul.reports_list > li {
  position: relative;
  *zoom: 1;
  padding: 15px;
  padding-right: 35px;
  background: #fafafa;
  margin-bottom: 5px;
}
ul.reports_list > li:before,
ul.reports_list > li:after {
  content: "";
  display: table;
}
ul.reports_list > li:after {
  clear: both;
}
ul.reports_list > li:before,
ul.reports_list > li:after {
  content: "";
  display: table;
}
ul.reports_list > li:after {
  clear: both;
}
ul.reports_list > li:nth-child(even) {
  background: #f3f3f3;
}
ul.reports_list > li a {
  color: #576062;
  font-size: 1.1em;
  text-decoration: underline;
  margin-bottom: 10px;
  display: block;
}
ul.reports_list > li p {
  margin: 0;
}
ul.reports_list > li .icon-file-download {
  position: absolute;
  top: 15px;
  right: 15px;
  color: #c46c6a;
  font-size: 22px;
}
a.non_geo_link {
  float: right;
  color: #754e82;
}
a.non_geo_link:hover {
  text-decoration: underline;
}
ul.non_geo_list {
  margin: 0;
  padding: 0;
  list-style: none;
  *zoom: 1;
  position: relative;
}
ul.non_geo_list:before,
ul.non_geo_list:after {
  content: "";
  display: table;
}
ul.non_geo_list:after {
  clear: both;
}
ul.non_geo_list:before,
ul.non_geo_list:after {
  content: "";
  display: table;
}
ul.non_geo_list:after {
  clear: both;
}
ul.non_geo_list > li {
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #eee;
}
ul.non_geo_list > li p {
  margin: 0;
  font-size: 12px;
}
.documents_container {
  clear: both;
  margin: 20px 0;
  padding: 15px 0;
  border-top: 1px solid #eee;
  position: relative;
}
.documents_container p {
  font-size: 16px;
  margin-bottom: 10px;
  font-weight: 500;
}
.documents_container .icon-file-download {
  position: absolute;
  top: 15px;
  right: 0;
  font-size: 26px;
  color: #ccc;
}
ul.documents {
  margin: 0;
  padding: 0;
  list-style: none;
  *zoom: 1;
  position: relative;
}
ul.documents:before,
ul.documents:after {
  content: "";
  display: table;
}
ul.documents:after {
  clear: both;
}
ul.documents:before,
ul.documents:after {
  content: "";
  display: table;
}
ul.documents:after {
  clear: both;
}
.attachments_container {
  clear: both;
  margin-top: 20px;
  padding: 15px 0;
  border-top: 1px solid #eee;
}
.attachments_container ul {
  margin: 0;
  padding: 0;
  list-style: none;
  *zoom: 1;
  position: relative;
}
.attachments_container ul:before,
.attachments_container ul:after {
  content: "";
  display: table;
}
.attachments_container ul:after {
  clear: both;
}
.attachments_container ul:before,
.attachments_container ul:after {
  content: "";
  display: table;
}
.attachments_container ul:after {
  clear: both;
}
.attachments_container ul > li .icon-paperclip {
  font-size: 20px;
  margin-right: 5px;
  color: #d9d9d9;
}
/* ==|== Footer styles ===================================================== */
footer#site_footer {
  clear: both;
  padding: 40px 0 40px 0;
}
#bottom_logo {
  float: left;
}
nav#footer_navigation {
  float: left;
  padding: 10px 30px 30px 20px;
  margin-right: 30px;
  border-right: 1px solid #787f81;
}
nav#footer_navigation ul.menu {
  display: block;
  float: left;
  width: 110px;
  margin-left: 10px;
}
nav#footer_navigation ul.menu > li {
  line-height: 1.4em;
}
nav#footer_navigation ul.menu > li > a {
  font-size: 0.9em;
  color: #fff;
}
nav#footer_navigation ul.menu > li > a:hover {
  text-decoration: underline;
}
nav#footer_navigation ul.menu > li.current-menu-item > a {
  text-decoration: underline;
}
#bottom_address {
  float: left;
  width: 330px;
  padding: 10px 0px 10px 0;
}
#bottom_address p {
  color: #fff;
}
#bottom_address p.address {
  margin-bottom: 12px;
  font-size: 0.9em;
  line-height: 1.6em;
  color: #cccecf;
}
#to_the_top {
  position: relative;
  right: 0;
  top: 0;
  float: right;
  text-align: center;
}
#to_the_top a {
  color: #fff;
}
#to_the_top a span {
  display: block;
  font-size: 28px;
  color: #787f81;
  line-height: 20px;
}
.right-col {
  float: left;
}
#social_bottom {
  padding-top: 10px;
}
#social_bottom a {
  color: #3f98ff;
  font-size: 26px;
}
#credits {
  clear: both;
  float: left;
}
#credits p a {
  font-size: 12px;
  color: #cccecf;
}
/* ==|== Form styles ===================================================== */
input[type="text"],
input[type="password"],
input[type="search"],
input[type="email"],
input[type="tel"],
select,
textarea {
  border: 1px solid #e6ebee;
  margin: 0;
  padding: 5px 10px;
  font-size: 0.9em;
  color: #576062;
  height: 30px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  *behavior: url('/wp-content/themes/apcc_front/css/boxsizing.htc');
}
input[type="submit"],
button[type="submit"] {
  border: none;
  height: 30px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  *behavior: url('/wp-content/themes/apcc_front/css/boxsizing.htc');
  padding: 0 10px;
  margin: 0;
  text-transform: UPPERCASE;
  color: #fff;
  font-size: 12px;
  background: #2db2be;
}
ul.form {
  margin: 0;
  padding: 0;
  list-style: none;
  *zoom: 1;
  position: relative;
}
ul.form:before,
ul.form:after {
  content: "";
  display: table;
}
ul.form:after {
  clear: both;
}
ul.form:before,
ul.form:after {
  content: "";
  display: table;
}
ul.form:after {
  clear: both;
}
ul.form > li {
  position: relative;
  *zoom: 1;
  clear: both;
  margin-bottom: 10px;
}
ul.form > li:before,
ul.form > li:after {
  content: "";
  display: table;
}
ul.form > li:after {
  clear: both;
}
ul.form > li:before,
ul.form > li:after {
  content: "";
  display: table;
}
ul.form > li:after {
  clear: both;
}
ul.form > li.submit {
  padding-left: 33%;
}
ul.form > li label {
  width: 30%;
  text-align: right;
  display: block;
  float: left;
  font-size: 1em;
  padding-top: 4px;
}
ul.form > li input,
ul.form > li textarea {
  float: right;
  width: 67%;
}
ul.form > li textarea {
  height: 140px;
}
ul.form > li input[type="submit"],
ul.form > li button[type="submit"] {
  width: auto;
  float: left;
}
ul.form > li span.wpcf7-form-control-wrap {
  position: relative;
  *zoom: 1;
  z-index: 1;
}
ul.form > li span.wpcf7-form-control-wrap:before,
ul.form > li span.wpcf7-form-control-wrap:after {
  content: "";
  display: table;
}
ul.form > li span.wpcf7-form-control-wrap:after {
  clear: both;
}
ul.form > li span.wpcf7-form-control-wrap:before,
ul.form > li span.wpcf7-form-control-wrap:after {
  content: "";
  display: table;
}
ul.form > li span.wpcf7-form-control-wrap:after {
  clear: both;
}
ul.form > li span.wpcf7-form-control-wrap input,
ul.form > li span.wpcf7-form-control-wrap select,
ul.form > li span.wpcf7-form-control-wrap textarea {
  position: relative;
  z-index: 2;
}
ul.form > li span.wpcf7-not-valid-tip {
  position: relative;
  clear: both;
  top: auto;
  left: auto;
  border: none;
  color: #c46c6a;
  width: auto;
  padding-left: 33%;
}
span.required {
  color: #c46c6a;
}
#comments label {
  width: 30%;
  text-align: right;
  display: block;
  float: left;
  font-size: 1em;
  padding-top: 4px;
}
#comments input,
#comments textarea {
  float: right;
  width: 67%;
}
#comments textarea {
  height: 140px;
}
#comments p {
  *zoom: 1;
  margin-bottom: 10px;
}
#comments p:before,
#comments p:after {
  content: "";
  display: table;
}
#comments p:after {
  clear: both;
}
#comments p:before,
#comments p:after {
  content: "";
  display: table;
}
#comments p:after {
  clear: both;
}
#comments input[type="submit"],
#comments button[type="submit"] {
  width: auto;
  float: right;
}
body div.wpcf7-response-output {
  clear: both;
  padding: 0;
  margin: 0;
  border: none !important;
  padding-left: 33%;
}
body div.wpcf7-validation-errors {
  color: #c46c6a;
}
body div.wpcf7-mail-sent-ok {
  color: green;
}
ol.commentlist {
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
  *zoom: 1;
  margin-bottom: 20px;
}
ol.commentlist:before,
ol.commentlist:after {
  content: "";
  display: table;
}
ol.commentlist:after {
  clear: both;
}
ol.commentlist:before,
ol.commentlist:after {
  content: "";
  display: table;
}
ol.commentlist:after {
  clear: both;
}
ol.commentlist:before,
ol.commentlist:after {
  content: "";
  display: table;
}
ol.commentlist:after {
  clear: both;
}
ol.commentlist:before,
ol.commentlist:after {
  content: "";
  display: table;
}
ol.commentlist:after {
  clear: both;
}
ol.commentlist li {
  *zoom: 1;
}
ol.commentlist li:before,
ol.commentlist li:after {
  content: "";
  display: table;
}
ol.commentlist li:after {
  clear: both;
}
ol.commentlist li:before,
ol.commentlist li:after {
  content: "";
  display: table;
}
ol.commentlist li:after {
  clear: both;
}
ol.commentlist li .comment-body {
  padding: 15px;
  background: #f4f4f4;
  *zoom: 1;
}
ol.commentlist li .comment-body:before,
ol.commentlist li .comment-body:after {
  content: "";
  display: table;
}
ol.commentlist li .comment-body:after {
  clear: both;
}
ol.commentlist li .comment-body:before,
ol.commentlist li .comment-body:after {
  content: "";
  display: table;
}
ol.commentlist li .comment-body:after {
  clear: both;
}
ol.commentlist li .comment-meta {
  margin-bottom: 10px;
}
ol.commentlist li .comment-meta a {
  color: #576062;
  text-decoration: underline;
  font-size: 12px;
}
ol.commentlist li .reply {
  float: right;
  clear: both;
  *zoom: 1;
}
ol.commentlist li .reply:before,
ol.commentlist li .reply:after {
  content: "";
  display: table;
}
ol.commentlist li .reply:after {
  clear: both;
}
ol.commentlist li .reply:before,
ol.commentlist li .reply:after {
  content: "";
  display: table;
}
ol.commentlist li .reply:after {
  clear: both;
}
ol.commentlist li ol.children {
  margin: 0;
  padding: 0;
  list-style: none;
  *zoom: 1;
  position: relative;
  clear: both;
  margin-left: 20px;
}
ol.commentlist li ol.children:before,
ol.commentlist li ol.children:after {
  content: "";
  display: table;
}
ol.commentlist li ol.children:after {
  clear: both;
}
ol.commentlist li ol.children:before,
ol.commentlist li ol.children:after {
  content: "";
  display: table;
}
ol.commentlist li ol.children:after {
  clear: both;
}
ol.commentlist li ol.children li .comment-body {
  background: #f9f9f9;
}
.preleaseresults .prelease {
  color: #576062;
  margin-bottom: 10px;
  padding-bottom: 10px;
  display: block;
  border-bottom: 1px solid #a5cfff;
}
.prelease a {
  color: #576062;
  margin-bottom: 5px;
  display: block;
}
.preleasetitle {
  font-size: 18px;
}
.preleasedatetime {
  color: #576062;
  font-size: 0.9em;
  display: block;
}
.preleasedatetimearchive {
  margin-bottom: 10px;
  color: #576062;
  font-size: 0.9em;
  display: block;
}
.prelease:last-child {
  border-bottom: none;
  margin-bottom: 0px;
}
.h2nomarg {
  margin: 0px !important;
}
/* ==|== 404 styles ===================================================== */
#four_0_four {
  padding: 20px;
  max-width: 640px;
  margin: 0 auto;
  *zoom: 1;
}
#four_0_four:before,
#four_0_four:after {
  content: "";
  display: table;
}
#four_0_four:after {
  clear: both;
}
#four_0_four:before,
#four_0_four:after {
  content: "";
  display: table;
}
#four_0_four:after {
  clear: both;
}
#four_0_four .content {
  padding: 20px;
  background: #fff;
}
#four_0_four #logo {
  padding: 20px;
  background: #f7f8f9;
  text-align: center;
}
#four_0_four #logo img {
  margin: 0 auto;
}
#cookie_warning {
  *zoom: 1;
  padding: 20px 0;
}
#cookie_warning:before,
#cookie_warning:after {
  content: "";
  display: table;
}
#cookie_warning:after {
  clear: both;
}
#cookie_warning:before,
#cookie_warning:after {
  content: "";
  display: table;
}
#cookie_warning:after {
  clear: both;
}
#cookie_warning p {
  color: #fff;
}
#cookie_warning p.title {
  font-size: 16px;
  font-weight: 500;
}
/* ==|== IE styles ===================================================== */
#ie-warning {
  *zoom: 1;
  padding: 20px 0;
}
#ie-warning:before,
#ie-warning:after {
  content: "";
  display: table;
}
#ie-warning:after {
  clear: both;
}
#ie-warning:before,
#ie-warning:after {
  content: "";
  display: table;
}
#ie-warning:after {
  clear: both;
}
#ie-warning h1 {
  color: #fff;
}
#ie-warning p {
  color: #fff;
}
.ie7 .home_side_column #rsr,
.ie8 .home_side_column #rsr {
  display: none;
}
.ie7 .home_side_column img,
.ie8 .home_side_column img {
  display: block !important;
}
@media screen and (max-width: 950px) {
  body {
    min-width: 320px;
  }
  #site_content .inner {
    padding: 0 20px;
  }
  #top_logo {
    margin-left: 20px;
  }
  #header_meta {
    margin-right: 20px;
  }
  #main_navigation {
    width: 100%;
  }
  #main_navigation #subnav_area:after {
    display: none;
  }
  #main_navigation ul.menu {
    width: 100%;
    padding: 0 20px;
  }
  #main_navigation ul.menu > li ul.sub-menu {
    left: 20px;
  }
  #header_meta {
    display: inline;
    float: left;
    width: 66.07142857142857%;
    margin: 0 0.2976190476190476%;
    float: right;
    margin-right: 20px;
  }
  #header_meta .login_wrap {
    float: left;
    margin: 4px 100px 0 6px;
  }
  #header_meta ul {
    float: right;
  }
  #header_meta #top_site_search_form {
    margin-top: 20px;
    clear: both;
  }
  #bottom_logo {
    display: none;
  }
  #to_the_top {
    right: 20px;
  }
  article.panel .all {
    top: auto;
    bottom: 20px;
  }
  article.panel.orange .all {
    top: 10px;
    bottom: auto;
  }
  .pcc_info .map {
    display: none;
  }
  .thin_left_side {
    left: 20px;
  }
  .middle_content {
    display: inline;
    float: left;
    width: 49.404761904761905%;
    margin: 0 0.2976190476190476%;
    margin-top: 20px;
    margin-left: 20%;
  }
  .breadcrumbs .inner {
    padding: 10px 20px !important;
  }
  ul.home_video_list > li {
    margin-bottom: 1px;
  }
  ul.home_video_list > li:last-child {
    margin-bottom: 0;
  }
  ul.home_video_list > li .img {
    position: absolute;
    widows: auto;
    left: 10px;
    top: 15px;
    bottom: 0;
  }
  ul.home_video_list > li .img img {
    display: none;
  }
  ul.home_video_list > li .img .icon-play {
    display: block;
  }
  ul.home_video_list > li .content {
    width: 100%;
    padding-left: 55px;
    padding-bottom: 10px;
  }
  #credits {
    margin-left: 20px;
  }
  #cookie_warning .inner {
    padding: 0 20px;
  }
  #main_navigation ul.menu > li {
    margin-left: 10px;
    font-size: 12px;
  }
  #members_login {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    *behavior: url('/wp-content/themes/apcc_front/css/boxsizing.htc');
    padding: 5px 11px;
    border: none;
    margin: 0 0 0 0;
    display: block;
    text-transform: UPPERCASE;
    color: #fff !important;
    font-size: 11px !important;
    background: #2db2be;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
  }
  #members_login:hover {
    text-decoration: none;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    background: #238b95;
  }
  #members_login:active {
    color: #2db2be;
  }
  div#contactmap iframe {
    max-width: 100%;
  }
}
@media screen and (max-width: 680px) {
  #mobile_menu_container {
    display: block;
  }
  #mobile_social_top {
    display: block;
    text-align: right;
  }
  #main_navigation {
    display: none;
    clear: both;
  }
  #main_navigation.visible {
    display: block;
  }
  #main_navigation ul.menu {
    text-align: left;
    padding: 0;
  }
  #main_navigation ul.menu > li {
    clear: both;
    float: none;
    display: block;
    margin: 0;
    border-bottom: 1px solid #fff;
    padding: 0;
  }
  #main_navigation ul.menu > li:last-child {
    border-bottom: none;
  }
  #main_navigation ul.menu > li.current-menu-item,
  #main_navigation ul.menu > li.current-page-ancestor,
  #main_navigation ul.menu > li.current-menu-ancestor,
  #main_navigation ul.menu > li.current-menu-parent,
  #main_navigation ul.menu > li.current-page-parent,
  #main_navigation ul.menu > li:hover {
    border-bottom-color: #fff;
  }
  #main_navigation ul.menu > li.current-menu-item > a,
  #main_navigation ul.menu > li.current-page-ancestor > a,
  #main_navigation ul.menu > li.current-menu-ancestor > a,
  #main_navigation ul.menu > li.current-menu-parent > a,
  #main_navigation ul.menu > li.current-page-parent > a,
  #main_navigation ul.menu > li:hover > a {
    color: #fff;
  }
  #main_navigation ul.menu > li > a {
    display: block;
    padding: 10px 20px;
    background: #2db2be;
    color: #fff;
  }
  #main_navigation ul.menu > li.current-menu-item,
  #main_navigation ul.menu > li:hover {
    border-bottom-color: #fff;
  }
  #main_navigation ul.menu > li.current-menu-item > a,
  #main_navigation ul.menu > li:hover > a {
    color: #fff;
  }
  #main_navigation ul.menu > li.current-menu-item ul.sub-menu {
    display: none;
  }
  #main_navigation #subnav_area {
    display: none;
  }
  #home_banner #banner_nav {
    display: none;
  }
  #header_meta {
    clear: both;
    width: 100%;
    margin: 0;
    margin-top: -30px;
    height: auto;
  }
  #header_meta div.login_wrap,
  #header_meta ul {
    display: none;
  }
  #header_meta #top_site_search_form {
    clear: both;
    display: none;
    margin: 0;
    width: 100%;
    padding: 20px 15px;
    background: #2db2be;
  }
  #header_meta #top_site_search_form.visible {
    display: block;
  }
  #header_meta #top_site_search_form input[type="search"] {
    width: 100%;
  }
  #header_meta #top_site_search_form button {
    position: absolute;
    right: 15px;
    top: 20px;
  }
  #members_login {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    *behavior: url('/wp-content/themes/apcc_front/css/boxsizing.htc');
    padding: 5px 11px;
    border: none;
    margin: 12px 0 0 0;
    display: block;
    text-transform: UPPERCASE;
    color: #fff !important;
    font-size: 11px !important;
    background: #2db2be;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
  }
  #members_login:hover {
    text-decoration: none;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    background: #238b95;
  }
  #members_login:active {
    color: #2db2be;
  }
  footer#site_footer {
    padding-top: 20px;
  }
  nav#footer_navigation {
    display: none;
  }
  .right-col {
    padding: 0 20px 20px 20px;
    width: 100%;
  }
  .right-col #members_login {
    margin-top: 16px;
  }
  #bottom_address {
    padding: 20px 20px 0 20px;
    width: 100%;
  }
  #home_banner #banner_images {
    width: 100%;
  }
  #home_banner #banner_content {
    width: 100%;
    padding-top: 30px;
  }
  .home_side_column.map {
    clear: both;
    width: 100%;
  }
  .thin_left_side {
    display: inline;
    float: left;
    width: 20.238095238095237%;
    margin: 0 0.2976190476190476%;
  }
  .middle_content {
    display: inline;
    float: left;
    width: 74.40476190476191%;
    margin: 0 0.2976190476190476%;
    margin-left: 21.130952380952383%;
    margin-top: 20px;
    float: right;
    margin-right: 0;
  }
  .thin_right_side {
    clear: both;
    display: inline;
    float: left;
    width: 74.40476190476191%;
    margin: 0 0.2976190476190476%;
    margin-left: 21.130952380952383%;
    float: right;
    margin-right: 0;
  }
  div#contactmap iframe {
    max-width: 100%;
  }
}
@media screen and (max-width: 560px) {
  .medium_column {
    width: 100%;
    clear: both;
  }
  .home_side_column {
    clear: both;
    width: 100%;
  }
  .thin_left_side {
    position: relative;
    clear: both;
    width: 100%;
    left: auto;
  }
  .middle_content {
    width: 100%;
    margin: 0;
    margin-top: 20px;
  }
  .thin_right_side {
    width: 100%;
    margin: 0;
  }
  #members_login {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    *behavior: url('/wp-content/themes/apcc_front/css/boxsizing.htc');
    padding: 5px 11px;
    border: none;
    margin: 12px 0 0 0;
    display: block;
    text-transform: UPPERCASE;
    color: #fff !important;
    font-size: 11px !important;
    background: #2db2be;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
  }
  #members_login:hover {
    text-decoration: none;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    background: #238b95;
  }
  #members_login:active {
    color: #2db2be;
  }
  div#contactmap iframe {
    max-width: 100%;
  }
}
/* For image replacement */
.ir {
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
  *line-height: 0;
}
.ir br {
  display: none;
}
/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden {
  display: none !important;
  visibility: hidden;
}
/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
/* Hide visually and from screenreaders, but maintain layout */
.invisible {
  visibility: hidden;
}
@media print {
  * {
    background: transparent !important;
    color: black !important;
    box-shadow: none !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }
  /* Black prints faster: h5bp.com/s */
  a,
  a:visited {
    text-decoration: underline;
  }
  /*a[href]:after { content: " (" attr(href) ")"; }
    abbr[title]:after { content: " (" attr(title) ")"; }*/
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  /* Don't show links for images, or javascript/internal links */
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  /* h5bp.com/t */
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  #site_header,
  #site_footer,
  #left_col,
  #main_navigation_button {
    display: none;
  }
}