/* Combined from typography.css and main.css */

/* ---------------- typography.css ---------------- */
/* -------------------------------------------------------------- 
   
   typography.css
   * Sets up some sensible default typography for Slate.
   
-------------------------------------------------------------- */

/* Default font settings */
body { 
  /* customize_body */ font: normal normal 13px Helvetica; /* customize_body */
  /* customize_body */ color: #666; /* customize_body */
  line-height:1.5;
}

/* Headings */
h1,h2,h3,h4,h5,h6 { font-family: 'Lato', Arial, Helvetica, sans-serif; font-weight: 400; /* customize_heading_color */color:#444;/* customize_heading_color */ }
h1 a, h2 a, h3 a { text-decoration: none; }

h1 { font-size: 2.5em; font-weight: 700; line-height: 1.1em; margin: 0 0 0.5em; }
h2 { font-size: 1.8em; line-height: 1.1em; margin: 0 0 0.5em; }
h3 { font-size: 1.4em; line-height: 1em; margin: 0 0 0.75em; }
h4 { font-size: 1.2em; line-height: 1.25em; margin: 0 0 1em; }
h5 { font-size: 1.1em; font-weight: bold; margin: 0 0 .75em; }
h6 { font-size: 1em; font-weight: bold; margin: 0 0 .75em; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img { margin: 0; }

/* Text elements */
p { margin: 0 0 1.5em; }
p img.left, img.left { float:left; margin:0 1.75em 1.75em 0; }
p img.right, img.right { float:right; margin:0 0 1.75em 1.75em; }
img.left, img.right { background:#fff; padding:5px; border:1px solid #ddd; }

a { /* customize_link */ color: #506d83; /* customize_link */ text-decoration: underline; }
a:hover { /* customize_link_hover */ color: #27465e; /* customize_link_hover */ }

strong { font-weight: bold; }
em,dfn { font-style: italic; }
dfn { font-weight: bold; }
sup, sub { line-height: 0; }

abbr, acronym { border-bottom: 1px dotted #666; }
address { margin: 0 0 1.5em; font-style: italic; }
del { color:#666; }

pre { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }

hr { border: 0!important; width: 100%; color: #ccc; background-color: #ccc; height: 1px; margin: 2em 0!important; }

/* Blockquotes */
blockquote, blockquote p { font-family:"Droid Serif", Georgia, Times, serif; font-size: 17px; line-height: 24px; color: #777; font-style: italic; }
blockquote { margin: 0 0 20px; padding: 0 20px 0 19px; border-left: 3px solid #ddd; }
blockquote cite { display: block; font-size: 12px; color: #555; }
blockquote cite:before { content: "\2014 \0020"; }
blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }

/* Lists */
li ul, li ol { margin:0 1.5em; }
ul, ol { margin: 0 0 1.5em 2em; padding:0 }
ul { list-style-type: disc; }
ol { list-style-type: decimal; }
dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dd { margin-left: 1.5em;}

/* Misc classes */
.small { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide { display: none; }
.quiet { color: #666; }
.loud { color: #000; }
.highlight { background:#ff0; }
.added { background:#060; color: #fff; }
.removed { background:#900; color: #fff; }
.first { margin-left:0; padding-left:0; }
.last { margin-right:0; padding-right:0; }
.top { margin-top:0; padding-top:0; }
.bottom { margin-bottom:0; padding-bottom:0; }
.left { float:left; }
.right { float:right; }
.icon { float:left; margin:0 10px 0 0 !important; }
.button {}

/* ---------------- main.css ---------------- */
/* Only key sections shown here; full content merged from original main.css */

/* HTML ELEMENTS */
body { /* customize_background */background-color:#e1e1e1;/* customize_background */ margin:0; padding:0; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; margin:0; padding:0; }
a img { border: 0; }
img, object, embed { max-width: 100%; }
img { width: auto; height: auto; -ms-interpolation-mode:bicubic; }
* { outline:none; }

/* LAYOUT */
#container { /* customize_container_background */background-color:#fff;/* customize_container_background */ margin:0 auto; max-width:1100px; width:100%; }
header { /* customize_header_background */background-color:#fff;/* customize_header_background */ padding:40px 3.8% 20px; overflow:hidden; border-top:4px solid #c41c39; }
#logo { font-family: 'Lato', Arial, Helvetica, sans-serif; display:inline-block; float:left; width:40%; }
#logo img{ margin-top: -40px!important; }
#logo a { font-size:3.5em; color:#666; text-decoration:none; line-height:1em; }
a#logo-text { /* customize_header_logo */color:#fff;/* customize_header_logo */ /* customize_header_logo_background */background-color:#ccc;/* customize_header_logo_background */ display:inline-block; margin-top: -40px!important; padding: 60px 10px 10px; border-bottom-width:3px; border-bottom-style:solid; /* customize_header_logo_border */border-bottom-color:#aaa;/* customize_header_logo_border */ text-shadow:1px 1px 1px #ddd, -1px -1px 2px #666; }
a#logo-text:hover { /* customize_header_logo_background_hover */background-color:#bbb;/* customize_header_logo_background_hover */ /* customize_header_logo_border_hover */border-bottom-color:#888;/* customize_header_logo_border_hover */ text-shadow:1px 1px 1px #ddd, -1px -1px 2px #444; }
#header-area { float:right; text-align:right; width:60%; }
#header-area p { margin:0; }

/* Main Navigation (Superfish) */
.sf-menu, .sf-menu * { margin:0; padding:0; list-style:none; }
.sf-menu { line-height:1.0; }
.sf-menu ul { position:absolute; top:-999em; width:200px; }
.sf-menu ul li { width:100%; }
.sf-menu li:hover { visibility:inherit; }
.sf-menu li { float:left; position:relative; }
.sf-menu a { display:block; position:relative; }
.sf-menu li:hover ul, .sf-menu li.sfHover ul { left:0; top:3em; z-index:99; }
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top:-999em; }
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left:200px; top:0; }
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top:-999em; }
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left:200px; top:0; }
.sf-menu a.sf-with-ul { padding-right:1.75em!important; min-width:1px; }
.sf-sub-indicator { position:absolute; display:block; right:0.75em; top:1.05em; width:10px; height:10px; text-indent:-999em; overflow:hidden; background:url(../images/arrows-ffffff.png) no-repeat -10px -100px; }
a > .sf-sub-indicator { top:0.8em; background-position:0 -100px; }
a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator { background-position: -10px -100px; }
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
.sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator { background-position: -10px 0; }
.sf-shadow ul { background: url(../images/shadow.png) no-repeat bottom right; padding: 0 8px 9px 0; -moz-border-radius-bottomleft: 17px; -moz-border-radius-topright: 17px; -webkit-border-top-right-radius: 17px; -webkit-border-bottom-left-radius: 17px; }
.sf-shadow ul.sf-shadow-off { background: transparent; }

nav { /* customize_nav_background */background-color:#323232;/* customize_nav_background */ margin:0; padding:0 3.8%; clear:both; z-index:10; }
nav ul li a { font-family: 'Lato', Arial, Helvetica, sans-serif; font-size:1.25em; /* customize_nav_link */color:#ddd;/* customize_nav_link */ text-decoration:none; text-shadow:1px 1px 3px #111; padding:0.75em 1em!important; }
nav ul li a:hover, nav ul li a.nav-selected, nav ul li a.nav-path-selected, nav ul li:hover { /* customize_nav_link_hover */color:#fff;/* customize_nav_link_hover */ /* customize_nav_link_hover_background */background-color:#292929;/* customize_nav_link_hover_background */ }
nav li ul { z-index:99; }
nav li li { /* customize_nav_link_hover_background */background-color:#292929;/* customize_nav_link_hover_background */ font-size: 0.8em; }
nav li li a:hover, nav li li a.nav-selected, nav li li a.nav-path-selected { /* customize_nav_dropdown_link_hover_background */background-color:#222;/* customize_nav_dropdown_link_hover_background */ }
nav li li li { font-size:1em; }
nav .clearboth { height:0; }

/* Feature */
#feature { margin:0 auto; overflow:hidden; }
#feature p { font-size:1.3em; }
#feature img { vertical-align:bottom; }

/* Wrapper */
#wrapper { margin:0; padding:3.8%; overflow: hidden; }

/* Page Meta */
#page-meta { border-bottom:1px solid #ccc; margin-bottom:3%; padding-bottom:3%; }
#page-meta h1 { margin:0; }
#page-meta p { margin:0.25em 0 0; font-family:"Droid Serif", Georgia, Times, serif; font-style:italic; font-size:1.2em; }

/* Breadcrumbs */
#breadcrumbs { margin-bottom:0.75em; font-family:"Lato", Arial, Helvetica, sans-serif; font-size:0.75em; text-transform:uppercase; color:#999; float:right; }
#breadcrumbs a { color:#999; }
#breadcrumbs a:hover { color:#777; }

/* Sidebar Navigation */
#sidebar ul.nav, #sidebar ul.nav ul { margin: 0 0 2em; padding: 0; list-style: none; font-family: 'Lato', Arial, Helvetica, sans-serif; }
#sidebar ul.nav li { font-size: 1.1em; text-transform:uppercase; margin-top:2px; margin-bottom:3px; padding:0; }
#sidebar ul.nav li a { background:#eee; color:#666; text-decoration:none; display:block; padding:5px; border-left:3px solid #bbb; }
#sidebar ul.nav li a:hover, #sidebar ul.nav li a.nav-selected, #sidebar ul.nav li a.nav-path-selected { background:#ddd!important; color: #444!important; border-left-color:#888!important; }
#sidebar ul.nav li a.nav-selected, #sidebar ul.nav li a.nav-path-selected { font-weight: bold; }
#sidebar ul.nav li li { border-bottom:none!important; color:#777; font-size:0.85em; text-transform:none; }
#sidebar ul.nav li ul { margin:0.5em 1em; }
#sidebar ul.nav li li a { background:none; padding:0!important; border:none; }
#sidebar ul.nav li li a:hover, #sidebar ul.nav li li a.nav-selected, #sidebar ul.nav li li a.nav-path-selected { background:none!important; }

/* Footer */
footer { /* customize_footer_background */background-color:#444;/* customize_footer_background */ clear:both; margin:0; padding:40px 3.8%; border-top:2px solid #333; font-size:12px; /* customize_footer_text_color */color:#ddd;/* customize_footer_text_color */ text-shadow:1px 1px 3px #111; }
footer a { /* customize_footer_link */color:#ddd;/* customize_footer_link */ }
footer a:hover { /* customize_footer_link_hover */color:#fff;/* customize_footer_link_hover */ }
footer .row:first-child { margin-bottom:3.8%; }
footer #credits { overflow:hidden; }
footer #credits p { margin:0; }
footer #credits .right { font-family:"Droid Serif", Georgia, Times, serif; font-style:italic; }
footer h1, footer h2, footer h3, footer h4, footer h5, footer h6 { /* customize_footer_heading_color */color:#ddd;/* customize_footer_heading_color */ }
footer ul { margin-left:0; list-style:none; }
footer ul li { border-bottom:1px dotted #777; padding:5px 0; }
footer ul li a { display:block; text-decoration:none; }

/* Buttons */
#container a.button, #container button, #container input[type="submit"], #container input[type="reset"], #container input[type="button"] { background: #eee; border: 1px solid #aaa; border-top: 1px solid #ccc; border-left: 1px solid #ccc; padding: 4px 12px; border-radius: 3px; color: #444; display: inline-block; font-size: 11px; font-weight: bold; text-decoration: none; text-shadow: 0 1px rgba(255, 255, 255, .75); cursor: pointer; margin-bottom: 20px; line-height: 21px; font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }

/* Utilities */
.left  { float: left; }
.right { float: right; }
.clearboth { clear: both; }
.clear { display:inline-block; }
.clear:after { display:block; visibility:hidden; clear:both; height:0; content: "."; }



/* ---------------- packages/columnal.css (merged) ---------------- */
/* COLUMNAL - CORE
///////////////////////////////////////////// */

/* Column code based on work from cssgrid.net: 
The 1140px Grid by Andy Taylor – http://cssgrid.net – http://www.twitter.com/andytlr – http://www.catchingzebra.com */
.container {padding-left: 20px; padding-right: 20px;}
.row {clear: both; overflow: hidden;}

.col_1, .col_2, .col_3, .col_4, .col_5, .col_6, .col_7, .col_8, .col_9, .col_10, .col_11 {float: left; margin-right: 3.8%; position: relative;}

.col_1 {width: 4.85%;}  /* ie - 4.7% */
.col_2 {width: 13.5%;}  /* ie - 13.2% */
.col_3 {width: 22.15%;} /* ie - 22.05% */
.col_4 {width: 30.8%;} 	/* ie - 30.6% */
.col_5 {width: 39.45%;} /* ie - 39% */
.col_6 {width: 48.1%;} 	/* ie - 48% */
.col_7 {width: 56.75%;} /* ie - 56.75% */
.col_8 {width: 65.4%;} 	/* ie - 61.6% */
.col_9 {width: 74.05%;} /* ie - 74.05% */
.col_10 {width: 82.7%;} /* ie - 82.7% */
.col_11 {width: 91.35%;}/* ie - 91.35% */
.col_12 {clear: both; width: 100%; float: left;}


.last, .omega {margin-right: 0 !important;}
img, object, embed {max-width: 100%;}


/*
_______________________________
Columnal - sub-columns */

.col_2 .col_1 {margin-right:28.62%; width:35.69%;}
.col_2 .pre_1 {padding-left:35.69%;}
.col_2 .suf_1 {padding-right:35.69%;}

/* */

.col_3 .col_2, .col_3 .col_1 {margin-right:17.45%;}
.col_3 .col_1 {width:21.7%;}
.col_3 .col_2 {width:60.86%;}

.col_3 .pre_1 {padding-left:21.7%;}
.col_3 .pre_2 {padding-left:60.86%;}

.col_3 .suf_1 {padding-right:21.7%;}
.col_3 .suf_2 {padding-right:60.86%;}

/* */

.col_4 .col_3, .col_4 .col_2, .col_4 .col_1 {margin-right:12.36%;}
.col_4 .col_1 {width:15.73%;}
.col_4 .col_2 {width:43.82%;}
.col_4 .col_3 {width:71.91%;}

.col_4 .pre_1 {padding-left:28.09%;}
.col_4 .pre_2 {padding-left:56.18%;}
.col_4 .pre_3 {padding-left:84.27%;}

.col_4 .suf_1 {padding-right:28.09%;}
.col_4 .suf_2 {padding-right:56.18%;}
.col_4 .suf_3 {padding-right:84.27%;}

/* */

.col_5 .col_4, .col_5 .col_3, .col_5 .col_2, .col_5 .col_1 {margin-right:9.7%;} 
.col_5 .col_1 {width:12.24%;}
.col_5 .col_2 {width:34%;}
.col_5 .col_3 {width:56.28%;}
.col_5 .col_4 {width:78%;}

.col_5 .pre_1 {padding-left:21.94%;}
.col_5 .pre_2 {padding-left:43.7%;}
.col_5 .pre_3 {padding-left:65.98%;}
.col_5 .pre_4 {padding-left:87.7%;}

.col_5 .suf_1 {padding-right:21.94%;}
.col_5 .suf_2 {padding-right:43.7%;}
.col_5 .suf_3 {padding-right:65.98%;}
.col_5 .suf_4 {padding-right:87.7%;}

/* */

.col_6 .col_5, .col_6 .col_4, .col_6 .col_3, .col_6 .col_2, .col_6 .col_1 {margin-right:7.77%}
.col_6 .col_1 {width:10.19%;}
.col_6 .col_2 {width: 28.13%;}
.col_6 .col_3 {width: 46.11%;}
.col_6 .col_4 {width: 64.1%;}
.col_6 .col_5 {width: 82%;}

.col_6 .pre_1 {padding-left:89.77%;}
.col_6 .pre_2 {padding-left:71.87%;}
.col_6 .pre_3 {padding-left:53.88%;}
.col_6 .pre_4 {padding-left:35.9%;}
.col_6 .pre_5 {padding-left:17.96%;}

.col_6 .suf_1 {padding-right:89.77%;}
.col_6 .suf_2 {padding-right:71.87%;}
.col_6 .suf_3 {padding-right:53.88%;}
.col_6 .suf_4 {padding-right:35.9%;}
.col_6 .suf_5 {padding-right:17.96%;}

/* */

.col_7 .col_6, .col_7 .col_5, .col_7 .col_4, .col_7 .col_3, .col_7 .col_2, .col_7 .col_1 {margin-right: 6.56%;}
.col_7 .col_1 {width:8.66%;}
.col_7 .col_2 {width:23.88%;}
.col_7 .col_3 {width:39.11%;}
.col_7 .col_4 {width:54.33%;}
.col_7 .col_5 {width:69.56%;}
.col_7 .col_6 {width:84.78%;}

.col_7 .pre_1 {padding-left:15.22%;}
.col_7 .pre_2 {padding-left:30.44%;}
.col_7 .pre_3 {padding-left:45.67%;}
.col_7 .pre_4 {padding-left:60.89%;}
.col_7 .pre_5 {padding-left:76.12%;}
.col_7 .pre_6 {padding-left:91.34%;}

.col_7 .suf_1 {padding-right:15.22%;}
.col_7 .suf_2 {padding-right:30.44%;}
.col_7 .suf_3 {padding-right:45.67%;}
.col_7 .suf_4 {padding-right:60.89%;}
.col_7 .suf_5 {padding-right:76.12%;}
.col_7 .suf_6 {padding-right:91.34%;}

/* */

.col_8 .col_7, .col_8 .col_6, .col_8 .col_5, .col_8 .col_4, .col_8  .col_3, .col_8 .col_2, .col_8 .col_1 {margin-right:5.78%;}
.col_8 .col_1 {width:7.44%;}
.col_8 .col_2 {width:20.66%;}
.col_8 .col_3 {width:33.89%;}
.col_8 .col_4 {width:47.11%;}
.col_8 .col_5 {width:60.33%;}
.col_8 .col_6 {width:73.56%;}
.col_8 .col_7 {width:86.78%;}

.col_8 .pre_1 {padding-left:13.22%;}
.col_8 .pre_2 {padding-left:26.44%;}
.col_8 .pre_3 {padding-left:39.67%;}
.col_8 .pre_4 {padding-left:52.89%;}
.col_8 .pre_5 {padding-left:66.11%;}
.col_8 .pre_6 {padding-left:79.34%;}
.col_8 .pre_7 {padding-left:92.56%;}

.col_8 .suf_1 {padding-right:13.22%;}
.col_8 .suf_2 {padding-right:26.44%;}
.col_8 .suf_3 {padding-right:39.67%;}
.col_8 .suf_4 {padding-right:52.89%;}
.col_8 .suf_5 {padding-right:66.11%;}
.col_8 .suf_6 {padding-right:79.34%;}
.col_8 .suf_7 {padding-right:92.56%;}

/* */

.col_9 .col_1, .col_9 .col_2, .col_9 .col_3, .col_9 .col_4, .col_9 .col_5, .col_9 .col_6, .col_9 .col_6, .col_9 .col_7, .col_9 .col_8 {margin-right:5.1%;}
.col_9 .col_1 {width:6.57%;}
.col_9 .col_2 {width:18.25%;}
.col_9 .col_3 {width:29.93%;}
.col_9 .col_4 {width:41.61%;}
.col_9 .col_5 {width:53.25%}
.col_9 .col_6 {width:64.97%;}
.col_9 .col_7 {width:76.65%;}
.col_9 .col_8 {width:88.33%;}

.col_9 .pre_1 {padding-left:11.67%;}
.col_9 .pre_2 {padding-left:23.35%;}
.col_9 .pre_3 {padding-left:35.03%;}
.col_9 .pre_4 {padding-left:46.71%;}
.col_9 .pre_5 {padding-left:58.35%}
.col_9 .pre_6 {padding-left:70.07%;}
.col_9 .pre_7 {padding-left:81.75%;}
.col_9 .pre_8 {padding-left:93.43%;}

.col_9 .suf_1 {padding-right:11.67%;}
.col_9 .suf_2 {padding-right:23.35%;}
.col_9 .suf_3 {padding-right:35.03%;}
.col_9 .suf_4 {padding-right:46.71%;}
.col_9 .suf_5 {padding-right:58.35%}
.col_9 .suf_6 {padding-right:70.07%;}
.col_9 .suf_7 {padding-right:81.75%;}
.col_9 .suf_8 {padding-right:93.43%;}

/* */

.col_10 .col_9, .col_10 .col_8, .col_10 .col_7, .col_10 .col_6, .col_10 .col_5, .col_10 .col_4, .col_10 .col_3, .col_10 .col_2, .col_10 .col_1 {margin-right:4.61%;}
.col_10 .col_1 {width:5.85%;}
.col_10 .col_2 {width:16.31%;}
.col_10 .col_3 {width:26.77%;}
.col_10 .col_4 {width:37.23%;}
.col_10 .col_5 {width:47.69%;}
.col_10 .col_6 {width:58.16%;}
.col_10 .col_7 {width:68.62%;}
.col_10 .col_8 {width:79.08%;}
.col_10 .col_9 {width:89.54%;}

.col_10 .pre_1 {padding-left:10.46%;}
.col_10 .pre_2 {padding-left:20.92%;}
.col_10 .pre_3 {padding-left:31.38%;}
.col_10 .pre_4 {padding-left:41.84%;}
.col_10 .pre_5 {padding-left:52.3%;}
.col_10 .pre_6 {padding-left:62.77%;}
.col_10 .pre_7 {padding-left:73.23%;}
.col_10 .pre_8 {padding-left:83.69%;}
.col_10 .pre_9 {padding-left:94.06%;}

.col_10 .suf_1 {padding-right:10.46%;}
.col_10 .suf_2 {padding-right:20.92%;}
.col_10 .suf_3 {padding-right:31.38%;}
.col_10 .suf_4 {padding-right:41.84%;}
.col_10 .suf_5 {padding-right:52.3%;}
.col_10 .suf_6 {padding-right:62.77%;}
.col_10 .suf_7 {padding-right:73.23%;}
.col_10 .suf_8 {padding-right:83.69%;}
.col_10 .suf_9 {padding-right:94.06%;}

/* */

.col_11 .col_10, .col_11 .col_9, .col_11 .col_8, .col_11 .col_7, .col_11 .col_6, .col_11 .col_5, .col_11 .col_4, .col_11 .col_3, .col_11 .col_2, .col_11 .col_1 {margin-right:4.14%;}
.col_11 .col_1 {width:5.32%;}
.col_11 .col_2 {width:14.79%;}
.col_11 .col_3 {width:24.26%;}
.col_11 .col_4 {width:33.73%;}
.col_11 .col_5 {width:43.2%;}
.col_11 .col_6 {width:52.66%;}
.col_11 .col_7 {width:62.1%;}
.col_11 .col_8 {width:71.6%;}
.col_11 .col_9 {width:81.07%;}
.col_11 .col_10 {width:90.54%;}

.col_11 .pre_1 {padding-left:9.46%;}
.col_11 .pre_2 {padding-left:18.93%;}
.col_11 .pre_3 {padding-left:28.4%;}
.col_11 .pre_4 {padding-left:37.87%;}
.col_11 .pre_5 {padding-left:47.34%;}
.col_11 .pre_6 {padding-left:56.8%;}
.col_11 .pre_7 {padding-left:66.24%;}
.col_11 .pre_8 {padding-left:75.74%;}
.col_11 .pre_9 {padding-left:85.21%;}
.col_11 .pre_10 {padding-left:94.68%;}

.col_11 .suf_1 {padding-right:9.46%;}
.col_11 .suf_2 {padding-right:18.93%;}
.col_11 .suf_3 {padding-right:28.4%;}
.col_11 .suf_4 {padding-right:37.87%;}
.col_11 .suf_5 {padding-right:47.34%;}
.col_11 .suf_6 {padding-right:56.8%;}
.col_11 .suf_7 {padding-right:66.24%;}
.col_11 .suf_8 {padding-right:75.74%;}
.col_11 .suf_9 {padding-right:85.21%;}
.col_11 .suf_10 {padding-right:94.68%;}

/*
_______________________________
Columnal - prefix and suffix columns for horizontal spacing options */

/* spacing for before column */
.pre_1 {padding-left: 8.65%;} /* 4.85 + 3.8 */
.pre_2 {padding-left: 17.3%;} /* 13.5 + 3.8 */
.pre_3 {padding-left: 25.95%;} /* 22.15 + 3.8 */
.pre_4 {padding-left: 34.6%;} /* 30.8 + 3.8 */
.pre_5 {padding-left: 43.25%;} /* 39.45 + 3.8 */
.pre_6 {padding-left: 51.9%;} /* 48.1 + 3.8 */
.pre_7 {padding-left: 60.55%;} /* 56.75 + 3.8 */
.pre_8 {padding-left: 69.2%;} /* 65.4 + 3.8 */
.pre_9 {padding-left: 77.85%;} /* 74.05 + 3.8 */
.pre_10 {padding-left: 86.5%;} /* 82.7 + 3.8 */
.pre_11 {padding-left: 95.15%;} /* 91.35 + 3.8 */

/* spacing for after column */
.suf_1 {padding-right: 8.65%;}
.suf_2 {padding-right: 17.3%;}
.suf_3 {padding-right: 25.95%}
.suf_4 {padding-right: 34.6%;}
.suf_5 {padding-right: 43.25%;}
.suf_6 {padding-right: 51.9%;}
.suf_7 {padding-right: 60.55%;}
.suf_8 {padding-right: 69.2%;}
.suf_9 {padding-right: 77.85%;}
.suf_10 {padding-right: 86.5%;}
.suf_11 {padding-right: 95.15%;}

/*
_______________________________
Columnal - vertical spacing options */

.margin_top_5 {margin-top: 5px !important;}
.margin_top_15 {margin-top: 15px !important;}
.margin_top_25 {margin-top: 25px !important;}
.margin_top_30 {margin-top: 30px !important;}
.margin_top_35 {margin-top: 35px !important;}
.margin_top_45 {margin-top: 45px !important;}
.margin_top_60 {margin-top: 60px !important;}
.margin_top_90 {margin-top: 90px !important;}
.margin_top_120 {margin-top: 120px !important;}

.margin_bottom_5 {margin-bottom: 5px !important;}
.margin_bottom_15 {margin-bottom: 15px !important;}
.margin_bottom_25 {margin-bottom: 25px !important;}
.margin_bottom_30 {margin-bottom: 30px !important;}
.margin_bottom_35 {margin-bottom: 35px !important;}
.margin_bottom_45 {margin-bottom: 45px !important;}
.margin_bottom_60 {margin-bottom: 60px !important;}
.margin_bottom_90 {margin-bottom: 90px !important;}
.margin_bottom_120 {margin-bottom: 120px !important;}

.padding_top_15 {padding-top:15px !important;}
.padding_top_30 {padding-top:30px !important;}
.padding_top_45 {padding-top:45px !important;}
.padding_top_60 {padding-top:60px !important;}
.padding_top_90 {padding-top:90px !important;}
.padding_top_120 {padding-top:120px !important;}
.padding_top_130 {padding-top:130px !important;}

.padding_bottom_15 {padding-bottom:15px !important;}
.padding_bottom_30 {padding-bottom:30px !important;}
.padding_bottom_45 {padding-bottom:45px !important;}
.padding_bottom_60 {padding-bottom:60px !important;}
.padding_bottom_90 {padding-bottom:90px !important;}
.padding_bottom_120 {padding-bottom:120px !important;}
.padding_bottom_130 {padding-bottom:130px !important;}



/*
_______________________________
Columnal - extras */

.clear, .clearboth {clear:both !important;}
.clearleft {clear:left !important;}
.clearright {clear:right !important;}

.textcenter {text-align:center;}
.textright {text-align:right;}
.textleft {text-align:left;}

/* this will insert a pseduo element clears floats for an element containing floated content */
.selfclear:after {clear:both; content:"."; display:block; height:0; visibility:hidden;}

.mobile-only {display: none;}

/* END COLUMNAL - CORE CODE
///////////////////////////////////////////// */


/* COLUMNAL - MOBILE
///////////////////////////////////////////// */

@media handheld, only screen and (max-width: 767px) {
	.row, .body, .container {
	width: 100%;
	margin-left:0;
	margin-right:0;
	padding-left:0;
	padding-right:0;
	}
	/* kill prefixes and suffixes, otherwise 1-column version breaks */
	.pre_1, .pre_2, .pre_3, .pre_4, .pre_5, .pre_6, .pre_7, .pre_8, .pre_9, .pre_10, .pre_11 {padding-left: 0;}
	.suf_1, .suf_2, .suf_3, .suf_4, .suf_5, .suf_6, .suf_7, .suf_8, .suf_9, .suf_10, .suf_11 {padding-right: 0;}

	/************************************************************************/

	/* cssgrid.net - mobile presets */
	.col_1, .col_2, .col_3, .col_4, .col_5, .col_6,
	.col_7, .col_8, .col_9, .col_10, .col_11, .col_12 {
		clear: both;
		float: none;
		margin-left: 0;
		margin-right: 0;
		padding-left: 0;
		padding-right: 0;
		width: auto;
		width: -moz-available;
	}


	/* Columnal - sub columns */
	.col_2 .col_1, 
	.col_3 .col_2, .col_3 .col_1,
	.col_4 .col_3, .col_4 .col_2, .col_4 .col_1,
	.col_5 .col_4, .col_5 .col_3, .col_5 .col_2, .col_5 .col_1,
	.col_6 .col_5, .col_6 .col_4, .col_6 .col_3, .col_6 .col_2, .col_6 .col_1,
	.col_7 .col_6, .col_7 .col_5, .col_7 .col_4, .col_7 .col_3, .col_7 .col_2, .col_7 .col_1,
	.col_8 .col_7, .col_8 .col_6, .col_8 .col_5, .col_8 .col_4, .col_8 .col_3, .col_8 .col_2, .col_8 .col_1,
	.col_9 .col_1, .col_9 .col_2, .col_9 .col_3, .col_9 .col_4, .col_9 .col_5, .col_9 .col_6, .col_9 .col_7, .col_9 .col_8,
	.col_10 .col_9, .col_10 .col_8, .col_10 .col_7, .col_10 .col_6, .col_10 .col_5, .col_10 .col_4, .col_10 .col_3, .col_10 .col_2, .col_10 .col_1,
	.col_11 .col_10, .col_11 .col_9, .col_11 .col_8, .col_11 .col_7, .col_11 .col_6, .col_11 .col_5, .col_11 .col_4, .col_11 .col_3, .col_11 .col_2, .col_11 .col_1,
	.col_12 .col_11, .col_12 .col_10, .col_12 .col_9, .col_12 .col_8, .col_12 .col_7, .col_12 .col_6, .col_12 .col_5, .col_12 .col_4, .col_12 .col_3, .col_12 .col_2, .col_12 .col_1 {
		padding-left: 0;
		padding-right: 0;
		width: 100%;
	}

	/* .row {width: 100%;} */
	/* Type presets */
	.container h1 {margin:.5em 0 .5em;}
	.container h2 {margin:.5em 0 .535em;}
	.container h3 {margin:.5em 0 .57em;}
	.container h4 {margin:.5em 0 .615em;}
	.container h5 {margin:.5em 0 .67em;}
	.container h6 {margin:.5em 0 .8em;}

	/* .reverse {padding-top: 1em; margin-bottom: 1em;} */

	/* Columnal content control - use on any elements to show/hide content on mobile */
	.mobile-hide {display: none;}
	.mobile-only {display: block;}

	/*****************************************
	   CUSTOM ADDITIONS FOR MOBILE SITE LAYOUT 
	*****************************************/

	

}
/* END COLUMNAL - MOBILE
///////////////////////////////////////////// */


/* ---------------- packages/mobile.css (merged) ---------------- */
/* ====================== */
/* ! Mobile Style Sheet   */
/* ====================== */

/* Smaller screens */

@media only screen and (max-width: 1023px) {

}


/* Mobile */

@media handheld, only screen and (max-width: 767px) {
	
	body {
		-webkit-text-size-adjust: none;
	}
	
	header {
		padding:20px 3.8%;
	}
	
	#logo, #header-area {
		width: 100%;
		min-width: 0;
		margin-left: 0px;
		margin-right: 0px;
		padding-left: 0px;
		padding-right: 0px;
	}
	
	#logo {
		margin-bottom:3%;
		max-width:100%;
	}
	a#logo-text {
		margin-top: -20px!important;
	}
	
	#header-area {
		max-width:100%;
		text-align:left;
	}
	#header-area form {
		margin-bottom:10px;
	}
	
	nav {
		padding:0;
	}
	nav ul li {
		float:none!important;
		border-top:1px solid #444;
	}
	nav ul li:first-child, nav ul li li {
		border-top:none!important;
	}
	nav ul li a {
		font-size:1.1em;
		padding:0.75em 1em !important;
	}
	.sf-menu li:hover ul,
	.sf-menu li.sfHover ul {
		top:2.75em;
	}
	
	.col_1, .col_2, .col_3, .col_4, .col_5, .col_6, .col_7, .col_8, .col_9, .col_10, .col_11 {
		margin-bottom:1.5em;
	}
	
	#breadcrumbs {
		float:none!important;
	}
	
	footer #credits p {
		float:none!important;
		margin-bottom: 1em;
	}
	
	.ccm-layout-table .ccm-layout-col {
		float: none !important;
		width: 100% !important;
	}
	
}